@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;

     /* 板块间距 */

     --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(--line15);

 }

 .std-font48,

 .std-font48 p,

 .yxedr-active h2 {

     font-size: var(--font48);

     color: var(--color333);

     line-height: var(--line15);

 }

 .std-font40,

 .std-font40 p,

 .yxedr-active h3 {

     font-size: var(--font40);

     color: var(--color333);

     line-height: var(--line15);

 }

 .std-font32,

 .std-font32 p,

 .yxedr-active h4 {

     font-size: var(--font32);

     color: var(--color333);

     line-height: var(--line15);

 }

 .std-font24,

 .std-font24 p,

 .yxedr-active h5 {

     font-size: var(--font24);

     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(--line175);

 }

 .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-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 */