﻿ @charset "utf-8"; /* 公共样式 - start */ body, input, textarea {     font-family: 'ManropeRegular', "PingFang SC", "Microsoft YaHei" !important; } /* wow弹窗字体引入 */ .altumcode {     --fontFamily: 'ManropeRegular', "PingFang SC", "Microsoft YaHei" !important; } @font-face {     font-family: 'ManropeLight';     src: url('../fonts/ManropeLight.eot');     src: url('../fonts/ManropeLight.eot') format('embedded-opentype'),         url('../fonts/ManropeLight.woff2') format('woff2'),         url('../fonts/ManropeLight.woff') format('woff'),         url('../fonts/ManropeLight.ttf') format('truetype'),         url('../fonts/ManropeLight.svg#ManropeLight') format('svg'); } @font-face {     font-family: 'ManropeRegular';     src: url('../fonts/ManropeRegular.eot');     src: url('../fonts/ManropeRegular.eot') format('embedded-opentype'),         url('../fonts/ManropeRegular.woff2') format('woff2'),         url('../fonts/ManropeRegular.woff') format('woff'),         url('../fonts/ManropeRegular.ttf') format('truetype'),         url('../fonts/ManropeRegular.svg#ManropeRegular') format('svg'); } @font-face {     font-family: 'ManropeMedium';     src: url('../fonts/ManropeMedium.eot');     src: url('../fonts/ManropeMedium.eot') format('embedded-opentype'),         url('../fonts/ManropeMedium.woff2') format('woff2'),         url('../fonts/ManropeMedium.woff') format('woff'),         url('../fonts/ManropeMedium.ttf') format('truetype'),         url('../fonts/ManropeMedium.svg#ManropeMedium') format('svg'); } @font-face {     font-family: 'ManropeSemiBold';     src: url('../fonts/ManropeSemiBold.eot');     src: url('../fonts/ManropeSemiBold.eot') format('embedded-opentype'),         url('../fonts/ManropeSemiBold.woff2') format('woff2'),         url('../fonts/ManropeSemiBold.woff') format('woff'),         url('../fonts/ManropeSemiBold.ttf') format('truetype'),         url('../fonts/ManropeSemiBold.svg#ManropeSemiBold') format('svg'); } @font-face {     font-family: 'ManropeBold';     src: url('../fonts/ManropeBold.eot');     src: url('../fonts/ManropeBold.eot') format('embedded-opentype'),         url('../fonts/ManropeBold.woff2') format('woff2'),         url('../fonts/ManropeBold.woff') format('woff'),         url('../fonts/ManropeBold.ttf') format('truetype'),         url('../fonts/ManropeBold.svg#ManropeBold') format('svg'); } html {     font-size: 100px; } /* a[href=""],a[href='']{    cursor:default} */ .mod-form input:-webkit-autofill, .mod-form input:-webkit-autofill:hover, .mod-form input:-webkit-autofill:focus, .mod-form input:-webkit-autofill:active {     -webkit-text-fill-color: #333 !important; } :root {     /* 字号 */     --font100: 1.0rem;     --font98: 0.98rem;     --font96: 0.96rem;     --font94: 0.94rem;     --font92: 0.92rem;     --font90: 0.90rem;     --font88: 0.88rem;     --font86: 0.86rem;     --font84: 0.84rem;     --font82: 0.82rem;     --font80: 0.80rem;     --font78: 0.78rem;     --font76: 0.76rem;     --font74: 0.74rem;     --font72: 0.72rem;     --font70: 0.70rem;     --font68: 0.68rem;     --font66: 0.66rem;     --font64: 0.64rem;     --font62: 0.62rem;     --font60: 0.60rem;     --font58: 0.58rem;     --font56: 0.56rem;     --font54: 0.54rem;     --font52: 0.52rem;     --font50: 0.50rem;     --font48: 0.48rem;     --font46: 0.46rem;     --font44: 0.44rem;     --font42: 0.42rem;     --font40: 0.40rem;     --font38: 0.38rem;     --font36: 0.36rem;     --font34: 0.34rem;     --font32: 0.32rem;     --font30: 0.30rem;     --font28: 0.28rem;     --font26: 0.26rem;     --font24: 0.24rem;     --font22: 0.22rem;     --font20: 0.20rem;     --font18: 0.18rem;     --font16: 0.16rem;     --font14: 0.14rem;     --font12: 0.12rem;     /* 间距 */     --space250: 2.5rem;     --space240: 2.4rem;     --space230: 2.3rem;     --space220: 2.2rem;     --space210: 2.1rem;     --space200: 2.0rem;     --space190: 1.9rem;     --space180: 1.8rem;     --space170: 1.7rem;     --space160: 1.6rem;     --space150: 1.5rem;     --space140: 1.4rem;     --space130: 1.3rem;     --space120: 1.2rem;     --space110: 1.1rem;     --space100: 1.0rem;     --space90: 0.9rem;     --space80: 0.8rem;     --space70: 0.7rem;     --space60: 0.6rem; } :root {     /* 行高 */     --line12: 1.2;     --line13: 1.3;     --line14: 1.4;     --line15: 1.5;     --line16: 1.6;     --line175: 1.75;     --line18: 1.8;     /* 导航-高度 */     --headh: 70px;     /* 颜色 */     --color333: #333;     --color444: #444;     --color666: #666;     --color999: #999;     --colorfff: #fff;     --color151: #151515;     --color193: #193311;     --color2a4: #2A4A20;     --colormain: #598F35;     --colorbj: #F0831E;   --colorF9F: #f9fcf8;     /* 板块间距 */     --space40: 0.4rem;     /* 段落间距 */     --parpspace16: 0.16rem;     --parpspace12: 0.12rem;     --parpspace10: 0.1rem;     /* 特殊字体或粗细 */     --bold: 'ManropeBold';     --sembold: 'ManropeSemiBold';     --medium: 'ManropeMedium';     --light: 'ManropeLight';     --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(--line12);}.std-font56,.std-font56 p {  font-size: var(--font56);  color: var(--colorfff);  line-height: var(--line12);  font-family: var(--sembold);}.std-font48,.std-font48 p,.yxedr-active h2 {  font-size: var(--font48);  color: var(--color333);  line-height: var(--line12);}.std-font40,.std-font40 p,.yxedr-active h3 {  font-size: var(--font40);  color: var(--color333);  line-height: var(--line12);}.std-font32,.std-font32 p,.yxedr-active h4 {  font-size: var(--font32);  color: var(--color333);  line-height: var(--line12);}.std-font24,.std-font24 p,.yxedr-active h5 {  font-size: var(--font24);  color: var(--color333);  line-height: var(--line12);}.std-font20,.std-font20 p,.yxedr-active h5 {  font-size: var(--font20);  color: var(--color333);  line-height: var(--line15);}.std-text18,.std-text18 p {  font-size: var(--font18);  color: var(--color333);  line-height: var(--line15);}.std-text16,.std-text16 p {  font-size: var(--font16);  color: var(--color333);  line-height: var(--line15);} .yxedr-active, .yxedr-active p {     font-size: var(--font16);     color: var(--color333);     line-height: var(--line175); } .yxedr-active p {     margin-bottom: 0.75em; } .yxedr-active>p:last-child {     margin-bottom: 0; }.std-padding140t {  padding-top: var(--space140);}.std-padding140ts {  padding: var(--space140) 0;}.std-padding140 {  padding-bottom: var(--space140);} .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; } .ys-ban-li.act .ys-ban-li-pop {     animation: ysfadeInUp .8s ease-in-out both;     animation-delay: 0.4s; } /* 公共样式 - end */ /* 按钮样式-start */ .std-btn1-link-text {     font-size: var(--font16);     color: var(--colorfff);     line-height: 48px;     margin-right: 0.24rem; } .std-btn1-link-icon {     width: 12px; } .std-btn1-link-icon img {     width: 100%; } .std-btn1-link {     display: flex;     align-items: center;     background-color: var(--colormain);     border-radius: 200px;     padding: 0 0.36rem;     transition: var(--transition); } .std-btn1 {     display: inline-block; } /* 按钮样式-end */ /* 首页-start */ .hnit-text {     font-size: var(--font18);     color: var(--colorfff);     line-height: var(--font16);     transition: var(--transition); } .hnit-icon {     width: 16px;     position: relative;     margin-left: 0.06rem; } .hnit-icon img {     width: 100%;     transition: var(--transition); } .hnit-icon img:last-child {     position: absolute;     left: 0;     top: 0;     opacity: 0; } .head-nav-item-title {     display: flex;     align-items: center;     padding: 8px;     margin: 0 0.5rem; } .head-nav-item {     position: relative;     display: flex;     align-items: center;     justify-content: center; } .head-search-btn {     position: relative;     height: 40px;     display: flex;     align-items: center;     cursor: pointer;     width: 40px;     padding: 8px;     border-radius: 8px;     border: 0.6px solid rgba(255, 255, 255, 0.20);     background: rgba(255, 255, 255, 0.06);     backdrop-filter: blur(5px);     -webkit-backdrop-filter: blur(5px);     -moz-backdrop-filter: blur(5px);     -ms-backdrop-filter: blur(5px);     -o-backdrop-filter: blur(5px);     transform: rotate(0deg);     -webkit-transform: rotate(0deg);     transition: var(--transition); } .head-search-btn .ys-imgbox-cover {     width: 24px; } .head-lang-top-text {     margin-left: 0.1rem;     color: var(--colorfff);     font-size: var(--font18);     line-height: var(--line12);     font-family: var(--light); } .head-lang-top {     padding: 0.08rem 0.16rem;     border-radius: 8px;     border: 0.6px solid rgba(255, 255, 255, 0.20);     background: rgba(255, 255, 255, 0.06);     backdrop-filter: blur(5px);     -webkit-backdrop-filter: blur(5px);     -moz-backdrop-filter: blur(5px);     -ms-backdrop-filter: blur(5px);     -o-backdrop-filter: blur(5px);     transform: rotate(0deg);     -webkit-transform: rotate(0deg);     height: 40px; } .ys-hd-pc.isfixed .hnit-text {     color: var(--color151); } .ys-hd-pc.isfixed .hnit-icon img:last-child {     opacity: 1; } .ys-hd-pc.isfixed .hnit-icon img:first-child {     opacity: 0; } .ys-hd-pc.isfixed .head-search-btn {     border: 0.6px solid transparent;     background: var(--colorbj);     backdrop-filter: blur(0);     -webkit-backdrop-filter: blur(0);     -moz-backdrop-filter: blur(0);     -ms-backdrop-filter: blur(0);     -o-backdrop-filter: blur(0); } .ys-hd-pc.isfixed .head-lang-top {     border: 0.6px solid transparent;     background: var(--colormain);     backdrop-filter: blur(0);     -webkit-backdrop-filter: blur(0);     -moz-backdrop-filter: blur(0);     -ms-backdrop-filter: blur(0);     -o-backdrop-filter: blur(0); } .ys-page-wrap.act .hnit-text {     color: var(--color151); } .ys-page-wrap.act .hnit-icon img:last-child {     opacity: 1; } .ys-page-wrap.act .hnit-icon img:first-child {     opacity: 0; } .ys-page-wrap.act .head-search-btn {     border: 0.6px solid transparent;     background: var(--colorbj);     backdrop-filter: blur(0);     -webkit-backdrop-filter: blur(0);     -moz-backdrop-filter: blur(0);     -ms-backdrop-filter: blur(0);     -o-backdrop-filter: blur(0); } .ys-page-wrap.act .head-lang-top {     border: 0.6px solid transparent;     background: var(--colormain);     backdrop-filter: blur(0);     -webkit-backdrop-filter: blur(0);     -moz-backdrop-filter: blur(0);     -ms-backdrop-filter: blur(0);     -o-backdrop-filter: blur(0); } .ys-hd-pc.ishover .hnit-text {     color: var(--color151); } .ys-hd-pc.ishover .hnit-icon img:last-child {     opacity: 1; } .ys-hd-pc.ishover .hnit-icon img:first-child {     opacity: 0; } .ys-hd-pc.ishover .head-search-btn {     border: 0.6px solid transparent;     background: var(--colorbj);     backdrop-filter: blur(0);     -webkit-backdrop-filter: blur(0);     -moz-backdrop-filter: blur(0);     -ms-backdrop-filter: blur(0);     -o-backdrop-filter: blur(0); } .ys-hd-pc.ishover .head-lang-top {     border: 0.6px solid transparent;     background: var(--colormain);     backdrop-filter: blur(0);     -webkit-backdrop-filter: blur(0);     -moz-backdrop-filter: blur(0);     -ms-backdrop-filter: blur(0);     -o-backdrop-filter: blur(0); } .hnid-box-le-tit {     font-size: var(--font18);     color: var(--color193);     line-height: var(--line15);     font-family: var(--bold);     margin-bottom: 0.2rem;     padding-left: 0.2rem; } .hnid-box-ri-tit {     font-size: var(--font18);     color: var(--color193);     line-height: var(--line15);     margin-bottom: 0.4rem;     display: block;     width: 100%;     font-family: var(--bold);     transition: var(--transition); } .hnid-box-ri-tit:last-child {     margin-bottom: 0; } .hblu-li-link-text {     font-size: var(--font18);     color: var(--color193);     line-height: 2;     transition: var(--transition); } .head-nav-item-drop {     width: 6rem;     border-radius: 16px;     overflow: hidden;     margin-top: 0.1rem; } .hnid-box {     padding: 0.4rem;     background: #FFF;     transform: rotate(0deg);     -webkit-transform: rotate(0deg);     display: flex;     align-items: flex-start; } .hnid-box-le {     width: 50%;     padding-right: 0.34rem;     border-right: 1px solid #E5E5E5;     padding-top: 0.1rem; } .hnid-box-ri {     width: 50%;     padding-left: 0.4rem;     padding-top: 0.1rem; } .hblu-li-link {     display: flex;     align-items: center;     justify-content: space-between;     width: 100%;     padding: 0.15rem 0.2rem;     border-radius: 8px;     transform: rotate(0deg);     -webkit-transform: rotate(0deg);     transition: var(--transition); } .hblu-li-link-icon {     width: 12px;     opacity: 0;     transition: var(--transition); } .hblu-li-link-icon img {     width: 100%; } .ys-hd-pc {     top: 20px;     padding: 0 20px; } .ys-hd-pc::before {     width: calc(100% - 40px);     left: 50%;     transform: translateX(-50%);     border-radius: 16px;     background: rgba(255, 255, 255, 0.90);     backdrop-filter: blur(15px);     -webkit-backdrop-filter: blur(15px);     -moz-backdrop-filter: blur(15px);     -ms-backdrop-filter: blur(15px);     -o-backdrop-filter: blur(15px); } .ys-hd-pc-core {     padding: 0 20px; } .head-nav-item-nub::after {     content: "";     position: absolute;     left: 0;     bottom: -12px;     width: 100%;     height: 30px;     background-color: transparent; } .ys-footer {     --sapceft1: 100px;     --sapceft2: 100px;     --sapceft3: 24px;     --sapceft4: 30px;     background: #2A4A20;     padding-top: var(--sapceft1);     position: relative;     z-index: 10; } .home-share-par {     margin-bottom: 0.31rem;     font-size: var(--font16);     color: var(--colorfff);     line-height: var(--line12);     font-family: var(--medium); } .footer-share-btn .ys-imgbox-cover {     width: 40px;     border: 1px solid var(--colorfff);     border-radius: 50%; } .footer-share>li {     padding: 0 15px;     position: relative; } .footer-share {     margin: 0 -15px; } .footer-nav>li>a {     font-size: var(--font16);     line-height: var(--line13);     color: var(--colorfff);     margin-bottom: 0.23rem;     display: block;     font-family: var(--bold); } .footer-nav ul a {     font-size: var(--font14);     line-height: var(--line13);     color: rgba(255, 255, 255, .8);     margin-bottom: 0.16rem;     transition: var(--transition); } .home-link-text {     font-size: var(--font16);     color: var(--colorfff);     font-family: var(--bold);     line-height: var(--line13);     margin-bottom: 0.23rem; } .hull-text {     font-size: var(--font14);     color: rgba(255, 255, 255, .8);     line-height: var(--line13);     margin-right: 0.08rem; } .home-ul-li {     margin-bottom: 0.16rem; } .home-ul-li:last-child {     margin-bottom: 0; } .home-ul-li-link {     display: flex;     align-items: center;     opacity: 0.8; } .ys-footer-box {     padding: 0 40px; } .ys-footer-box-rig {     display: flex;     justify-content: space-between;     margin-right: 11%; } .footer-nav {     width: auto;     margin: 0 -0.6rem; } .footer-nav>li {     padding: 0 0.6rem; } .home-link {     margin-left: 1.2rem;     padding-left: 1.2rem;     border-left: 1px solid rgba(255, 255, 255, .1); } .footer-top {     padding-bottom: 0.95rem; } .ys-footer {     padding-top: 1.3rem; } .footer-bot {     border-top: 1px solid rgba(255, 255, 255, .2);     padding: var(--sapceft3) 0 var(--sapceft4);     display: flex;     justify-content: space-between;     align-items: center; } .footer-bot-le-logo a {     width: 160px; } .footer-bot-le-logo a img {     width: 100%; } .footer-bot-le {     display: flex;     align-items: center; } .footer-bot-le-logo {     margin-right: 0.6rem;     margin-top: -0.07rem; } .footer-text p a {     margin-left: 0.05rem; } .footer-text p a:last-child {     margin-left: 0.15rem; } .footer-privacy>li {     padding: 0 10px;     position: relative; } .footer-privacy>li:last-child::after {     opacity: 0; } .footer-privacy>li::after {     content: "";     position: absolute;     right: 0;     top: 4px;     width: 1px;     height: 15px;     background-color: rgba(255, 255, 255, .5); } .footer-privacy {     margin: 0 -10px; } .footer-privacy a {     color: rgba(255, 255, 255, .5);     line-height: var(--line14);     font-size: var(--font14);     transition: var(--transition); } .footer-text, .footer-text a, .footer-text p {     font-size: var(--font14);     line-height: var(--line14);     color: rgba(255, 255, 255, .5); } .ys-ban-li {     position: relative; } .ys-ban-li-pop {     position: absolute;     right: 0.4rem;     bottom: 0.4rem;     z-index: 10;     cursor: pointer;     border-radius: 16px;     border: 3px solid #FFF;     overflow: hidden;     transform: rotate(0deg);     -webkit-transform: rotate(0deg);     width: 18.5%; } .ys-ban-li-pop .ys-video-btn {     width: 100%;     position: relative; } .ys-ban-li-pop .ys-ban-video {     position: absolute;     left: 0;     top: 0; } .ys-video-btn img {     width: 100%; } .ys-ban-li-pop .ys-video-btn img:last-child {     position: absolute;     left: 50%;     top: 50%;     transform: translate(-50%, -50%);     width: 40px;     background-color: var(--colorfff);     border-radius: 50%;     z-index: 10; } .ys-ban-li .ys-ban-title {     font-size: var(--font70);     color: var(--colorfff);     line-height: var(--line12);     font-family: var(--bold);     width: 47.5%; } .ys-ban-li-box {     width: 100%;     padding: 0 1rem; } .ys-ban-imgbox {     width: 100%;     transform: rotate(0deg);     -webkit-transform: rotate(0deg); } .ys-video-btn video {     position: static;     width: 100%;     transform: translate(0); } .ys-dots1 {     --pro: 4s; } .home-about {     width: 100%;     height: 100vh;     background-color: #F9FCF8;     position: absolute;     left: 0;     top: 0;     z-index: 10;     /* height: 200vh; */ } .home-about-nub {     font-size: var(--font20);     color: var(--color444);     line-height: var(--line12);     margin-bottom: 0.24rem; } .home-about-par p {     font-size: var(--font40);     color: rgba(25, 51, 17, 0.5);     font-family: var(--bold);     line-height: var(--line12);     background: rgba(25, 51, 17, 0.5) -webkit-linear-gradient(left, rgba(25, 51, 17, 1), rgba(25, 51, 17, 1)) no-repeat 0 0;     -webkit-text-fill-color: transparent;     -webkit-background-clip: text;     background-size: var(--size) 100%;     display: initial; } .home-about-innov p {     font-size: var(--font40);     color: rgba(25, 51, 17, 0.5);     font-family: var(--bold);     line-height: var(--line12);     background: rgba(25, 51, 17, 0.5) -webkit-linear-gradient(left, rgba(25, 51, 17, 1), rgba(25, 51, 17, 1)) no-repeat 0 0;     -webkit-text-fill-color: transparent;     -webkit-background-clip: text;     background-size: var(--size) 100%;     display: initial; } .home-about-text {     width: 86.5%;     margin: 0 auto; } .home-about .ys-cont1200 {     position: absolute;     left: 50%;     top: 50%;     transform: translate(-50%, -50%); } .home-about-bj {     position: absolute;     right: 0;     top: 0;     width: 586px; } .home-about-bj img {     width: 100%; } .home-main .ys-ban-imgbox {     width: 100%;     left: 50%;     transform: translateX(-50%);     overflow: hidden; } .ys-banner {     background-color: rgba(230, 242, 235, 0.3); } .has-dots {     padding-bottom: 0.3rem; } .home-product {     /* height: 300vh; */     overflow: visible !important;     position: relative;     width: 100%; } .home-product-posit {     position: absolute;     left: 0;     top: 0;     width: 100%;     height: 100%; } .hppu-li {     width: 100%;     height: 100vh; } .home-product-box {     background: #F4FAF4;     position: sticky !important;     top: 0;     padding: 0 14px; } .home-product-pic {     width: 100%;     position: relative; } .home-product-pic::after {     content: "";     position: absolute;     left: 0;     top: 0;     width: 100%;     height: 100%;     background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%); } .home-product-pic img {     width: 100%;     height: 100vh;     border-radius: 8px;     overflow: hidden;     object-fit: cover; } .home-product-tit {     font-size: var(--font48);     color: var(--colorfff);     line-height: var(--line12);     font-family: var(--bold);     position: absolute;     left: 50%;     top: 50%;     transform: translate(-50%, -50%);     opacity: 0;     transition: var(--transition); } .home-product-tit.act {     opacity: 1; } .home-product-cont {     padding: 0.44rem 0.43rem 0.59rem 0.43rem;     border-radius: 16px;     background: rgba(197, 197, 197, 0.20);     backdrop-filter: blur(30px);     -webkit-backdrop-filter: blur(30px);     -moz-backdrop-filter: blur(30px);     -ms-backdrop-filter: blur(30px);     -o-backdrop-filter: blur(30px);     width: 25.5%;     position: absolute;     right: 26px;     bottom: 14px;     transform: translateY(400px);     transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);     opacity: 0;     pointer-events: none; } .home-product-cont.on {     transform: translateY(0);     opacity: 1;     pointer-events: all; } .home-product-cont, .home-product-cont p {     font-size: var(--font18);     color: var(--colorfff);     line-height: var(--line16); } .home-cont {     position: relative; } .home-product-text {     position: absolute;     left: 0;     top: 0;     width: 100%;     height: 100%; } .home-product-flash {     position: absolute;     left: 0;     top: 0;     width: 100%;     height: 100%;     display: flex;     align-items: center;     justify-content: center;     opacity: 0;     transition: opacity .4s 0s;     pointer-events: none; } .home-product-flash.active {     opacity: 1;     transition: opacity .36s 0.6s;     pointer-events: all; } .hpfu-li-tit {     font-size: var(--font36);     color: var(--colorfff);     font-family: var(--bold);     line-height: var(--line13);     padding: 0 0.3rem;     text-align: center;     transform: translateY(90px);     transition: var(--transition); } .hpfu-li:first-child .hpfu-li-tit {     margin-bottom: -30px; } .hltu-li-link-text {     font-size: var(--font16);     color: var(--colorfff);     line-height: var(--line15);     margin-right: 0.16rem;     transform: translateX(15px);     transition: var(--transition); } .hltu-li-link-icon {     width: 12px;     opacity: 0;     transition: var(--transition); } .hltu-li-link-icon img {     width: 100%; } .hltu-li-link {     display: flex;     align-items: center;     justify-content: center;     padding-bottom: 0.1rem;     border-bottom: 1px solid rgba(255, 255, 255, .2);     transition: var(--transition); } .hltu-li {     margin-bottom: 0.16rem; } .hltu-li:last-child {     margin-bottom: 0; } .home-product-flash-ul {     display: flex;     justify-content: space-between;     width: 100%; } .hpfu-li {     width: 25%;     margin: 0 auto;     display: flex;     flex-direction: column;     align-items: center;     justify-content: center;     height: 94vh;     margin-top: 98px; } .hpfu-li-tit-ul {     width: 240px;     margin-top: 0.37rem;     opacity: 0;     transition: var(--transition); } .hpfu-li-cont-par, .hpfu-li-cont-par p {     font-size: var(--font16);     color: rgba(255, 255, 255, .8);     line-height: var(--line15); } .hpfu-li-cont {     width: 240px;     margin-top: 0.26rem;     opacity: 0;     transition: var(--transition); } .hpfu-li-cont-par {     text-align: center;     margin-bottom: 0.4rem; } .hpfu-li-cont .std-btn1 {     display: flex;     align-items: center;     justify-content: center; } .hpfu-li-blur {     position: relative;     padding: 0.3rem;     width: calc(100% - 60px);     height: calc(100% - 60px);     z-index: 1;     display: flex;     align-items: center;     justify-content: center;     text-align: center;     flex-direction: column; } .hpfu-li-blur::after {     content: "";     position: absolute;     left: 50%;     top: 50%;     transform: translate(-50%, -50%);     border-radius: 16px;     background: rgba(197, 197, 197, 0.20);     backdrop-filter: blur(30px);     width: calc(100% - 60px);     height: calc(100% - 60px);     display: flex;     align-items: center;     justify-content: center;     text-align: center;     flex-direction: column;     width: 100%;     height: 100%;     z-index: -1;     opacity: 0;     transition: var(--transition); } .home-map {     padding-top: 1.96rem;     background: linear-gradient(180deg, #F4FAF4 0%, #FFF 100%);     padding-bottom: var(--space220);     position: relative;     z-index: 1; } .home-map-bj {     position: absolute;     left: 0;     top: -10%;     z-index: -1;     width: 720px; } .home-map-bj img {     width: 100%; } .home-map .ys-cont1200 {     margin-bottom: 2.14rem; } .home-map-pic {     padding: 0 0.9rem;     width: 90.5%;    height: 2100px;     background-image: url('../images/leo_a1_op2.jpg');     background-size: 200% 50%;     background-position: 0 0;     background-repeat: repeat-x;     background-position-x: 0;     border-radius: 50%;     animation: earthRotation 80s linear infinite;     margin: 0 auto;     position: absolute;     left: 50%;     bottom: -48%;     transform: translate(-50%);     pointer-events: none; } @keyframes earthRotation {     0% {         background-position-x: 0;     }     100% {         background-position-x: 200%;     } } .home-map-pic img {     width: 100%; } .hmct-tit {     font-size: var(--font48);     color: var(--color151);     font-family: var(--bold);     line-height: var(--line12);     margin-bottom: 0.2rem; } .hmct-tit span {     color: var(--colormain); } .hmct-par, .hmct-par p {     font-size: var(--font18);     color: #424844;     line-height: var(--line15); } .hmct-par {     margin-bottom: 0.4rem; } .home-map-cont-top {     width: 39%;     margin: 0 auto;     margin-bottom: var(--space140); } .home-map-cont {     padding-top: 3.35rem;     position: relative;     z-index: 20; } .home-map-cont::after {     content: "";     position: absolute;     left: -42%;     bottom: -15px;     width: 100vw;     height: 30px;     background: rgba(255, 255, 255, 0.3);     /* 半透明白色背景 */     backdrop-filter: blur(5px);     -webkit-backdrop-filter: blur(5px);     -moz-backdrop-filter: blur(5px);     -ms-backdrop-filter: blur(5px);     -o-backdrop-filter: blur(5px);     z-index: -1; } .hmcb-slick-item-box {     padding: 0.4rem 0 0.28rem 0;     border-radius: 16px;     border: 1px solid #DDD;     background: #FFF;     height: 100%;     transform: rotate(0deg);     -webkit-transform: rotate(0deg); } .hsib-top-pic {     width: 50px;     margin-bottom: 0.2rem; } .hsib-top-pic img {     width: 100%; } .hsib-top-text {     font-size: var(--font64);     color: var(--color151);     line-height: var(--line12);     display: flex;     align-items: center;     margin-bottom: 0.14rem; } .hsib-top-text-num {     font-size: var(--font64);     color: var(--color151);     line-height: var(--line12); } .hsib-top-text span {     font-size: inherit;     color: var(--colorbj) !important;     line-height: inherit;     display: inline-block; } .hsib-btm-text {     font-size: var(--font18);     color: var(--color666);     line-height: var(--line15);     padding: 0 0.3rem;     padding-top: 0.18rem; } .hsib-btm {     border-top: 1px solid #DDD; } .hsib-top {     padding: 0 0.3rem; } .hmcb-slick-item {     padding: 0 0.14rem;     height: auto !important; } .hmcb-slick {     margin: 0 -0.14rem; } .home-csr {     background: #2A4A20;     width: 100%;     height: 100vh;     position: relative;     z-index: 1; } .home-csr-pic {     position: absolute;     right: 0;     bottom: 0;     width: 56.5%;     z-index: -1;     opacity: 0.1; } .home-csr-pic img {     width: 100%; } .home-csr .ys-cont1200 {     position: absolute;     left: 50%;     top: 50%;     transform: translate(-50%, -50%); } .home-csr .home-about-nub {     color: var(--colorfff); } .home-csr-par p {     font-size: var(--font40);     color: rgba(255, 255, 255, 0.5);     font-family: var(--bold);     line-height: var(--line12);     background: rgba(255, 255, 255, 0.5) -webkit-linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)) no-repeat 0 0;     -webkit-text-fill-color: transparent;     -webkit-background-clip: text;     background-size: var(--size) 100%;     display: initial; } .home-effect {     background: #DCECDF;     overflow: visible !important;     height: 220vh;     position: relative; } .home-effect-box {     position: sticky !important;     top: 0;     height: 100vh;     overflow: hidden; } .home-effect-ul {     /* width: 43.5%; */     margin: 0 auto;     position: relative;     height: 100%;     display: flex;     flex-direction: column;     align-items: center; } .heul-pic {     width: 43.5%;     height: 100%;     border-radius: 24px;     overflow: hidden;     margin: 0 auto;     transform: rotate(0deg);     -webkit-transform: rotate(0deg); } .heul-pic img {     width: 100%;     height: 100%;     object-fit: cover; } .home-effect-ul-li {     margin-bottom: var(--space100);     width: 100%;     position: relative; } .home-effect-ul-li.none.opact {     position: absolute;     opacity: 0; } .home-effect-ul-li.act {     position: relative; } .heul-enlar {     position: absolute;     left: 50%;     top: 50%;     width: 100%;     height: 100%;     transform: translate(-50%, -50%);     pointer-events: none; } .heul-enlar-pci {     width: 100%;     height: 100%;     position: absolute;     top: 0;     left: 0;     pointer-events: none;     z-index: -1;     display: flex;     align-items: center;     justify-content: center; } .heul-enlar-pci-img {     width: var(--actwidth);     height: var(--actHeight);     border-radius: 24px;     overflow: hidden; } .heul-enlar-pci-img img {     width: 100%;     height: 100%;     object-fit: cover; } .home-effect-ul-li:last-child {     margin-bottom: 0; } .home-effect-ul.none {     transform: translate3d(0px, -5%, 0px) !important; } .home-effect-box.none {     position: static !important; } .home-latest-box {     padding: 0 40px; } .hlbt-text {     font-size: var(--font48);     color: var(--color193);     font-family: var(--bold);     line-height: var(--line12); } .hlbt-but-arr {     width: 48px;     padding: 0.16rem;     background-color: #DCECDF;     border-radius: 50%;     cursor: pointer;    transform: translateZ(0);    transition: transform 0.3s ease; } .hlbt-but-arr img {     width: 100%; } .hlbt-but {     display: flex;     align-items: center; } .hlbt-but-le {     margin-right: 0.08rem; } .home-latest-box-top {     display: flex;     align-items: center;     justify-content: space-between;     margin-bottom: 0.6rem; } .hull-pic {     width: 100%;     margin-bottom: 0.16rem;     border-radius: 20px;     overflow: hidden;     transform: rotate(0deg);     -webkit-transform: rotate(0deg); } .hull-pic img {     width: 100%; } .hull-textb span {     font-size: var(--font14);     color: var(--color193);     line-height: 27px;     padding: 0 0.1rem;     display: inline-block;     border-radius: 4px;     background: #DCECDF;     margin-bottom: 0.16rem; } .hull-text-par, .hull-text-par p {     font-size: var(--font20);     color: var(--color193);     line-height: var(--line14);     transition: var(--transition); } .hull-text-par {     margin-bottom: 0.44rem;     flex-grow: 1; } .hull-text-time {     font-size: var(--font16);     color: var(--color999);     line-height: var(--line12); } .hlbb-ul-li-link {     width: 100%;     display: flex;     flex-direction: column;     height: 100%; } .hlbb-ul-li {     padding: 0 0.08rem;     height: auto !important; } .hlbb-ul {     margin: 0 -0.08rem; } .hull-textb {     flex-grow: 1;     display: flex;     flex-direction: column;     align-items: flex-start; } .home-latest {     padding-bottom: var(--space150);     padding-top: var(--space140);     background: #F9FCF8;     position: relative;     z-index: 1; } .home-conus-bj {     width: 100%; } .home-conus-bj img {     transform: translateY(-200px); } .home-conus-bj img {     width: 100%; } .home-foot {     position: relative;     z-index: 1;     /* height: 100vh; */     background-color: #2A4A20; } .home-foot .ys-footer {     position: sticky !important;     left: 0;     bottom: 0;     width: 100%;     z-index: -1; } .home-banner-bj {     position: absolute;     right: 0;     bottom: 0;     transform: rotateX(180deg);     z-index: -1;     width: 586px; } .home-banner-bj img {     width: 100%; } .home-main .ys-banner {     position: relative;     z-index: 1; } .home-conus {     position: relative;     left: 50%;     transform: translateX(-50%); } .home-conus-text {     position: absolute;     left: 50%;     top: 50%;     transform: translate(-50%, -50%);     width: 43.5%; } .home-conus-text-tit {     font-size: var(--font48);     color: var(--colorfff);     font-family: var(--bold);     line-height: var(--line12);     margin-bottom: 0.32rem;     text-align: center; } .home-conus-text-but {     margin: 0 auto;     display: flex;     justify-content: center;     align-items: center; } /* 效果 */ .heul-text {     width: 27.5%;     border-radius: 16px;     background: #F9FCF8;     overflow: hidden;     position: absolute;     right: 14px;     bottom: 14px;     display: flex;     align-items: stretch;     transform: translateY(1000px) !important;     opacity: 0;     transition: var(--transition1);     height: 300px;     z-index: 10;     pointer-events: all;     transform: rotate(0deg);     -webkit-transform: rotate(0deg); } .heul-text.act {     transform: translateY(0px) !important;     opacity: 1; } .heul-text-le {     width: 50%;     height: auto;     transition: var(--transition1); } .heul-text.act .heul-text-le {     width: 28%;     transition-delay: 1s;     /* 延迟1秒 */     padding: 3px;     border-radius: 24px;     overflow: hidden;     transform: rotate(0deg);     -webkit-transform: rotate(0deg); } .heul-text.act .heul-text-ri {     width: 72%;     transition-delay: 1s;     /* 延迟1秒 */ } .heul-text-le img {     width: 100%;     height: 100%;     object-fit: cover; } .heul-text-ri {     width: 50%;     padding: 0.52rem 0.43rem 0.37rem 0.26rem;     transition: var(--transition1); } .heul-text.act .heul-text-ri-par {     opacity: 1;     transition-delay: 2s;     /* 延迟2秒 */ } .heul-text-ri-par {     font-size: var(--font18);     color: var(--color444);     line-height: var(--line16);     margin-bottom: var(--space100);     opacity: 0;     transition: var(--transition1); } .heul-text.act .heul-text-ri-but {     transform: translateY(0);     opacity: 1;     transition-delay: 2s;     /* 延迟2秒 */ } .heul-text-ri-but {     transform: translateY(200px);     opacity: 0;     transition: var(--transition1); } /* 首页-end */ /* b1-start */ .prolist-page {     background: #F9FCF8; } .prolist-bread {     margin-top: 32px;     padding: 0 var(--space100); } .prolist-bread .ys-bread-list a {     font-size: var(--font16);     color: rgba(153, 153, 153, 0.5);     line-height: var(--line175); } .prolist-bread .ys-bread-list:last-child a {     color: rgba(153, 153, 153, 1); } .ys-bread-list::before {     color: rgba(153, 153, 153, 0.5); } .ys-bread-list:last-child::before {     color: rgba(153, 153, 153, 1); } .prolist-list {     padding: 0 var(--space100);     margin-top: 0.54rem;     overflow: visible; } .prolist-pcfy {     margin-top: var(--space100); } .prolist-list-tit {     font-size: var(--font56);     color: var(--color193);     font-family: var(--bold);     line-height: var(--line12);     margin-bottom: 0.6rem; } .prolist-list-search-scroll {     width: auto;     max-width: 58.5%; } .prolist-list-search-le {     width: 100%;     border-radius: 200px;     border: 1px solid #598F35;     padding: 0.1rem 0.14rem;     position: relative;     transition: var(--transition);     transform: rotate(0deg);     -webkit-transform: rotate(0deg); } .prolist-list-search-le.block.none::after {     opacity: 0; } .prolist-list-search-le.block::after {     content: "";     position: absolute;     right: -4px;     top: -2px;     width: 10%;     height: 110%;     background: linear-gradient(270deg, #F9FCF8 27.37%, rgba(249, 252, 248, 0.00) 100%);     z-index: 10;     pointer-events: none;     transition: var(--transition); } .prolist-list-search-le::before {     content: "";     position: absolute;     left: -4px;     top: -2px;     width: 6%;     height: 110%;     background: linear-gradient(270deg, rgba(249, 252, 248, 0.00), #F9FCF8 27.37% 100%);     z-index: 10;     pointer-events: none;     opacity: 0;     transition: var(--transition); } .prolist-list-search-le.one::before {     opacity: 1; } .prolist-list-search-ri {     width: 23.5%; } .plsl-ul-li {     /* width: 25% !important; */     width: 220px !important;     text-align: center;     padding: 0 0.08rem; } .plsl-ul {     display: flex;     align-items: center;     justify-content: flex-start;     margin: 0 -0.08rem; } .plsl-ul-li.act .plsl-ul-li-text {     border-radius: 200px;     background-color: var(--colormain);     backdrop-filter: blur(10px);     -webkit-backdrop-filter: blur(10px);     -moz-backdrop-filter: blur(10px);     -ms-backdrop-filter: blur(10px);     -o-backdrop-filter: blur(10px);     color: var(--colorfff); } .plsl-ul-li-text {     font-size: var(--font16);     color: var(--color193);     line-height: 40px;     font-family: var(--sembold);     transition: var(--transition);     display: block;     border-radius: 200px;     backdrop-filter: blur(10px);     -webkit-backdrop-filter: blur(10px);     -moz-backdrop-filter: blur(10px);     -ms-backdrop-filter: blur(10px);     -o-backdrop-filter: blur(10px); } .plsr-input {     border-radius: 200px;     border: 1px solid rgba(78, 132, 52, 0.10);     background: rgba(255, 255, 255, 0.80);     backdrop-filter: blur(10px);     -webkit-backdrop-filter: blur(10px);     -moz-backdrop-filter: blur(10px);     -ms-backdrop-filter: blur(10px);     -o-backdrop-filter: blur(10px);     height: 60px;     width: 100%;     padding: 0 0.3rem;     font-size: var(--font16);     color: rgba(25, 51, 17, 1);     font-family: var(--light);     line-height: var(--line175);     transform: rotate(0deg);     -webkit-transform: rotate(0deg); } .plsr-input::placeholder {     padding-left: 0.1rem;     font-size: var(--font16);     color: rgba(25, 51, 17, 0.5);     font-family: var(--light);     line-height: var(--line175); } .prolist-list-search-ri {     position: relative; } .plsr-icon {     width: 14px;     position: absolute;     top: 50%;     right: 0.27rem;     transform: translateY(-50%);     cursor: pointer; } .plsr-icon img {     width: 100%; } .prolist-list-search-top {     display: flex;     align-items: center;     justify-content: space-between; } .prolist-list-search-bot {     margin-top: 0.51rem; } .plsb-ul-li-link {     font-size: var(--font16);     font-family: var(--sembold);     line-height: var(--line175);     color: rgba(25, 51, 17, 0.5);     position: relative;     transition: var(--transition); } .plsb-ul-li-link::after {     content: "";     position: absolute;     left: 50%;     bottom: 0;     transform: translateX(-50%);     width: 0;     height: 2px;     background-color: var(--colormain);     transition: var(--transition); } .plsb-ul-li.act .plsb-ul-li-link {     color: var(--colormain); } .plsb-ul-li.act .plsb-ul-li-link::after {     width: 80%; } .plsb-ul {     display: flex;     align-items: center;     flex-wrap: wrap;     margin-bottom: -0.16rem; } .plsb-ul-li {     width: 10.5% !important;     max-width: 180px;     text-align: center;     margin-bottom: 0.16rem; } .prolist-list-search {     margin-bottom: 0.86rem;     position: relative;     z-index: 10; } .pllu-li-box {     border-radius: 24px;     overflow: hidden;     height: 100%;     position: relative;     transform: rotate(0deg);     -webkit-transform: rotate(0deg); } .pllu-li-box-misk {     -webkit-mask-image: url(../images/b1_bg03.svg);     -webkit-mask-repeat: no-repeat;     -webkit-mask-position: 100% 100%;     mask-image: url(../images/b1_bg03.svg);     mask-repeat: no-repeat;     -webkit-mask-position: 0% 0%;     transition: all calc(.7s * 0.8) cubic-bezier(.785, .135, .15, .86), transform .3s;     height: 100%;     width: 100%;     mask-size: 800px 780px;     padding: 0.73rem 0 0.87rem 0;     border-radius: 24px;     background: rgba(255, 255, 255, .8);     backdrop-filter: blur(10px);     -webkit-backdrop-filter: blur(10px);     -moz-backdrop-filter: blur(10px);     -ms-backdrop-filter: blur(10px);     -o-backdrop-filter: blur(10px);     display: flex;     flex-direction: column;     position: relative;     overflow: hidden;     cursor: pointer;     transform: rotate(0deg);     -webkit-transform: rotate(0deg); } .pllu-li-box-more {     display: block;     position: absolute;     bottom: 0;     right: 0;     z-index: 2;     width: 90px;     height: 90px; } .pllu-li-box-more span:nth-child(1) {     width: 100%;     position: absolute;     bottom: -90px;     right: -90px;     transition: bottom .7s cubic-bezier(.785, .135, .15, .86), right .7s cubic-bezier(.785, .135, .15, .86), transform .3s;     display: none; } .pllu-li-box-more span:nth-child(2) {     overflow: hidden;     display: block;     position: absolute;     bottom: 0;     right: 0;     width: 50px;     height: 50px;     transform: scale(0);     transform-origin: right bottom;     transition: transform .6s cubic-bezier(.785, .135, .15, .86);     border-radius: 50%;     background: linear-gradient(90deg, #F0831E 0%, #598F35 100%);     display: flex;     align-items: center;     justify-content: center; } .pllu-li-box-more span:nth-child(2) img {     width: 16px; } .pllu-li-box-tit {     font-size: var(--font24);     color: var(--color193);     font-family: var(--bold);     line-height: var(--line12);     text-align: center;     padding: 0 0.3rem;     margin-bottom: 0.3rem;     flex-grow: 1;     min-height: 2.4em; } .pllu-li {     width: 25%;     padding: 0 0.08rem;     margin-bottom: 0.16rem;     overflow: visible; } .pllu-li-box-pic {     width: 100%; } .pllu-li-box-pic img {     width: 100%;     transition: var(--transition); } .prolist-list-list-ul {     display: flex;     flex-wrap: wrap;     margin: 0 -0.08rem;     margin-bottom: -0.16rem; } .prolist-list-list {     position: relative;     z-index: 1; } .prolist-list-bj {     width: 1114px;     position: absolute;     left: 24%;     top: -9%;     z-index: -1; } .prolist-list-bj img {     width: 100%; } .prolist-page .ys-main {     position: relative;     z-index: 1;     margin-bottom: var(--space120); } .prolist-bj {     position: absolute;     right: 0;     top: 0;     width: 600px;     z-index: -1; } .prolist-bj img {     width: 100%; } .prolist-pcfy .pc-fenye li.activepage {     background: var(--colormain);     color: var(--colorfff); } .prolist-pcfy .pc-fenye li {     position: relative;     z-index: 1; } .prolist-pcfy .pc-fenye li.activepage {     background: transparent;     color: var(--colorfff); } .prolist-pcfy .pc-fenye li.activepage::after {     opacity: 1; } .prolist-pcfy .pc-fenye li::after {     content: "";     position: absolute;     left: 50%;     top: 50%;     transform: translate(-50%, -50%);     width: 100%;     height: 100%;     border-radius: 50%;     background: linear-gradient(90deg, #F0831E 0%, #598F35 100%);     overflow: hidden;     z-index: -1;     opacity: 0;     transition: var(--transition); } .prolist-pcfy .pc-fenye li {     float: left;     width: 40px;     height: 40px;     border: 1px solid transparent;     font-size: 16px;     line-height: 40px;     color: var(--color193);     text-align: center;     margin: 0 10px;     border-radius: 50%;     transition: var(--transition);     background: 0 0; } .prolist-modal-text {     font-size: var(--font32);     color: var(--colorfff);     line-height: var(--line12);     font-family: var(--bold);     text-align: center;     margin-bottom: 0.6rem;     position: relative;     z-index: 10; } .prolist-modal.ys-modal-update .ys-modal-container {     background: rgba(78, 132, 52, 1);     border-radius: 24px;     overflow: hidden;     backdrop-filter: blur(15px);     -webkit-backdrop-filter: blur(15px);     -moz-backdrop-filter: blur(15px);     -ms-backdrop-filter: blur(15px);     -o-backdrop-filter: blur(15px); } .prolist-modal .ys-modal-content {     background: rgba(78, 132, 52, 1); } .prolist-modal .icon-close:before {     color: var(--colorfff); } .prolist-modal .ys-modal-content {     width: 628px;     padding: 0.52rem 0.6rem 0.89rem 0.6rem;     max-width: calc(100vw - 40px);     max-height: 700px;     overflow: hidden;     position: relative; } .prolist-modal-bj {     position: absolute;     right: 0;     bottom: 0;     width: 50%; } .prolist-modal-bj img {     width: 100%; } .pmul-text {     font-size: var(--font16);     color: var(--colorfff);     line-height: 50px;     border-radius: 500px;     background: rgba(255, 255, 255, 0.10);     backdrop-filter: blur(5px);     -webkit-backdrop-filter: blur(5px);     -moz-backdrop-filter: blur(5px);     -ms-backdrop-filter: blur(5px);     -o-backdrop-filter: blur(5px);     cursor: pointer; } .prolist-modal-ul-li {     width: 30%;     text-align: center;     padding: 0 0.08rem; } .prolist-modal-ul {     display: flex;     align-items: center;     justify-content: center;     margin: 0 0.08rem;     position: relative;     z-index: 10; } .prolist-modal.ys-modal-update .ys-modal-close {     position: sticky;     margin-top: 20px;     margin-right: 20px; } /* b1-end */ /* b2-start */ .deta-cont {     padding: 0 40px;     display: flex;     justify-content: space-between;     position: relative;     z-index: 1;     padding-bottom: 0.4rem;     margin-top: 0.27rem; } .deta-cont-le {     width: 62.5%;     border-radius: 16px;     background: #EFF2EC;     overflow: hidden;     transform: rotate(0deg);     -webkit-transform: rotate(0deg); } .deta-cont-le img {     width: 100%; } .deta-cont-ri {     width: 36.5%;     padding: 0.8rem 0.2rem 0.2rem 0.2rem;     border-radius: 16px;     background: rgba(255, 255, 255, 0.60);     backdrop-filter: blur(15px);     -webkit-backdrop-filter: blur(15px);     -moz-backdrop-filter: blur(15px);     -ms-backdrop-filter: blur(15px);     -o-backdrop-filter: blur(15px);     display: flex;     flex-direction: column;     justify-content: space-between; } .dcrt-tit {     font-size: var(--font40);     color: var(--color193);     font-family: var(--bold);     line-height: var(--line12);     margin-bottom: 0.6rem; } .dcrt-par, .dcrt-par p {     font-size: var(--font18);     color: var(--color444);     line-height: var(--line15); } .deta-cont-ri-text {     padding: 0 0.6rem; } .dcrb-down-link-text {     font-size: var(--font16);     color: var(--colorfff);     line-height: 70px;     margin-right: 0.24rem; } .dcrb-down-link-icon {     width: 20px; } .dcrb-down-link-icon img {     width: 100%; } .dcrb-down-link {     display: flex;     align-items: center;     border-radius: 200px;     background-color: var(--colormain);     justify-content: center;     transition: var(--transition); } .deta-cont-ri-but {     display: flex;     align-items: center;     justify-content: center;     margin: 0 -0.04rem; } .dcrb-cont, .dcrb-down {     width: 46.5%;     text-align: center;     padding: 0 0.04rem; } .deta-cont-bj {     position: absolute;     right: 0;     top: -10%;     width: 600px;     z-index: -1; } .deta-cont-bj img {     width: 100%; } .deta-cont-bj1 {     position: absolute;     left: 37%;     bottom: -50%;     width: 1144px;     z-index: -1; } .deta-cont-bj1 img {     width: 100%; } /* b2-end */ /* b3-satrt */ .consu-page {     background: #F9FCF8; } .consu-from {     padding: 0 var(--space100);     display: flex;     justify-content: space-between;     padding-top: 0.27rem;     padding-bottom: 0.95rem; } .consu-from-le {     width: 24.5%;     margin-top: 0.45rem; } .consu-from-ri {     width: 59.5%;     padding: 0.6rem 0.8rem;     border-radius: 16px;     background: rgba(255, 255, 255, 0.80);     backdrop-filter: blur(15px);     -webkit-backdrop-filter: blur(15px);     -moz-backdrop-filter: blur(15px);     -ms-backdrop-filter: blur(15px);     -o-backdrop-filter: blur(15px);     transform: rotate(0deg);     -webkit-transform: rotate(0deg); } .consu-from-le-tit {     font-size: var(--font56);     color: var(--color193);     font-family: var(--bold);     line-height: var(--line12);     margin-bottom: 0.47rem; } .consu-from-le-par, .consu-from-le-par p {     font-size: var(--font20);     color: var(--color444);     font-family: var(--light);     line-height: var(--line15); } .cfru-li label {     position: relative;     display: inline-block;     width: 100%; } .cfru-li .ys-fii-name {     position: absolute;     left: 0.24rem;     top: 50%;     transform: translateY(-50%);     font-size: var(--font16);     color: var(--color151) !important;     line-height: var(--line15);     z-index: 5; } .cfru-li .ys-fii-input {     width: 100%;     height: 62px;     border: 1px solid transparent;     display: block;     border-radius: 4px;     background: rgba(220, 236, 223, 0.50);     transform: rotate(0deg);     -webkit-transform: rotate(0deg); } .cfru-li .ys-fii-input input {     font-size: var(--font16);     color: var(--color151);     line-height: var(--line15);     padding: 0 0.24rem;     padding-left: 0.8rem;     width: 100%; } .cfru-li2 .ys-fii-input input {     padding-left: 0.6rem; } .cfru-li3 .ys-fii-input input {     padding-left: 0.85rem; } .cfru-li4 .ys-fii-input input {     padding-left: 1rem; } .cfru-li5 .ys-fii-input input {     padding-left: 1rem; } .cfru-li8 .ys-fii-input input {     padding-left: 1.2rem; } .cfru-li6 {     position: relative; } .cfru-li6 .ys-fii-name {     z-index: 10; } .cfru-li .ys-fii-input input::placeholder {     font-size: var(--font16);     color: var(--color151) !important;     line-height: var(--line15); } .cfru-li6-text.none {     opacity: 0; } .cfru-input .ys-fii-input input {     padding: 0 0.24rem; } .cfru-li.ys-form-inof-text .ys-fii-input {     height: 160px; } .ys-form-inof-text.cfru-li .ys-fii-name {     top: 0;     margin-top: 0.35rem; } .ys-form-inof-text.cfru-li .ys-fii-input textarea {     font-size: var(--font16);     color: var(--color151);     line-height: var(--line15);     padding: 0 0.24rem;     padding-top: 0.55rem; } .ys-form-inof-text.cfru-li .ys-fii-input textarea::placeholder {     font-size: var(--font16);     line-height: var(--line15);     color: #BEBEBE; } .cfru-li {     padding: 0 0.1rem;     margin-bottom: 0.2rem; } .cfru-li .ys-fia-text-word {     color: var(--color999); } .cfru-li .ys-fia-text-word a {     position: relative; } .cfru-li .ys-fia-text-word a::after {     content: "";     position: absolute;     left: 0;     bottom: 5px;     width: 100%;     height: 1px;     background-color: var(--colormain); } .cfru-li.ys-form-inof-item .ys-select-xtbbox {     right: 0.24rem;     width: 18px;     transition: var(--transition); } .cfru-li.ys-form-inof-item .ys-select-xtbbox img {     width: 100%; } .consu-from-ri-ul {     margin: 0 -0.1rem;     margin-bottom: -0.2rem; } .cfru-li.ys-form-inof-code .ys-fii-input {     width: 50%; } .cfru-li .ys-fic-auth .ys-fii-input {     width: calc(50% - 10px) !important;     flex-grow: 0;     align-items: center; } .cfru-li .ys-fic-auth {     align-items: center; } .ys-fic-auth-img {     height: 50px;     flex-shrink: 0; } .ys-fia-text-btn {     width: 20px;     height: 20px;     cursor: pointer;     position: relative;     top: 5px;     border-radius: 2px;     background: #F8F9FA; } .ys-fia-text-btn::before {     border: 1px solid #EEE;     border-radius: 2px; } .cfru-li.ys-form-inof-submit {     width: 36%; } .cfru-li.ys-form-inof-submit .ys-fii-submit {     border-radius: 200px;     overflow: hidden;     height: 70px;     line-height: 70px;     font-size: var(--font16);     color: var(--colorfff);     transition: var(--transition); } .consu-page .ys-main {     position: relative;     z-index: 1; } .consu-bj1 {     position: absolute;     right: 0;     top: -10%;     width: 600px;     z-index: -1; } .consu-bj1 img {     width: 100%; } .consu-bj2 {     position: absolute;     left: 0;     bottom: 0;     width: 720px;     z-index: -1; } .consu-bj2 img {     width: 100%; } .consu-bj3 {     position: absolute;     right: 30%;     bottom: 0;     width: 868px;     z-index: -1; } .consu-bj3 img {     width: 100%; } .page-cont .ys-main {     position: relative; } .page-cont .ys-footer {     background: #DCECDF; } .page-cont .footer-share-btn .icon-pic {     border: 1px solid var(--color193);     border-radius: 50%; } .footer-share-btn .icon-pic {     border: 1px solid var(--colorfff );     border-radius: 50%; } .page-cont .home-share-par {     color: var(--color193); } .page-cont .footer-nav>li>a {     color: var(--color193); } .page-cont .footer-nav ul a {     color: rgba(25, 51, 17, 0.8); } .page-cont .home-link {     border-left: 1px solid rgba(0, 0, 0, .1); } .page-cont .home-link-text {     color: var(--color193); } .page-cont .hull-text {     color: rgba(25, 51, 17, .8); } .page-cont .footer-bot {     border-top: 1px solid rgba(21, 21, 21, .2); } .page-cont .footer-text, .page-cont .footer-text a, .page-cont .footer-text p {     color: rgba(21, 21, 21, 0.5); } .page-cont a[href="https://www.yongsy.com"] {     color: rgba(21, 21, 21, .2) !important;     white-space: nowrap; } .page-cont .footer-privacy a {     color: rgba(21, 21, 21, 0.5); } .page-cont .footer-privacy>li::after {     background-color: rgba(21, 21, 21, .5); } /* b3-end */ .ys-phnav-icon {     width: 22px;     transition: var(--transition); } .ys-phnav-icon img {     width: 100%; } .ys-phnav-icon::before {     display: none; } .ys-phnav-icon.on::after {     display: none; } .ys-phnav-icon::after {     display: none; } .ys-phnav-icon.on {     transform: translateY(0%) rotate(180deg); } .ys-phnavss-xl .ys-phnavss-form .iconfont {     font-size: 18px;     line-height: 40px;     color: #333 !important; } .hppu-li5 {     display: none; } .plsl-ul {     display: none; } .pllu-li:nth-child(4n+1) {     animation-delay: 0.2s; } .pllu-li:nth-child(4n+2) {     animation-delay: 0.3s; } .pllu-li:nth-child(4n+3) {     animation-delay: 0.4s; } .pllu-li:nth-child(4n+4) {     animation-delay: 0.5s; } .home-latest-bj {     width: 632px;     position: absolute;     right: 0;     bottom: 0;     z-index: -1; } .home-latest-bj img {     width: 100% } .hpfu-li {     border-right: 1px solid rgba(255, 255, 255, .2); } .hpfu-li:last-child {     border-right: 1px solid rgba(255, 255, 255, 0); } .ys-fii-select .ys-select-bd {     border-radius: 4px;     border: 1px solid rgba(78, 132, 52, 0.10);     background: #FFF;     box-shadow: 0 4px 24px 0 rgba(34, 72, 8, 0.06);     margin-top: 0.06rem; } .prolist-pcfy.none{    display: none; } .prolist-list-search-bot.none{    display: none; } /*鼠标效果*/ @media screen and (min-width: 1200px) {     .std-btn1-link:hover {         background-color: var(--color2a4);     }     .hblu-li-link:hover {         background-color: #DCECDF;     }     .hblu-li-link:hover .hblu-li-link-icon {         opacity: 1;     }     .hnid-box-le-tit:hover {         color: var(--colormain);     }     .hnid-box-ri-tit:hover {         color: var(--colormain);     }     .head-lang-top:hover .head-lang-top-circle img {         transform: scale(1);     }     .footer-nav ul a:hover {         color: var(--colorfff);     }     .home-ul-li-link:hover {         opacity: 1;     }     .hltu-li-link:hover .hltu-li-link-text {         transform: translateX(0);     }     .hltu-li-link:hover .hltu-li-link-icon {         opacity: 1;     }     .hltu-li-link:hover {         border-bottom: 1px solid rgba(255, 255, 255, 1);     }     .hpfu-li-blur:hover::after {         opacity: 1;     }     .hpfu-li-blur:hover .hpfu-li-tit {         transform: translateY(0);         margin-bottom: 0;     }     .hpfu-li-blur:hover .hpfu-li-tit-ul {         opacity: 1;     }     .hpfu-li-blur:hover .hpfu-li-cont {         opacity: 1;     }     .plsl-ul-li-text:hover {         background-color: var(--colormain);         color: var(--colorfff);     }     .plsb-ul-li-link:hover {         color: var(--colormain);     }     .plsb-ul-li-link:hover::after {         width: 80%;     }     .pllu-li-box:hover .pllu-li-box-more span:nth-child(2) {         overflow: visible;         transform: scale(1);         transition: transform calc(.7s* 0.8) calc(.05s* 0.8) cubic-bezier(.785, .135, .15, .86);     }     .pllu-li-box:hover .pllu-li-box-misk {         -webkit-mask-position: 100% 100%;         transform-origin: right bottom;     }     .comp-tabli li:hover {         color: #fff;         background: transparent;     }     .comp-tabli li:hover::after {         opacity: 1;     }     .hlbb-ul-li-link:hover .hull-text-par p {         color: var(--colormain);     }     .ys-hd-pc.isfixed .head-search-btn:hover {         background-color: var(--color2a4);     }     .ys-hd-pc.ishover .head-search-btn:hover {         background-color: var(--color2a4);     }     .ys-hd-pc.isfixed .head-lang-top:hover {         background-color: var(--color2a4);     }     .ys-hd-pc.ishover .head-lang-top:hover {         background-color: var(--color2a4);     }     .pllu-li-box:hover .pllu-li-box-pic img {         transform: scale(1.02);     }     .dcrb-down-link:hover {         background-color: var(--color2a4);     }     .ys-fii-submit:hover {         background-color: var(--color2a4);     }     .page-cont .footer-nav ul a:hover {         color: rgba(25, 51, 17, 1);     }     .hlbt-but-arr:hover {         transform: scale(1.1);     } } /* 2025.12.29-leo-satrt */ .ys-fii-select-search.zindex .ys-select-xtbbox{    transform: rotate(180deg) translateY(50%); } .icon-pic{    position: relative; } .icon-pic img:last-child{    position: absolute;    left: 0;    top: 0;    opacity: 0;    transition: var(--transition); }.icon-pic img{    transition: var(--transition); }.page-cont .icon-pic img:last-child{    opacity: 1;}.page-cont .icon-pic img:first-child {    opacity: 0;} .footer-bot-le-logo a{    position: relative; } .footer-bot-le-logo a img{    transition: var(--transition); }  .footer-bot-le-logo a img:last-child{    position: absolute;    left: 0;    top: 0;    opacity: 0;    transition: var(--transition);  }  .page-cont .footer-bot-le-logo a img:last-child {    opacity: 1;  }  .page-cont .footer-bot-le-logo a img:first-child {    opacity: 0;  }  .hull-icon{    position: relative;  }  .hull-icon img{    transition: var(--transition);  }  .hull-icon img:last-child{    position: absolute;    left: 0;    top: 0;    opacity: 0;  }  .page-cont .hull-icon img:last-child{    opacity: 1;  }.page-cont .hull-icon img:first-child {    opacity: 0;}.footer-top.ende{    justify-content: flex-end;}.home-share.opact .home-share-par{    opacity: 0;    pointer-events: none;} /* 2025.12.29-leo-end */   /*2026.4.11-二期-satrt*/ /* 2026.3.31-leo-satrt */.head-nav-item-title {  padding: 0 0.17rem;  border-radius: 8px;}.hnit-text {  line-height: 50px;}.yx-search3xlbtn {  width: 22px;  line-height: 60px;}/*  */.ys-nybanner {  position: relative;}.bread-mbs {  position: absolute;  left: var(--space100);  top: calc(var(--headh) + 30px);}.bread-mbs .ys-bread-list a {  color: rgba(255, 255, 255, 0.5);}.bread-mbs .ys-bread-list:last-child a {  color: rgba(255, 255, 255, 1);}.bread-mbs .ys-bread-list::before {  color: rgba(255, 255, 255, 0.5);}.bread-mbs .ys-bread-list:last-child::before {  color: rgba(255, 255, 255, 0.5);}.banner-box {  padding: 0 1rem;  width: 100%;}.banner-box-text {  width: 58%;}.ys-nyban-title .std-font56 {  font-size: var(--font56) !important;  color: var(--colorfff) !important;  line-height: var(--line12) !important;  font-family: var(--sembold) !important;}/* d2-satrt */.pipe-but {  background: #fcfdfb;  position: relative;  z-index: 1;}.pipe-but-bj {  position: absolute;  left: 0;  bottom: 0;  width: 36%;  z-index: -1;}.pipe-but-bj img {  width: 100%;}.pipe-but-box {  padding: 0 var(--space100);}.pbbc-ul-li-text {  line-height: 41px;  width: 270px;  text-align: center;  font-family: var(--sembold);  color: var(--color193);  border-radius: 200px;  backdrop-filter: blur(10px);  -webkit-backdrop-filter: blur(10px);  -moz-backdrop-filter: blur(10px);  -ms-backdrop-filter: blur(10px);  -o-backdrop-filter: blur(10px);  cursor: pointer;  transition: var(--transition);}.pbbc-ul-li.act .pbbc-ul-li-text {  background: var(--colormain);  color: var(--colorfff);}.pipe-but-box-cont {  padding: 0.1rem 0.14rem;  border-radius: 200px;  border: 1px solid var(--colormain);  display: inline-block;  margin-bottom: 0.68rem;}.pbbc-ul {  display: flex;}.pbbl-top {  padding: 0.23rem 0.8rem 0.23rem 0.59rem;  border-radius: 0.24rem;  background: var(--colormain);  box-shadow: 0 9px 40px 0 rgba(0, 0, 0, 0.04);  backdrop-filter: blur(10px);  -webkit-backdrop-filter: blur(10px);  -moz-backdrop-filter: blur(10px);  -ms-backdrop-filter: blur(10px);  -o-backdrop-filter: blur(10px);  margin-bottom: 0.16rem;}.pbbl-top-ul {  display: flex;  align-items: center;}.pbbl-top-ul-li {  width: 10.1%;  position: relative;}.pbbl-top .pbbl-top-ul-li::before {  content: "";  position: absolute;  right: 0;  top: 50%;  width: 1px;  height: 54px;  background-color: rgba(255, 255, 255, 0.5);  transform: translateY(-50%);}.pbbl-top .pbbl-top-ul-li:last-child::before {  display: none;}.pbbl-top-ul-li:last-child {  border-left: none;}.pbbl-top-ul-li1 {  width: 19.2%;  padding-right: 0.5rem;}.ptul-text {  text-align: center;}.pbbl-btm-item-box {  padding: 0.41rem 0.8rem 0.41rem 0.59rem;  border-radius: 0.24rem;  background: rgba(255, 255, 255, 0.8);  box-shadow: 0 9px 40px 0 rgba(0, 0, 0, 0.04);  backdrop-filter: blur(10px);  -webkit-backdrop-filter: blur(10px);  -moz-backdrop-filter: blur(10px);  -ms-backdrop-filter: blur(10px);  -o-backdrop-filter: blur(10px);}.pbbl-top-ul-li1 .ptul-cont {  line-height: var(--line15);  color: var(--color193);  font-family: var(--bold);  font-size: var(--font24);  text-align: left;  padding: 0.095rem 0;}.ptul-cont {  text-align: center;  font-size: var(--font18);  color: var(--color444);  line-height: var(--line15);  padding: 0.14rem 0;}.pbbl-btm .pbbl-top-ul-li {  position: relative;}.pbbl-btm .pbbl-top-ul-li::after {  content: "";  position: absolute;  right: 0;  top: 50%;  transform: translateY(-50%);  width: 1px;  height: 55px;  background-color: #ddd;}.pbbl-top-ul-line {  width: 61%;  position: relative;  overflow: hidden;}.ptul-pope {  height: 100%;  position: absolute;  left: 0;  top: 0;  opacity: 0;  visibility: hidden;  background-color: #f0831e;  border-radius: 0 200px 200px 0;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);}.pbbl-top-ul-line.act .ptul-pope {  animation: fadeInLeft 2s ease both 0.5s;  visibility: visible;}@keyframes fadeInLeft {  0% {    opacity: 0;    transform: translate(-100%, 0);  }  100% {    opacity: 1;    transform: translate(0, 0);  }}.pbbl-top-ul-li.linebj {}.pbbl-top-ul-line .pbbl-top-ul-li {  width: 16.6667%;  position: relative;}.pbbl-top-ul-line .pbbl-top-ul-li::after {  content: "";  position: absolute;  right: 0;  top: 50%;  transform: translateY(-50%);  width: 1px;  height: 100%;  background-color: var(--colorfff);  z-index: 10;}.pbbl-top-ul-line .pbbl-top-ul-li:last-child {  border-right: none;}.pbbl-top-ul-line {  height: 15px;  border-radius: 0 200px 200px 0;  background: #f1f1f3;  display: flex;}.pbbl-top-ul-line .ptul-cont {  display: none;}.pbbl-btm-item {  margin-bottom: 0.16rem;}.pbbl-btm-item:last-child {  margin-bottom: 0;}.pbbl-tab:not(:first-child) {  display: none;}/* d2-end *//* d3-start */.rese-map {  padding: 1.04rem 0 0 0;  position: relative;  background: linear-gradient(180deg, #f9fcf8 83.1%, #fff 100%);}.rese-map::after {  content: "";  position: absolute;  left: 0;  bottom: 0;  width: 100%;  height: 10%;  background: linear-gradient(    180deg,    rgba(249, 252, 248, 0.5) 55%,    rgba(255, 255, 255, 0.5) 100%  );  backdrop-filter: blur(11px);  -webkit-backdrop-filter: blur(11px);  -moz-backdrop-filter: blur(11px);  -ms-backdrop-filter: blur(11px);  -o-backdrop-filter: blur(11px);  z-index: 2;}.rese-page .banner-box-text {  width: 47%;}.rese-map-box {  padding: 0 var(--space100);  display: flex;  justify-content: space-between;  align-items: center;}.rese-map-box-le {  width: 45%;}.rmbl-par {  width: 92%;}.rese-map-box-ri {  max-width: 916px;  width: 53.5%;  position: relative;  z-index: 1;}.rmbr-bj {  position: absolute;  right: -38%;  bottom: 0;  width: 110%;  height: 110%;  z-index: -1;}.rmbr-bj img {  width: 100%;  height: 100%;  object-fit: cover;}.rmbl-tit {  color: var(--color193);  font-family: var(--bold);  margin-bottom: 0.32rem;}.rmbl-par,.rmbl-par p {  color: var(--color444);  line-height: var(--line175);}.rmbl-par {  margin-bottom: 1.14rem;}.rmbl-ul-li-text {  line-height: 48px;  color: var(--color193);  width: 190px;  text-align: center;  border-radius: 200px;  transition: var(--transition);  cursor: pointer;}.rmbl-ul-li.active .rmbl-ul-li-text {  background: var(--colormain);  color: var(--colorfff);}.rmbl-ul-li {  padding: 0 0.12rem;  margin-bottom: 0.37rem;}.rmbl-ul {  display: flex;  flex-wrap: wrap;  margin: 0 -0.12rem;  margin-bottom: -0.37rem;}.rmbr-cry {  position: relative;  width: 100%;}.rmbr-cry img {  width: 100%;}#about-three {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}.rmbr-cry-text {  width: 278px;  border-radius: 0.1rem;  background: rgba(255, 255, 255, 0.8);}.rmbr-cry-text-tit {  font-size: var(--font16);  color: var(--color193);  line-height: var(--line175);  padding-bottom: 0.07rem;  border-bottom: 1px solid #ddd;  margin-bottom: 0.15rem;}.rmbr-cry-text-par,.rmbr-cry-text-par p {  font-size: var(--font14);  color: var(--color999);  line-height: var(--line175);}.yx_three3d1_map_area {  border-radius: 5px;  background: var(--colorfff);  padding: 0.15rem 0.25rem 0.2rem 0.25rem;  position: absolute;  /* left: 70%;  bottom: 22%; */  left: 50%;  top: 50%;  transform: translate(8%, 4%);  z-index: 20;  opacity: 0;  transition: all 0.4s ease;  pointer-events: none;  box-shadow: 0 9px 40px 0 rgba(0, 0, 0, 0.04);  backdrop-filter: blur(10px);  -webkit-backdrop-filter: blur(10px);  -moz-backdrop-filter: blur(10px);  -ms-backdrop-filter: blur(10px);  -o-backdrop-filter: blur(10px);}.yx_three3d1_map_area.on.on1.on2 {  opacity: 1;  pointer-events: all;}.rese-plat-box {  padding: 0 var(--space100);}.rese-plat-box-tit {  text-align: center;  color: var(--color193);  font-family: var(--bold);  margin-bottom: 0.7rem;}.rpbu-li-link {  padding: 0.26rem 0.26rem 0.26rem 0.9rem;  border-radius: 0.24rem;  background: rgba(255, 255, 255, 0.8);  box-shadow: 0 9px 40px 0 rgba(0, 0, 0, 0.04);  backdrop-filter: blur(10px);  -webkit-backdrop-filter: blur(10px);  -moz-backdrop-filter: blur(10px);  -ms-backdrop-filter: blur(10px);  -o-backdrop-filter: blur(10px);  width: 100%;  display: flex;  align-items: center;  justify-content: space-between;}.rpbu-li-link-le {  width: 44%;}.rpbu-li-link-ri {  width: 46.5%;  border-radius: 0.24rem;  overflow: hidden;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);}.rpbu-li-link-ri img {  width: 100%;}.rlll-icon {  width: 48px;  margin-bottom: 0.36rem;}.rlll-icon img {  width: 100%;}.rlll-tit {  color: var(--color193);  font-family: var(--medium);  margin-bottom: 0.44rem;  transition: var(--transition);}.rlll-par,.rlll-par p {  color: var(--color666);  line-height: var(--line175);}.rpbu-li {  margin-bottom: 0.16rem;}.rpbu-li:last-child {  margin-bottom: 0;}.rese-plat {  background: linear-gradient(    180deg,    rgba(249, 252, 248, 0.5) 55%,    rgba(255, 255, 255, 0.5) 100%  );  backdrop-filter: blur(11px);  -webkit-backdrop-filter: blur(11px);  -moz-backdrop-filter: blur(11px);  -ms-backdrop-filter: blur(11px);  -o-backdrop-filter: blur(11px);  position: relative;  z-index: 1;}.rese-plat-bj {  position: absolute;  left: 0;  bottom: 0;  width: 36%;  z-index: -1;}.rese-plat-bj img {  width: 100%;}/* d3-end *//* d4-satrt */.deve-page .ys-nybanner::before {  content: "";  position: absolute;  left: -10%;  top: 50%;  transform: translateY(-50%);  width: 1234px;  height: 839px;  border-radius: 1234px;  opacity: 0.4;  background: #adc9d0;  filter: blur(150px);}.deve-scrotab {  overflow: visible;  position: relative;  z-index: 1;  background: linear-gradient(180deg, #fff 0%, #fefefe 100%);}.deve-scrotab-bj {  position: absolute;  left: calc(var(--space100) * -1);  top: calc(var(--space140) * -1);  width: 61%;  z-index: -1;}.deve-scrotab-bj img {  width: 100%;}.deve-scrotab-le-tit {  color: var(--color193);  font-family: var(--bold);}.deve-scrotab-le {  width: 66.5%;  display: flex;  align-items: center;  justify-content: space-between;  position: sticky !important;  top: calc(var(--headh) + 20px);  height: calc(100vh - (var(--headh) + 20px));}.deve-scrotab-ri {  width: 24.5%;}.rese-plat-box-stick {  display: flex;  align-items: flex-start;  justify-content: space-between;}.deve-scrotab-le-tits {  width: 36%;}.deve-scrotab-le-pic {  width: 49%;}.dsru-item p {  color: var(--color666);  line-height: var(--line175);}.deve-scrotab-ri-ul {  position: relative;}.dsru-item {  height: calc(100vh - var(--headh) - 20px);  display: flex;  align-items: center;  justify-content: center;}.rese-plat-box-about {  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  padding: 0 var(--space100);}/* .rpbu-li {  height: 100vh;} */.dslp-ul-li-pic {  width: 100%;  height: 100%;  border-radius: 0.24rem;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);  overflow: visible;  position: relative;}.dslp-ul-li .dslp-ul-li-text {  display: none;}.dslp-ul-li-pic img:first-child {  position: absolute;  left: 0;  top: -34px;  width: 100%;  height: auto;  z-index: 99;}.dslp-ul-li1 .dslp-ul-li-pic img:first-child {  display: none;}.dslp-ul-act .dslp-ul-li-pic {  height: calc(100% + 170px);}.dslp-ul-act .dslp-ul-li-pic img:last-child {  clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 100%);  -webkit-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 100%);}.dslp-ul-li-pic img {  width: 100%;  height: 100%;  object-fit: cover;}.dslp-ul {  position: relative;  overflow: hidden;  border-radius: 0.24rem;}.dslp-ul-li:not(:first-child) {  position: absolute;  left: 0;  bottom: 0;  width: 101%;  height: 100%;  transform: translateY(100%);}.deve-stra-cont {  padding: 0.5rem 1.16rem 0.5rem 0.5rem;  border-radius: 0.24rem;  background: rgba(255, 255, 255, 0.8);  box-shadow: 0 9px 40px 0 rgba(0, 0, 0, 0.04);  backdrop-filter: blur(10px);  -webkit-backdrop-filter: blur(10px);  -moz-backdrop-filter: blur(10px);  -ms-backdrop-filter: blur(10px);  -o-backdrop-filter: blur(10px);  transform: rotate(0deg);  -webkit-transform: rotate(0deg);  display: flex;  align-items: center;  justify-content: space-between;}.deve-stra-cont-le {  width: 48.5%;  border-radius: 0.24rem;  overflow: hidden;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);}.deve-stra-cont-le img {  width: 100%;}.deve-stra-cont-ri {  width: 43%;}.dscr-tit {  font-family: var(--bold);  color: var(--color193);  margin-bottom: 0.61rem;}.dscr-par,.dscr-par p {  color: var(--color666);  line-height: var(--line175);}.deve-stra {  background: #f9fcf8;}.deve-prod-tit {  font-family: var(--bold);  text-align: center;  color: var(--color193);  margin-bottom: 0.6rem;}.dpsi-link {  padding: 0.3rem;  border-radius: 0.2rem;  border: 1px solid rgba(78, 132, 52, 0.1);  background: #fff;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);  width: 100%;  display: flex;}.dpsi-link-le {  width: 47%;  border-radius: 0.23rem;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);  overflow: hidden;}.dpsi-link-le img {  width: 100%;}.dpsi-link-ri {  width: 53%;  padding-left: 0.61rem;  padding-top: 0.46rem;  padding-bottom: 0.25rem;  display: flex;  flex-direction: column;  align-items: flex-start;  justify-content: space-between;}.dpsi-link-ri-tit {  color: var(--color193);  font-family: var(--bold);}.deve-prod {  background: #f9fcf8;  position: relative;}.dpsi-link .std-btn1-link-icon {  width: 16px;}.deve-prod-slick-item {  padding: 0 0.08rem;}.deve-prod-slick {  margin: 0 -0.08rem;}.has-dots {  padding-bottom: 0.5rem;}.slick-dots {  bottom: 0;}.deve-prod .rese-plat-bj {  z-index: 1;}.deve-prod .rese-plat-box {  position: relative;  z-index: 10;}.slick-dots li {  width: 10px;  height: 10px;  margin: 0 5px;  background: #dcecdf;}.slick-dots li.slick-active {  background: var(--colorbj);}/* d4-end *//* d6-satrt */.posit-cont {  overflow: visible;}.posit-cont-le {  width: 59%;}.posit-cont-ri {  width: 30%;  position: sticky !important;  top: calc(var(--headh) + 20px + 40px);  padding: 0.4rem 0.5rem 0.36rem 0.5rem;  border-radius: 0.24rem;  background: rgba(255, 255, 255, 0.8);  box-shadow: 0 9px 40px 0 rgba(0, 0, 0, 0.04);  backdrop-filter: blur(10px);  -webkit-backdrop-filter: blur(10px);  -moz-backdrop-filter: blur(10px);  -ms-backdrop-filter: blur(10px);  -o-backdrop-filter: blur(10px);  transform: rotate(0deg);  -webkit-transform: rotate(0deg);}.posit-cont-le-tit {  color: var(--color193);  font-family: var(--bold);  margin-bottom: 0.42rem;}.pclu-li-text {  color: var(--color444);  font-family: var(--light);}.pclu-li {  padding: 0 0.1rem;  border-right: 1px solid #ddd;}.pclu-li:last-child {  border-right: none;}.posit-cont-le-ul {  margin: 0 -0.1rem;  display: flex;  margin-bottom: 0.6rem;}.posit-cont-le-deito {  margin-bottom: 0.6rem;}.posit-cont-le-deito h5 {  font-size: var(--font24);  color: var(--color333);  line-height: var(--line15);  font-family: var(--bold);  margin-bottom: 0.12rem;  margin-top: 0.12rem;}.posit-cont-le-deito h5:first-child {  margin-top: 0;}.pllb-icon {  width: 12px;  margin-bottom: 2px;}.pllb-icon img {  width: 100%;}.posit-cont-le-deito p {  font-size: var(--font16);  color: var(--color444);  font-family: var(--light);  line-height: var(--line175);  margin-bottom: 0;}.posit-cont-ri-tit {  color: var(--color193);  font-family: var(--bold);  margin-bottom: 0.3rem;}.pcru-li-link-tit {  font-size: var(--font20);  line-height: var(--line15);  font-family: var(--medium);  color: var(--color333);  margin-bottom: 0.14rem;  transition: var(--transition);}.pllb-text {  font-size: var(--font16);  color: var(--colormain);  line-height: var(--line12);  margin-right: 0.24rem;}.pcru-li-link-but {  display: flex;  align-items: center;}.pcru-li-link {  padding: 0.2rem 0 0.38rem 0;}.pcru-li {  border-top: 1px solid #ddd;}.pcru-li:last-child {  margin-top: none;}.posit-cont-box {  display: flex;  justify-content: space-between;  align-items: flex-start;}.posit-cont {  padding: var(--space100) 0 var(--space140) 0;}.posit-page {  position: relative;  background: linear-gradient(180deg, #f9fcf8 0%, #fff 100%);}.posit-page .ys-main {  position: relative;  z-index: 1;}.posit-bj1 {  position: absolute;  right: 0;  top: calc(var(--headh) * -1);  width: 36%;  z-index: -1;}.posit-bj1 img {  width: 100%;}.posit-bj2 {  position: absolute;  left: 0;  bottom: 0;  width: 36%;  z-index: -1;}.posit-bj2 img {  width: 100%;}.std-btn1-link {  cursor: pointer;}.posit-pop .ys-modal-content {  width: 1120px;  padding: 0.82rem 0.49rem 0.86rem 0.7rem;  max-width: calc(100vw - 40px);  max-height: 920px;  overflow: hidden;  background: #fff;}.posit-pop .ys-modal-container {  border-radius: 0.2rem;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);  overflow: hidden;}.posit-pop-cont-tit {  color: var(--color193);  line-height: var(--line15);  font-family: var(--bold);  margin-bottom: 0.6rem;  padding-right: 0.6rem;}.posit-pop .ys-modal-close {  position: absolute;  right: 41px;  top: 47px;  font-size: 0;  font-weight: 700;  cursor: pointer;  z-index: 10;  width: 25px;}.posit-pop .ys-modal-close img {  width: 100%;}.posit-pop-cont-from .ys-form {  padding-right: 0.6rem;}.posit-pop-cont-from .ys-form-inof-item .ys-fii-input {  display: flex;  align-items: center;  padding: 0 0.24rem;  height: 60px;  border-radius: 4px;  border: 1px solid #d9d9d9;}.posit-pop-cont-from .ys-fii-name {  white-space: nowrap;  margin-bottom: 0;}.posit-pop-cont-from .ys-form-inof-item {  padding: 0 0.08rem;  margin-bottom: 0.2rem;}.posit-pop-cont-from .ys-form-inof-code {  margin-bottom: 0.32rem;}.posit-pop-cont-from .ys-fii-name {  color: var(--color151);}.posit-pop-cont-from .ys-form-inof {  margin: 0 -0.08rem;}.posit-pop-cont-from .ys-fic-auth {  align-items: center;}.posit-pop-cont-from .ys-form-inof-code .ys-fii-input {  width: calc(50% - 0.08rem);  flex-grow: 0;}.posit-pop-cont-from.ys-fia-text-btn {  left: 1px;}.posit-pop-cont-from .ys-fia-text-word a {  position: relative;}.posit-pop-cont-from .ys-fia-text-word a::after {  content: "";  position: absolute;  left: 0;  bottom: 4px;  width: 100%;  height: 1px;  background-color: var(--colormain);}.posit-pop-cont-from .ys-form-inof-submit {  width: auto;}.posit-pop-cont-from .ys-fii-submit {  padding: 0 0.51rem;  border-radius: 200px;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);  display: flex;  align-items: center;}.ys-fii-submit-text {  font-size: var(--font16);  line-height: 48px;  color: var(--colorfff);  margin-right: 0.24rem;}.ys-fii-submit-icon {  width: 12px;}.ys-fii-submit-icon img {  width: 100%;}.posit-pop-cont-from .ys-form-inof-agree {  margin-bottom: 0.4rem;}.posit-pop-cont-from .ys-fia-text-btn {  left: 1px;}/* d6-end *//* f1-start */.resp-cont-tit {  color: var(--color193);  font-family: var(--bold);  text-align: center;}.resp-cont {  overflow: visible;  position: relative;  z-index: 1;  background: #f9fcf8;}.resp-cont-bj {  position: absolute;  right: 0;  bottom: 0;  width: 36%;  z-index: -1;}.resp-cont-bj img {  width: 100%;}.rpbu-li-box {  display: flex;  align-items: flex-start;  justify-content: space-between;}.rpbu-li-box-le {  width: 37.5%;  position: sticky !important;  top: 30%;  padding-bottom: 10%;}.rpbu-li-box-bj {  position: absolute;  left: calc(var(--space100) * -1);  top: calc(    (var(--space140) * -1 * 2) + (var(--height) * -1) +      ((var(--headh) + 20px) * -1)  );  width: 100%;  z-index: -1;  width: 100%;}.rpbu-li-box-bj img {  width: 100%;}.rpbu-li-box-ri {  width: 56%;}.rlbr-ul-li-pic {  width: 100%;  border-radius: 0.26rem;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);  overflow: hidden;}.rlbr-ul-li-pic img {  width: 100%;}.rlbr-ul-li {  margin-bottom: var(--space120);}.rlbr-ul-li .rlbr-ul-li-text {  display: none;}.rpbu-li-box-bj2 {  display: none;}.rlbr-ul-li:last-child {  margin-bottom: 0;}.resp-page .ys-nybanner {  position: relative;  overflow: hidden;}.resp-page .ys-nybanner::after {  content: "";  border-radius: 1344px;  width: 1344px;  height: 1344px;  opacity: 0.2;  background: #5b5b5b;  filter: blur(100px);  position: absolute;  left: -10%;  top: -10%;  z-index: 1;  pointer-events: none;}.resp-page .ys-nybanner .ys-nyban-title {  z-index: 10;}.rulb-top {  color: var(--color999);  font-family: var(--bold);  padding: 0.26rem 0;  cursor: pointer;}.rlbl-ul-li.act .rulb-top {  color: var(--color193);}.rlbl-ul-li {  border-top: 1px solid #ddd;}.rlbl-ul-li:first-child {  border-top: none;}.rulb-btm,.rulb-btm p {  font-size: var(--font20);  color: var(--color444);  line-height: var(--line15);  font-family: var(--light);}.rulb-btm {  padding-bottom: 0.26rem;  display: none;}/* f1-end *//* d1-start */.inno-page .ys-nybanner {  position: relative;  overflow: hidden;}.inno-page .ys-nybanner::before {  content: "";  border-radius: 1344px;  width: 1344px;  height: 1344px;  opacity: 0.2;  background: #5b5b5b;  filter: blur(100px);  position: absolute;  left: -10%;  top: -10%;  z-index: 1;  pointer-events: none;}.inno-page .ys-nybanner .ys-nyban-title {  z-index: 10;}.ipul-link-pic {  width: 100%;  height: 100%;}.ipul-link-pic img {  width: 100%;  height: 100%;  object-fit: cover;}.ipul-link {  position: relative;  width: 100%;  height: 585px;  border-radius: 0.2rem;  overflow: hidden;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);}.ipul-link-text {  padding: 0.25rem 0.4rem 0.2rem 0.4rem;  border-radius: 0.26rem;  background: rgba(125, 125, 125, 0.2);  backdrop-filter: blur(12.5px);  -webkit-backdrop-filter: blur(12.5px);  -moz-backdrop-filter: blur(12.5px);  -ms-backdrop-filter: blur(12.5px);  -o-backdrop-filter: blur(12.5px);  display: flex;  flex-direction: column;  align-items: flex-end;  position: absolute;  left: 0.5rem;  bottom: 0.3rem;  width: calc(100% - 1rem);}.ipul-link-text-tit {  color: var(--colorfff);  font-family: var(--bold);  margin-bottom: 0.06rem;  width: 100%;  transform: translateY(15px);  transition: var(--transition);}.inno-pand-ul-li.act .ipul-link-text-tit {  transform: translateY(0);}.ipul-link-text-icon {  width: 40px;  border-radius: 50%;  background: var(--colorfff);  padding: 10px;  opacity: 0;  transition: var(--transition);}.ipul-link-text-icon img {  width: 100%;}.inno-pand-ul {  display: flex;  margin: 0 -0.08rem;}.inno-pand-ul-li {  width: 24.5%;  padding: 0 0.08rem;  transition: var(--transition);}.inno-pand-ul-li.act {  width: 49.5%;}.inno-pand-ul-li.act .ipul-link-text-icon {  opacity: 1;}.isba-sticky {  padding: 0 0.14rem;}.inno-stan-box-bj {  width: 100%;  height: 100%;  border-radius: 0.2rem;  overflow: hidden;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);}.inno-stan-box-bj img {  width: 100%;  height: 100%;  object-fit: cover;}.inno-stan-box-text {  position: absolute;  left: 1.63rem;  top: 20%;  width: 37%;}.isbt-le {  width: 100%;}.isbt-ri {  width: 30%;}.isbt-le-tit {  color: var(--colorfff);  font-family: var(--bold);}.inno-stan .inno-stan-box {  position: relative;  padding: 0 0.14rem;}.inno-stan-box-abo {  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;}.isba-sticky {  position: sticky !important;  top: calc(var(--headh) + 20px);  height: calc(100vh - var(--headh) - 20px);}.irul-box {  padding: 1.13rem 0.68rem 1.16rem 0.7rem;  border-radius: 0.24rem;  background: #fff;  box-shadow: 0 9px 40px 0 rgba(0, 0, 0, 0.04);  backdrop-filter: blur(10px);  -webkit-backdrop-filter: blur(10px);  -moz-backdrop-filter: blur(10px);  -ms-backdrop-filter: blur(10px);  -o-backdrop-filter: blur(10px);}.irul-box-icon {  width: 60px;  margin-bottom: 0.71rem;}.irul-box-icon img {  width: 100%;}.irul-box-tit {  color: var(--color193);  font-family: var(--bold);  margin-bottom: 0.32rem;}.irul-box-par,.irul-box-par p {  font-size: var(--font20);  color: var(--color666);  line-height: var(--line175);}.inno-stan-box-cover {  display: flex;  align-items: flex-end;  justify-content: flex-end;  padding-right: 2.31rem;  padding-top: 1.48rem;}.inno-stan {  overflow: visible;  margin-top: var(--space140);}.isbt-ri-ul-li {  height: 80vh;  position: sticky !important;  top: 240px;  margin: 0;  padding: 0;}.inno-list .rese-plat-box {  display: flex;  align-items: center;  justify-content: space-between;}.inno-list-le {  width: 40.5%;}.inno-list-ri {  width: 50.5%;  border-radius: 0.26rem;  overflow: hidden;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);}.inno-list-ri img {  width: 100%;}.inno-list-le-tit {  color: var(--color193);  font-family: var(--bold);  padding-right: 0.68rem;  margin-bottom: 0.32rem;}.inno-list-le-par,.inno-list-le-par p {  font-size: var(--font18);  color: var(--color444);  font-family: var(--light);}.inno-list-le-par p {  margin-bottom: 0.75em;}.inno-page .ys-main {  padding-bottom: var(--space140);  background: #f9fcf8;}/* d1-end *//* b1-1-satrt */.conover-page .ys-nybanner {  position: relative;  margin-bottom: 0.2rem;}.conover-page .ys-nybanner::before {  content: "";  position: absolute;  left: -10%;  top: 50%;  transform: translateY(-50%);  border-radius: 1331px;  width: 1331px;  height: 635px;  opacity: 0.3;  background: #5b5b5b;  mix-blend-mode: plus-darker;  filter: blur(100px);  pointer-events: none;}.conover-page .ys-nyban-title {  z-index: 10;}.conover-switch-box {  padding: 0 0.14rem;}.csbu-li-box-ri {  width: 50%;  border-radius: 0.2rem;  overflow: hidden;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);  clip-path: inset(0 0 0 0);  /* transition: all 1.2s; */  height: 100%;}.csbu-li-box-ri img {  width: 100%;  height: 100%;  object-fit: cover;}.csbu-li-box-le {  width: 50%;  padding: 1.82rem 1.55rem 1.21rem 0.86rem;  display: flex;  flex-direction: column;  justify-content: space-between;  position: relative;}.csbu-li1 .csbu-li-box-le::after {  content: "";  position: absolute;  left: -1px;  top: 0;  width: 100%;  height: 100%;  background: linear-gradient(to bottom, #f5f5f5, #333333);  backdrop-filter: blur(12px);  -webkit-backdrop-filter: blur(12px);  opacity: 0;  pointer-events: none;  display: none;}.csbu-li1.swit .csbu-li-box-le::after {  opacity: 1;}.csbu-li-box {  display: flex;  position: relative;  overflow: hidden;  z-index: 1;  height: 100%;  border-radius: 0.2rem;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);  overflow: auto;}.conover-switch {  background: #f9fcf8;  margin-bottom: 0.22rem;}.clbl-tit {  color: var(--color193);  font-family: var(--bold);}.clbl-tit-par,.clbl-tit-par p {  font-size: var(--font18);  color: var(--color444);  line-height: var(--line175);}.clbl-tit-par p {  margin-bottom: 0;}.csbu-li:nth-child(2n) .clbl-tit {  font-size: var(--font40);}.csbu-li:nth-child(2n) .csbu-li-box {  flex-direction: row-reverse;}.csbu-li-box-bj1 {  position: absolute;  right: 30%;  top: -1%;  z-index: -1;  width: 36.5%;}.csbu-li-box-bj1 img {  width: 100%;}.csbu-li-box-bj2 {  position: absolute;  left: 0;  bottom: 0;  z-index: -1;  width: 36.5%;}.csbu-li-box-bj2 img {  width: 100%;}.csbu-li-box-bj3 {  position: absolute;  right: 0;  top: 0;  width: 36.5%;  z-index: -1;}.csbu-li-box-bj3 img {  width: 100%;}.csbu-li-box-bj4 {  position: absolute;  left: 46%;  bottom: 0;  width: 36.5%;  z-index: -1;}.csbu-li-box-bj4 img {  width: 100%;}.conover-switch-box-ul {  position: relative;  height: 100%;}.csbu-li:not(:first-child) {  position: absolute;  left: 0;  top: 0;  pointer-events: none;}.csbu-li {  height: 100%;}.conover-switch-box-sticky {  position: sticky !important;  top: calc(var(--headh) + 20px);  height: calc(100vh - var(--headh) - 20px);}.conover-switch {  overflow: visible;}.conover-switch .conover-switch-box {  height: 200vh;}.csbu-li2 .csbu-li-box-ri {  transform: translateY(100%);}.csbu-li2 .csbu-li-box-bj3,.csbu-li2 .csbu-li-box-bj4 {  opacity: 0;}.csbu-li2.swit .csbu-li-box-bj3,.csbu-li2.swit .csbu-li-box-bj4 {  opacity: 1;}.csbu-li2.swit {  pointer-events: all;}.csbu-li1.swit .csbu-li-box-bj1,.csbu-li1.swit .csbu-li-box-bj2 {  opacity: 0;}/* .csbu-li-box-bj1,.csbu-li-box-bj2,.csbu-li-box-bj3,.csbu-li-box-bj4 {  transition: var(--transition);} */.csbu-li2 .csbu-li-box-le {  opacity: 0;  transform: translateY(60px);}.csbu-li-box-le {  /* transition: all .8s; */}.csbu-li2.swit .csbu-li-box-le {  opacity: 1;  transform: translateY(0px);  transition: all 1.2s;}.csbu-li1.swit .csbu-li-box-ri {  clip-path: inset(100% 0 0 0);  transition: all 1.2s;  z-index: 999;}.csbu-li2.swit .csbu-li-box-ri {  transform: translateY(0);  transition: all 1.2s;}.conover-expand-box {  padding: 0 0.14rem;  border-radius: 0.2rem;  position: relative;  z-index: 1;  overflow: hidden;}.conover-expand-box::after {  content: "";  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  z-index: -1;  background: #f2f7ef;  filter: blur(50px);}.cebt-tit {  color: var(--color193);  font-family: var(--bold);  margin-bottom: 0.34rem;}.conover-expand-box-par,.conover-expand-box-par p {  line-height: var(--line175);  color: var(--color666);}.conover-expand-box-par {  width: 77%;  margin-bottom: 0.58rem;}.cebu-li {  width: 14%;  flex-grow: 1;  padding: 0 0.08rem;  transition: width 0.8s cubic-bezier(0.6, 0, 0.2, 1);}.cebu-li.act {  width: 45%;}.cebu-li.act .cebu-li-box-le {  /* width: 59%; */  width: 26vw;}.cebu-li.act .cebu-li-box-ri {  /* width: 41%; */  width: 16vw;  opacity: 1;}.cebu-li-box {  display: flex;  align-items: flex-start;  border-radius: 0.2rem;  background: rgba(255, 255, 255, 0.8);  backdrop-filter: blur(15px);  -webkit-backdrop-filter: blur(15px);  -moz-backdrop-filter: blur(15px);  -ms-backdrop-filter: blur(15px);  -o-backdrop-filter: blur(15px);  position: relative;  overflow: hidden;  height: 434px;  transform: translateZ(0);}.cebu-li-box-le {  width: 26vw;  height: 100%;  position: absolute;  left: 0;  top: 0;  z-index: 60;  backface-visibility: hidden;  transform: translateZ(0);  transition: var(--transition);}.cebu-li-box-le img {  width: auto;  position: relative;  left: 0;  top: 0;  height: 100%;  object-fit: cover;  border-radius: 0.2rem;  overflow: hidden;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);}.cebu-li-box-ri {  padding: 0.65rem 0.42rem 0.62rem 0.42rem;  position: absolute;  opacity: 0;  right: 0;  top: 50%;  width: 16vw;  transform: translateY(-50%) translateZ(0);  backface-visibility: hidden;  transition: opacity 0.8s cubic-bezier(0.6, 0, 0.2, 1);}.clbr-tit {  color: var(--color193);  font-family: var(--bold);  margin-bottom: 0.65rem;}.ctul-num {  color: var(--color193);  margin-bottom: 0.14rem;}.ctul-par {  color: var(--color666);  line-height: var(--line12);}.clbr-tit-ul-li {  margin-bottom: 0.54rem;}.clbr-tit-ul-li:last-child {  margin-bottom: 0;}.conover-expand-box-ul {  display: flex;}.conover-expand-box-text {  padding: 0.94rem 0.86rem 0.6rem 0.86rem;  position: relative;  z-index: 10;  background: #f2f7ef;  border-radius: 0.2rem;  overflow: hidden;}.conover-off-bj {  width: 100%;  border-radius: 0.2rem;  overflow: hidden;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);}.conover-off-bj img {  width: 100%;  height: 100%;  object-fit: cover;}.conover-off .conover-expand-box {  overflow: hidden;  position: relative;}.conover-expand {  margin-bottom: 0.11rem;  position: relative;  z-index: 3;}.conover-expand-bj {  position: absolute;  left: 0.14rem;  border-radius: 0.2rem 0 0 0;  overflow: hidden;  top: 0;  width: 36%;  z-index: 1;  pointer-events: none;}.conover-expand-bj2 {  position: absolute;  right: 0.14rem;  border-radius: 0 0 0.2rem 0;  overflow: hidden;  bottom: 0;  width: 36%;  z-index: 1;  pointer-events: none;}.conover-expand-bj2 img {  width: 100%;}.conover-expand-bj img {  width: 100%;}.conover-page .ys-main {  background: #f9fcf8;}.conover-off-text-tit {  color: var(--colorfff);  font-family: var(--bold);  margin-bottom: 0.41rem;}.conover-off-text-par,.conover-off-text-par p {  color: var(--colorfff);  line-height: var(--line175);}.conover-off-text-par {  width: 45%;}.conover-off-text {  position: absolute;  left: 0.86rem;  bottom: 1.14rem;  z-index: 30;}.conover-off {  margin-bottom: 0.2rem;  position: relative;  overflow: visible;}.conover-off-bjs {  position: absolute;  left: 0;  bottom: -90%;  width: 36%;  z-index: 20;  pointer-events: none;}.conover-off-bjs img {  width: 100%;}.ccbt-le {  color: var(--color193);  font-family: var(--bold);  margin-right: 0.2rem;  margin-bottom: 10px;}.ccbt-time {  font-size: var(--font80);  color: var(--color193);  line-height: var(--line12);  font-family: var(--bold);}.conover-cour-box-tiem {  width: 60%;  margin: 0 auto;  margin-bottom: 0.34rem;  display: flex;  align-items: flex-end;  position: absolute;  left: calc(25%);  top: 21.5vh;}.conover-cour-box-bj {  overflow: hidden;  position: sticky !important;  top: 0;  left: 0;  width: 100%;  height: 100vh;}.ccbb-text {  position: absolute;  padding: var(--space130) 0 0 var(--space130);  width: 100%;  height: 100%;  opacity: 0;  pointer-events: none;  transition: var(--transition);}.ccbb-text.block {  opacity: 1;  pointer-events: all;}.conover-cour-box-bj .ys-nyban-pc {  height: 40vh;  width: 100vh;  left: calc(25%);  top: 31.5vh;  position: absolute;  object-fit: cover;  max-width: 100%;  border-radius: 0.2rem;  overflow: hidden;}.conover-cour-box {  overflow: visible;  height: 100%;  position: relative;}.ccbb-text-tit {  color: var(--colorfff);  font-weight: bold;  margin-bottom: 0.24rem;  text-align: center;  margin-top: var(--space120);}.ccbb-text-par,.ccbb-text-par p {  color: var(--colorfff);  line-height: var(--line175);  text-align: center;}.ccbb-text-par p {  width: 34%;  margin: 0 auto;}.ccbb-text-par {  margin-bottom: 0.75rem;}.csul-time {  font-size: var(--font86);  color: var(--colorfff);  line-height: var(--line12);  font-family: var(--bold);}.csui-cont-le {  width: 12px;  height: 12px;  border: 1px solid var(--colorfff);  border-radius: 50%;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);  position: absolute;  left: -6px;  top: -6px;}.csui-cont-le::after {  content: "";  position: absolute;  left: 50%;  top: 50%;  transform: translate(-50%, -50%);  width: 80%;  height: 80%;  background-color: var(--colorbj);  border-radius: 50%;}.conover-cour {  overflow: visible;  height: 300vh;}.ccbb-text-cont {  display: flex;  align-items: flex-end;}.ccbb-text-cont-le {  width: 10%;  margin-bottom: var(--space130);}.ccrt-ri {  color: var(--colorfff);  font-family: var(--bold);}.ccrt-le {  width: 32px;  margin-right: 0.18rem;}.ccrt-le img {  width: 100%;}.csui-cont-ri-top {  display: flex;  align-items: center;  margin-bottom: 0.19rem;}.csui-cont-ri-tit {  font-size: var(--font20);  color: var(--colorfff);  line-height: var(--line15);  font-family: var(--sembold);  margin-bottom: 0.16rem;}.csui-cont-ri-par,.csui-cont-ri-par p {  color: rgba(255, 255, 255, 0.8);  line-height: var(--line15);}.ctcr-swiper-ul-item {  padding-left: 0.2rem;  padding-right: 0.2rem;  height: 100%;  border-left: 1px solid var(--colorfff);  min-height: 603px;  position: relative;  margin-top: 10px;  opacity: 0.6;  transition: var(--transition);  transition-property: all !important;}.ctcr-swiper .ctcr-swiper-ul {  transition-property: all !important;}.swiper-slide-active.ctcr-swiper-ul-item {  opacity: 1;}.ccbb-text-cont-ri {  width: 320px;  position: relative;}.ctcr-but {  position: absolute;  left: 0.09rem;  bottom: var(--space150);  z-index: 99;}.ccbb-text-cont-ri .swiper-container {  overflow: visible !important;}.swiper-button-disabled.hlbt-but-arr {  pointer-events: none;  opacity: 0.6;}/* b1-1-end */.head-proj .ys-nybanner {  position: relative;}.head-proj .ys-nybanner::after {  content: "";  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 25%;  opacity: 0.3;  z-index: 2;  background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);}.head-proj .ys-bread {  z-index: 20;}.pipe-page .banner-box-text {  width: 47.5%;}.pipe-page .plsl-ul-li {  width: 270px !important;  padding: 0;}.pipe-page .plsl-ul {  margin: 0;}.pipe-but-box-cent {  display: flex;  align-items: flex-start;  margin-bottom: 0.68rem;}.plsl-ul-li-text {  cursor: pointer;}.ptul-text {  font-size: var(--font16);  color: var(--colorfff);  line-height: var(--line15);  font-family: var(--bold);  padding: 0 0.1rem 0 0.04rem;}.pbbl-top-ul-li1 .ptul-text {  font-size: var(--font24);  color: var(--colorfff);  line-height: var(--line15);  font-family: var(--bold);  text-align: left;}.pbbl-top-ul-li2 .ptul-text,.pbbl-top-ul-li3 .ptul-text {  font-size: var(--font18);  color: var(--colorfff);  line-height: var(--line15);  font-family: var(--bold);}.pbbl-top-ul-li:last-child {  border-right: none;}.rese-page .ys-nybanner::before {  content: "";  width: 1094px;  height: 612px;  border-radius: 1094px;  opacity: 0.4;  background: #8ca8af;  filter: blur(150px);  position: absolute;  left: 0;  bottom: 0;  z-index: 1;}.rese-page .ys-nyban-title {  z-index: 10;}.posit-pop .ys-fia-text-word {  color: var(--color999);}.resp-page .ys-nybanner {  z-index: 10;}.resp-page .ys-nybanner::before {  content: "";  width: 1344px;  height: 1306px;  border-radius: 1344px;  opacity: 0.2;  background: #5b5b5b;  mix-blend-mode: plus-darker;  filter: blur(100px);  position: absolute;  left: -25%;  top: 50%;  transform: translateY(-50%);}.pipe-but .prolist-list-search-scroll {  width: auto !important;  max-width: 70% !important;}.pbbl-tab-ph {  display: none;}.posit-pop-cont-from .ys-form-inof-submit .ys-fii-submit {  height: 48px !important;}@-webkit-keyframes fadeInUpimg {  0% {    transform: scale(1.5);  }  to {    transform: none;  }}.ipul-link-pic img {  transition: all 0.8s !important;  animation: fadeInUpimg 2s ease 1;}/*鼠标效果*/@media screen and (min-width: 1200px) {  .pbbc-ul-li-text:hover {    background: var(--colormain);    color: var(--colorfff);  }  .rmbl-ul-li-text:hover {    background: var(--colormain);    color: var(--colorfff);  }  .dpsi-link:hover .std-btn1-link {    background: var(--color2a4);  }  .rpbu-li-link:hover .rpbu-li-link-le .ys-imgbox-cover img {    transform: scale(1);  }  .pcru-li-link:hover .pcru-li-link-tit {    color: var(--colormain);  }  /* 2026.4.8-start、 */  /* 新增轮播箭头hover效果 */  .nsbt-but-arr:hover {    background-color: var(--colormain) !important;    transform: scale(1.1);  }  .nsbt-but-arr:hover svg path {    stroke: var(--colorfff);  }  /* 新增E1新闻列表页-start */  .newslist-cen-box-sel .ncbs-item:hover .ncbs-item-text {    color: var(--colorfff);    background: var(--colormain);  }  .newslist-list .nsbb-ul-li:hover p {    color: var(--colormain);  }  /* 新增E1新闻列表页-end */  /* 新增E2新闻详情页-start */  .newsdet-page .dbfl-item:hover .dbfl-item-pre,  .newsdet-page .dbfl-item:hover .dbfl-item-next,  .newsdet-page .dbfl-item:hover .dbfl-item-text {    color: var(--colormain);  }  /* 新增E2新闻详情页-end */  /* 新增B3-投资者关系列表页-start */  .irlist-list-item:hover .ilil-info-time,  .irlist-list-item:hover .ilil-info-title {    color: var(--colormain);  }  /* 新增B3-投资者关系列表页-end */  /* 新增B2-投资者关系页-start */  .invrel-fr-list-item:hover .ifli-time,  .invrel-fr-list-item:hover .ifli-title {    color: var(--colormain);  }  .invrel-banner-btn:hover .std-btn1-link {    background-color: var(--colormain);  }  .invrel-banner-btn:hover .std-btn1-link-text {    color: var(--colorfff);  }  .invrel-banner-btn:hover svg path {    stroke: #fff;  }  .irlist-list-item a:hover .ys-imgbox-cover img {    transform: scale(1);  }  .invrel-ic-btn:hover svg path {    stroke: #fff;  }  .invrel-ic-btn:hover .std-btn1-link-text {    color: var(--colorfff);  }  /* 新增B2-投资者关系页-end */  /* 新增B4-职业发展页-end */  .cardev-list-item:hover .cardev-list-item-title {    color: var(--colorfff);  }  .cardev-list-item:not(:first-child):hover .cardev-link {    background: var(--colorbj);  }  .cardev-list-item:hover .cardev-list-item-icon img:last-child {    opacity: 1;  }  /* 新增B4-职业发展页-end */  /* 新增B5-招聘岗位页-start */  .hbcl-type-item:hover {    background: #dcecdf;  }  .hbcl-type-item:hover .hbcl-type-item-text {    color: var(--colormain);  }  .hbcr-list-item:hover .hbcr-list-item-title {    color: var(--colormain);  }  .hbcr-list-item:hover .hbcr-list-item-icon::after {    opacity: 1;  }  .hbcr-list-item:hover .hbcr-list-item-icon::before {    opacity: 0;  }  .hbcr-list-item:hover svg path {    stroke: var(--colorfff);  }  /* 新增B5-招聘岗位页-end */  /* 2026.4.8-end */}/* 2026.3.31-leo-end *//* 2026.4.8-statr *//* 新增E1新闻列表页 - start */.newslist-page .prolist-list-search-le::before {  background: none;}.newslist-page .prolist-list-search-le::after {  background: none;}.newslist-page .prolist-list-search-top {  margin-bottom: 0.9rem;}.newslist-page .prolist-list-search-le {  border: none;}.newslist-page .plsl-ul-li {  cursor: pointer;}.ys-bread-list:not(:last-child) {  opacity: 0.5;}.newslist-page {  background: var(--colorF9F);}.newslist-wrap {  margin-top: 0.54rem;  padding: 0 var(--space100) var(--space110) var(--space100);}.newslist-top {  padding-bottom: 1.2rem;}/* 轮播点 */.newslist-page .slick-dots {  bottom: -0.4rem;}.newslist-title {  color: var(--color193);  font-family: var(--bold);  margin-bottom: 0.54rem;}.ys-slick {  margin: 0 -8px;}.newslist-page .newslist-top-box {  padding: 0 8px;}.newslist-top-box-link {  display: flex !important;}/* 图片 */.ntbl-img {  width: calc(100% - 32px - 52%);  border-radius: 0.2rem;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);  overflow: hidden;}.ntbl-img img {  width: 100%;  object-fit: cover;}/* 文案 */.newslist-top-box-right {  width: 52%;  background: var(--colorfff);  border-radius: 0.24rem;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);  overflow: hidden;  margin-left: 0.32rem;  padding: 0.72rem 0.93rem;  background: rgba(255, 255, 255, 0.8);  box-shadow: 0 9px 40px 0 rgba(0, 0, 0, 0.04);  backdrop-filter: blur(10px);  -webkit-backdrop-filter: blur(10px);  -moz-backdrop-filter: blur(10px);  -ms-backdrop-filter: blur(10px);  -o-backdrop-filter: blur(10px);  display: flex;  flex-direction: column;  justify-content: space-between;}.ntbr-time {  color: var(--color999);  font-size: var(--font16);  line-height: var(--line12);  margin-bottom: 0.2rem;}.ntbr-title {  color: var(--color193);  font-family: var(--bold);  font-size: var(--font24);  line-height: var(--line14);  margin-bottom: 0.32rem;}.ntbr-desc,.ntbr-desc p {  color: var(--color666);  font-size: var(--font18);  line-height: var(--line14);  margin-bottom: 0.84rem;  height: 4.2em;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden;}.ntbr-btn {  display: flex;  align-items: center;}.ntbr-btn-text {  color: var(--colormain);  font-size: var(--font16);  font-style: normal;  font-weight: 400;  line-height: normal;}.ntbr-btn-icon {  width: 11px;  margin-left: 0.24rem;}.newslist-page .plsl-ul-li:not(:first-child):not(:last-child) {  padding: 0;}.newslist-page .plsl-ul-li:first-child {  padding-right: 0;}.newslist-page .plsl-ul-li:last-child {  padding-left: 0;}/* 轮播列表 */.nsbb-ul-li-link {  width: 100%;  display: flex;  flex-direction: column;  height: 100%;}.newslist-page .nsbb-ul {  margin: 0 -0.08rem -0.54rem -0.08rem;  display: flex;  flex-wrap: wrap;}.nsbb-ul-li {  width: calc(100% / 3);  padding: 0 0.08rem;  height: auto !important;  margin-bottom: 0.54rem;}/* 图片 */.newslist-page .null-pic {  width: 100%;  margin-bottom: 0.26rem;  border-radius: 0.2rem;  overflow: hidden;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);}/* 文本 */.null-textb {  flex-grow: 1;  display: flex;  flex-direction: column;  align-items: flex-start;}.null-textb span {  font-size: var(--font14);  color: var(--color193);  line-height: var(--line12);  padding: 5px 0.1rem;  display: inline-block;  border-radius: 4px;  background: #dcecdf;  margin-bottom: 0.16rem;}.null-text-par,.null-text-par p {  height: 4.2em;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden;  font-size: var(--font20);  color: var(--color193);  line-height: var(--line14);  transition: var(--transition);}.newsdet-slick .null-text-par,.newsdet-slick .null-text-par p {  height: 2.8em;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;  font-size: var(--font20);  color: var(--color193);  line-height: var(--line14);  transition: var(--transition);}.null-text-par {  margin-bottom: 0.44rem;  flex-grow: 1;}.null-text-time {  font-size: var(--font16);  color: var(--color999);  line-height: var(--line12);}/* 背景 */.newslist-wrap {  position: relative;  z-index: 5;}.newslist-bj1 {  width: 36%;  position: absolute;  top: 0;  right: 0;}.newslist-bj1 img,.newslist-bj2 img,.newslist-bj3 img {  width: 100%;}.newslist-bj2 {  width: 36%;  position: absolute;  top: 14%;  left: 40%;}.newslist-bj3 {  width: 36%;  position: absolute;  bottom: -10%;  left: -10%;}/* 新增E1新闻列表页 - end *//* 新增E2新闻详情页 - start */.newsdet-page {  background: var(--colorF9F);  position: relative;  isolation: isolate;}.newsdet-page-bj {  width: 100%;  position: absolute;  top: 0;  left: 0;  z-index: -1;}.newsdet-page-bj img {  width: 100%;  object-fit: cover;  object-position: center top;}.newsdet-slick-bg {  width: 36%;  position: absolute;  right: 0;  bottom: 0;  z-index: -1;}.newsdet-slick-bg img {  width: 100%;}.newsdet-info {  display: flex;  justify-content: space-between;  padding-bottom: 0.3rem;  border-bottom: 1px solid #ddd;}.newsdet-share-text {  padding-right: 0.16rem;  color: var(--color444);}.nitu-li-text {  color: var(--color444);}.nitu-li {  padding: 0 0.08rem;  position: relative;}.nitu-li::after {  content: "";  position: absolute;  right: 0;  top: 50%;  transform: translateY(-50%);  width: 1px;  height: 16px;  background-color: var(--color444);}.nitu-li:last-child::after {  display: none;}.newsdet-info-time-ul {  display: flex;  align-items: center;  flex-wrap: wrap;  margin: 0 -0.08rem;}.newsdet-info .ys-share {  display: flex;  align-items: center;}.newsdet-info .ys-share .ys-share-img {  width: 24px;}.newsdet-info .ys-share .ys-share-img img {  width: 100%;}.newsdet-title {  color: var(--color193);  font-family: var(--bold);  padding-bottom: 0.5rem;}.newsdet-share {  flex-shrink: 0;  padding-top: 6px;}.newsdet-share .ys-share-list {  margin: 0 10px;}.newsdet-share .ys-share-list:last-child {  margin-right: 0;}/* 内容编辑器 */.newsdet-content {  padding: 0.6rem 0;  border-bottom: 1px solid #ddd;}.newsdet-content p {  color: var(--color333);  font-size: var(--font16);  font-family: var(--light);  line-height: var(--line16);  margin-bottom: 0.75em;}/* 底部链接 */.detail-box-footer {  padding-top: 10px;}.newsdet-page .dbfl-item {  width: fit-content;}.newsdet-page .newsdet-wrap {  margin-top: var(--space100);}.newsdet-page .dbfl-item:first-child {  margin-bottom: 10px;}.newsdet-page .dbfl-item-link {  display: flex;  justify-content: flex-start;}.newsdet-page .dbfl-item-pre,.newsdet-page .dbfl-item-next {  flex-shrink: 0;  transition: var(--transition);  color: var(--color333);  line-height: var(--line16);  font-family: var(--sembold);  margin-right: 0.05rem;}.newsdet-page .dbfl-item-text {  transition: var(--transition);  line-height: var(--line16);}/* 轮播 */.newsdet-slick {  background: var(--colorF9F);  position: relative;  z-index: 1;  margin: 0 auto;}.newsdet-slick-box {  padding: 0 var(--space100);}.newsdet-slick-box-top {  display: flex;  align-items: center;  justify-content: space-between;  margin-bottom: 0.6rem;}.newsdet-slick .nsbt-text {  font-size: var(--font48);  color: var(--color193);  font-family: var(--bold);  line-height: var(--line12);}.newsdet-slick .nsbt-but-arr {  width: 48px;  height: 48px;  background-color: #dcecdf;  border-radius: 50%;  cursor: pointer;  transition: var(--transition);  display: flex;  align-items: center;}.newsdet-slick .nsbt-but-arr svg {  width: 100%;}.newsdet-slick .nsbt-but {  display: flex;  align-items: center;}.newsdet-slick .nsbt-but-le {  margin-right: 0.08rem;}/* 轮播每项内容 */.newsdet-slick .nsbb-ul-li-link {  width: 100%;  display: flex;  flex-direction: column;  height: 100%;}.newsdet-slick .nsbb-ul {  margin: 0 -0.08rem;}.newsdet-slick .nsbb-ul-li {  width: calc(100% / 3);  padding: 0 0.08rem;  height: auto !important;}/* 图片 */.null-pic {  width: 100%;  margin-bottom: 0.34rem;  border-radius: 0.2rem;  overflow: hidden;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);}.newsdet-slick .null-pic img {  width: 100%;}/* 文本 */.newsdet-slick .null-textb {  flex-grow: 1;  display: flex;  flex-direction: column;  align-items: flex-start;}.newsdet-slick .null-textb span {  font-size: var(--font14);  color: var(--color193);  line-height: var(--line12);  padding: 5px 0.1rem;  display: inline-block;  border-radius: 4px;  background: #dcecdf;  margin-bottom: 0.16rem;}.newsdet-slick .null-text-par,.newsdet-slick .null-text-par p {  font-size: var(--font20);  color: var(--color193);  line-height: var(--line14);  transition: var(--transition);}.newsdet-slick .null-text-par {  margin-bottom: 0.35rem;  flex-grow: 1;}.newsdet-slick .null-text-time {  font-size: var(--font16);  color: var(--color999);  line-height: var(--line12);}/* 新增E2新闻详情页-end *//* 新增B3投资者关系列表页-start */.irlist-page .prolist-list-search-le::before {  background: none;}.irlist-page .plsl-ul-li {  padding: 0;  width: 270px !important;}.irlist-page .plsl-ul {  margin: 0;}.irlist-page .prolist-list-search-le::after {  background: none;}.irlist-page .ys-nybanner {  position: relative;  z-index: 10;}.irlist-page .irlist-wrap {  margin-top: 0.54rem;}.irlist-page .prolist-list-search-top {  margin-bottom: 0.7rem;}.irlist-page .newslist-cen-box {  margin-bottom: 0.7rem;}.irlist-page .plsl-ul-li-text {  cursor: pointer;}.irlist-page {  background: linear-gradient(180deg, #f9fcf8 0%, #fff 100%);  position: relative;}.irlist-page-bj img {  width: 100%;}.hire-box .prolist-list-search-top {  margin-bottom: 0.7rem;}.irlist-title {  color: var(--color193);  font-family: var(--bold);}.irlist-page .irlist-title {  padding: 0 0 0.6rem 0;}.irlist-page .newslist-cen-box-sel {  width: fit-content;  padding: 0.1rem 0.14rem;  border: 1px solid var(--colormain);  border-radius: 2rem;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);  overflow: hidden;}/* 列表 */.irlist-list-item:last-child {  margin-bottom: 0;}.irlist-list-item .ys-imgbox-cover {  transform: none;}.irlist-list-item {  margin-bottom: 0.16rem;}.irlist-list-item-link {  padding: 0.4rem 0.54rem 0.37rem 0.47rem;  display: flex;  justify-content: space-between;  align-items: end;  border-radius: 0.24rem;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);  overflow: hidden;  background: rgba(255, 255, 255, 0.8);  box-shadow: 0 9px 40px 0 rgba(0, 0, 0, 0.04);  backdrop-filter: blur(10px);  -webkit-backdrop-filter: blur(10px);  -webkit-backdrop-filter: blur(10px);  -moz-backdrop-filter: blur(10px);  -ms-backdrop-filter: blur(10px);  -o-backdrop-filter: blur(10px);}.irlist-list-item-left {  display: flex;  align-items: center;}.ilil-img {  width: 36px;  flex-shrink: 0;}.ilil-img img {  width: 100%;}.ilil-info {  padding-left: 0.27rem;}.ilil-info-time {  color: var(--color193);  font-size: var(--font18);  line-height: var(--line15);  font-family: var(--light);  margin-bottom: 0.1rem;  transition: var(--transition);}.ilil-info-title {  color: var(--color193);  font-size: var(--font24);  line-height: var(--line12);  font-family: var(--bold);  transition: var(--transition);}.ilil-btn {  display: flex;  align-items: center;  flex-shrink: 0;}.ilil-btn-text {  color: var(--colormain);  font-size: var(--font16);  line-height: var(--line15);  padding-right: 0.23rem;}.ilil-btn-icon {  width: 12px;  margin-top: -2px;}.ilil-btn-icon img {  width: 100%;}/* 背景 */.irlist-page-bj {  width: 100%;  position: absolute;  top: -10%;  left: 0;}.irlist-page-bj img {  width: 100%;}.irlist-bot-bg {  width: 36%;  position: absolute;  bottom: -12%;  left: 0;}.irlist-bot-img {  width: 100%;}.irlist-con-bg {  width: 36%;  position: absolute;  top: 30%;  left: 50%;  z-index: -1;}.irlist-con-bg img {  width: 100%;}/* 新增B3投资者关系列表页-end *//* 新增B2投资者关系列表页-start */.invrel-page .irlist-title {  padding-bottom: 0.6rem;}.irlist-pad {  padding: 0 1rem var(--space140);}/* banner  */.invrel-page {  background: linear-gradient(180deg, #f9fcf8 0%, #fff 100%);}.invrel-page .irlist-title {  text-align: center;}.invrel-page .irlist-list {  margin-bottom: 0.6rem;}.invrel-banner-btn {  width: fit-content;}.invrel-banner-btn .std-btn1-link {  transition: var(--transition);  background-color: var(--colorfff);}.invrel-banner-btn .std-btn1-link-text {  color: var(--colormain);  transition: var(--transition);}.invrel-banner-btn .std-btn1-link-icon {  margin-top: 2px;}.invrel-banner-btn svg path {  transition: var(--transition);}.invrel-btn-icon {  width: 11px;}.invrel-btn-icon svg path {  transition: var(--transition);}.invrel-btn-icon svg {  width: 100%;}.invrel-btn {  display: flex;  justify-content: center;}/* Financial Report */.invrel-fr-list {  margin: 0 -0.08rem;  display: flex;  flex-wrap: wrap;  margin-bottom: 0.6rem;}.invrel-fr-list-item {  width: calc(100% / 4);  padding: 0 0.08rem;  height: auto;}.ifli-link {  display: flex;  flex-direction: column;  justify-content: space-between;  padding: 0.47rem 0.48rem 0.28rem 0.48rem;  border-radius: 0.24rem;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);  overflow: hidden;  background: rgba(255, 255, 255, 0.8);  box-shadow: 0 9px 40px 0 rgba(0, 0, 0, 0.04);  backdrop-filter: blur(10px);  -webkit-backdrop-filter: blur(10px);  height: 100%;}.ifli-time {  margin-bottom: 0.2rem;}.ifli-title {  margin-bottom: 0.85rem;}.ifli-btn {  justify-content: end;}/* ic */.invrel-ic {  padding-bottom: var(--space140);}.invrel-ic-wrap {  width: 100%;  display: flex;  justify-content: center;  justify-content: space-between;  background: var(--colormain);  padding: 1.12rem 2.22rem 0.76rem 1.45rem;  border-radius: 0.2rem;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);  overflow: hidden;}.invrel-ic-left {  width: calc(100% - 43%);  padding-right: 2.18rem;}.invrel-ic-title {  color: var(--colorfff);  font-family: var(--medium);  margin-bottom: 0.27rem;}.invrel-ic-desc {  margin-bottom: 0.44rem;}.invrel-ic-desc,.invrel-ic-desc p {  color: var(--colorfff);}/* 按钮 */.invrel-ic-btn {  width: fit-content;}.invrel-ic-btn .std-btn1-link {  background: var(--colorfff);  transition: var(--transition);}.invrel-ic-btn .std-btn1-link-text {  color: var(--color193);  transition: var(--transition);}.invrel-ic-btn .std-btn1-link-icon {  margin-top: 2px;  width: 12px;}.invrel-ic-btn svg {  width: 100%;}.invrel-ic-btn svg path {  transition: var(--transition);}/* ic info */.invrel-ic-info {  width: 42%;  padding: 0.57rem 0.68rem 0.53rem 0.65rem;  background: var(--colorfff);  border-radius: 10px;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);  overflow: hidden;}.invrel-ic-info-title {  font-family: var(--sembold);  line-height: var(--line15);  margin-bottom: 0.25rem;}.invrel-ic-info-phone a,.invrel-ic-info-email a {  color: var(--color666);}.invrel-ic-info-phone {  margin-bottom: 0.1rem;}/* 背景 */.irlist-wrap {  position: relative;  z-index: 10;}.invrel-ic-wrap {  position: relative;  z-index: 10;}.invrel-ic-bg {  width: 36%;  position: absolute;  bottom: 0%;  left: 0%;}.invrel-ic-bg img {  width: 100%;}.invrel-page .invrel-au-bg {  width: 36%;  position: absolute;  top: 10%;  left: 50%;  z-index: -1;}.invrel-page .invrel-au-bg img {  width: 100%;}/* banner区域 */.invrel-banner {  position: relative;  z-index: 10;}.invrel-banner-box .ys-bread-list:last-child a {  color: var(--colorfff);}/* banner内容 */.invrel-banner {  position: relative;  margin-bottom: var(--space140);  width: 100%;}.invrel-banner-box {  width: 100%;  position: absolute;  top: 50%;  transform: translateY(-50%);  left: 0;  display: flex;  align-items: center;}.invrel-banner-con {  width: 100%;  display: flex;  justify-content: space-between;  align-items: center;  margin: 0 1.93rem 0 1rem;}.invrel-banner-con-left {  width: 52%;  padding-right: 3.42rem;}.ibcl-title {  font-family: var(--bold);  color: var(--colorfff);  margin-bottom: 0.57rem;}.invrel-banner-con .invrel-ic-text {  color: var(--colormain);}.invrel-banner-con-right {  width: 48%;  max-width: 761px;  padding: 0.3rem 0.62rem 0.35rem 0.62rem;  background: rgba(255, 255, 255, 0.8);  border-radius: 0.24rem;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);  overflow: hidden;  box-shadow: 0 9px 40px 0 rgba(0, 0, 0, 0.04);  backdrop-filter: blur(0.1rem);  -webkit-backdrop-filter: blur(0.1rem);  -moz-backdrop-filter: blur(0.1rem);  -ms-backdrop-filter: blur(0.1rem);  -o-backdrop-filter: blur(0.1rem);}.ibcr-title {  color: var(--color193);  font-family: var(--bold);  margin-bottom: 0.58rem;}.ibcr-data {  display: flex;  align-items: flex-start;  margin-bottom: 0.42rem;}.ibcr-data-num,.ibcr-data-pri,.ibcr-data-inc {  text-align: center;}.ibcr-data-num-text {  position: relative;  padding-right: 0.6rem;}.ibcr-data-num-text,.ibcr-data-pri-text .idpt-num,.ibcr-data-inc-text {  color: var(--color193);  font-family: var(--bold);}.ibcr-data-num-text,.ibcr-data-pri-text,.ibcr-data-inc-text {  margin-bottom: 0.18rem;}.ibcr-data-pri-text {  display: flex;  align-items: flex-start;  position: relative;}.idpt-num {  padding-left: 0.75rem;  padding-right: 0.42rem;}.ibcr-data-num-text::after,.ibcr-data-pri-text::after {  content: "";  position: absolute;  right: 0;  top: -4px;  width: 1px;  height: 69px;  background-color: var(--colormain);  /* opacity: 0.4; */}.ibcr-data-inc {  padding-left: 0.45rem;}.ibcr-data-pri-icon {  width: 40px;  margin-right: 0.4rem;}.ibcr-data-pri-icon img {  width: 100%;}.ibcr-data-num-desc,.ibcr-data-pri-desc,.ibcr-data-inc-desc {  color: var(--color444);}.ibcr-data-num-desc {  padding-right: 0.6rem;}.ibcr-data-pri-desc {  padding-right: 0.42rem;}/* 时间 */.ibcr-time {  margin-bottom: 0.1rem;}.ibcr-time span,.ibcr-desc,.ibcr-desc p {  color: var(--color666);  font-size: var(--font14);  line-height: var(--line15);}.ibcr-time span:first-child {  padding-right: 0.15rem;}/* 面包屑 */.invrel-bread {  position: absolute;  top: 1.06rem;  left: 1rem;}.invrel-bread .ys-bread-list::before {  color: rgba(255, 255, 255, 0.5);}.invrel-bread .ys-bread-list a {  color: var(--colorfff);}.invrel-bread .ys-bread-list:last-child a {  color: var(--colorfff);}/* 背景 *//* .irlist-ic-bg{  position: absolute;  top: 0;  left: 0;} *//* 新增B2投资者关系列表页-end *//* 新增B4职业发展页-start */.cardev-page {  background: var(--colorF9F);}.cardev-page .cardev-banner-cont::before {  content: "";  position: absolute;  left: -10%;  top: 50%;  transform: translateY(-50%);  width: 1344px;  height: 1306px;  border-radius: 1344px;  opacity: 0.2;  background: #5b5b5b;  filter: blur(100px);  z-index: 11;  transition: var(--transition);}.cardev-page .ys-nybanner::after {  display: none;}.cardev-page .cardev-banner-cont::after {  content: "";  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 20%;  opacity: 0.3;  z-index: 11;  background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);  transition: var(--transition);}.cardev-page .ys-nybanner .ys-nyban-title {  z-index: 12;}.cardev-list {  padding: var(--space140) var(--space100) var(--space140) var(--space100);  margin-bottom: var(--space140);}.cardev-lsit-title {  text-align: center;  padding: 0 var(--space100);}.cardev-list .cardev-lsit-title {  margin-bottom: 0.65rem;}.cardev-slick .cardev-lsit-title {  margin-bottom: 0.32rem;}.cardev-list {  background: linear-gradient(180deg, #f8fbf6 11.7%, #fff 100%);}.cardev-list-ul {  display: flex;  flex-wrap: wrap;  margin: 0 -0.08rem -0.16rem -0.08rem;}.cardev-list-item1 {  position: relative;}.cardev-list-item1 .cardev-link {  position: relative;  background: var(--colormain);  padding: 0.63rem 0.65rem 0.63rem 0.35rem;}.cardev-list-item1 .cardev-title {  position: relative;  color: var(--colorfff);  font-family: var(--bold);  z-index: 2;}.cardev-list-item1 .cardev-title::before {  content: "";  position: absolute;  top: -0.2rem;  left: 0;  width: 60px;  height: 2px;  background: var(--colorfff);  border-radius: 4px;}.cardev-list-item1 .cardev-title {  position: relative;  z-index: 2;}.cardev-bg {  width: 56%;  position: absolute;  bottom: -10%;  right: 0%;  z-index: -1;}.cardev-page .std-btn1-link {  padding: 0 0.5rem;}.cardev-bg img {  width: 100%;}.cardev-list-item {  width: 20%;  height: auto;  padding: 0 0.08rem;  margin-bottom: 0.16rem;}.cardev-link {  height: 100%;  display: flex;  flex-direction: column;  align-items: center;  border: 1px solid #ededed;  border-radius: 10px;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);  overflow: hidden;  padding: 0.57rem 0.5rem;  transition: var(--transition);}.cardev-list-item-icon {  width: 63px;  margin-bottom: 0.22rem;  position: relative;}.cardev-list-item-icon img:last-child {  position: absolute;  top: 0;  left: 0;  opacity: 0;}.cardev-list-item-icon img {  width: 100%;  transition: var(--transition);}.cardev-list-item-title {  text-align: center;  max-width: 231px;  color: var(--color193);  font-family: var(--bold);  transition: var(--transition);}/* cardev-list背景 */.cardev-list {  position: relative;}.cardev-list-box {  position: relative;  z-index: 10;}.cardev-list-bg {  position: absolute;  top: 0%;  left: -2%;  width: 36%;}.cardev-list-bg img {  width: 100%;}/* job */.cardev-job {  padding: 0 var(--space100) var(--space140) var(--space100);}.cardev-job-wrap {  padding: 0.76rem 6.81rem 0.76rem 1.29rem;  background: var(--colormain);  border-radius: 0.2rem;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);  overflow: hidden;}.cardev-job-title {  color: var(--colorfff);  font-family: var(--bold);  margin-bottom: 0.22rem;}.cardev-job-desc {  margin-bottom: 0.32rem;}.cardev-job-desc,.cardev-job-desc p {  color: var(--colorfff);  line-height: var(--line175);}/* 轮播 */.cardev-slick {  position: relative;  padding-bottom: var(--space140);}.cardev-swiper .cardev-lsit-title {  margin-bottom: 0.2rem;}.cardev-swiper .cardev-lsit-title {  margin-bottom: 0.32rem;}.cardev-slick-desc {  width: 37%;  margin: 0 auto;  margin-bottom: 0.5rem;}.cardev-slick-desc,.cardev-slick-desc p {  color: var(--color444);  line-height: var(--line175);  text-align: center;}/* 轮播控件 */.cardev-slick-box {  position: relative;}.cardev-slick-btn {  width: 100%;  position: absolute;  padding: 0 1rem;  z-index: 10;  display: flex;  top: 50%;  transform: translateY(-50%);  justify-content: space-between;  pointer-events: none;  z-index: 5;}.cardev-slick-btn .nsbt-but-le,.cardev-slick-btn .nsbt-but-ri {  pointer-events: all;}.cardev-slick .nsbt-but-arr {  width: 48px;  height: 48px;  background-color: #dcecdf;  border-radius: 50%;  cursor: pointer;  transition: var(--transition);  display: flex;  align-items: center;  justify-content: center;}.cardev-slick-btn .nsbt-but-le img:last-child {  transform: rotateY(180deg);}.cardev-slick .nsbt-but-arr svg {  width: 100%;}.cardev-slick .nsbt-but-arr svg path {  transition: var(--transition);}.nsbt-but-arr svg path {  transition: var(--transition);}.cardev-slick .nsbt-but {  display: flex;  align-items: center;}/* job - bj */.cardev-job-wrap {  position: relative;}.cardev-job-wrap-con {  position: relative;  z-index: 10;}.cardev-job-bj {  max-width: 794px;  width: 44%;  position: absolute;  bottom: -20%;  right: 0%;}.cardev-job-bj img {  width: 100%;}/* 轮播项 */.cardev-carousel-bt {  width: 80%;  margin: auto;}.cardev-carousel-link {  display: block;}.cardev-carousel {  margin: 0 -0.08rem;  display: flex;}.cardev-carousel .slick-list {  overflow: visible !important;}.cardev-carousel .ys-slick-item {  padding: 0 0.08rem;}.cardev-carousel-img {  border-radius: 0.24rem;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);  overflow: hidden;}.cardev-carousel-img img {  width: 100%;}/* 背景 */.cardev-list {  position: relative;}.cardev-slick {  position: relative;  z-index: 1;}.cardev-slick-bj {  width: 36%;  position: absolute;  right: 0;  z-index: -1;  bottom: 0%;}.cardev-slick-bj img {  width: 100%;}.cardev-join {  width: 26.25%;  padding: 0.55rem 0.46rem 0.55rem 0.46rem;  border-radius: 0.24rem;  background: rgba(255, 255, 255, 0.9);  box-shadow: 0 9px 40px 0 rgba(0, 0, 0, 0.04);  backdrop-filter: blur(10px);  -webkit-backdrop-filter: blur(10px);  -moz-backdrop-filter: blur(10px);  -ms-backdrop-filter: blur(10px);  -o-backdrop-filter: blur(10px);  position: absolute;  right: 0.2rem;  bottom: 0.2rem;  transition: var(--transition);}.cjul-link-ri {  flex-shrink: 0;  width: 40px;  border-radius: 50%;  background: #dcecdf;  display: flex;  align-items: center;  justify-content: center;  transition: var(--transition);}.cjul-link-ri svg {  width: 100%;  height: auto;  padding: 10px;}.cjul-link-ri svg path {  transition: var(--transition);}.cardev-join-tit {  color: var(--colorbj);  font-family: var(--bold);  line-height: var(--line15);  margin-bottom: 0.32rem;}.cjul-link-le {  color: var(--color193);  font-family: var(--bold);  transition: var(--transition);}.cjul-link {  display: flex;  align-items: center;  justify-content: space-between;}.cardev-join-ul-li {  margin-bottom: 0.21rem;}.cardev-join-ul-li:last-child {  margin-bottom: 0;}.cardev-cont {  width: 100%;  height: 100%;  display: flex;  align-items: flex-end;  justify-content: flex-end;}.cardev-cont-le {  width: 50.5%;  position: absolute;  left: 0;  top: 50%;  z-index: 999;  transform: translateY(-50%) translateX(-100%);}.cardev-cont-ri {  width: 49.5%;  padding-right: 0.14rem;  height: 100%;}.cardev-cont-ri-pic {  width: 100%;  height: 100%;  border-radius: 0.2rem;  overflow: hidden;  position: relative;  z-index: 30;  opacity: 0;  pointer-events: none;}.cardev-cont-ri-pic img {  width: 100%;  height: 100%;  object-fit: cover;}.cardev-cont-tit {  color: var(--color193);  font-family: var(--bold);  margin-bottom: 0.35rem;  text-align: center;}.cardev-cont-par,.cardev-cont-par p {  color: var(--color444);  line-height: var(--line175);  text-align: center;}.cardev-cont-text {  width: 65%;  margin: 0 auto;}.cardev-page .ys-nybanner {  background: #f9fcf8;  overflow: visible;}.cardev-page .ys-nybanner .banner-box {  transition: var(--transition);}.cardev-page .ys-nybanner.none .banner-box {  opacity: 0;  pointer-events: none;}.cardev-page .ys-nybanner.none .cardev-join {  opacity: 0 !important;  pointer-events: none;}.cardev-page .ys-nybanner.none .cardev-banner-cont::before {  opacity: 0;}.cardev-page .ys-nybanner.none .cardev-banner-cont::after {  opacity: 0;}.cardev-banner-pc {  width: 100%;  height: 100%;  opacity: 1;  transform: translateX(100%);  position: absolute;  left: 0;}.cardev-plat {  display: none;}.cardev-plat .cardev-cont-ri-pic {  opacity: 1;}.cardev-plat .cardev-cont-le {  transform: translateY(-50%) translateX(0%);}.cardev-page .ys-nybanner .ys-nyban-img {  z-index: 10;  width: 100%;  height: 100%;  position: absolute;  right: 0;  bottom: 0;  overflow: hidden;}.cardev-page .ys-nybanner .ys-nyban-img img {  width: 100%;  height: 100%;  object-fit: cover;}.cardev-banner-cont {  position: sticky !important;  top: 0;  height: 100vh;}.cardev-bj {  position: absolute;  right: 30%;  top: 0;  width: 36%;}.cardev-bj img {  width: 100%;}.cardev-place {  width: 100%;  height: 200vh;}/* 新增B4职业发展页-end *//* 新增B5招聘岗位页-start */.hire-box .prolist-list-search-le::before {  background: none !important;}.hire-box .prolist-list-search-le::after {  background: none !important;}.hire-page {  background: var(--colorF9F);  position: relative;}.hire-page .plsl-ul-li {  padding: 0;  width: 270px !important;}.hire-page .plsl-ul {  margin: 0;}.hire-page .ys-main {  position: relative;  z-index: 10;}.hire-page .irlist-title {  margin-top: 0.54rem;  margin-bottom: 0.6rem;}.hire-wrap {  padding: 0 var(--space100) var(--space140) var(--space100);}.hire-box .newslist-cen-box {  margin-bottom: 0.7rem;}.hire-box .newslist-cen-box-sel {  width: fit-content;  padding: 0.1rem 0.14rem;  border: 1px solid var(--colormain);  border-radius: 2rem;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);}.hire-box-cont {  display: flex;}.hire-box-cont-left {  width: 20%;}.hbcl-tag {  color: var(--color444);  margin-bottom: 0.35rem;}.hbcl-type {  display: flex;  flex-direction: column;}.hbcl-type-item {  width: 100%;  border-radius: 8px;  padding: 0.16rem 0.2rem;  margin-bottom: 0.2rem;  cursor: pointer;  transition: var(--transition);  flex-shrink: 0;}.hbcl-type-item.act {  background: #dcecdf;}.hbcl-type-item-text {  color: var(--color193);  font-family: var(--bold);  transition: var(--transition);}.hbcl-type-item.act .hbcl-type-item-text {  color: var(--colormain);}/* 右侧列表区 */.hire-box-cont-right {  width: 80%;  padding-left: 1.04rem;}/* 列表 */.hbcr-list-item {  position: relative;}.hbcr-list-item:not(:last-child) {  margin-bottom: 0.16rem;}.hbcr-list-item-link {  display: flex;  align-items: center;  justify-content: space-between;  padding: 0.54rem 0.44rem 0.55rem 0.25rem;  border-radius: 0.24rem;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);  overflow: hidden;  background: rgba(255, 255, 255, 0.8);  box-shadow: 0 9px 40px 0 rgba(0, 0, 0, 0.04);  backdrop-filter: blur(0.1rem);  -webkit-backdrop-filter: blur(0.1rem);  -moz-backdrop-filter: blur(0.1rem);  -ms-backdrop-filter: blur(0.1rem);  -o-backdrop-filter: blur(0.1rem);}.hbcr-list-item-text {  display: flex;}.hbcr-list-item-link {  position: relative;  overflow: visible;}.hbcr-list-item-link::before {  content: "";  position: absolute;  left: -2px;  top: 50%;  transform: translateY(-50%);  width: 4px;  height: 37px;  z-index: 5;  background-color: #f0831e;  border-radius: 4px;}.hbcr-list-item-title {  font-family: var(--bold);  line-height: var(--line15);  color: var(--color193);  transition: var(--transition);}.hbcr-list-item-info {  display: flex;  align-items: center;  padding-left: 0.6rem;}.hbcr-list-item-info div {  position: relative;  padding: 0 10px;}.hbcr-list-item-info div:not(:last-child)::after {  content: "";  right: 0;  top: 50%;  position: absolute;  width: 2px;  height: 24px;  transform: translateY(-50%);  border-radius: 4px;  background-color: #dddddd;}.hbcr-list-item-info div {  color: var(--color444);  font-size: var(--font18);  line-height: var(--line15);  font-family: var(--light);}/* 列表图标 */.hbcr-list-item-icon {  width: 40px;  height: 40px;  position: relative;  flex-shrink: 0;}.hbcr-list-item-icon::before,.hbcr-list-item-icon::after {  width: 40px;  height: 40px;  content: "";  top: 0;  right: 0;  position: absolute;  border-radius: 0.5rem;  transition: var(--transition);}.hbcr-list-item-icon::after {  background: linear-gradient(90deg, #f0831e 0%, #598f35 100%);  opacity: 0;}.hbcr-list-item-icon::before {  background: #dcecdf;  opacity: 1;}.hbcr-list-item-icon svg {  width: 50%;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  z-index: 10;}.hbcr-list-item-icon svg path {  transition: var(--transition);}.hire-page .irlist-page-bj {  z-index: -1;}.hire-page .invrel-ic-bg {  width: 36%;  position: absolute;  bottom: -10%;  left: -10%;  z-index: -1;}/* 新增B5招聘岗位页-end *//* 新增B8联系我们页-start */.contus-page .ys-nybanner::before {  content: "";  position: absolute;  left: -10%;  top: 50%;  transform: translateY(-50%);  width: 1344px;  height: 1306px;  border-radius: 1344px;  opacity: 0.2;  background: #5b5b5b;  mix-blend-mode: plus-darker;  filter: blur(100px);}.contus-pad {  padding: 0 var(--space100) var(--space140) var(--space100);}.contus-page .ys-nyban-img::after {  content: "";  position: absolute;  top: -22%;  left: -20%;  width: 70%;  height: 1306px;  border-radius: 50%;  opacity: 0.2;  background: #5b5b5b;  mix-blend-mode: plus-darker;  filter: blur(1rem);  -webkit-backdrop-filter: blur(1rem);  -moz-backdrop-filter: blur(1rem);  -ms-backdrop-filter: blur(1rem);  -o-backdrop-filter: blur(1rem);}.contus-page .consu-from {  justify-content: start;}.contus-from-le {  width: 40.5%;  padding: 0.22rem 0.78rem 0.72rem 0;}.contus-from-le-title {  color: var(--color193);  font-family: var(--bold);  margin-bottom: 0.84rem;}.cfli-tag-text:not(:last-child) {  margin-bottom: 0.32rem;}.cfli-tag-text span {  display: block;  color: var(--color666);  font-size: var(--font16);  line-height: var(--line12);  margin-bottom: 0.2rem;}.cfli-detinfo-text,.cfli-detinfo-text a {  color: var(--color193);  font-size: var(--font24);  line-height: var(--line14);}.cfli-detinfo-text a {  width: fit-content;  display: block;  margin-bottom: 0.1rem;}.cfli-detinfo-text a:last-child {  margin-bottom: 0;}.cfli-tag-text2 {  width: 50%;  padding-right: 0.2rem;  display: flex;  flex-direction: column;}.contus-from-le-info {  display: flex;  flex-wrap: wrap;}.cfli-tag-text1 {  width: 100%;}/* report */.contus-report-box {  display: flex;  align-items: center;  padding: 0.78rem 1.3rem 0.6rem;  background: var(--colormain);  border-radius: 0.2rem;  transform: rotate(0deg);  -webkit-transform: rotate(0deg);  overflow: hidden;}.contus-report-left {  width: 64.4%;  padding-right: 0.64rem;}.contus-report-left-title {  color: var(--colorfff);  font-family: var(--bold);  margin-bottom: 0.43rem;}.contus-report-left-text p {  color: var(--colorfff);  font-family: var(--light);}.contus-report-right {  width: 35.6%;  display: flex;}.contus-report-right-email,.contus-report-right-phone {  width: 50%;  display: flex;  flex-direction: column;  padding-right: 0.2rem;}.crre-icon {  width: 40px;  margin-bottom: 0.32rem;  flex-shrink: 0;}.crre-icon img {  width: 100%;}.crre-text {  color: var(--colorfff);  font-family: var(--bold);  line-height: var(--line14);  margin-bottom: 0.13rem;}.crre-info a {  color: var(--colorfff);  line-height: var(--line12);}/* banner */.contus-banner {  margin-bottom: var(--space140);}.contus-page {  position: relative;}.contus-bread {  position: absolute;  top: 0.74rem;  left: 0;}.contus-bread .ys-bread-list::before {  color: rgba(255, 255, 255, 0.5);}.contus-bread .ys-bread-list a {  color: var(--colorfff);}.contus-bread .ys-bread-list:last-child a {  color: var(--colorfff);}.contus-title-box {  width: 48%;  padding: 0 var(--space100);}.contus-banner-title,.contus-banner-title h1 {  font-size: var(--font70) !important;  color: #fff;  font-family: var(--bold);  line-height: var(--line12);}/* 背景 */.contus-page {  position: relative;}.consu-from-bj {  width: 36%;  position: absolute;  right: 0%;  top: -20%;  z-index: -1;}.consu-from-bj img {  width: 100%;}/* 表单固定 */.contus-page .consu-from {  overflow: visible !important;  display: flex;  align-items: flex-start;}.contus-page .consu-from-ri {  position: -webkit-sticky !important;  position: sticky !important;  top: calc(var(--headh) + 20px + 40px);  align-self: flex-start;  z-index: 99 !important;}.contus-from-le {  flex-shrink: 0;}.consu-from {  position: relative;}.contus-page .ys-nyban-title h1 {  font-size: var(--font70) !important;  color: var(--colorfff) !important;  line-height: var(--line12) !important;  font-family: var(--bold) !important;}.contus-page .banner-box-text {  width: 47%;}/* 新增B8联系我们页-end *//* 2026.4.8-end *//* 表单修改-start */.cfru-li .ys-fii-name {  position: static;  transform: translateY(0%);}.cfru-li .ys-fii-input {  display: flex;  align-items: center;}.cfru-li .ys-fii-input .ys-fii-name {  white-space: nowrap;  padding: 0 0.24rem;  margin-bottom: 0;}.ys-form-inof-text .ys-fii-input .ys-fii-name {  margin-bottom: 0.16rem;}.cfru-li .ys-fii-input input {  padding-left: 0 !important;}.cfru-li.ys-form-inof-text .ys-fii-input {  flex-direction: column;  align-items: flex-start;}.ys-form-inof-text.cfru-li .ys-fii-input textarea {  padding-top: 0 !important;}.ys-form-inof-text.cfru-li .ys-fii-name {  margin-top: 0.18rem;}.ys-select.zindex .ys-select-xtbbox {  transform: rotate(180deg) translateY(50%);}/* 表单修改-end *//* 选中效果-satrt */.head-nav-item.yxnav-active1 .head-nav-item-title {  background-color: #dcecdf;}.head-nav-item.yxnav-active1 .head-nav-item-title .hnit-text {  color: var(--color151);}.head-nav-item.yxnav-active1 .head-nav-item-title .hnit-icon img {  opacity: 0;}.head-nav-item.yxnav-active1 .head-nav-item-title .hnit-icon img:last-child {  opacity: 1;}.hblu-li.yxnav-active2 .hblu-li-link {  background-color: #dcecdf;}.hnid-box-ri-tit.yxnav-active2 {  color: var(--colormain);}.head-nav-item-drop {  box-shadow:    inset 0 8px 15px rgba(0, 0, 0, 0.03),    var(--shadow);}.hblu-li.yxnav-active2 .hblu-li-link .hblu-li-link-icon {  opacity: 1;}/* 选中效果-end */.dulp-ph {  display: none;}#light-mask {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 93%;  height: 93%;  pointer-events: none; /* 不影响点击地球 */  background: radial-gradient(    circle at 15% 15%,    rgba(255, 255, 255, 0.4) 20%,    rgba(102, 102, 102, 0.1) 40%  );  z-index: 2;  border-radius: 50%;  overflow: hidden;}#light-mask::after {  content: "";  position: absolute;  left: 50%;  top: 50%;  width: 100%;  height: 100%;  transform: translate(-50%, -50%);  pointer-events: none;  background: radial-gradient(    circle at 15% 15%,    rgba(255, 255, 255, 0.4) 0%,    rgba(102, 102, 102, 0) 40%  );}.ys-form-inof-agree {  margin-bottom: 0.4rem;}/*鼠标效果*//* e1-start */.newslist-page .plsl-ul-li {  width: 214px !important;}.ptul-prompt {  font-size: var(--font14);  color: var(--color999);  line-height: var(--line15);  width: 100%;}.pbbl-tab-ph .pbbl-top-ul-li4 {  width: 100% !important;  text-align: right;}.pbbl-tab-ph .pbbl-top-ul-li4::after {  display: none;}.posit-pop .mCSB_scrollTools .mCSB_draggerContainer {  top: 10%;}/* e1-end */@media screen and (min-width: 1200px) {  .rpbu-li-link:hover .rlll-tit {    color: var(--colormain);  }  .cjul-link:hover .cjul-link-le {    color: var(--colormain);  }  .cjul-link:hover .cjul-link-ri svg path {    stroke: var(--colorfff);  }  .cjul-link:hover .cjul-link-ri {    background-color: var(--colormain);  }} /*2026.4.11-二期-end*/ /*Yori - start -4.22*/ .ys-bread-list a{     font-size: var(--font16); } .csbu-li-box{     overflow: hidden; } .plsl-ul-li.act .plsl-ul-li-text a{     color: var(--colorfff); } .cardev-cont-text {    width: 45%;} .csbu-li-box-ri {    transition: all 1.2s;}.csbu-li-box-bj1,.csbu-li-box-bj2,.csbu-li-box-bj3,.csbu-li-box-bj4{    transition: var(--transition);}.csbu-li-box-bj1 svg{    width: 100%;    opacity: 0.3;    filter: blur(150px);}.cfru-li6-text.none{    opacity: 1;}.ys-form-required.ys-form-empty .ys-fii-tips {    display: block!important;}.ibcr-data-pri-icon{    position: relative;}.ibcr-data-pri-icon svg path,.ibcr-data-pri-icon svg{width: 100%;transition: var(--transition);}.ibcr-data-pri-icon.down svg,.ibcr-data-pri-icon.down svg path{    fill:var(--colormain);}.ibcr-data-pri-icon.down svg{    transform: rotate(180deg);} @media screen and (min-width: 1200px) {    .plsl-ul-li-text:hover a {        color: var(--colorfff);    }}/* Yori -start- 2026.5.15 */.cardev-cont-text {    width: 58%;}.cardev-link-hover{    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    display: flex;    flex-direction: column;    opacity: 0;    transition: var(--transition);    padding:0.4rem 0.35rem  ;}.cardev-link-hover-txt,.cardev-link-hover-txt p{    color: var(--colorfff);    font-size:var(--font16);    font-family: var(--medium);    line-height: var(--line12); }.cardev-link-hover .cardev-list-item-title.tit2{    opacity: 1!important;    color: var(--colorfff);    max-width: max-content;    flex-grow: 1;}.cardev-list-item-icon{    transition: var(--transition);} @media screen and (min-width: 1200px) {      .cardev-list-item:not(:first-child):hover .cardev-list-item-title{         opacity: 0;         pointer-events: none;     }      .cardev-list-item:not(:first-child):hover .cardev-list-item-icon{         opacity: 0;         pointer-events: none;     }      .cardev-list-item:not(:first-child):hover .cardev-link-hover{         opacity: 1;     } } /*Yori- start -5.20*/     .invrel-ic-btn .std-btn1-link:hover {        background-color: var(--color2a4);    }     /*kaffi-2026.9.22-start*/    .head-nav-item-drop1{        width: 3rem;    }    .head-nav-item-drop1 .hnid-box-ri{        width: 100%;padding-left: 0;    }    /*kaffi-2026.9.22-start*/    /*kaffi-9.30-start*/    .home-map-cont-top {    width: 43%;}.ys-ban-li .ys-ban-title {    width: 58.5%;}.pbbl-top-ul-line .pbbl-top-ul-li {    width: 14.285%;}.pbbl-top-ul-li{    width: 9%;}.pbbl-top-ul-li1{    width:19%;;}.pbbl-top-ul-line{    width: 63%;;}/*kaffi-9.30-end*/