﻿@charset "utf-8";

/* 公共样式 - start */

body,

input,

textarea {

  font-family: "BarlowRegular", "PingFang SC", "Microsoft YaHei" !important;

}

/* wow弹窗字体引入 */

.altumcode {

  --fontFamily: "BarlowRegular", "PingFang SC", "Microsoft YaHei" !important;

}

html {

  font-size: 100px;

}

@font-face {

  font-family: "BarlowSemiBold";

  src: url("../fonts/BarlowSemiBold_1.eot");

  src:

    url("../fonts/BarlowSemiBold_1.eot") format("embedded-opentype"),

    url("../fonts/BarlowSemiBold_1.woff2") format("woff2"),

    url("../fonts/BarlowSemiBold_1.woff") format("woff"),

    url("../fonts/BarlowSemiBold_1.ttf") format("truetype"),

    url("../fonts/BarlowSemiBold_1.svg#BarlowSemiBold_1") format("svg");

}

@font-face {

  font-family: "BarlowRegular";

  src: url("../fonts/BarlowRegular.eot");

  src:

    url("../fonts/BarlowRegular.eot") format("embedded-opentype"),

    url("../fonts/BarlowRegular.woff2") format("woff2"),

    url("../fonts/BarlowRegular.woff") format("woff"),

    url("../fonts/BarlowRegular.ttf") format("truetype"),

    url("../fonts/BarlowRegular.svg#BarlowRegular") format("svg");

}

@font-face {

  font-family: "BarlowMedium";

  src: url("../fonts/BarlowMedium_1.eot");

  src:

    url("../fonts/BarlowMedium_1.eot") format("embedded-opentype"),

    url("../fonts/BarlowMedium_1.woff2") format("woff2"),

    url("../fonts/BarlowMedium_1.woff") format("woff"),

    url("../fonts/BarlowMedium_1.ttf") format("truetype"),

    url("../fonts/BarlowMedium_1.svg#BarlowMedium_1") format("svg");

}

@font-face {

  font-family: "BarlowLight";

  src: url("../fonts/BarlowLight.eot");

  src:

    url("../fonts/BarlowLight.eot") format("embedded-opentype"),

    url("../fonts/BarlowLight.woff2") format("woff2"),

    url("../fonts/BarlowLight.woff") format("woff"),

    url("../fonts/BarlowLight.ttf") format("truetype"),

    url("../fonts/BarlowLight.svg#BarlowLight") format("svg");

}

@font-face {

  font-family: "BarlowBold";

  src: url("../fonts/BarlowBold_1.eot");

  src:

    url("../fonts/BarlowBold_1.eot") format("embedded-opentype"),

    url("../fonts/BarlowBold_1.woff2") format("woff2"),

    url("../fonts/BarlowBold_1.woff") format("woff"),

    url("../fonts/BarlowBold_1.ttf") format("truetype"),

    url("../fonts/BarlowBold_1.svg#BarlowBold_1") 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: "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");

}



/* 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: 1rem;

  --font98: 0.98rem;

  --font96: 0.96rem;

  --font94: 0.94rem;

  --font92: 0.92rem;

  --font90: 0.9rem;

  --font88: 0.88rem;

  --font86: 0.86rem;

  --font84: 0.84rem;

  --font82: 0.82rem;

  --font80: 0.8rem;

  --font78: 0.78rem;

  --font76: 0.76rem;

  --font74: 0.74rem;

  --font72: 0.72rem;

  --font70: 0.7rem;

  --font68: 0.68rem;

  --font66: 0.66rem;

  --font64: 0.64rem;

  --font62: 0.62rem;

  --font60: 0.6rem;

  --font58: 0.58rem;

  --font56: 0.56rem;

  --font54: 0.54rem;

  --font52: 0.52rem;

  --font50: 0.5rem;

  --font48: 0.48rem;

  --font46: 0.46rem;

  --font44: 0.44rem;

  --font42: 0.42rem;

  --font40: 0.4rem;

  --font38: 0.38rem;

  --font36: 0.36rem;

  --font34: 0.34rem;

  --font32: 0.32rem;

  --font30: 0.3rem;

  --font28: 0.28rem;

  --font26: 0.26rem;

  --font24: 0.24rem;

  --font22: 0.22rem;

  --font20: 0.2rem;

  --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: 2rem;

  --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: 1rem;

  --space90: 0.9rem;

  --space80: 0.8rem;

  --space70: 0.7rem;

  --space60: 0.6rem;

}

:root {

  /* 行高 */

  --line12: 1.2;

  --line13: 1.3;

  --line14: 1.4;

  --line15: 1.5;

  --line16: 1.6;

  --line165: 1.65;

  --line175: 1.75;

  --line18: 1.8;

  /* 导航-高度 */

  --headh: 80px;

  /* 颜色 */

  --color333: #333;

  --color000: #000;

  --color666: #666;

  --color999: #999;

  --color151: #151515;

  --colorf6f: #f6f6f6;

  --color565: #565657;

  --color6f7: #6f7071;

  --color8c8: #8c8d8e;

  --colorfff: #fff;

  --colormain: #ee0528;

  --colormain1: #003995;

  --colorbj: #f9f9f9;

  /* 板块间距 */

  --space40: 0.4rem;

  /* 段落间距 */

  --parpspace16: 0.16rem;

  --parpspace12: 0.12rem;

  --parpspace10: 0.1rem;

  /* 特殊字体或粗细 */

  --bold: "BarlowBold";

  --sembold: "BarlowSemiBold";

  --medium: "BarlowMedium";

  --light: "BarlowLight";

  --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(0.38, 0, 0, 1);

}

.std-font64,

.std-font64 p {

  font-size: var(--font64);

  color: var(--color333);

  line-height: var(--line12);

}

.std-font48,

.std-font48 p,

.yxedr-active h2 {

  font-size: var(--font48);

  color: var(--color000);

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

}

.std-font24,

.std-font24 p,

.yxedr-active h5 {

  font-size: var(--font24);

  color: var(--color333);

  line-height: var(--line13);

}

.std-text18,

.std-text18 p {

  font-size: var(--font18);

  color: var(--color000);

  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-padding160ts {

  padding: var(--space160) 0;

}

.std-padding160t {

  padding-top: var(--space160);

}

.std-padding160 {

  padding-bottom: var(--space160);

}

.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, 0.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 0.4s ease;

  position: fixed;

  z-index: 20;

}

.mod-anchor.on1 {

  opacity: 1;

  transform: translateX(0%);

}

.mod-anchor ul {

  transition: all 0.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: 0.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: ysfadeInle 0.8s ease-in-out both;

}

.ys-ban-slick.ys-slick-act .ys-ban-li.act .ys-ban-title {

  animation-delay: 0.4s;

}

.ys-ban-li.on .ys-ban-title {

  animation: ysfadeInri 0.8s ease-in-out both;

}

.ys-ban-slick.ys-slick-act .ys-ban-li.on .ys-ban-title {

  animation-delay: 0.4s;

}



/* .ys-ban-li.act .ys-ban-imgbox {

  animation: ysfadeInpl 0.7s ease-in-out both;

}

.ys-ban-slick.ys-slick-act .ys-ban-li.act .ys-ban-imgbox {

  animation-delay: 0.3s;

}

.ys-ban-li.on .ys-ban-imgbox {

  animation: ysfadeInpr 0.7s ease-in-out both;

}

.ys-ban-slick.ys-slick-act .ys-ban-li.on .ys-ban-imgbox {

  animation-delay: 0.3s;

} */

/* 公共样式 - end */



/* 首页-start */

@-webkit-keyframes ysfadeInle {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(60px, 0px, 0);

    transform: translate3d(60px, 0px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}

@keyframes ysfadeInle {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(60px, 0px, 0);

    transform: translate3d(60px, 0px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@-webkit-keyframes ysfadeInri {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-60px, 0px, 0);

    transform: translate3d(-60px, 0px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}

@keyframes ysfadeInri {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-60px, 0px, 0);

    transform: translate3d(-60px, 0px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@-webkit-keyframes ysfadeInpl {

  0% {

    -webkit-transform: translate3d(30px, 0px, 0);

    transform: translate3d(30px, 0px, 0);

  }

  to {

    -webkit-transform: none;

    transform: none;

  }

}

@keyframes ysfadeInpl {

  0% {

    -webkit-transform: translate3d(30px, 0px, 0);

    transform: translate3d(30px, 0px, 0);

  }

  to {

    -webkit-transform: none;

    transform: none;

  }

}

@-webkit-keyframes ysfadeInpr {

  0% {

    -webkit-transform: translate3d(-30px, 0px, 0);

    transform: translate3d(-30px, 0px, 0);

  }

  to {

    -webkit-transform: none;

    transform: none;

  }

}

@keyframes ysfadeInpr {

  0% {

    -webkit-transform: translate3d(-30px, 0px, 0);

    transform: translate3d(-30px, 0px, 0);

  }

  to {

    -webkit-transform: none;

    transform: none;

  }

}



.head-logo {

  width: 100px;

}

.hnit-text {

  font-size: var(--font18);

  color: var(--colorfff);

  line-height: var(--line12);

  transition: var(--transition);

  font-family: var(--sembold);

}

.head-cont {

  display: flex;

  align-items: center;

}

.hnit-icon {

  width: 14px;

  margin-right: 0.12rem;

  position: relative;

}

.hnit-icon img {

  width: 100%;

  transition: var(--transition);

}

.hnit-icon img:last-child {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

}

.hnit-icon img:nth-child(2) {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

}

.head-nav-item-title {

  display: flex;

  align-items: center;

  position: relative;

}

.head-nav-item-title::after {

  content: "";

  position: absolute;

  left: 50%;

  bottom: 0;

  transform: translateX(-50%);

  width: 0;

  height: 2px;

  transition: var(--transition);

  background-color: var(--colormain);

}

.ys-hd-pc.has-search .head-nav-item-title .hnit-text,

.ys-hd-pc.isfixed .head-nav-item-title .hnit-text,

.ys-hd-pc.ishover .head-nav-item-title .hnit-text,

.ys-page-wrap.act .ys-hd-pc .head-nav-item-title .hnit-text {

  color: var(--color333);

}

.head-nav-item.yxnav-active1 .head-nav-item-title .hnit-text {

  color: var(--colormain) !important;

}

.head-nav-item.yxnav-active1 .head-nav-item-title::after {

  width: 100%;

}

.head-nav {

  --gap1: 0.08rem;

  --gap2: 0.28rem;

}

.ys-hd-pc.has-search .head-nav-item-title .hnit-icon img,

.ys-hd-pc.isfixed .head-nav-item-title .hnit-icon img,

.ys-hd-pc.ishover .head-nav-item-title .hnit-icon img,

.ys-page-wrap.act .ys-hd-pc .head-nav-item-title .hnit-icon img {

  opacity: 0;

}

.ys-hd-pc.has-search .head-nav-item-title .hnit-icon img:nth-child(2),

.ys-hd-pc.isfixed .head-nav-item-title .hnit-icon img:nth-child(2),

.ys-hd-pc.ishover .head-nav-item-title .hnit-icon img:nth-child(2),

.ys-page-wrap.act .ys-hd-pc .head-nav-item-title .hnit-icon img:nth-child(2) {

  opacity: 1;

}



.head-nav-item.yxnav-active1 .head-nav-item-title .hnit-icon img {

  opacity: 0 !important;

}

.head-nav-item.yxnav-active1 .head-nav-item-title .hnit-icon img:last-child {

  opacity: 1 !important;

}

.ys-hd-pc {

  padding: 0 80px;

}

.head-cont-icon-more {

  width: 24px;

  position: relative;

  cursor: pointer;

  line-height: var(--headh);

}

.head-cont-icon-more::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: -0.1rem;

  width: 100%;

  height: 10px;

  background-color: transparent;

}

.head-cont-icon-more img {

  width: 100%;

  transition: var(--transition);

}

.head-cont-icon-more img:not(:first-child) {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

}

.ys-hd-pc.has-search .head-cont-icon-more img,

.ys-hd-pc.isfixed .head-cont-icon-more img,

.ys-hd-pc.ishover .head-cont-icon-more img,

.ys-page-wrap.act .head-cont-icon-more img {

  opacity: 0;

}

.ys-hd-pc.has-search .head-cont-icon-more img:nth-child(2),

.ys-hd-pc.isfixed .head-cont-icon-more img:nth-child(2),

.ys-hd-pc.ishover .head-cont-icon-more img:nth-child(2),

.ys-page-wrap.act .ys-hd-pc .head-cont-icon-more img:nth-child(2) {

  opacity: 1;

}

.head-search-btn {

  width: 19px;

}

.head-search-btn .ys-imgbox-cover:nth-of-type(2) {

  transform: translate(-50%, -50%) scale(1);

  opacity: 0;

}

.head-lang-top-text {

  font-size: var(--font16);

  color: var(--colorfff);

  font-family: var(--sembold);

  margin-right: 0.02rem;

  transition: var(--transition);

}

.head-lang-top .head-lang-top-jian {

  width: 18px;

}

.head-lang-top .head-lang-top-jian img {

  transition: var(--transition);

}

.ys-hd-pc.has-search .head-lang-top-text,

.ys-hd-pc.isfixed .head-lang-top-text,

.ys-hd-pc.ishover .head-lang-top-text,

.ys-page-wrap.act .head-lang-top-text {

  color: var(--color000);

}

.hnid-box {

  padding: 0.6rem;

  border-radius: 4px;

  background: var(--colorfff);

}

.head-nav-item.static {

  position: static;

}

.hbul-link-le {

  width: 36px;

  margin-right: 0.16rem;

  flex-shrink: 0;

}

.hbul-link-le img {

  width: 100%;

}

.hbul-link-ri-tit {

  line-height: var(--line165);

  font-family: var(--medium);

  margin-bottom: 0.08rem;

}

.hbul-link-ri-par,

.hbul-link-ri-par p {

  font-size: var(--font14);

  line-height: var(--line16);

  color: var(--color8c8);

}

.hbul-link-ri-par {

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  max-height: 3.2em;

}

.hnid-box-ul-li {

  width: 25%;

  padding: 0 var(--pad1);

  margin-bottom: 0.4rem;

}

.head-nav-item .ys-cont1200 .hnid-box-ul-li {

  width: 33.3333%;

}

.hnid-box-ul {

  --pad1: 0.3rem;

  margin: 0 calc(var(--pad1) * -1);

  margin-bottom: -0.4rem;

  display: flex;

  flex-wrap: wrap;

}

.hbul-link {

  display: flex;

  align-items: flex-start;

}

.head-nav-item-down {

  margin-top: 0.3rem;

}

.head-nav-item.static .head-nav-item-down {

  margin-top: 0.1rem;

}

.hnid-cont {

  padding: 0.4rem 0.4rem 0.4rem 0.3rem;

  border-radius: 4px;

  background: var(--colorfff);

}

.hcul-link-ri {

  line-height: var(--line165);

}

.hcul-link {

  display: flex;

  align-items: center;

}

.hnid-cont-ul-li {

  margin-bottom: 0.2rem;

}

.hnid-cont-ul-li:last-child {

  margin-bottom: 0;

}

.hnid-cont .hnid-box-ul {

  display: flex;

  flex-direction: column;

}

.hnid-cont1 {

  width: 286px;

}

.hnid-cont2 {

  width: 300px;

}

.hnid-cont2 .hnid-cont-ul-li {

  margin-bottom: 0.4rem;

}

.hnid-cont2 .hnid-cont-ul-li:last-child {

  margin-bottom: 0;

}

.hnid-cont3 {

  width: 260px;

}

.head-cont-icon-up {

  padding: 0.73rem 0.4rem;

  border-radius: 4px;

  background: var(--colorf6f);

  position: absolute;

  left: 50%;

  top: 100%;

  transform: translateX(-50%);

  margin-top: 0.1rem;

  display: none;

  width: 249px;

}

.head-cont-icon {

  position: relative;

  margin-left: 0.76rem;

}

.hciu-ul-li-link {

  line-height: var(--line165);

  color: var(--color000);

  font-family: var(--sembold);

}

.hciu-ul-li {

  margin-bottom: 0.4rem;

}

.hciu-ul {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}

.hciu-ul-li:last-child {

  margin-bottom: 0;

}

.head-lang-down {

  margin-top: 0.1rem;

}

.footer-logo {

  width: 145px;

  margin-bottom: 0.5rem;

}

.ys-footer {

  --sapceft1: 0.73rem;

  --sapceft2: 1.27rem;

  --sapceft3: 24px;

  --sapceft4: 0.5rem;

  background: var(--color000);

  padding-top: var(--sapceft1);

  position: relative;

  z-index: 1;

}

.ftls-text {

  color: var(--colorfff);

  font-family: var(--light);

  line-height: var(--line14);

  margin-right: 0.21rem;

}

.footer-share {

  --gap1: 0.1rem;

  --width1: 32px;

  --codew: 120px;

  display: flex;

  margin: 0 calc(var(--gap1) * -1);

}

.footer-top-le-share {

  display: flex;

  align-items: center;

  padding-bottom: 0.38rem;

  margin-bottom: 0.25rem;

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}

.footer-share-btn {

  border-radius: 3.333px;

  background: rgba(255, 255, 255, 0.7);

}

.footer-share-btn .ys-imgbox-cover img {

  padding: 5px;

}

.footer-top-le {

  width: 28.75%;

}

.ftll-ul-li-tit {

  color: var(--colorfff);

  line-height: var(--line14);

  font-family: var(--light);

  margin-bottom: 0.07rem;

}

.ftll-ul-li-par-link {

  color: var(--colorfff);

  line-height: var(--line14);

  font-family: "ManropeRegular";

}

.ftll-ul-li {

  width: 50%;

  padding: 0 var(--pad2);

  border-right: 1px solid rgba(255, 255, 255, 0.2);

}

.ftll-ul-li:nth-child(2n) {

  border-right: 1px solid transparent;

}

.ftll-ul {

  display: flex;

  --pad2: 0.5rem;

  margin: 0 calc(var(--pad2) * -1);

}

.footer-top-le-link {

  margin-bottom: 0.48rem;

}

.footer-top-le-search {

  border-radius: 4px;

  overflow: hidden;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  position: relative;

  border: 1px solid rgba(255, 255, 255, 0.4);

  width: 87%;

  margin-bottom: 0.24rem;

}

.ftls-input {

  height: 50px;

  width: 100%;

  padding: 0 1.2rem 0 0.2rem;

  font-size: var(--font16);

  color: var(--colorfff);

  line-height: var(--line14);

}

.ftls-input::placeholder {

  font-size: var(--font16);

  color: var(--colorfff);

  line-height: var(--line14);

}

.ftls-but {

  position: absolute;

  right: 0;

  top: 0;

}

.ftls-but-link {

  line-height: 50px;

  color: var(--colorfff);

  padding: 0 0.25rem;

  background: rgba(238, 5, 40, 0.8);

}

.ftlc-le {

  width: 16px;

  height: 16px;

  position: relative;

  border: 1px solid #fff;

  border-radius: 2px;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  margin-right: 0.08rem;

  margin-top: 2px;

  cursor: pointer;

}

.ftlc-le.act::before {

  opacity: 1;

}

.ftlc-le::before {

  content: "";

  width: 8px;

  height: 8px;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  background: var(--colormain);

  opacity: 0;

  transition: var(--transition);

}

.ftlc-ri {

  font-size: var(--font14);

  color: var(--colorfff);

  line-height: var(--line14);

}

.footer-top-le-check {

  display: flex;

  align-items: center;

}

.footer-top-ri {

  width: 49.5%;

  display: flex;

  justify-content: space-between;

  margin-top: 0.51rem;

}

.footer-top-ri-le {

  width: 43%;

  padding-right: var(--space160);

}

.footer-top-ri-ri {

  width: 57%;

  display: flex;

  justify-content: space-between;

}

.footer-nav {

  width: 100%;

}

.fyrl-ul li a {

  font-size: var(--font16);

  color: var(--colorfff);

  line-height: var(--line14);

}

.fyrl-ul li {

  margin-bottom: 0.34rem;

}

.fyrl-ul li:last-child {

  margin-bottom: 0;

}

.footer-nav > li > a {

  font-size: var(--font16);

  line-height: var(--line14);

  color: var(--colorfff);

  margin-bottom: var(--gap2);

}

.footer-nav {

  --gap1: 10px;

  --gap2: 0.26rem;

  --gap3: 0.26rem;

}

.footer-nav ul a {

  font-size: var(--font16);

  line-height: var(--line14);

  color: rgba(255, 255, 255, 0.7);

  margin-bottom: var(--gap3);

  transition: var(--transition);

}

.footer-bot {

  border-top: 1px solid transparent;

  padding: 0 0 var(--sapceft4) 0;

  display: flex;

  justify-content: space-between;

}

.footer-text,

.footer-text a,

.footer-text p {

  font-size: var(--font14);

  line-height: var(--line14);

  color: rgba(255, 255, 255, 0.5);

}

.footer-privacy > li {

  padding: 0 var(--gap1);

  position: relative;

}

.footer-privacy > li::after {

  content: "";

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 1px;

  height: 10px;

  background-color: rgba(255, 255, 255, 0.5);

}

.footer-privacy > li:last-child::after {

  opacity: 0;

}

.footer-privacy {

  --gap1: 0.15rem;

}

.ys-footer-bj {

  width: 42.5%;

  position: absolute;

  right: 0;

  bottom: 0;

  z-index: -1;

}

.ys-footer-bj img {

  width: 100%;

}

.ys-ban-slick .ys-flex-pos-center .ys-ban-title {

  font-size: var(--font80);

  color: var(--colorfff);

  line-height: var(--line12);

  font-family: var(--sembold);

}

.yblu-item-link-icon {

  width: 32px;

  margin-right: 0.16rem;

}

.yblu-item-link-icon img {

  width: 100%;

}

.yblu-item-link-text {

  line-height: 90px;

  color: rgba(255, 255, 255, 0.8);

  font-family: var(--medium);

  transition: var(--transition);

}

.yblu-item-link {

  display: flex;

  align-items: center;

  padding: 0 0.32rem;

  background: rgba(0, 0, 0, 0.3);

  backdrop-filter: blur(10px);

  backdrop-filter: blur(10px);

  -webkit-backdrop-filter: blur(10px);

  -moz-backdrop-filter: blur(10px);

  -ms-backdrop-filter: blur(10px);

  -o-backdrop-filter: blur(10px);

  transition: var(--transition);

  border-right: 1px solid rgba(255, 255, 255, 0.3);

}

.ys-banner-link {

  position: absolute;

  left: 50%;

  bottom: 0.75rem;

  transform: translateX(-50%);

}

.home-main .ys-banner {

  position: relative;

}

.ys-banner-link-ul {

  display: flex;

  border-radius: 4px;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  overflow: hidden;

}

.yblu-item {

  flex-grow: 1;

}

.yblu-item.act .yblu-item-link {

  background-color: var(--colormain);

}

.yblu-item.act .yblu-item-link .yblu-item-link-text {

  color: rgba(255, 255, 255, 1);

}

.yblu-item:last-child .yblu-item-link {

  border-right: 1px solid transparent;

}

.hsbl-tit {

  font-family: var(--sembold);

  padding-bottom: 0.24rem;

  margin-bottom: 0.24rem;

  position: relative;

}

.hsbl-tit::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 60px;

  height: 4px;

  background-color: var(--colormain);

}

.home-scud-sticky .ys-cont1600 {

  width: auto;

  max-width: none;

  padding-left: var(--place);

  padding-right: 0;

  margin: 0;

}

.home-scud-box-le {

  width: calc(var(--cont) * 0.35);

  padding-right: 1.02rem;

  margin-top: 0.28rem;

  flex-shrink: 0;

}

.mod-controls2 {

  display: none;

}

.mod-controls2 {

  color: var(--color666);

  margin-top: 0.21rem;

}

.mod-controls2 span:last-child {

  color: rgba(102, 102, 102, 0.6);

}

.hsbr-ul {

  display: flex;

  --gap1: 0.17rem;

  --width1: 4.8rem;

  --zhen: 50%;

  --left1: calc(var(--width1) * -0.5225);

  margin: 0 calc(var(--gap1) * -1);

}

.hsbr-ul-li {

  padding: 0 var(--gap1);

  transform: translateX(calc(var(--num) * var(--left1)));

}

/* .ys-upfade1.ys-fade-true {

  opacity: 1;

  transform: translate3d(0, 0, 0);

  -webkit-transform: translate3d(0, 0px, 0);

}

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

} */

.home-scud-box {

  display: flex;

  padding-bottom: var(--space130);



  position: relative;

}

.hsbr-ul-li-link {

  width: var(--width1);

  position: relative;

  display: block;

  transition: all 0s;

  clip-path: polygon(0% 0%, var(--zhen) 0%, var(--zhen) 100%, 0% 100%);

  -webkit-clip-path: polygon(0% 0%, var(--zhen) 0%, var(--zhen) 100%, 0% 100%);

  -moz-clip-path: polygon(0% 0%, var(--zhen) 0%, var(--zhen) 100%, 0% 100%);

  -ms-clip-path: polygon(0% 0%, var(--zhen) 0%, var(--zhen) 100%, 0% 100%);

  -o-clip-path: polygon(0% 0%, var(--zhen) 0%, var(--zhen) 100%, 0% 100%);

}

.hsbr-ul-li-link::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 30%;

  z-index: 1;

  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);

}

.hull-text {

  padding: 0 1rem 0.58rem 0.4rem;

  position: absolute;

  left: 0;

  bottom: 0;

  opacity: 0;

  z-index: 10;

  transition: var(--transition);

}

.hull-text-tit {

  color: rgba(255, 255, 255, 0.8);

  font-family: var(--sembold);

  margin-bottom: 0.14rem;

  transition: var(--transition);

}

.hull-text-par p {

  color: rgba(255, 255, 255, 0.64);

  transition: var(--transition);

}



.hull-pic {

  width: 100%;

  height: 100%;

}

.hull-pic img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.hull-text-par {

  font-size: var(--font20);

  color: var(--color565);

  line-height: var(--line15);

}

.home-scud {

  padding-top: var(--space120);

  overflow: visible !important;

}

.home-scud-sticky {

  position: sticky !important;

  top: var(--headh);

  height: calc(100vh - var(--headh));

  display: flex;

  align-items: center;

  width: 100%;

}

.home-scud-batter .hsbl-tit {

  margin-bottom: 0;

}

.home-scud-batter-le {

  padding-right: 0.3rem;

}

.home-scud-batter-ri {

  width: 49%;

  padding-right: 1.47rem;

  margin-top: 0.1rem;

}

.home-scud-batter-ri,

.home-scud-batter-ri p {

  font-size: var(--font20);

  color: var(--color565);

  line-height: var(--line15);

}

.home-scud-zhan {

  height: 200vh;

}

.home-scud-batter {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  padding: 0.69rem 0 0.71rem 0;

  border-top: 1px solid #e8e8e8;

}

.home-carou-slick-item {

  position: relative;

}

.hcsi-pic {

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.15);

  filter: blur(40px);

}

.hcsi-pic img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.hcsi-img {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  display: flex;

  align-items: center;

  justify-content: center;

}

.hcsi-img-maic {

  width: 80.5%;

}

.hcsi-img-maic img {

  width: 100%;

}

.hcsi-text-tit {

  color: var(--colorfff);

  font-family: var(--medium);

  position: relative;

  padding-bottom: 0.42rem;

  margin-bottom: 0.56rem;

}

.hcsi-text-tit::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 0.6rem;

  height: 4px;

  background-color: var(--colormain);

}

.hcsi-text {

  width: 35%;

}

.htbl-le {

  width: 18px;

  margin-right: 0.12rem;

}

.htbl-le svg {

  width: 100%;

  height: auto;

}

.htbl-ri {

  color: var(--colorfff);

  line-height: 54px;

  transition: var(--transition);

}

.hcsi-text-but {

  display: inline-block;

}

.hcsi-text-but-link {

  padding: 0 0.6rem;

  display: flex;

  align-items: center;

  box-sizing: border-box;

  position: relative;

  text-decoration: none !important;

  border-radius: 0.5rem;

  z-index: 1;

  transition: var(--transition),filter 1s cubic-bezier(0.8, 0, 0.2, 1);

  overflow: hidden;

}

.hcsi-text-but-link::after {

  display: block;

  content: "";

  border-radius: 0.5rem;

  position: absolute;

  inset: 0px;

  height: calc(100% + 2px);

  width: calc(100% + 2px);

  top: -1px;

  left: -1px;

  transform-origin: 0% 0%;

  transform: scaleX(0);

  transition: transform 1s cubic-bezier(0.8, 0, 0.2, 1),opacity .4s cubic-bezier(0.8, 0, 0.2, 1);

  background: var(--colormain);

  opacity: 1;

  z-index: -1;

}

/* 渐变边框层 */

.hcsi-text-but-link::before {

  content: "";

  position: absolute;

  inset: 0;

  border-radius: inherit;

  padding: 1px;

  background: conic-gradient(

    from 180deg at 50.5% 50%,

    var(--colorfff) 0deg,

    color-mix(in srgb, var(--colorfff) 0%, transparent) 360deg

  );

  mask:

    linear-gradient(#fff 0 0) content-box,

    linear-gradient(#fff 0 0);

  mask-composite: exclude;

  -webkit-mask:

    linear-gradient(#fff 0 0) content-box,

    linear-gradient(#fff 0 0);

  -webkit-mask-composite: xor;

  pointer-events: none;

  z-index: -1;

  transition:filter 1s cubic-bezier(0.8, 0, 0.2, 1);

}

.hcsi-text .hcsi-text-but{

  position: relative;

  border-radius: 0.5rem;

  overflow: hidden;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

}

.hcsi-text .hcsi-text-but::after{

 content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 0;

  height: 0;

  border-radius: 0.5rem;

  border: 0 solid #fff;     /* 先清零 */

  border-right-width: 1px; /* 开启右边框 */

  border-bottom-width: 1px;/* 开启下边框 */

  overflow: hidden;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  transition: width 0.6s linear;

}

.hcsi-text.act {

  animation: ysfadeInle 0.6s ease-in-out both;

}

.home-carou-slick-item.ys-slick-act .hcsi-text.act {

  animation-delay: 0.3s;

}

.hcsi-text.on {

  animation: ysfadeInri 0.6s ease-in-out both;

}

.home-carou-slick-item.ys-slick-act .hcsi-text.on {

  animation-delay: 0.3s;

}



.hcsi-img-maic.act {

  animation: ysfadeInle 0.5s ease-in-out both;

}

.home-carou-slick-item.ys-slick-act .hcsi-img-maic.act {

  animation-delay: 0.2s;

}

.hcsi-img-maic.on {

  animation: ysfadeInri 0.5s ease-in-out both;

}

.home-carou-slick-item.ys-slick-act .hcsi-img-maic.on {

  animation-delay: 0.2s;

}

.home-carou-slick .slick-dots {

  bottom: 32px;

}

.hcsi-nub {

  line-height: var(--line14);

  color: rgba(255, 255, 255, 0.6);

  position: absolute;

  left: 0;

  top: 0.52rem;

}

.hcsi-nub span {

  font-size: inherit;

  line-height: inherit;

  color: rgba(255, 255, 255, 1);

}

.home-desi-box-le {

  margin-left: var(--left);

  width: 45%;

  margin-top: 2.8rem;

}

.home-desi-text .hcsi-text-tit {

  color: var(--color000);

  font-family: var(--sembold);

}

.home-desi-text {

  position: absolute;

  left: 50%;

  top: var(--space170);

  transform: translateX(-50%);

}

.hdbl-tit {

  color: var(--color000);

  margin-bottom: 0.71rem;

}

.hulb-pic {

  width: 48px;

  margin-bottom: 0.19rem;

}

.hulb-pic img {

  width: 100%;

}

.hulb-par,

.hulb-par p {

  font-size: var(--font20);

  color: var(--color000);

  line-height: var(--line15);

}

.hdbl-ul-li-box {

  padding: 0 0.64rem 0 0.4rem;

}

.home-desi-box-ri {

  width: 45.2%;

  position: relative;

  background-color: var(--colorf6f);

}

.home-desi-box-ri::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 30%;

  height: 100%;

  background: linear-gradient(90deg, #f6f6f6 0%, rgba(255, 255, 255, 0) 100%);

  z-index: 0;

  pointer-events: none;

}

.home-desi-box-ri img {

  width: 100%;

}

.hdbl-ul {

  display: flex;

  flex-wrap: wrap;

}

.hdbl-ul-li {

  width: 33.3333%;

  border-left: 1px solid #d9d9d9;

}

.home-desi-box {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

}

.home-desi {

  background: var(--colorf6f);

  padding-top: var(--space70);

  position: relative;

}

.home-desi-tab {

  position: absolute;

  left: 50%;

  bottom: var(--space110);

  transform: translateX(-50%);

}

.hdtu-li-box-text {

  font-size: var(--font20);

  color: var(--color000);

  line-height: var(--line12);

  font-family: var(--sembold);

  padding: 0.66rem 0.88rem;

  text-align: center;

}

.hdtu-li-box {

  border-radius: 4px;

  background: rgba(255, 255, 255, 0.8);

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  backdrop-filter: blur(10px);

  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: relative;

  cursor: pointer;

  height: 100%;

}

.hdtu-li.act .hdtu-li-box::after {

  width: 100%;

}

.hdtu-li-box::after {

  content: "";

  position: absolute;

  left: 50%;

  bottom: 0;

  transform: translateX(-50%);

  width: 0;

  height: 4px;

  transition: var(--transition);

  background-color: var(--colormain);

}

.home-desi-tab-ul {

  display: flex;

  --pad4: 0.16rem;

  margin: 0 calc(var(--pad4) * -1);

}

.hdtu-li {

  width: 25%;

  flex-grow: 1;

  padding: 0 var(--pad4);

}

.home-desi-box-tab:not(:first-child) {

  display: none;

}

.home-part {

  position: relative;

  padding-bottom: var(--space120);

  z-index: 1;

}

.home-part-bj {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 114%;

  z-index: -1;

}

.home-part-bj img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.home-part-top .hcsi-text-tit {

  color: var(--colorfff);

  margin-bottom: 0;

}

.home-part-top {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  margin-bottom: 0.56rem;

}

.home-part-cont-tit {

  color: var(--colorfff);

  font-family: var(--sembold);

  position: relative;

  display: inline-block;

  margin-bottom: 0.6rem;

}

.home-part-cont-tit::after {

  content: "";

  position: absolute;

  left: calc(-50vw - 13px);

  top: 50%;

  transform: translateY(-50%);

  width: 50vw;

  height: 1px;

  background-color: rgba(255, 255, 255, 0.2);

}

.home-part-cont-tit::before {

  content: "";

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: calc(-100vw - 17px);

  width: 100vw;

  height: 1px;

  background-color: rgba(255, 255, 255, 0.2);

}

.hpcs-item-link-pic {

  position: relative;

  margin-bottom: 0.5rem;

}

.hpcs-item-link-pic .ys-imgbox-cover {

  width: 131px;

}

.hpcs-item-link-pic .ys-imgbox-cover img {

  width: 100%;

}

.hpcs-item-link-pic .ys-imgbox-cover:last-child {

  position: absolute;

  left: 50%;

  top: 100%;

  transform: translateX(-50%) scaleY(-1);

  margin-top: -20px;

  -webkit-mask: linear-gradient(

    to top,

    rgba(0, 0, 0, 0) 80%,

    rgba(0, 0, 0, 0.6) 100%

  );

  mask: linear-gradient(

    to bottom,

    rgba(0, 0, 0, 0) 70%,

    rgba(0, 0, 0, 0.6) 100%

  );

  opacity: 0.3;

  pointer-events: none;

}

.hpcs-item-link {

  padding: 0.39rem 0.88rem 0.46rem 0.88rem;

  border-radius: 4px;

  background: rgba(255, 255, 255, 0.16);

  backdrop-filter: blur(25px);

  backdrop-filter: blur(25px);

  -webkit-backdrop-filter: blur(25px);

  -moz-backdrop-filter: blur(25px);

  -ms-backdrop-filter: blur(25px);

  -o-backdrop-filter: blur(25px);

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  position: relative;

  height: 100%;

  z-index: 1;

  transition: var(--transition);

}

.hpcs-item-link-bj {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  opacity: 0;

  transition: var(--transition);

}

.hpcs-item-link-bj img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.hpcs-item-link-num {

  color: var(--colorfff);

  margin-bottom: 0.43rem;

}

.hilt-tit {

  color: var(--colorfff);

  line-height: var(--line15);

  font-family: var(--bold);

  text-align: center;

  position: relative;

  padding-bottom: 0.14rem;

  margin-bottom: 0.08rem;

}

.hilt-tit::after {

  content: "";

  position: absolute;

  left: 50%;

  bottom: 0;

  transform: translateX(-50%);

  width: 28px;

  height: 2px;

  background-color: var(--colormain);

}

.hilt-par,

.hilt-par p {

  color: var(--colorfff);

  text-align: center;

}

.home-part-cont-slick {

  --pad5: 0.16rem;

  margin: 0 calc(var(--pad5) * -1);

}

.hpcs-item {

  padding: 0 var(--pad5);

}

.hpcb-but-arrow {

  width: 50px;

  height: 50px;

  border: 1px solid var(--colorfff);

  border-radius: 50%;

  overflow: hidden;

  padding: 14px;

  cursor: pointer;

  background-color: transparent;

  transition: var(--transition);

}

.hpcb-but-arrow svg {

  width: 100%;

  height: 100%;

}

.home-part-cont-box {

  position: relative;

}

.hpcb-but {

  display: flex;

  align-self: center;

  justify-content: space-between;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: calc(100% + 176px);

}

.home-part-cont {

  margin-bottom: 1.06rem;

}

.home-part-btm .ys-horse {

  --width1: 290px;

  --gap1: 4px;

}

.home-part-btm .home-part-cont-tit {

  margin-bottom: 0.47rem;

}

.home-news-top-le .hcsi-text-tit {

  color: var(--color000);

  margin-bottom: 0;

  font-family: var(--sembold);

}

.hntr-but .hpcb-but-arrow {

  border: 1px solid var(--color565);

}

.hntr-but .hpcb-but-prev {

  margin-right: 8px;

  transform: rotate(180deg);

}

.hntr-but {

  display: flex;

  align-items: center;

}

.hntr-prom {

  color: var(--color565);

  margin-bottom: 0.13rem;

}

.home-news-top-le {

  width: 57.5%;

  padding-right: 0.3rem;

  padding-top: var(--space120);

  border-right: 1px solid #ddd;

  padding-bottom: 0.44rem;

}

.home-news-top-ri {

  width: 42.5%;

  padding-left: 0.8rem;

  padding-top: var(--space120);

  padding-bottom: 0.44rem;

}

.home-news-top {

  border-bottom: 1px solid #ddd;

  margin-bottom: 0.5rem;

}

.home-news-top .ys-cont1600 {

  display: flex;

}

.hnss-ul-item {

  /* width: 480px !important; */

  height: auto !important;

}

.hnss-ul-item-link {

  border-radius: 4px;

  overflow: hidden;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  background: var(--colorfff);

  height: 100%;

  display: flex;

  flex-direction: column;

}

.huil-text {

  padding: 0.28rem 0.4rem 0.3rem 0.3rem;

  flex-grow: 1;

  display: flex;

  flex-direction: column;

}

.huil-text-but-icon {

  width: 18px;

  margin-right: 0.12rem;

  margin-bottom: -3px;

}

.huil-text-but-icon svg {

  width: 100%;

  height: auto;

}

.huil-text-but-text {

  color: var(--color6f7);

  line-height: var(--line12);

  transition: var(--transition);

}

.huil-text-but {

  display: flex;

  align-items: center;

}

.huil-text-time {

  line-height: var(--line14);

  color: var(--color8c8);

  margin-bottom: 0.08rem;

}

.huil-text-par,

.huil-text-par p {

  font-size: var(--font20);

  color: var(--color000);

  line-height: var(--line14);

}

.huil-text-par {

  margin-bottom: 0.3rem;

  flex-grow: 1;

}

.home-news-swiper .swiper-container {

  overflow: visible;

}

.hpcb-but-arrow svg path {

  transition: var(--transition);

}

.home-news-swiper {

  padding-bottom: var(--space100);

}

.home-news-cont {

  border-left: 1px solid #ddd;

  border-right: 1px solid #ddd;

  margin-right: 0.2rem;

  margin-left: 0.2rem;

  overflow: hidden;

}

.home-news {

  background-color: var(--colorf6f);

}

.home-news-up {

  border-top: 1px solid #ddd;

  border-bottom: 1px solid #ddd;

  margin-top: 0.2rem;

  margin-bottom: 0.2rem;

}

.hsbl-par,

.hsbl-par p {

  font-size: var(--font20);

  color: var(--color565);

  line-height: var(--line15);

}

.huil-text-but-icon svg path {

  transition: var(--transition);

}

.ys-phnav-logo {

  width: 70px;

}

/* 首页-end */

/* c1-start */

.inside-page .ys-flex-pos-center h1 {

  font-size: var(--font64);

  color: var(--colorfff);

  font-family: var(--sembold);

  line-height: var(--line12);

  margin-bottom: 0.26rem;

}

.inside-page .ys-flex-pos-center p {

  font-size: var(--font20);

  color: var(--colorfff);

  line-height: var(--line15);

  width: 43.8%;

}

.inside-page .ys-nybanner {

  position: relative;

}

.ys-bread {

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  top: calc(var(--headh) + 0.24rem);

}

.ys-bread .ys-bread-list a {

  font-size: var(--font16);

  color: rgba(255, 255, 255, 0.5);

  line-height: 1.85;

}

.ys-bread .ys-bread-list:last-child a {

  color: rgba(255, 255, 255, 1);

}

.ys-bread-list::before {

  color: rgba(255, 255, 255, 0.5);

}

.ys-bread-list:last-child::before {

  color: rgba(255, 255, 255, 1);

}

.malu-li-cont {

  font-family: var(--medium);

  color: var(--color6f7);

  position: relative;

  transition: var(--transition);

  cursor: pointer;

}

.malu-li-cont::after {

  content: "";

  position: absolute;

  left: -0.32rem;

  top: 50%;

  transform: translateY(-50%);

  width: 20px;

  height: 2px;

  background-color: var(--colormain);

  opacity: 0;

  transition: var(--transition);

}

.malu-li {

  margin-bottom: 0.24rem;

}

.malu-li:last-child {

  margin-bottom: 0;

}

.malu-li.act .malu-li-cont {

  margin-left: 0.32rem;

  color: var(--color000);

}

.malu-li.act .malu-li-cont::after {

  opacity: 1;

}

.micr-anchor-le {

  width: 17.75%;

  position: sticky !important;

  top: calc(var(--headh) + 60px);

}

.micr-anchor-ri {

  width: 77.5%;

}

.maru-item-box-ri {

  width: 38.5%;

}

.maru-item-box-ri img {

  width: 100%;

}

.maru-item-box-le {

  width: 53%;

}

.micr-anchor .ys-cont1600 {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

}

.micr-anchor {

  padding-top: var(--space140);

  overflow: visible;

  position: relative;

  z-index: 1;

}

.micr-anchor::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: calc((50vw - 800px) + (1600px * 0.1775));

  height: 100%;

  background: var(--colorf6f);

  z-index: -1;

}

.maru-item-box {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

}

.mibl-tit {

  line-height: var(--line13);

  color: var(--color151);

  font-family: var(--medium);

  margin-bottom: 0.6rem;

}

.mibl-table table tr td,

.mibl-table table tr td * {

  font-size: var(--font18);

  color: var(--color565);

  line-height: var(--line15);

}

.mibl-table table tr td {

  padding: 0.16rem 0;

}

.mibl-table table tr {

  position: relative;

}

.mibl-table table tr::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 1px;

  background-color: #d9d9d9;

}

.mibl-table table tr::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 1px;

  background-color: #d9d9d9;

  opacity: 0;

}

.mibl-table table tr:last-child::before {

  opacity: 1;

}

.mibl-table table tr td:first-child {

  color: var(--color000);

}

/* .mibl-tablenewbox {

  margin-bottom: 0.56rem;

} */

.mibl-table{

  margin-bottom: 0 !important;

}

.maru-item-box-le .htbl-ri {

  color: var(--color000);

}

/* 渐变边框层 */

.maru-item-box-le .hcsi-text-but-link::before {

  content: "";

  position: absolute;

  inset: 0;

  border-radius: inherit;

  padding: 1px;

  background: conic-gradient(

    from 180deg at 50.5% 50%,

    var(--color000) 0deg,

    color-mix(in srgb, var(--color000) 0%, transparent) 360deg

  );

  mask:

    linear-gradient(#000 0 0) content-box,

    linear-gradient(#000 0 0);

  mask-composite: exclude;

  -webkit-mask:

    linear-gradient(#000 0 0) content-box,

    linear-gradient(#000 0 0);

  -webkit-mask-composite: xor;

  pointer-events: none;

  z-index: -1;

}

.maru-item-box-le .htbl-le {

  width: 24px;

}

.maru-item-box-le .htbl-le svg {

  width: 100%;

  height: auto;

}

.htbl-le svg path {

  transition: var(--transition);

}

.maru-item {

  margin-bottom: var(--space160);

}

.maru-item:last-child {

  margin-bottom: 0;

}

.maru-item:nth-child(2n) .maru-item-box {

  flex-direction: row-reverse;

}

/* c1-end */

/* e1-start */

.robot-page .ys-flex-pos-center h1 {

  color: var(--color000);

}

.robot-page .ys-flex-pos-center p {

  color: var(--color565);

}

.gray-bread .ys-bread .ys-bread-list a {

  color: rgba(153, 153, 153, 0.5);

}

.gray-bread .ys-bread .ys-bread-list:last-child a {

  color: rgba(153, 153, 153, 1);

}

.ys-page-wrap.act .ys-main .ys-bread {

  top: 0.24rem;

}

.gray-bread .ys-bread-list::before {

  color: rgba(153, 153, 153, 0.5);

}

.gray-bread .ys-bread-list:last-child::before {

  color: rgba(153, 153, 153, 1);

}

.robot-list {

  padding-top: var(--space120);

  position: relative;

  overflow: visible;

  z-index: 1;

  /* background: linear-gradient(180deg, rgba(246, 246, 246, 0) 0%, #f6f6f6 5.9%); */

}

.robot-list::after {

  content: "";

  position: absolute;

  left: 0;

  top: -200px;

  width: 100%;

  height: calc(100% + 200px);

  background: linear-gradient(180deg, rgba(246, 246, 246, 0) 0%, #f6f6f6 5.9%);

  z-index: -1;

}

.rlul-link {

  padding: 0.4rem;

  border-radius: 4px;

  background: #fff;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

}

.rlul-link-pic {

  width: 85%;

  margin: 0 auto;

  margin-bottom: 0.38rem;

}

.rltt-le {

  line-height: var(--line15);

  color: var(--color000);

  font-family: var(--sembold);

  transition: var(--transition);

}

.rltt-ri {

  width: 18px;

}

.rltt-ri svg {

  width: 100%;

  height: auto;

}

.rlul-link-text-top {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-bottom: 0.24rem;

  border-bottom: 1px solid #e3e3e3;

  margin-bottom: 0.2rem;

}

.rulb-tit {

  color: var(--color000);

  line-height: var(--line15);

  font-family: var(--sembold);

  margin-bottom: 0.08rem;

}

.rulb-par,

.rulb-par p {

  font-size: var(--font14);

  line-height: var(--line15);

  color: var(--color6f7);

}

.rltb-ul {

  display: flex;

  margin: 0 -0.18rem;

}

.rltb-ul-li {

  width: 50%;

  flex-grow: 1;

  padding: 0 0.18rem;

  border-right: 1px solid #e3e3e3;

}

.rltb-ul-li:last-child {

  border-right: 1px solid transparent;

}

.rlul-link-text-btm {

  padding-bottom: 0.2rem;

  border-bottom: 1px solid #e3e3e3;

}

.robot-list-ul {

  display: flex;

  flex-wrap: wrap;

  --pad6: 0.16rem;

  margin: 0 calc(var(--pad6) * -1);

  margin-bottom: -0.4rem;

}

.robot-list-ul-li {

  width: 25%;

  padding: 0 var(--pad6);

  margin-bottom: 0.4rem;

}

.robot-list-page {

  margin-top: var(--space120);

}

.pc-fenye li {

  width: 30px;

  height: 30px;

  font-size: var(--font16);

  line-height: 28px;

  color: #000;

  margin: 0 10px;

}

.rltt-ri svg path {

  transition: var(--transition);

}

/* e1-end */

/* e2-start */

.deta-cont {

  position: relative;

  padding-top: var(--space90);

  padding-bottom: var(--space140);

  overflow: visible;

  z-index: 1;

}

.deta-cont-bj {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  z-index: -1;

}

.deta-cont-bj img {

  width: 100%;

}

.deta-cont-box {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

}

.deta-cont-le {

  width: 40.5%;

  margin-top: 0.42rem;

  position: sticky !important;

  top: calc(var(--headh) + 30px);

}

.deta-cont-ri {

  width: 57.5%;

  padding: 0.6rem 0.8rem 0.8rem 0.8rem;

  border-radius: 8px;

  background: #fff;

  box-shadow: 0 8px 29px 0 rgba(0, 33, 67, 0.06);

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

}

.dclc-slick-item-pic {

  width: 100%;

}

.dclc-slick-item-pic img {

  width: 100%;

}

.deta-cont-le-dost {

  position: relative;

  width: 70%;

  margin: 0 auto;

  margin-top: 0.3rem;

}

.slick-current.dcld-slick-item .dcld-slick-item-pic {

  border-radius: 8px;

  border: 1px solid #f5f5f5;

  background: #fdfdfd;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  overflow: hidden;

}

.dcld-slick-item .dcld-slick-item-pic {

  border: 1px solid transparent;

  cursor: pointer;

  background: transparent;

  transition: var(--transition);

}

.dcld-but {

  display: flex;

  align-items: center;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: calc(100% + 80px);

  justify-content: space-between;

  pointer-events: none;

}

.dcld-but-arrow {

  width: 18px;

  position: relative;

  pointer-events: all;

  cursor: pointer;

}

.dcld-but-arrow img {

  width: 100%;

  transition: var(--transition);

}

.dcld-but-arrow img:last-child {

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

}

.deta-cont-ri-tit {

  font-family: var(--sembold);

  margin-bottom: 0.4rem;

}

.deta-cont-ri-table table tbody td,

.deta-cont-ri-table table tbody td * {

  font-size: var(--font18);

  color: var(--color000);

  line-height: var(--line15);

}

.deta-cont-ri-table table tbody td {

  border-bottom: 1px solid #d9d9d9;

  padding: 0.16rem 0;

  padding-right: 0.4rem;

}

.deta-cont-ri-table table tbody tr:first-child {

  border-top: 1px solid #d9d9d9;

}

.deta-cont-ri-table table tbody td:nth-child(2) {

  color: var(--color565);

  padding-right: 0.14rem;

}

.iiwt-table-text {

  padding-left: 30px;

  background: url(../images/e2-icon.svg) no-repeat left center / 20px 12px;

  margin-bottom: 8px;

  font-size: var(--font16);

  color: var(--colormain1);

  line-height: var(--line15);

  display: none;

}

.odd {

  background: var(--colorbj);

}

.deta-cont-ri-table table tr td.act {

  padding-left: 0.3rem;

  width: 28%;

}

.deta-cont-ri-table table {

  width: 100%;

  border-collapse: collapse !important;

}

.deta-cont-ri-table {

  margin-bottom: 0.5rem;

}

.dcrb-link-le {

  width: 24px;

  margin-right: 0.16rem;

}

.dcrb-link-le img {

  width: 100%;

}

.dcrb-link-ri {

  color: var(--colorfff);

  line-height: 54px;

}

.deta-cont-ri-but {

  display: inline-block;

}

.dcrb-link {

  padding: 0 0.4rem;

  border-radius: 0.5rem;

  border: 1px solid rgba(0, 0, 0, 0);

  background: var(--color000);

  backdrop-filter: blur(2px);

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  backdrop-filter: blur(2px);

  -webkit-backdrop-filter: blur(2px);

  -moz-backdrop-filter: blur(2px);

  -ms-backdrop-filter: blur(2px);

  -o-backdrop-filter: blur(2px);

  display: flex;

  align-items: center;

  transition: var(--transition);

}

/* e2-end */

/* f1-start */

.part-awar-le {

  width: 37%;

  padding-right: 2.16rem;

  padding-top: 0.21rem;

  position: relative;

}

.part-awar-le::after {

  content: "";

  position: absolute;

  left: calc(var(--left) * -1);

  top: 0;

  height: 100%;

  width: calc(100% + var(--left));

  background-color: #fff;

  z-index: 10;

}

.part-awar-ri {

  width: 63%;

}

.part-awar-ri .pars-ul-item {

  height: auto !important;

}

.part-awar-le .hsbl-tit {

  padding-bottom: 0.42rem;

  margin-bottom: 0.5rem;

  position: relative;

  z-index: 30;

}

.part-awar-le-par,

.part-awar-le-par p {

  font-size: var(--font20);

  color: var(--color565);

  line-height: var(--line15);

  position: relative;

  z-index: 30;

}

.pars-ul-item {

  width: 376px !important;

}

.part-awar-ri .hpcs-item-link {

  border-radius: 4px;

  background: #f6f6f6;

  backdrop-filter: blur(0);

  backdrop-filter: blur(0);

  -webkit-backdrop-filter: blur(0);

  -moz-backdrop-filter: blur(0);

  -ms-backdrop-filter: blur(0);

  -o-backdrop-filter: blur(0);

}

.part-awar-ri .hpcs-item-link-num {

  color: var(--color000);

  transition: var(--transition);

}

.part-awar-ri .hilt-tit {

  color: var(--color000);

  transition: var(--transition);

}

.part-awar-ri .hilt-par,

.part-awar-ri .hilt-par p {

  color: var(--color000);

  transition: var(--transition);

}

.part-awar .ys-cont1600 {

  display: flex;

  justify-content: space-between;

}

.part-awar-ri .swiper-container {

  overflow: visible;

}

.part-awar-ri-swiper {

  margin-bottom: 0.47rem;

}

.part-awar {

  padding-bottom: var(--space90);

}

.pltl-ul-li-link {

  color: var(--color000);

  line-height: 44px;

  padding: 0 0.24rem;

  border-radius: 0.5rem;

  border: 1px solid var(--color000);

  background: #fff;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  transition: var(--transition);

}

.pltl-ul {

  display: flex;

  flex-wrap: wrap;

  --pad7: 0.08rem;

  margin: 0 calc(var(--pad7) * -1);

  margin-bottom: -0.15rem;

}

.pltl-ul-li {

  padding: 0 var(--pad7);

  margin-bottom: 0.15rem;

}

.pltl-ul-li.act .pltl-ul-li-link {

  color: var(--colorfff);

  background: var(--colormain);

  border: 1px solid var(--colormain);

}

.part-list-top {

  padding-top: 0.4rem;

  border-top: 1px solid #cacaca;

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 0.92rem;

}

.part-list-top-ri {

  width: 22%;

  position: relative;

}

.part-list-top-le {

  width: 70%;

}

.swiper-button-disabled.hpcb-but-arrow {

  pointer-events: none;

  opacity: 0.5;

}

.pltr-input {

  width: 100%;

  height: 44px;

  border-radius: 50px;

  background: rgba(21, 21, 21, 0.05);

  backdrop-filter: blur(2px);

  backdrop-filter: blur(2px);

  -webkit-backdrop-filter: blur(2px);

  -moz-backdrop-filter: blur(2px);

  -ms-backdrop-filter: blur(2px);

  -o-backdrop-filter: blur(2px);

  font-size: var(--font16);

  color: var(--color000);

  line-height: var(--line175);

  padding: 0 0.38rem;

}

.pltr-input::placeholder {

  font-size: var(--font16);

  color: #c4c4c4;

  line-height: var(--line175);

}

.pltr-icon {

  width: 24px;

  position: absolute;

  right: 0.2rem;

  top: 50%;

  transform: translateY(-50%);

  cursor: pointer;

}

.pltr-icon img {

  width: 100%;

}

.plbu-li-link {

  height: 100%;

  display: flex;

  flex-direction: column;

}

.plbu-li-link-text {

  flex-grow: 1;

  display: flex;

  flex-direction: column;

}

.plbu-li-link-pic {

  width: 100%;

  margin-bottom: 0.22rem;

}

.plbu-li-link-pic img {

  width: 100%;

}

.pllt-ul-li span {

  display: inline-block;

  font-size: var(--font16);

  color: var(--color000);

  line-height: 36px;

  border-radius: 50px;

  border: 1px solid #fff;

  background: rgba(0, 0, 0, 0.04);

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  padding: 0 0.16rem;

}

.pllt-time {

  color: var(--color8c8);

  line-height: var(--line14);

  margin-bottom: 0.08rem;

}

.pllt-tit {

  color: var(--color000);

  line-height: var(--line16);

  font-family: var(--sembold);

  padding-bottom: 0.32rem;

  margin-bottom: 0.2rem;

  border-bottom: 1px solid #e3e3e3;

  flex-grow: 1;

  transition: var(--transition);

}

.part-list-btm-ul {

  display: flex;

  flex-wrap: wrap;

  --pad9: 0.16rem;

  margin: 0 calc(var(--pad9) * -1);

  margin-bottom: -0.8rem;

}

.plbu-li {

  width: 33.3333%;

  padding: 0 var(--pad9);

  margin-bottom: 0.8rem;

}

/* f1-end */

/* f2-start */

.sedeta-cont {

  position: relative;

  padding: var(--space100) 0 var(--space90) 0;

  background: var(--colorbj);

}

.sedeta-cont-box {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

}

.sedeta-cont-box-ri {

  width: 33.5%;

}

.sedeta-cont-box-le {

  width: 57.5%;

  margin-top: 0.12rem;

}

.scbl-tit {

  color: var(--color000);

  font-family: var(--sembold);

  margin-bottom: 0.33rem;

}

.scbl-label-time {

  color: var(--color8c8);

  line-height: var(--line14);

  margin-right: 0.28rem;

}

.scbl-label {

  display: flex;

  align-items: center;

  padding-bottom: 0.4rem;

  border-bottom: 2px solid #dedede;

  margin-bottom: 0.32rem;

}

.scbl-par,

.scbl-par p {

  color: var(--color666);

  line-height: var(--line16);

}

.sedeta-text-le {

  width: 66%;

}

.sedeta-text-ri {

  width: 23%;

  position: sticky !important;

  top: calc(var(--headh) + 30px);

}

.sedeta-text .ys-cont1600 {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

}

.sedeta-text-le-deito h6 {

  font-size: var(--font20);

  color: #222;

  font-family: var(--sembold);

  line-height: var(--line14);

  margin-bottom: 0.16rem;

}

.sedeta-text-le-deito p {

  font-size: var(--font16);

  color: var(--color666);

  line-height: var(--line16);

  margin-bottom: 0.1rem;

}

.sedeta-text-le-deito {

  padding-bottom: 0.67rem;

  margin-bottom: 0.26rem;

  border-bottom: 1px solid rgba(30, 58, 120, 0.15);

}

.stlp-last-link-le {

  font-family: var(--bold);

  line-height: var(--font16);

  color: var(--colormain);

  margin-right: 0.16rem;

  flex-shrink: 0;

}

.stlp-last-link {

  display: flex;

  align-items: center;

}

.stlp-last {

  margin-bottom: 0.11rem;

}

.stlp-last-link-ri {

  transition: var(--transition);

}

.sedeta-text {

  padding: var(--space100) 0 var(--space150) 0;

  overflow: visible;

  position: relative;

  z-index: 1;

}

.sedeta-text::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 30%;

  background: #fff;

  z-index: -1;

  box-shadow: 0 -20px 20px 0 rgba(0, 33, 67, 0.06);

}

.sedeta-text-ri-share .ys-share-list .ys-share-img {

  width: 24px;

  background: #96989a;

  border-radius: 1.5px;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  overflow: hidden;

}

.sedeta-text-ri-share .ys-share-list .ys-share-img img {

  width: 100%;

}

.strs-text {

  color: var(--color666);

  line-height: var(--line15);

  margin-right: 0.22rem;

}

.sedeta-text-ri-share .ys-share-list {

  padding: 0 0.08rem;

}

.sedeta-text-ri-share .ys-share {

  margin: 0 -0.08rem;

}

.sedeta-text-ri-share {

  display: flex;

  align-items: flex-end;

  margin-bottom: 0.4rem;

  justify-content: center;

}

.strc-link-pic {

  width: 100%;

}

.strc-link-pic img {

  width: 100%;

}

.strc-link-text {

  padding: 0.28rem 0.28rem 0.44rem 0.28rem;

}

.strc-link-text-tit {

  font-size: var(--font20);

  color: var(--color333);

  line-height: var(--line15);

  font-family: var(--sembold);

  margin-bottom: 0.16rem;

}

.strc-link-text-tit span {

  font-size: inherit;

  color: var(--colormain);

  line-height: inherit;

  font-family: inherit;

}

.strc-link-text-par,

.strc-link-text-par p {

  line-height: var(--line15);

  color: var(--color666);

}

.strc-link-text-par {

  margin-bottom: 0.58rem;

}

.black .hcsi-text-but-link::before {

  content: "";

  position: absolute;

  inset: 0;

  border-radius: inherit;

  padding: 1px;

  background: conic-gradient(

    from 180deg at 50.5% 50%,

    var(--color000) 0deg,

    color-mix(in srgb, var(--color000) 0%, transparent) 360deg

  );

  mask:

    linear-gradient(#000 0 0) content-box,

    linear-gradient(#000 0 0);

  mask-composite: exclude;

  -webkit-mask:

    linear-gradient(#000 0 0) content-box,

    linear-gradient(#000 0 0);

  -webkit-mask-composite: xor;

  pointer-events: none;

  z-index: -1;

}

.black .htbl-ri {

  color: var(--color000);

  transition: var(--transition);

}

.black .htbl-le svg path {

  transition: var(--transition);

}

.strc-link {

  border-radius: 4px;

  background: #fff;

  box-shadow: 0 8px 29px 0 rgba(0, 33, 67, 0.06);

  overflow: hidden;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

}

.sedeta-news {

  margin-bottom: var(--space120);

}

/* f2-end */

/* g1-start */

.conew-cont {

  position: relative;

  padding-top: var(--space90);

}

.conew-cont-tit {

  color: var(--color000);

  font-family: var(--sembold);

  padding-bottom: 0.76rem;

  border-bottom: 1px solid #cacaca;

  margin-bottom: 0.34rem;

}

.conew-cont-top {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 0.76rem;

}

.conew-cont-box {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.conew-cont-box-ri {

  width: 53.5%;

}

.conew-cont-box-le {

  width: 40.5%;

}

.ccbl-time {

  line-height: 1.35;

  color: var(--color6f7);

  margin-bottom: 0.16rem;

}

.ccbl-tit {

  color: var(--color151);

  line-height: var(--line14);

  font-family: var(--sembold);

  margin-bottom: 0.24rem;

}

.ccbl-par,

.ccbl-par p {

  line-height: var(--line16);

  font-family: var(--light);

}

.ccbl-par {

  margin-bottom: 1.05rem;

}

.htbl-le svg path {

  transition: var(--transition);

}

.conew-list {

  margin-top: var(--space150);

}

.conew-list-ul {

  display: flex;

  flex-wrap: wrap;

  --pad10: 0.16rem;

  margin: 0 calc(var(--pad10) * -1);

  margin-bottom: -0.8rem;

}

.conew-list-ul-li {

  width: 33.333333%;

  padding: 0 var(--pad10);

  margin-bottom: 0.8rem;

}

.clul-link-pic {

  width: 100%;

  margin-bottom: 0.28rem;

  border-radius: 4px;

  overflow: hidden;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

}

.clul-link-pic img {

  width: 100%;

}

.clul-link-text-time {

  line-height: 1.35;

  color: var(--color6f7);

  margin-bottom: 0.16rem;

}

.clul-link-text-tit {

  line-height: var(--line15);

  color: var(--color000);

  margin-bottom: 0.48rem;

  flex-grow: 1;

}

.clul-link {

  height: 100%;

  display: flex;

  flex-direction: column;

}

.clul-link-text {

  flex-grow: 1;

  display: flex;

  flex-direction: column;

}

.conew-page .cont-box {

  padding-bottom: var(--space160);

}

/* g1-end */

/* g2-start */

.pres-page-cont {

  position: relative;

  padding-top: 0.94rem;

}

.pres-page-cont-top {

  display: flex;

  align-items: flex-end;

  justify-content: flex-end;

  margin-bottom: 0.23rem;

}

.ppct-text {

  width: 68.75%;

  padding-right: 2.65rem;

}

.ppct-text-time {

  color: var(--color565);

  line-height: 1.36;

  margin-bottom: 0.24rem;

}

.ppct-text-tit {

  color: var(--color000);

  font-family: var(--medium);

}

.ppcb-arrow-link-icon {

  width: 40px;

  height: 40px;

  border: 1px solid rgba(0, 0, 0, 0.3);

  border-radius: 50%;

  padding: 12px;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: all 0.36s;

}

.ppcb-arrow-link-icon svg {

  width: 100%;

  height: auto;

}

.ppcb-arrow-link-icon svg path {

  will-change: transform;

}

.ppcb-arrow-link-icon svg path {

  transform: translateZ(0);

}

.ppcb-prev .ppcb-arrow-link-icon svg path:last-child {

  transform: translate3d(200%, 0, 0);

}

.ppcb-arrow-link-text,

.ppcb-arrow-link-text p {

  color: var(--color151);

  line-height: var(--line12);

  transition: none;

}

.ppcb-arrow-link-text {

  position: relative;

  overflow: hidden;

}

.ppcb-arrow-link-text p:first-child {

  transform: translateZ(0);

  will-change: transform;

}

.ppcb-arrow-link-text p:last-child {

  left: 0;

  position: absolute;

  top: 0;

  transform: translate3d(0, 200%, 0);

  will-change: transform;

}

.ppcb-prev .ppcb-arrow-link-icon {

  margin-right: 0.12rem;

}

.ppcb-arrow-link {

  display: flex;

  align-items: center;

  overflow: hidden;

  cursor: pointer;

}

.ppcb-next .ppcb-arrow-link-icon {

  margin-left: 0.12rem;

}

.ppcb-next .ppcb-arrow-link-icon.act {

  opacity: 0;

}

.pres-page-cont-but {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.pres-page-text {

  padding-top: 0.8rem;

  border-top: 1px solid #d9d9d9;

  margin-top: 0.33rem;

}

.pres-page-text-le {

  width: 25%;

  border-radius: 4px;

  overflow: hidden;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

}

.pres-page-text-le img {

  width: 100%;

}

.pres-page-text-ri {

  width: 68.75%;

  padding-right: 2.29rem;

}

.pres-page-text .ys-cont1600 {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

}

.pptr-edito p {

  font-size: var(--font18);

  color: var(--color565);

  line-height: var(--line16);

  margin-bottom: 0.11rem;

}

.pptr-edito h6 {

  font-size: var(--font18);

  color: var(--color565);

  line-height: var(--line16);

  margin-bottom: 0.11rem;

  font-family: var(--sembold);

}

.pptr-edito {

  margin-bottom: 0.8rem;

}

.ppcb-next-share .ys-share {

  display: flex;

  flex-direction: column;

  position: absolute;

  right: 0;

  bottom: 0;

  z-index: 99;

}

.ppcb-next-share .ys-share-list {

  margin-bottom: 0.16rem;

}

.ppcb-next-share .ys-share-list:last-child {

  margin-bottom: 0;

}

.ppcb-next-share.act {

  opacity: 1;

  pointer-events: all;

}

.ppcb-next-share {

  opacity: 0;

  pointer-events: none;

  transition: var(--transition);

}

.ppcb-arrow {

  position: relative;

}

.ppcb-next-share .ys-share-img {

  width: 40px;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 1px solid rgba(30, 40, 59, 0.15);

  border-radius: 50%;

  transition: var(--transition);

}

.pptr-share-text {

  color: var(--color151);

  line-height: var(--line16);

  margin-right: 0.24rem;

}

.pptr-share .ys-share-img {

  width: 32px;

  position: relative;

}

.pptr-share .ys-share-img img {

  width: 100%;

  transition: var(--transition);

}

.pptr-share .ys-share-img img:last-child {

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

}

.pptr-share .ys-share-list {

  padding: 0 0.1rem;

}

.pptr-share .ys-share {

  margin: 0 -0.1rem;

}

.pptr-share {

  display: flex;

  align-items: center;

}

.pres-page-more {

  margin-top: var(--space110);

  border-top: 1px solid #d9d9d9;

  padding: 0.4rem 0;

}

.pres-page-more-le {

  width: 25%;

  border-right: 1px solid #d9d9d9;

}

.pres-page-more-ri {

  width: 75%;

  padding-left: var(--space100);

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

}

.pres-page-more .ys-cont1600 {

  display: flex;

  justify-content: space-between;

}

.pgml-text {

  color: var(--color000);

  line-height: var(--line16);

  transition: var(--transition);

}

.ppmr-ri {

  width: 36.5%;

}

.ppmr-ri img {

  width: 100%;

}

.ppmr-le {

  width: 46.2%;

}

.ppmr-le-time {

  line-height: 1.36;

  color: var(--color565);

  margin-bottom: 0.16rem;

}

.ppmr-le-tit {

  color: var(--color000);

  line-height: var(--line16);

  font-family: var(--sembold);

  margin-bottom: 0.45rem;

}

/* g2-end */

/* g3-start */

.even-top {

  position: relative;

  padding-top: var(--space90);

}

.even-top-text-tit {

  color: var(--color000);

  font-family: var(--sembold);

}

.even-top-text .pltr-input {

  border-radius: 4px;

  background: rgba(21, 21, 21, 0.05);

}

.even-top-text {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 0.76rem;

}

.even-top-box-ri {

  width: 53.5%;

}

.even-top-box-ri img {

  width: 100%;

}

.even-top-box-le {

  width: 44.5%;

  border-top: 2px solid var(--color000);

}

.even-top-box {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

}

.etbl-text {

  width: 91%;

  margin-top: 0.59rem;

}

.etbl-text-ul-li span {

  display: inline-block;

  font-size: var(--font16);

  color: var(--colormain);

  line-height: 36px;

  border-radius: 50px;

  border: 1px solid #fff;

  background: rgba(238, 5, 40, 0.04);

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  padding: 0 0.16rem;

}

.etbl-text-ul {

  display: flex;

  margin: 0 -0.1rem;

  margin-bottom: 0.17rem;

}

.etbl-text-ul-li {

  padding: 0 0.1rem;

}

.etbl-text-tit {

  color: var(--color151);

  line-height: var(--line14);

  font-family: var(--sembold);

  margin-bottom: 0.24rem;

}

.etbl-text-time-le,

.etbl-text-time-le p {

  line-height: 1.36;

  color: var(--color565);

}

.etbl-text-time-ri,

.etbl-text-time-ri p {

  line-height: 1.36;

  color: var(--color565);

}

.etbl-text-time-le {

  display: flex;

  align-items: center;

  margin: 0 -0.08rem;

}

.etbl-text-time-le p {

  padding: 0 0.08rem;

}

.etbl-text-time {

  display: flex;

  align-items: center;

  margin-bottom: 0.9rem;

}

.etbl-text-time-ri {

  padding-left: 0.16rem;

  margin-left: 0.16rem;

  position: relative;

}

.etbl-text-time-ri::after {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 1px;

  height: 16px;

  background-color: var(--color000);

}

.etbl-text-par,

.etbl-text-par p {

  color: var(--color8c8);

  line-height: var(--line16);

}

.even-list {

  padding-top: var(--space120);

}

.elul-link-le {

  width: 26%;

  position: relative;

}

.elul-link-ri {

  width: 74%;

  padding-left: 0.23rem;

  padding-right: 0.58rem;

  display: flex;

  align-items: flex-start;

  margin-top: 0.1rem;

}

.elul-link-le .ys-imgbox-cover {

  width: 100%;

  border-radius: 4px;

  overflow: hidden;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

}

.elul-link-le .ys-imgbox-cover img {

  width: 100%;

}

.elul-link-le-icon {

  width: 48px;

  padding: 15px;

  background-color: var(--colormain);

  border-radius: 50%;

  position: absolute;

  right: -24px;

  top: 50%;

  transform: translateY(-50%);

  opacity: 0;

  transition: var(--transition);

}

.elul-link {

  width: 100%;

  padding: 0.6rem 0;

}

.elul-link .ys-cont1600 {

  display: flex;

  align-items: flex-start;

  position: relative;

}

.elul-link .ys-cont1600::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: -0.6rem;

  width: 100%;

  height: 1px;

  background-color: #f1f1f2;

}

.elul-link-le-icon img {

  width: 100%;

}

.elrl-baled {

  color: var(--color000);

  line-height: 36px;

  border-radius: 50px;

  border: 1px solid #fff;

  background: rgba(0, 0, 0, 0.04);

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  padding: 0 0.16rem;

  display: inline-block;

}

.elul-link-ri-le {

  width: 21%;

}

.elul-link-ri-ri {

  width: 79%;

}

.elrr-tit {

  color: var(--color000);

  line-height: var(--line15);

  font-family: var(--sembold);

  margin-bottom: 0.39rem;

}

.elrr-item-le,

.elrr-item-ri {

  line-height: 1.36;

  color: var(--color565);

}

.elrr-item-le {

  padding-right: 0.16rem;

  position: relative;

}

.elrr-item-le::after {

  content: "";

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 1px;

  height: 16px;

  background-color: var(--color000);

}

.elrr-item-ri {

  padding-left: 0.16rem;

}

.elrr-item {

  display: flex;

  align-items: center;

  margin-bottom: 0.71rem;

}

.elrr-par,

.elrr-par p {

  color: var(--color6f7);

  line-height: var(--line175);

}

.elrr-par {

  opacity: 0;

  transition: var(--transition);

}

.even-list-ul-li.act .elrl-baled {

  background: rgba(238, 5, 40, 0.04);

  color: var(--colormain);

}

.even-list-ul-li {

  transition: var(--transition);

}

.even-list-ul-li:first-child .ys-cont1600::before {

  content: "";

  position: absolute;

  left: 0;

  top: -0.6rem;

  width: 100%;

  height: 1px;

  background-color: #f1f1f2;

}

/* g3-end */

/* j1-start */

.contus-us-le {

  width: 30.5%;

  margin-top: 0.48rem;

}

.contus-us-ri {

  width: 48.5%;

  padding-right: 0.75rem;

}

.contus-us .contus-us-text {

  display: flex;

  justify-content: space-between;

}

.contus-us {

  position: relative;

  z-index: 1;

  padding: var(--space80) 0 0.85rem 0;

}

.contus-us-bj1 {

  position: absolute;

  left: 0;

  top: 0;

  width: calc((50vw - 800px) + (1600px * 0.305) + 100px);

  z-index: -1;

  height: 100%;

}

.contus-us-bj1 img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.contus-us-bj2 {

  width: 37%;

  position: absolute;

  right: 0.17rem;

  bottom: -10%;

  z-index: -1;

}

.contus-us-bj2 img {

  width: 100%;

}

.contus-us-le-tit {

  color: var(--colorfff);

  font-family: var(--sembold);

  position: relative;

  padding-bottom: 0.29rem;

  margin-bottom: 0.41rem;

}

.contus-us-le-tit::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 0.6rem;

  height: 4px;

  background-color: var(--colormain);

}

.contus-us-le-box {

  padding: 0.6rem 0.4rem;

  border-radius: 4px;

  background: rgba(0, 0, 0, 0.1);

  backdrop-filter: blur(25px);

  backdrop-filter: blur(25px);

  -webkit-backdrop-filter: blur(25px);

  -moz-backdrop-filter: blur(25px);

  -ms-backdrop-filter: blur(25px);

  -o-backdrop-filter: blur(25px);

}

.culb-ul-li-text {

  color: var(--colorfff);

  line-height: var(--line16);

  margin-bottom: 0.08rem;

}

.culb-ul-li-link {

  line-height: var(--line15);

  color: var(--colorfff);

  /* font-family: var(--sembold); */

}

.culb-ul-li {

  margin-bottom: 0.32rem;

}

.culb-ul-li:last-child {

  margin-bottom: 0;

}

.contus-us-ri-tit {

  font-family: var(--sembold);

  text-align: center;

  margin-bottom: 0.08rem;

}

.contus-us-ri-par,

.contus-us-ri-par p {

  color: var(--color565);

  line-height: var(--line16);

  text-align: center;

}

.contus-us-ri-par {

  margin-bottom: 0.4rem;

}

.contus-us-ri-from .ys-form-phone label {

  position: relative;

  z-index: 1;

}

.ys-fii-input {

  width: 100%;

  height: 50px;

  border-radius: 4px;

  border: 1px solid #ccc;

  background: rgba(255, 255, 255, 0.06);

  backdrop-filter: blur(8px);

  backdrop-filter: blur(8px);

  -webkit-backdrop-filter: blur(8px);

  -moz-backdrop-filter: blur(8px);

  -ms-backdrop-filter: blur(8px);

  -o-backdrop-filter: blur(8px);

  display: block;

}

.ys-form {

  --space: 0.08rem;

  --spacebot: 0.16rem;

  --spacein: 15px;

  --height: 50px;

  --colortips: #f00;

}

.contus-us-ri-from .ys-fii-input {

  display: flex;

  align-items: center;

}

.contus-us-ri-from .ys-fii-name {

  white-space: nowrap;

  padding-left: 0.16rem;

  font-size: var(--font16);

  color: var(--color000);

  line-height: var(--line16);

  margin-bottom: 0;

}

.ys-form-inof-code {

  margin-bottom: 0.08rem;

}

.ys-form-inof-text .ys-fii-input {

  height: 100px;

}

.contus-us-ri-from .ys-fii-name span {

  color: #f00;

  font-size: inherit;

  line-height: inherit;

}

.ys-fii-input input,

.ys-fii-input textarea {

  color: var(--color000);

}

.contus-us-ri-from .ys-fii-input textarea {

  padding-top: 0.12rem;

}

.contus-us-ri-from .ys-fii-input textarea::placeholder {

  font-size: var(--font16);

  color: var(--color000) !important;

  line-height: var(--line16);

}

.contus-us-ri-from .ys-fia-text-btn {

  width: 14px;

  height: 14px;

  top: 7px;

}

.contus-us-ri-from .ys-fia-text-btn::before {

  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  border: 1px solid #d9d9d9;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  transition: var(--transition);

  border-radius: 2px;

  overflow: hidden;

}

.contus-us-ri-from .ys-fia-text-word {

  width: calc(100% - 18px);

  flex-grow: 1;

  padding-left: 10px;

  font-size: var(--font14);

  line-height: 2;

  color: var(--color000);

  font-family: var(--light);

}

.contus-us-ri-from .ys-fia-text-word a {

  color: var(--colormain);

  font-size: inherit;

  line-height: inherit;

  font-family: inherit;

  position: relative;

}

.contus-us-ri-from .ys-fia-text-word a::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 4px;

  width: 100%;

  height: 1px;

  background-color: var(--colormain);

}

.contus-us-ri-from .ys-form-inof-agree {

  margin-bottom: 0.4rem;

}

.contus-us-ri-from .ys-fii-submit {

  height: 54px;

  line-height: 54px;

  text-align: center;

  background: var(--color000);

  color: #fff;

  font-size: var(--font16);

  cursor: pointer;

  padding: 0 0.75rem;

  border-radius: 50px;

  overflow: hidden;

  transition: var(--transition);

}

.contus-us-ri-from .ys-form-inof-submit {

  width: auto;

  margin: 0 auto;

}

.contus-us-ri-from .ys-fic-auth-img {

  height: 46px;

  margin-left: 0.16rem;

  cursor: pointer;

}

.contus-us-ri-from .ys-fic-auth .ys-fii-input {

  width: 50%;

  flex-grow: 1;

}

.contus-us-ri-from .ys-select-xtbbox {

  width: 14px;

}

.contus-us-ri-from .ys-select-xtbbox img {

  width: 100%;

}

.contus-us-ri-from .ys-fii-select .ys-select-bd {

  margin-top: 0.04rem;

  border: 1px solid #ccc;

  border-top: 1px solid #ccc;

  background: rgba(255, 255, 255, 0.8);

  border-radius: 4px;

  backdrop-filter: blur(8px);

  backdrop-filter: blur(8px);

  -webkit-backdrop-filter: blur(8px);

  -moz-backdrop-filter: blur(8px);

  -ms-backdrop-filter: blur(8px);

  -o-backdrop-filter: blur(8px);

}

.contus-us-ri-from .ys-form-inof-item .ys-select-li {

  font-size: var(--font16);

  line-height: var(--line16);

  color: var(--color565);

  padding: 0.08rem 0.16rem;

  transition: var(--transition);

}



/* j1-end */

/* g4-start */

.endeta-page .ys-nyban-title h1 {

  font-size: var(--font40);

  color: var(--color000);

  line-height: var(--line13);

  font-family: var(--sembold);

  width: 60%;

  margin-bottom: 0.4rem;

}

.eult-mame {

  line-height: 1.36;

  font-family: var(--sembold);

  margin-bottom: 0.13rem;

}

.eult-num {

  line-height: 1.36;

  color: var(--color565);

}

.endeta-ul {

  display: flex;

  flex-wrap: wrap;

  --pad11: 0.8rem;

  margin: 0 calc(var(--pad11) * -1);

  margin-bottom: 0.4rem;

}

.endeta-ul-li {

  padding: 0 var(--pad11);

  border-right: 1px solid #ddd;

}

.endeta-ul-li:last-child {

  border-right: 0;

}

.endeta-but .dcrb-link {

  background-color: var(--colormain);

  padding: 0 0.46rem;

}

.endeta-cont-le {

  width: 66%;

  padding-bottom: var(--space100);

  border-bottom: 1px solid #d9d9d9;

}

.endeta-cont-ri {

  width: 23.5%;

  position: sticky !important;

  top: calc(var(--headh) + 30px);

}

.endeta-cont-le-edito p {

  font-size: var(--font18);

  color: var(--color565);

  line-height: var(--line16);

  margin-bottom: 0.11rem;

}

.endeta-cont-le-edito h6 {

  font-size: var(--font18);

  color: var(--color565);

  line-height: var(--line16);

  margin-bottom: 0.11rem;

  font-family: var(--sembold);

}

.endeta-cont-ri-tit {

  color: var(--color000);

  line-height: var(--line15);

  font-family: var(--sembold);

  margin-bottom: 0.4rem;

}

.ecru-li-link-pic {

  width: 80%;

  margin-bottom: 0.24rem;

  border-radius: 4px;

  overflow: hidden;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

}

.ecru-li-link-tit {

  color: var(--color000);

  line-height: var(--line15);

  font-family: var(--sembold);

  margin-bottom: 0.16rem;

}

.ellt-le,

.ellt-ri {

  color: var(--color565);

  line-height: 1.36;

}

.ecru-li-link-time {

  margin: 0 -0.16rem;

  display: flex;

  margin-bottom: 0.24rem;

}

.ellt-li {

  padding: 0 0.16rem;

}

.ellt-le {

  position: relative;

}

.ellt-le::after {

  content: "";

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 1px;

  height: 10px;

  background-color: #8c8d8e;

}

.ellu-li span {

  display: inline-block;

  font-size: var(--font14);

  color: var(--colormain);

  line-height: 30px;

  padding: 0 0.12rem;

  border-radius: 50px;

  border: 1px solid #fff;

  background: rgba(238, 5, 40, 0.04);

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

}

.endeta-cont .ys-cont1600 {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

}

.ecru-li {

  padding-bottom: 0.4rem;

  border-bottom: 1px solid #d9d9d9;

  margin-bottom: 0.4rem;

}

.ecru-li:last-child {

  margin-bottom: 0;

}

.endeta-cont {

  padding: var(--space100) 0;

  overflow: visible;

}

.endeta-house-tit {

  font-family: var(--sembold);

  margin-bottom: 0.7rem;

}

.endeta-house .ys-horse {

  --width1: 511px;

  --gap1: 16px;

}

/* g4-end */

/* h1-start */

.esg-text-box {

  width: 79.5%;

  margin: 0 auto;

  text-align: center;

  position: relative;

}

.esg-text-tit {

  line-height: var(--line15);

  color: rgba(140, 141, 142, 1);

  text-align: center;

  padding-top: 0.4rem;

  position: relative;

  background: rgba(140, 141, 142, 1) -webkit-linear-gradient(

      left,

      rgba(0, 0, 0, 1),

      rgba(0, 0, 0, 1)

    )

    no-repeat 0 0;

  -webkit-text-fill-color: transparent;

  -webkit-background-clip: text;

  background-size: var(--size) 100%;

  display: initial;

}

.esg-text-box::after {

  content: "";

  position: absolute;

  left: 50%;

  top: -0.4rem;

  transform: translateX(-50%);

  width: 0.6rem;

  height: 4px;

  background-color: var(--colormain);

}

.esg-text .ys-cont1600 {

  border-bottom: 1px solid #cacaca;

}

.esg-cont {

  padding-top: var(--space130);

  overflow: visible;

}

.ecul-box-le {

  width: 37.5%;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}

.ecul-box-ri {

  width: 49%;

  border-radius: 4px;

  overflow: hidden;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

}

.ecul-box-ri img {

  width: 100%;

}

.ecul-box-le-tit {

  width: 62.5%;

  font-family: var(--sembold);

  position: relative;

  padding-bottom: 0.24rem;

  margin-bottom: 0.34rem;

}

.ecul-box-le-tit::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 0.6rem;

  height: 4px;

  background-color: var(--colormain);

}

.eulb-tit {

  font-size: var(--font20);

  color: var(--color565);

  line-height: var(--line15);

  font-family: var(--sembold);

  padding: 0.2rem 0;

  cursor: pointer;

  transition: var(--transition);

}

.eulb-par,

.eulb-par p {

  color: var(--color565);

}

.eulb-par {

  display: none;

}

.ecul-box {

  display: flex;

  justify-content: space-between;

}

.eblt-ul-li {

  border-top: 1px solid #d9d9d9;

  transition: var(--transition);

}

.eblt-ul-li.act {

  padding-bottom: 0.3rem;

  border-top: 1px solid var(--color000);

}

.eblt-ul-li.act .eulb-tit {

  color: var(--color000);

}

.ecul-box-le-par,

.ecul-box-le-par p {

  font-size: var(--font20);

  color: var(--color565);

  line-height: var(--line15);

}

.esg-cont-ul {

  position: relative;

  width: 100%;

}

.esg-cont-ul-li {

  width: 100%;

}

.esg-cont-place-li {

  height: 100vh;

}

.esg-cont-box {

  position: relative;

}

.esg-cont-solut {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.esg-cont-solut-sticky {

  position: sticky !important;

  height: calc(100vh - var(--headh));

  display: flex;

  align-items: center;

  justify-content: center;

  top: var(--headh);

}

.esg-full-bj {

  width: 80%;

  margin: 0 auto;

  height: 100%;

}

.esg-full-bj img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.esg-full {

  position: relative;

  height: 200vh;

  overflow: visible;

}

.esg-full-sticky {

  position: sticky !important;

  top: var(--headh);

  height: calc(100vh - var(--headh));

}

.esg-full-vback {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 0;

  background: rgba(0, 0, 0, 0.5);

}

.esg-full-sticky-text {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  z-index: 99;

}

.efst-tit {

  font-size: var(--font32);

  color: var(--colorfff);

  line-height: var(--line15);

  opacity: 0;

  transform: translateY(120px);

  transition: all 0.4s;

  padding-top: 0.38rem;

  position: relative;

  text-align: center;

  width: 70%;

  margin: 0 auto;

}

.efst-tit::after {

  content: "";

  position: absolute;

  left: 50%;

  top: 0;

  transform: translateX(-50%);

  width: 0.6rem;

  height: 4px;

  background-color: var(--colormain);

}

.esg-report-tit {

  font-family: var(--sembold);

  position: relative;

  padding-bottom: 0.24rem;

  margin-bottom: 0.6rem;

}

.esg-report-tit::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 0.6rem;

  height: 4px;

  background-color: var(--colormain);

}

.esg-report-cont-le {

  width: 91.5%;

  border-radius: 4px;

  background: var(--colorf6f);

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  padding: 0.61rem 1.04rem 0.9rem 1.04rem;

}

.esg-report-cont-le .htbl-le {

  width: 24px;

}

.ercl-tit {

  color: var(--color000);

  line-height: var(--line12);

  font-family: var(--sembold);

  margin-bottom: 0.25rem;

}

.ercl-par,

.ercl-par p {

  font-size: var(--font20);

  color: var(--color565);

  line-height: var(--line15);

}

.ercl-par {

  margin-bottom: 0.92rem;

}

.ercl-text {

  width: 53%;

}

.esg-report-cont {

  position: relative;

  margin-bottom: 0.3rem;

}

.esg-report-cont-ri {

  width: 40.5%;

  position: absolute;

  right: 0;

  bottom: 0.7rem;

  box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.1);

}

.esg-report-cont-ri img {

  width: 100%;

}

.ersi-link {

  padding: 0.48rem 0.72rem 0.44rem 0.3rem;

  border-radius: 4px;

  background: var(--colorfff);

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  box-shadow: 0 4px 28px 0 rgba(0, 0, 0, 0.03);

}

.ersi-link-tit {

  color: var(--color000);

  line-height: var(--line15);

  font-family: var(--sembold);

  margin-bottom: 0.32rem;

}

.ersi-link-par,

.ersi-link-par p {

  line-height: var(--line14);

  color: var(--color000);

}

.ersi-link-par {

  margin-bottom: 0.48rem;

}

.ersi-link-but {

  display: flex;

  align-items: center;

}

.ersi-link-but-le {

  width: 24px;

  margin-right: 0.12rem;

}

.ersi-link-but-le svg {

  width: 100%;

  height: auto;

}

.ersi-link-but-ri {

  line-height: var(--line12);

  color: var(--color6f7);

  transition: var(--transition);

}

.esg-report-slick-item {

  padding: 0.2rem var(--pad15);

}

.esg-report-slick {

  --pad15: 0.16rem;

  margin: 0 calc(var(--pad15) * -1);

}

.ersi-link-but-le svg path {

  transition: var(--transition);

}

.esg-report {

  padding-bottom: var(--space140);

}

.esg-report-box {

  position: relative;

}

.esg-report-but {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: calc(100% + 160px);

  display: flex;

  justify-content: space-between;

  align-items: center;

  pointer-events: none;

}

.esg-report-but .hpcb-but-arrow {

  border: 1px solid var(--color565);

}

.esg-report-but .hpcb-but-prev {

  transform: rotate(180deg);

}

.hpcb-but-arrow svg path {

  transition: var(--transition);

}

/* h1-end */

/* i1-start */

.tale-page .ys-flex-pos-center h1 {

  width: 38.5%;

}

.tale-page .ys-flex-pos-center {

  z-index: 99;

}

.tale-page .ys-nybanner {

  position: relative;

}

.tale-page .ys-nybanner::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(

    0deg,

    rgba(0, 0, 0, 0.2) 0%,

    rgba(0, 0, 0, 0.2) 100%

  );

}

.ialu-li-pic {

  width: 160px;

  border-radius: 4px;

  overflow: hidden;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

}

.ialu-li-pic img {

  width: 100%;

}

.ialu-li {

  margin-bottom: 1.48rem;

}

.inside-house-pic {

  width: 100%;

}

.inside-house-pic img {

  width: 100%;

}

.inside-house .ys-horse {

  --width1: 784px;

  --gap1: 16px;

}

.inside-house {

  margin-bottom: var(--space160);

  margin-top: var(--space60);

}

.inside-vacan-tit {

  font-family: var(--sembold);

  position: relative;

  padding-bottom: 0.42rem;

  margin-bottom: 0.6rem;

}

.inside-vacan-tit::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 0.6rem;

  height: 4px;

  background-color: var(--colormain);

}

.inside-vacan {

  background: var(--colorf6f);

  padding: var(--space100) 0 var(--space120) 0;

}

.ovul-box {

  padding: 0.67rem 0.72rem 0.73rem 0.72rem;

  border-radius: 4px;

  border: 1px solid #fff;

  background: rgba(255, 255, 255, 0.6);

  box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.03);

  backdrop-filter: blur(10px);

  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: 100%;

}

.ovul-box-top-icon {

  width: 48px;

  margin-right: 0.36rem;

  margin-top: -2px;

  flex-shrink: 0;

}

.ovul-box-top-icon img {

  width: 100%;

}

.ovul-box-top-tit {

  color: var(--color000);

  font-family: var(--sembold);

}

.ovul-box-top {

  display: flex;

  align-items: flex-start;

  padding-bottom: 0.3rem;

  margin-bottom: 0.3rem;

  border-bottom: 1px solid #e8e8e8;

}

.ovul-box-btm,

.ovul-box-btm p {

  font-size: var(--font20);

  color: var(--color565);

  line-height: var(--line15);

}

.inside-vacan-ul {

  display: flex;

  flex-wrap: wrap;

  --pad20: 0.16rem;

  margin: 0 calc(var(--pad20) * -1);

  margin-bottom: -0.32rem;

}

.inside-vacan-ul-li {

  width: 50%;

  padding: 0 var(--pad20);

  margin-bottom: 0.32rem;

}

.icul-box {

  padding: 0.36rem 0 0.37rem 0.4rem;

  border-radius: 4px;

  background: linear-gradient(90deg, #f6f6f6 0%, rgba(246, 246, 246, 0) 100%);

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  display: flex;

  align-items: center;

}

.icul-box-le-icon {

  width: 75px;

  margin-bottom: 0.06rem;

  flex-shrink: 0;

}

.icul-box-le-icon img {

  width: 100%;

}

.icul-box-le-text {

  color: var(--color000);

  line-height: var(--line15);

  font-family: var(--sembold);

  text-align: center;

}

.icul-box-le {

  width: 16.8%;

  display: flex;

  align-items: center;

  flex-direction: column;

  padding-right: 0.58rem;

}

.icul-box-ri {

  width: 83.2%;

}

.ibru-li-cont-icon {

  width: 16px;

  position: absolute;

  top: 50%;

  left: 0.2rem;

  transform: translateY(-50%);

  z-index: 10;

}

.ibru-li-cont-icon img {

  width: 100%;

  transition: var(--transition);

}

.ibru-li-cont-icon img:last-child {

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

}

.inside-caree-ul-li2 .ibru-li-cont-text {

  max-width: 160px;

}

/* 大项 先隐藏 */

.inside-caree-ul-li {

  opacity: 0;

  transform: translateY(30px);

  transition: 0.6s ease;

  animation-delay: 0.3s;

}

.inside-caree-ul-li.show {

  opacity: 1;

  transform: translateY(0);

}



/* 小项 先隐藏 */

.ibru-li {

  opacity: 0;

  transform: translateY(20px);

  transition: 0.5s ease;

}

.ibru-li.show {

  opacity: 1;

  transform: translateY(0);

}

.ibru-li-cont-text {

  font-size: var(--font20);

  line-height: var(--line12);

  text-align: center;

  position: relative;

}

.ibru-li1 .ibru-li-cont-text {

  color: var(--color000);

}

.ibru-li-cont {

  border-radius: 500px;

  position: relative;

  z-index: 1;

  text-align: center;

  height: 80px;

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

}

.ibru-li-cont::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  filter: blur(6px);

  backdrop-filter: blur(6px);

  -webkit-backdrop-filter: blur(6px);

  -moz-backdrop-filter: blur(6px);

  -ms-backdrop-filter: blur(6px);

  -o-backdrop-filter: blur(6px);

  z-index: -1;

  border-radius: 500px;

}

.ibru-li1 .ibru-li-cont::after {

  background: var(--colormain);

  opacity: 0.2;

}

.ibru-li2 .ibru-li-cont::after {

  background: var(--colormain);

  opacity: 0.42;

}

.ibru-li3 .ibru-li-cont::after {

  background: var(--colormain);

  opacity: 0.6;

}

.ibru-li4 .ibru-li-cont::after {

  background: var(--colormain);

  opacity: 0.9;

}

.ibru-li3 .ibru-li-cont-text {

  color: var(--colorfff);

}

.ibru-li4 .ibru-li-cont-text {

  color: var(--colorfff);

}

.icul-box-ri-ul {

  display: flex;

  align-items: flex-start;

}

.ibru-li {

  width: 25% !important;

  position: relative;

  flex-grow: 1;

  margin-left: -46px;

}

.ibru-li:first-child {

  margin-left: 0;

}

.ibru-li:first-child .ibru-li-cont-icon {

  display: none;

}

.ibru-li2 .ibru-li-cont::after {

  filter: blur(4px);

  backdrop-filter: blur(4px);

  -webkit-backdrop-filter: blur(4px);

  -moz-backdrop-filter: blur(4px);

  -ms-backdrop-filter: blur(4px);

  -o-backdrop-filter: blur(4px);

}

.ibru-li3 .ibru-li-cont::after {

  filter: blur(2px);

  backdrop-filter: blur(2px);

  -webkit-backdrop-filter: blur(2px);

  -moz-backdrop-filter: blur(2px);

  -ms-backdrop-filter: blur(2px);

  -o-backdrop-filter: blur(2px);

}

.ibru-li4 .ibru-li-cont::after {

  filter: blur(0);

  backdrop-filter: blur(0);

  -webkit-backdrop-filter: blur(0);

  -moz-backdrop-filter: blur(0);

  -ms-backdrop-filter: blur(0);

  -o-backdrop-filter: blur(0);

}

.inside-caree-ul-li {

  margin-bottom: 0.32rem;

}

.inside-caree-ul-li:last-child {

  margin-bottom: 0;

}

.inside-caree-ul-li2 .ibru-li1 .ibru-li-cont::after {

  filter: blur(5px);

  backdrop-filter: blur(5px);

  -webkit-backdrop-filter: blur(5px);

  -moz-backdrop-filter: blur(5px);

  -ms-backdrop-filter: blur(5px);

  -o-backdrop-filter: blur(5px);

  opacity: 0.2;

  background: #acacac;

}

.inside-caree-ul-li2 .ibru-li2 .ibru-li-cont::after {

  filter: blur(4px);

  backdrop-filter: blur(4px);

  -webkit-backdrop-filter: blur(4px);

  -moz-backdrop-filter: blur(4px);

  -ms-backdrop-filter: blur(4px);

  -o-backdrop-filter: blur(4px);

  opacity: 0.4;

  background: #acacac;

}

.inside-caree-ul-li2 .ibru-li3 .ibru-li-cont::after {

  filter: blur(3px);

  backdrop-filter: blur(3px);

  -webkit-backdrop-filter: blur(3px);

  -moz-backdrop-filter: blur(3px);

  -ms-backdrop-filter: blur(3px);

  -o-backdrop-filter: blur(3px);

  opacity: 0.7;

  background: #b2b2b2;

}

.inside-caree-ul-li2 .ibru-li4 .ibru-li-cont::after {

  filter: blur(2px);

  backdrop-filter: blur(2px);

  -webkit-backdrop-filter: blur(2px);

  -moz-backdrop-filter: blur(2px);

  -ms-backdrop-filter: blur(2px);

  -o-backdrop-filter: blur(2px);

  opacity: 0.7;

  background: #7e7e7e;

}

.inside-caree-ul-li2 .ibru-li5 .ibru-li-cont::after {

  filter: blur(1px);

  backdrop-filter: blur(1px);

  -webkit-backdrop-filter: blur(1px);

  -moz-backdrop-filter: blur(1px);

  -ms-backdrop-filter: blur(1px);

  -o-backdrop-filter: blur(1px);

  opacity: 0.7;

  background-color: var(--color000);

}

.inside-caree-ul-li2 .ibru-li6 .ibru-li-cont::after {

  filter: blur(0);

  backdrop-filter: blur(0);

  -webkit-backdrop-filter: blur(0);

  -moz-backdrop-filter: blur(0);

  -ms-backdrop-filter: blur(0);

  -o-backdrop-filter: blur(0);

  opacity: 0.9;

  background-color: var(--color000);

}

.inside-caree-ul-li2 .ibru-li1 .ibru-li-cont-text {

  color: var(--color000);

}

.inside-caree-ul-li2 .ibru-li2 .ibru-li-cont-text {

  color: var(--color000);

}

.inside-caree-ul-li2 .ibru-li3 .ibru-li-cont-text {

  color: var(--color000);

}

.inside-caree-ul-li2 .ibru-li4 .ibru-li-cont-text {

  color: var(--color000);

}

.inside-caree-ul-li2 .ibru-li5 .ibru-li-cont-text {

  color: var(--colorfff);

}

.inside-caree-ul-li2 .ibru-li6 .ibru-li-cont-text {

  color: var(--colorfff);

}

.inside-caree-ul-li2 .ibru-li {

  width: 16.6667%;

}

.inside-join-bj {

  width: 100%;

}

.inside-join-bj img {

  width: 100%;

}

.inside-join-text-tit {

  color: var(--colorfff);

  font-family: var(--sembold);

  margin-bottom: 0.6rem;

}

.inside-join-text-ul {

  display: flex;

  align-items: center;

  --pad22: 0.16rem;

  margin: 0 calc(var(--pad22) * -1);

}

.inside-join-text-ul .hcsi-text-but-link {

  background: rgba(255, 255, 255, 0.1);

  backdrop-filter: blur(5px);

  backdrop-filter: blur(5px);

  -webkit-backdrop-filter: blur(5px);

  -moz-backdrop-filter: blur(5px);

  -ms-backdrop-filter: blur(5px);

  -o-backdrop-filter: blur(5px);

}

.ijtu-li {

  padding: 0 var(--pad22);

}

.ijtu-li .hcsi-text-but-lin k {

  backdrop-filter: blur(5px);

  backdrop-filter: blur(5px);

  -webkit-backdrop-filter: blur(5px);

  -moz-backdrop-filter: blur(5px);

  -ms-backdrop-filter: blur(5px);

  -o-backdrop-filter: blur(5px);

  background-color: rgba(255, 255, 255, 0.1);

}

.inside-join {

  position: relative;

}

.inside-join-text {

  position: absolute;

  left: 50%;

  top: 35%;

  transform: translateX(-50%);

  display: flex;

  flex-direction: column;

  align-items: center;

  width: 100%;

  padding: 0 20px;

}

.ijbl-ul-li-top {

  color: var(--colorfff);

  line-height: var(--line12);

  margin-bottom: 0.22rem;

}

.iulb-link {

  font-size: var(--font20);

  color: var(--colorfff);

  line-height: var(--line12);

  font-family: var(--sembold);

}

.ijbr-pic {

  width: 110px;

  margin-bottom: 0.12rem;

}

.ijbr-pic img {

  width: 100%;

}

.ijbr-text {

  font-size: var(--font20);

  color: var(--colorfff);

  line-height: var(--line12);

}

.inside-join-btm {

  position: absolute;

  left: 0;

  bottom: 0;

  transform: translateX(0%);

  border-radius: 4px;

  background: rgba(255, 255, 255, 0.16);

  backdrop-filter: blur(25px);

  backdrop-filter: blur(25px);

  -webkit-backdrop-filter: blur(25px);

  -moz-backdrop-filter: blur(25px);

  -ms-backdrop-filter: blur(25px);

  -o-backdrop-filter: blur(25px);

  width: 100%;

  padding: 0.53rem 0 0.59rem 0;

}

.inside-join-btm .ys-cont1200 {

  display: flex;

  justify-content: space-around;

  align-items: center;

  padding: 0 0.64rem;

}

.ijbl-ul {

  display: flex;

}

.inside-join-btm-ri {

  width: 19.5%;

  padding-left: 0.68rem;

  display: flex;

  align-items: center;

  flex-direction: column;

}

.inside-join-btm-le {

  width: 80.5%;

}

.ijbl-ul-li:first-child {

  width: 30.5%;

  padding-right: 0.88rem;

}

.ijbl-ul-li:last-child {

  width: 69.5%;

  padding-left: 0.97rem;

  padding-right: 0.52rem;

}

.ijbl-ul-li {

  border-right: 1px solid rgba(255, 255, 255, 0.2);

}

.inside-altlas-le {

  display: flex;

  margin: 0 -0.62rem;

  width: 27.5%;

  justify-content: flex-end;

}

.inside-altlas-le-ul {

  padding: 0 0.62rem;

}

.inside-altlas-ri {

  display: flex;

  margin: 0 -0.62rem;

  width: 27.5%;

}

.inside-altlas {

  position: relative;

  overflow: visible;

}

.inside-altlas-top {

  display: flex;

  align-items: flex-start;

  position: relative;

  justify-content: space-between;

}

.inside-altlas-cent {

  position: absolute;

  left: 50%;

  top: 40%;

  transform: translate(-50%, -50%);

  width: 27.5%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}

.inside-altlas-le .inside-altlas-le-ul:first-child {

  margin-top: 2.34rem;

}

.inside-altlas-le .inside-altlas-le-ul:last-child {

  margin-top: 1.06rem;

}

.inside-altlas-ri .inside-altlas-le-ul:first-child {

  margin-top: 1.06rem;

}

.inside-altlas-ri .inside-altlas-le-ul:last-child {

  margin-top: 2.34rem;

}

.inside-altlas-cent-text {

  padding-top: 0.44rem;

  margin-top: 0.96rem;

  position: relative;

  text-align: center;

}

.iact-tit {

  color: rgba(140, 141, 142, 1);

  line-height: var(--line15);

  text-align: center;

  background: rgba(140, 141, 142, 1) -webkit-linear-gradient(

      left,

      rgba(0, 0, 0, 1),

      rgba(0, 0, 0, 1)

    )

    no-repeat 0 0;

  -webkit-text-fill-color: transparent;

  -webkit-background-clip: text;

  background-size: var(--size) 100%;

  display: initial;

  position: relative;

}

.inside-altlas-cent-text::before {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: 200%;

  height: 100%;

  /* 白到透明径向渐变 + 边缘模糊 */

  background: radial-gradient(circle, #ffffff 30%, transparent 70%);

  filter: blur(15px);

  opacity: 1;

  pointer-events: none;

}

.inside-altlas-cent .inside-altlas-cent-btm {

  transform: translateY(334px);

}

.inside-altlas-cent-text::after {

  content: "";

  position: absolute;

  left: 50%;

  top: 0;

  transform: translateX(-50%);

  width: 0.6rem;

  height: 4px;

  background-color: var(--colormain);

}

.inside-altlas-btm-le {

  width: 49%;

  border-radius: 4px;

  overflow: hidden;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  position: sticky !important;

  top: calc(var(--headh) + 100px);

}

.inside-altlas-btm-le img {

  width: 100%;

  opacity: 0;

}

.inside-altlas-btm-ri {

  width: 40.5%;

  padding-right: 1.04rem;

}

.inside-altlas-btm {

  height: calc(100vh - var(--headh));

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 1.87rem;

}

.iabr-tit {

  font-family: var(--sembold);

  padding-bottom: 0.24rem;

  position: relative;

  margin-bottom: 0.4rem;

}

.iabr-tit::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 0.6rem;

  height: 4px;

  background-color: var(--colormain);

}

.iabr-ul-li-tit {

  color: var(--color000);

  line-height: var(--line15);

  font-family: var(--sembold);

  margin-bottom: 0.14rem;

}

.iabr-ul-li-par,

.iabr-ul-li-par p {

  font-size: var(--font20);

  color: var(--color565);

  line-height: var(--line15);

}

.iabr-ul-li {

  padding-bottom: 0.4rem;

  border-bottom: 1px solid #d9d9d9;

  margin-bottom: 0.4rem;

}

.iabr-ul-li:last-child {

  padding-bottom: 0;

  margin-bottom: 0;

  border-bottom: 1px solid transparent;

}

.inside-altlas-btm .ys-cont1600 {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

}

.ialu-li.act .ialu-li-pic {

  transform-origin: left top;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 99;

}

.ialu-li.act {

  width: 160px;

  position: relative;

}

.inside-altlas-btm-le.block img {

  opacity: 1;

}

.ialu-li.act.none .ialu-li-pic {

  opacity: 0;

}

/* i1-end */

/* d1-satrt */

.cust-scud {

  padding: 0.92rem 0 var(--space160) 0;

}

.cust-scud-top-tit {

  font-family: var(--sembold);

  padding-bottom: 0.24rem;

  position: relative;

  padding-right: 0.2rem;

}

.cust-scud-top-tit::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 0.6rem;

  height: 4px;

  background-color: var(--colormain);

}

.cust-scud-top-par,

.cust-scud-top-par p {

  font-size: var(--font20);

  color: var(--color565);

  line-height: var(--line15);

}

.cust-scud-top-par {

  width: 39.5%;

  margin-top: 0.1rem;

}

.cust-scud-top .ys-cont1600 {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

}

.cust-scud-top {

  padding-bottom: 0.7rem;

  border-bottom: 1px solid #e8e8e8;

}

.cust-scud-btm {

  padding-top: var(--space100);

}

/* 视频-start */

.csbs-item-cont {

  border-radius: 4px;

  overflow: hidden;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  width: 100%;

  position: relative;

}

.company-video-hover,

.company-video-click {

  position: absolute;

  width: 100%;

  height: 100%;

  object-fit: cover;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  opacity: 0;

  pointer-events: none;

  transition: all 0.4s ease;

}

.company-video-hover,

.company-video-click {

  background: transparent !important;

}

.cfpr-img {

  width: 100%;

  border-radius: 4px;

  overflow: hidden;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  position: relative;

  cursor: pointer;

}

.cfpr-img img {

  width: 100%;

}

.company-video.act .company-video-click {

  opacity: 1;

  pointer-events: all;

}

.company-video.on .company-video-hover {

  opacity: 1;

  pointer-events: all;

}

.company-video.act .cfpr-add-top {

  opacity: 0;

}



.cfpr-add-top {

  border-radius: 0.2rem;

  background: rgba(255, 255, 255, 0.6);

  position: absolute;

  top: 20px;

  left: 30px;

  display: flex;

  align-items: center;

  padding: 4px 16px;

  transition: all 0.4s ease;

  pointer-events: none;

}

.cfpr-add-top-icon {

  margin-right: 0 !important;

  width: 21px;

}

.cfpr-add-top-icon img {

  width: 100%;

}

.company-video-controls {

  justify-content: space-between;

  display: flex;

  align-items: center;

  opacity: 0;

  transition: all 0.4s ease;

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  padding: 0 20px 20px;

  pointer-events: none;

}

.company-video-controls-left {

  display: flex;

  align-items: center;

}

.company-video-controlsp-btn {

  background-color: #001f41;

  width: 36px;

  height: 36px;

  border-radius: 50%;

  color: var(--colorfff);

  position: relative;

}

.company-video-controls .company-video-controlsp-btn .cvcb-pause {

  width: 12px;

  margin-left: 0;

}

.company-video-controls .company-video-controlsp-btn .cvcb-pause,

.company-video-controls .company-video-controlsp-btn .svsb-play {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}

.company-video-controls .company-video-controlsp-btn .svsb-play {

  width: 14px;

  opacity: 0;

}

.company-video-controls-time {

  line-height: 36px;

  font-size: 16px;

  padding: 0 10px;

  border-radius: 80px;

  background-color: #001f41;

  color: var(--colorfff);

  margin-left: 10px;

  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

}

.company-video-controls-audio {

  background-color: #001f41;

  width: 36px;

  height: 36px;

  border-radius: 50%;

  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

  display: flex;

  align-items: center;

  justify-content: center;

  pointer-events: all;

}

.company-video-controls-audio .ys-imgbox-cover {

  width: 55%;

}

.cfpr-img img {

  width: 100%;

}

.company-video-controls-audio img:nth-of-type(2) {

  opacity: 0;

}

.ys-imgbox-cover img:nth-child(2) {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

}

.company-video-controls-pro {

  height: 9px;

  width: 100%;

  position: absolute;

  bottom: 0;

  left: 0;

  transition-property: opacity;

  transition-timing-function: cubic-bezier(0.135, 0.9, 0.15, 1);

  transition-duration: 0.9s;

  background: rgba(255, 255, 255, 0.2);

}

.cvcp-cry {

  position: absolute;

  background: var(--color23);

  width: var(--pro);

  height: 100%;

}

.company-video.act .company-video-controls {

  opacity: 1;

}

.company-video.on1

  .company-video-controls

  .company-video-controlsp-btn

  .cvcb-pause {

  opacity: 0;

}

.company-video.on1

  .company-video-controls

  .company-video-controlsp-btn

  .svsb-play {

  opacity: 1;

}

.company-video-controls-audio.act img:first-child {

  opacity: 0;

}

.company-video-controls-audio.act img:nth-of-type(2) {

  opacity: 1;

}

/* 视频-end */

.csbs-item-cont-text {

  padding: 0.2rem;

  border-radius: 4px;

  background: rgba(255, 255, 255, 0.16);

  backdrop-filter: blur(25px);

  backdrop-filter: blur(25px);

  -webkit-backdrop-filter: blur(25px);

  -moz-backdrop-filter: blur(25px);

  -ms-backdrop-filter: blur(25px);

  -o-backdrop-filter: blur(25px);

  position: absolute;

  left: 50%;

  bottom: 10px;

  transform: translateX(-50%);

  width: calc(100% - 20px);

  opacity: 0;

  transition: var(--transition);

}

.cict-tit {

  color: var(--colorfff);

  line-height: var(--line15);

  font-family: var(--bold);

  padding-bottom: 0.14rem;

  margin-bottom: 0.08rem;

  position: relative;

}

.cict-tit::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 0.28rem;

  height: 2px;

  background-color: var(--colormain);

}

.cict-par {

  color: var(--colorfff);

}

.company-video.act .csbs-item-cont-text {

  opacity: 0;

}

.company-video.on .csbs-item-cont-text {

  opacity: 1;

  pointer-events: all;

}

.company-video.act .csbs-item-cont-text {

  opacity: 0;

  pointer-events: none;

}

.csbs-item {

  padding: 0 var(--pad1);

  transition: transform 0.3s ease-in-out;

}

.cust-scud-btm-slick {

  --pad1: 0.2rem;

  margin: 0 calc(var(--pad1) * -1);

  margin-bottom: 0.63rem;

}

.csbs-item.act {

  transform: scale(0.8);

}

.csbs-item.act2 {

  transform: scale(0.9);

}

.csbd-ul-li-text {

  font-size: var(--font16);

  color: var(--color151);

  line-height: var(--line15);

  transition: var(--transition);

  position: relative;

  padding-bottom: 0.08rem;

}

.csbd-ul-li-text::after {

  content: "";

  position: absolute;

  left: 50%;

  bottom: 0;

  transform: translateX(-50%);

  width: calc(100% + 13px);

  height: 1px;

  background-color: #d5d5d5;

  opacity: 0;

  transition: var(--transition);

}

/* .swiper-slide-active.csbd-ul-li .csbd-ul-li-text::after {

  opacity: 1;

}

.swiper-slide-active.csbd-ul-li .csbd-ul-li-text::before {

  animation: lineExpand 4.4s linear forwards;

} */

@keyframes lineExpand {

  0% {

    width: 0;

  }

  100% {

    width: calc(100% + 13px);

  }

}

.csbd-ul-li-text::before {

  content: "";

  position: absolute;

  left: -6.5px;

  bottom: 0;

  width: 0;

  height: 1px;

  background-color: var(--colormain);

  z-index: 10;

}

.csbd-ul {

  --pad2: 0.25rem;

  margin: 0 calc(var(--pad2) * -1);

  width: 80%;

  display: flex;

}

.csbd-ul-li {

  padding: 0 var(--pad2);

  width: auto !important;

  display: inline-block;

}

.cust-scud-btm-dost {

  max-width: 1000px;

  margin: 0 auto;

  position: relative;

}

.cust-scud-btm-dost .hntr-but {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: calc(100% + 120px);

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.cdtl-tit {

  color: var(--colorfff);

  font-family: var(--sembold);

  padding-bottom: 0.42rem;

  position: relative;

}

.cdtl-tit::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 0.6rem;

  height: 4px;

  background-color: var(--colormain);

}

.cust-deve-top-le {

  width: 23.5%;

}

.cust-deve-top-le .cdtl-tit::after {

  width: 0.6rem;

}

.cust-deve-top-ri {

  width: 100%;

  padding-right: 0.56rem;

  position: relative;

  z-index: 1;

}



.culb-top {

  line-height: 40px;

  padding: 0 0.24rem;

  border-radius: 20px;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  margin-bottom: 0.11rem;

  display: inline-block;

  margin-left: 0.28rem;

  transition: var(--transition);

  z-index: 1;

}

.culb-top::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  border-radius: 20px;

  background-color: var(--colorfff);

  z-index: -1;

  transition: var(--transition);

}

.culb-btm {

  padding: 0.16rem 0.28rem 0.32rem 0.28rem;

  transition: var(--transition);

  flex-grow: 1;

}

.cdtr-ul-li-box {

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

}

.culb-btm-tit {

  color: var(--colorfff);

  line-height: var(--line15);

  font-family: var(--sembold);

  margin-bottom: 0.15rem;

}

.culb-btm-par,

.culb-btm-par p {

  color: var(--colorfff);

}

.cust-deve {

  padding: var(--space170) 0;

  position: relative;

  z-index: 1;

}

.cust-deve-bj {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

}

.cust-deve-bj img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.cdtr-ul-li {

  width: 25%;

  padding: 0 var(--pad01);

  margin-bottom: 0.7rem;

}

.cdtr-ul {

  display: flex;

  flex-wrap: wrap;

  --pad01: 0.1rem;

  margin: 0 calc(var(--pad01) * -1);

  margin-bottom: -0.7rem;

}

.cust-deve-top {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  margin-bottom: 0.7rem;

}

.cust-deve-btm {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

}

/*  */

/* 标题 */

.cdtr-ul-serial-tit,

.cdtr-ul-serial-tti {

  opacity: 0;

  transform: translateY(20px);

  transition: 0.8s ease-out;

}

.cdtr-ul-serial-tit.show,

.cdtr-ul-serial-tti.show {

  opacity: 1;

  transform: translateY(0);

}



/* 左侧项目 */

.cdtr-ul-serial-le {

  opacity: 0;

  transform: translateY(20px);

  transition: 0.8s ease-out;

}

.cdtr-ul-serial-le.show {

  opacity: 1;

  transform: translateY(0);

}



/* 右侧项目 */

.cdtr-ul-serial-ri {

  opacity: 0;

  transform: translateY(20px);

  transition: 0.8s ease-out;

}

.cdtr-ul-serial-ri.show {

  opacity: 1;

  transform: translateY(0);

}

/*  */

.cust-deve-btm-le::after {

  content: "";

  position: absolute;

  left: calc((50vw - 800px) * -1);

  top: calc(50% + 10px);

  height: 1px;

  width: 0;

  transition: width 2.5s linear;

  background-color: rgba(202, 202, 202, 0.5);

  z-index: -1;

}

.cust-deve-btm-le.animate::after {

  width: calc(var(--lefy) + 0.48rem);

}

.cust-deve-top-ri::after {

  content: "";

  position: absolute;

  left: calc(25% + 80px);

  top: 20px;

  height: 1px;

  width: 0;

  transition: width 2.5s linear;

  background-color: rgba(202, 202, 202, 0.5);

  z-index: -1;

}

.cust-deve-top-ri.animate::after {

  width: var(--lefy);

}



.cust-deve-btm-ri {

  width: 29%;

  padding-right: 1.24rem;

  padding-left: 0.5rem;

}

.cust-deve-btm-ri {

  color: var(--colorfff);

  font-family: var(--sembold);

}

.cust-rd-text {

  width: 37.5%;

}

.cust-rd-text-tit {

  font-family: var(--sembold);

  padding-bottom: 0.24rem;

  position: relative;

  margin-bottom: var(--space120);

}

.cust-rd-text-tit::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 0.6rem;

  height: 4px;

  background-color: var(--colormain);

}

.crtu-li-tit {

  color: rgba(0, 0, 0, 0.5);

  line-height: var(--line15);

  font-family: var(--sembold);

  transition: var(--transition);

}

.crtu-li-cont,

.crtu-li-cont p {

  color: var(--color565);

}

.crtu-li-cont {

  margin-top: 0.15rem;

  display: none;

  cursor: text;

}

.crtu-li:first-child {

  padding-top: 0;

}

.crtu-li {

  padding: 0.34rem 0;

  border-bottom: 1px solid #cacaca;

  cursor: pointer;

  position: relative;

}

.crtu-li::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: -1px;

  width: 0;

  height: 1px;

  background-color: var(--colormain);

}

.crtu-li.act::after {

  width: 100%;

  transition: width 5s ease;

}

.cust-rd {

  position: relative;

  padding: 1.13rem 0;

  display: flex;

  align-items: flex-end;

  justify-content: flex-end;

}

.cust-rd-tab-pic {

  width: 100%;

}

.cust-rd-tab-pic:not(:first-child) {

  display: none;

}

.cust-rd-tab-pic img {

  width: 100%;

}

.cust-rd-imgbox {

  position: relative;

}

.cust-rd-imgbox {

  width: 45%;

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

}

.crtu-li.act .crtu-li-tit {

  color: rgba(0, 0, 0, 1);

}

.cust-lab-ri {

  width: 49%;

}

.cust-lab-ri .cust-rd-text-tit {

  padding-bottom: 0.42rem;

  margin-bottom: 0.78rem;

}

.clru-li-box {

  padding-top: 0.27rem;

  border-top: 1px solid #969b9e;

  height: 100%;

  display: flex;

  flex-direction: column;

}

.clru-li-box-top {

  color: var(--color000);

  line-height: var(--line175);

  font-family: var(--sembold);

  margin-bottom: 0.16rem;

  flex-grow: 1;

}

.clru-li-box-num {

  font-size: var(--font40);

  color: var(--colormain);

  line-height: var(--line15);

  font-family: "ManropeBold";

  display: flex;

  align-items: flex-end;

}

.clbn-text {

  font-size: var(--font40);

  color: inherit;

  line-height: inherit;

  font-family: inherit;

}

.clru-li-box-num span {

  font-size: var(--font20);

  color: inherit;

  line-height: inherit;

  font-family: inherit;

  margin-bottom: 0.1rem;

  margin-left: 0.06rem;

}

.clru-li {

  width: 50%;

  padding: 0 0.16rem;

  margin-bottom: 0.52rem;

}

.cust-lab-ri-ul {

  display: flex;

  flex-wrap: wrap;

  margin: 0 -0.16rem;

  margin-bottom: 0.22rem;

}

.clrc-item-box {

  padding: 0.64rem 0.64rem 0.58rem 0.64rem;

  border-radius: 4px;

  background: rgba(255, 255, 255, 0.75);

  backdrop-filter: blur(25px);

  backdrop-filter: blur(25px);

  -webkit-backdrop-filter: blur(25px);

  -moz-backdrop-filter: blur(25px);

  -ms-backdrop-filter: blur(25px);

  -o-backdrop-filter: blur(25px);

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  height: 100%;

}

.clrc-item-box .hpcs-item-link-pic {

  width: 100%;

  margin: 0 auto;

  margin-bottom: 0.55rem;

  width: 67%;

}

.clrc-item-box .hpcs-item-link-pic .ys-imgbox-cover {

  width: 100% !important;

}

.clrc-item-box .hpcs-item-link-pic .ys-imgbox-cover img {

  width: 100%;

}

.clrc-item-box .hpcs-item-link-pic .ys-imgbox-cover:last-child {

  margin-top: 0;

}

.clrc-item {

  width: 50%;

  padding: 0 0.16rem;

  margin-bottom: 0.32rem;

}

.cust-lab-ri-cert {

  display: flex;

  flex-wrap: wrap;

  margin: 0 -0.16rem;

  margin-bottom: 0.82rem;

}

.clrc-item-box-text {

  color: var(--color000);

  text-align: center;

  font-family: var(--sembold);

  line-height: var(--line15);

  position: relative;

  padding-bottom: 0.28rem;

}

.clrc-item-box-text::after {

  content: "";

  position: absolute;

  left: 50%;

  bottom: 0;

  transform: translateX(-50%);

  width: 0.28rem;

  height: 2px;

  background-color: var(--colormain);

}

.cust-lab {

  background: #f3f3f5;

  position: relative;

  overflow: visible !important;

  z-index: 1;

}

.cust-lab-ri-tit {

  color: var(--color000);

  font-family: var(--sembold);

  position: relative;

  margin-bottom: 0.6rem;

}

.cust-lab-ri-tit::after {

  content: "";

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 54%;

  height: 1px;

  background-color: #dddddd;

}

.clri-pic-cont-le {

  width: 80px;

  margin-right: 0.24rem;

  flex-shrink: 0;

}

.clri-pic-cont-le img {

  width: 100%;

}

.clri-pic-cont-ri {

  font-size: var(--font20);

  color: var(--color000);

  line-height: var(--line15);

}

.clri-pic-cont {

  display: flex;

  align-items: center;

}

.clri-pic {

  width: 50%;

  padding: 0 var(--pad02);

  margin-bottom: 0.6rem;

}

.cust-lab-ri-img {

  display: flex;

  flex-wrap: wrap;

  --pad02: 0.46rem;

  margin: 0 calc(var(--pad02) * -1);

  margin-bottom: -0.6rem;

}

.cust-lab .ys-cont1600 {

  display: flex;

  align-items: flex-end;

  justify-content: flex-end;

  padding-top: var(--space180);

  padding-bottom: var(--space210);

}

.cust-lab-pic {

  width: 100%;

  position: sticky !important;

  top: calc(var(--headh) + 30px);

}

.cust-lab-pic img {

  width: 100%;

}

.cust-lab-about {

  position: absolute;

  left: 0;

  top: 0;

  width: 45.5%;

  height: 100%;

  z-index: 1;

  mix-blend-mode: multiply;

}

.cust-page .cont-box {

  overflow: visible !important;

}

.cust-lab-bj {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: -2;

}

.cust-lab-bj-box {

  position: sticky !important;

  top: var(--headh);

  width: 100%;

  height: calc(100vh - var(--headh));

}

.cust-lab-bj img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.cust-qual-le {

  width: 35.5%;

}

.cust-qual-ri {

  width: 49%;

  margin-top: 0.1rem;

}

.cust-qual-le-tit {

  color: var(--colorfff);

  font-family: var(--sembold);

  padding-bottom: 0.42rem;

  position: relative;

  margin-bottom: 0.53rem;

}

.cust-qual-le-tit::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 0.6rem;

  height: 4px;

  background-color: var(--colormain);

}

.cust-qual-le-text {

  color: var(--colorfff);

  font-family: var(--sembold);

  margin-bottom: 0.7rem;

}

.cqlu-li-box-pic {

  width: 58px;

  margin-bottom: 0.18rem;

}

.cqlu-li-box-pic img {

  width: 100%;

}

.cqlu-li-box-text {

  color: var(--colorfff);

  font-family: var(--medium);

  line-height: var(--line15);

  padding-bottom: 0.32rem;

  border-bottom: 1px solid rgba(255, 255, 255, 0.3);

}

.cqlu-li {

  width: 50%;

  padding: 0 0.16rem;

  margin-bottom: 0.8rem;

}

.cust-qual-le-ul {

  display: flex;

  flex-wrap: wrap;

  margin: 0 -0.16rem;

  margin-bottom: -0.8rem;

}

.cust-qual {

  position: relative;

  z-index: 1;

  padding: var(--space150) 0;

}

.cust-qual::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 42%;

  height: 100%;

  border-radius: 4px;

  z-index: -1;

  background: rgba(0, 0, 0, 0.6);

  backdrop-filter: blur(25px);

  backdrop-filter: blur(25px);

  -webkit-backdrop-filter: blur(25px);

  -moz-backdrop-filter: blur(25px);

  -ms-backdrop-filter: blur(25px);

  -o-backdrop-filter: blur(25px);

}

.cust-qual-ri-tit {

  color: var(--colorfff);

  font-family: var(--sembold);

  margin-bottom: 0.77rem;

}

.cqru-li-box {

  padding: 0.3rem 0.2rem;

  border-radius: 4px;

  background: rgba(255, 255, 255, 0.16);

  backdrop-filter: blur(25px);

  backdrop-filter: blur(25px);

  -webkit-backdrop-filter: blur(25px);

  -moz-backdrop-filter: blur(25px);

  -ms-backdrop-filter: blur(25px);

  -o-backdrop-filter: blur(25px);

  position: relative;

}

.cqru-li-box-ser {

  color: var(--colorfff);

  line-height: var(--line15);

  font-family: var(--bold);

  position: absolute;

  left: 0.2rem;

  top: -0.16rem;

  transition: var(--transition);

}

.cqru-li-box-text {

  color: var(--colorfff);

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  height: 4.5em;

}

.cqru-li {

  width: 33.3333%;

  padding: 0 0.16rem;

  margin-bottom: 0.48rem;

}

.cust-qual-ri-ul {

  display: flex;

  flex-wrap: wrap;

  margin: 0 -0.16rem;

  margin-bottom: -0.48rem;

}

.cust-qual .ys-cont1600 {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

}

.cust-qual-bj {

  position: absolute;

  right: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

}

.cust-qual-bj img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.cust-manu .cust-rd-text-tit {

  padding-bottom: 0.42rem;

  margin-bottom: 0.5rem;

  margin-left: 0.7rem;

}

.cust-manu-cont {

  background-color: var(--colorf6f);

  position: relative;

}

.cmct-ri {

  width: 49.25%;

}

.cmct-le {

  width: 50.75%;

  padding: 0.6rem 1.05rem 0 0.7rem;

}

.cmct-le-tti {

  color: var(--color000);

  font-family: var(--sembold);

  margin-bottom: 0.41rem;

}

.cmct-le-par p:first-child {

  color: var(--color565);

}

.cust-manu-cont-tab {

  display: flex;

  /* align-items: flex-start; */

}

.cust-rd-text-box {

  position: relative;

}

.cust-manu-cont-switch:not(:first-child) {

  display: none;

}

.cmcb-ul-li-box {

  color: var(--color565);

  line-height: 43px;

  border-radius: 50px;

  border: 1px solid #6f7071;

  overflow: hidden;

  padding: 0 0.3rem;

  cursor: pointer;

  transition: var(--transition);

}

.cust-manu-cont-but {

  position: absolute;

  left: 0.6rem;

  top: 0.91rem;

  width: 50.75%;

  z-index: 60;

}

.cmcb-ul {

  display: flex;

  flex-wrap: wrap;

  margin: 0 -0.1rem;

}

.cmcb-ul-li {

  padding: 0 0.1rem;

  margin-bottom: 0.1rem;

}

.cmcb-ul-li.act .cmcb-ul-li-box {

  background-color: var(--colormain);

  border: 1px solid var(--colormain);

  color: var(--colorfff);

}

.cust-manu {

  padding-top: var(--space130);

}

.cust-after .cust-rd-text-tit {

  padding-bottom: 0.42rem;

  margin-bottom: 0.6rem;

}

.casi-box-pic {

  width: 100%;

}

.casi-box-pic img {

  width: 100%;

}

.casi-box-text-tit {

  color: var(--colorfff);

  font-family: var(--sembold);

}

.casi-box-text-par,

.casi-box-text-par p {

  font-size: var(--font20);

  color: var(--colorfff);

  line-height: var(--line15);

}

.casi-box-text-par {

  margin-top: 0.24rem;

}

.casi-box {

  position: relative;

  display: block;

  border-radius: 4px;

  overflow: hidden;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

}

.casi-box::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 30%;

  border-radius: 4px;

  opacity: 0.5;

  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  z-index: 1;

  transition: var(--transition);

}

.casi-box::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.5);

  border-radius: 4px;

  opacity: 0;

  transition: var(--transition);

}

.casi-box-text {

  padding: 0 0.4rem 0.5rem 0.4rem;

  position: absolute;

  left: 0;

  bottom: 0;

  opacity: 0;

  transition: var(--transition);

  z-index: 10;

}

.casi-box-tit {

  position: absolute;

  left: 0.4rem;

  right: 0.4rem;

  bottom: 0.36rem;

  color: var(--colorfff);

  font-family: var(--sembold);

  transition: var(--transition);

  z-index: 10;

}

.cust-after-slick-item {

  padding: 0 0.16rem;

}

.cust-after-slick {

  margin: 0 -0.16rem;

}

/* .swiper-slide-active.csbd-ul-li .csbd-ul-li-text {

  color: var(--colormain);

} */

/* d1-end */

/* b1-satrt */

.about-page .ys-flex-pos-center h1 {

  width: 78%;

  text-align: center;

  margin: 0 auto;

  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);

}

.ys-nybanner {

  position: relative;

}

.ys-bread {

  z-index: 10;

}

.about-page .ys-nybanner::after,

.cust-page .ys-nybanner::after,

.tale-page .ys-nybanner::after,

.esg-page .ys-nybanner::after,

.part-page .ys-nybanner::after,

.micr-page .ys-nybanner::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 30%;

  z-index: 0;

  background: linear-gradient(

    180deg,

    rgba(3, 55, 94, 0.5) 0%,

    rgba(3, 55, 94, 0) 100%

  );

  pointer-events: none;

}

.about-mask-text {

  color: var(--color000);

  line-height: var(--line15);

  padding-top: 0.4rem;

  width: 44.25%;

  text-align: center;

  margin: 0 auto;

  opacity: 0;

}

.about-mask .ys-cont1600 {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

}

.about-mask-text::after {

  content: "";

  position: absolute;

  left: 50%;

  top: 0;

  transform: translateX(-50%);

  width: 0.6rem;

  height: 4px;

  background-color: var(--colormain);

}

.about-mask {

  width: 100vw;

  height: 100vh;

  background: rgba(255, 255, 255, 0.8);

  backdrop-filter: blur(10px);

}

.about-baner {

  height: 200vh;

  position: relative;

}

.about-page .about-mask {

  position: absolute;

  left: 0;

  top: 0;

  transform: translateY(100vh);

}

.about-page .ys-nybanner {

  position: sticky !important;

  top: 0;

  overflow: hidden !important;

}

.about-road .cust-rd-text-tit {

  padding-bottom: 0.42rem;

  margin-bottom: 0.6rem;

}

.arul-box-ri img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.about-road-ul-li.act .arul-box-ri {

  opacity: 1;

}

.arul-box-ri {

  width: 51%;

  position: absolute;

  top: 0;

  right: 0;

  height: 100%;

  min-width: 396px;

  opacity: 0;

  z-index: 60;

  transition: opacity 0.8s cubic-bezier(0.6, 0, 0.2, 1);

}

.about-road-ul-li.act .arul-box-le {

  width: 49%;

  padding: 0.64rem 0.36rem 0.87rem 0.4rem;

}

.arul-box-le {

  width: 49%;

  padding: 0.64rem 0.72rem 0.4rem 0.4rem;

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  position: absolute;

  z-index: 10;

}

.about-road-ul-li.act .arul-box-le-tit {

  margin-bottom: 0.8rem;

}

.about-road-ul-li.act .arul-box-le-par {

  opacity: 1;

  transition: opacity 1.2s cubic-bezier(0.6, 0, 0.2, 1);

  transition-delay: 0.36s;

}

.arul-box-le-pic {

  width: 48px;

  margin-bottom: 0.19rem;

}

.arul-box-le-pic img {

  width: 100%;

}

.arul-box-le-tit {

  color: var(--color000);

  font-family: var(--sembold);

  margin-bottom: 0.8rem;

}

.arul-box-le-par,

.arul-box-le-par p {

  font-size: var(--font20);

  color: var(--color565);

  line-height: var(--line15);

}

.arul-box-le-par {

  opacity: 0;

  width: 80%;

  left: 0.4rem;

  bottom: 0.87rem;

  position: absolute;

  /* transition: opacity 1.2s cubic-bezier(0.6, 0, 0.2, 1); */

}

.about-road-ul {

  display: flex;

  width: 99%;

  margin: 0 -0.08rem;

}

.about-road-ul-li {

  width: 17%;

  flex-grow: 1;

  padding: 0 0.08rem;

  transition: width 0.8s cubic-bezier(0.6, 0, 0.2, 1);

}

.about-road-ul-li.act {

  width: 48.25%;

}

.arul-box {

  display: flex;

  align-items: flex-start;

  border-radius: 4px;

  border: 1px solid #fff;

  background: rgba(255, 255, 255, 0.5);

  box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.03);

  backdrop-filter: blur(10px);

  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: relative;

  overflow: hidden;

  height: 400px;

}

.about-road {

  position: relative;

  z-index: 1;

  padding: var(--space190) 0;

}

.about-road-bj {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

}

.about-road-bj img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.arul-box-le-btm {

  width: 48px;

  height: 48px;

  border: 1px solid #565657;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: var(--transition);

  position: absolute;

  left: 0.4rem;

  bottom: 0.4rem;

}

.arul-box-le-btm img {

  width: 42%;

}

.about-road-ul-li.act .arul-box-le-btm {

  opacity: 0;

}

.about-road-ul-li.act .arul-box {

  border: 1px solid transparent;

}

.about-ficat .cust-rd-text-tit {

  padding-bottom: 0.42rem;

  margin-bottom: 0.3rem;

}

.about-ficat-box-le {

  width: 46.5%;

  position: relative;

}

.about-ficat-box-ri {

  width: 40.5%;

  position: relative;

}

.afbl-swiper-ul-li {

  transition: var(--transition);

}

.afbl-swiper-ul-li.swiper-slide-prev {

  transform: scale(0.9);

  z-index: 8;

}

.afbl-swiper-ul-li.swiper-slide-next {

  transform: scale(0.9);

  z-index: 8;

}

.asul-text {

  font-size: var(--font16);

  color: var(--color000);

  line-height: var(--line15);

  text-align: center;

}



.swiper-slide-active.afbl-swiper-ul-li {

  z-index: 10;

}

.atul-box {

  color: var(--color000);

  line-height: var(--line15);

  text-align: center;

  padding: 0.1rem 0.24rem;

  border-radius: 500px;

  background: rgba(255, 255, 255, 0.5);

  backdrop-filter: blur(5px);

  backdrop-filter: blur(5px);

  -webkit-backdrop-filter: blur(5px);

  -moz-backdrop-filter: blur(5px);

  -ms-backdrop-filter: blur(5px);

  -o-backdrop-filter: blur(5px);

  width: 100%;

  transition: var(--transition);

  cursor: pointer;

}

.about-ficat-box {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

}

.about-ficat {

  position: relative;

  z-index: 1;

}

.about-ficat-bj {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

}

.about-ficat-bj img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.about-net-le {

  width: 35.5%;

}

.about-net-ri {

  width: 70.5%;

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

}

.about-net .ys-cont1600 {

  position: relative;

}

.about-net-le .cust-rd-text-tit {

  padding-bottom: 0.42rem;

  margin-bottom: 0.4rem;

}

.about-net-par,

.about-net-par p {

  font-size: var(--font20);

  color: var(--color565);

  line-height: var(--line15);

}

.about-net-par {

  margin-bottom: 0.53rem;

}

.about-net-cade {

  padding: 0.45rem 0.34rem 0.52rem 0.6rem;

  background: linear-gradient(90deg, #f6f6f6 0%, rgba(246, 246, 246, 0) 100%);

  position: relative;

}

.about-net-cade::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 4px;

  height: 100%;

  background-color: var(--colormain);

}

.about-net-cade-tit {

  font-size: var(--font20);

  color: var(--color000);

  font-family: var(--bold);

  line-height: var(--line15);

  margin-bottom: 0.25rem;

}

.about-net-cade-par,

.about-net-cade-par p {

  font-size: var(--font20);

  color: var(--color000);

  line-height: var(--line15);

}

.about-net-cade-par p {

  margin-bottom: 0.2rem;

}

.about-net-cade-par p:last-child {

  margin-bottom: 0;

}

.about-net-ri-map {

  width: 100%;

}

.about-net-ri-map svg{

  width: 100%;

  height: auto;

}

.about-net {

  padding: var(--space190) 0 var(--space220) 0;

}

.anrd-ul-li-icon {

  width: 22px;

}

.anrd-ul-li-icon img {

  width: 100%;

}

.about-net-ri-dost {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%,-50%);

  width: 100%;

  height: 100%;

}

.anrd-ul {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%,-50%);

  width: 100%;

  height: 100%;

}

.anrd-ul-li {

  position: absolute;

  transform: translate(-50%, -50%);

}

.afbr-but-arrow {

  width: 50px;

  pointer-events: all;

  cursor: pointer;

}

.afbr-but-arrow svg {

  width: 100%;

  height: auto;

}

.afbr-but {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  height: calc(100% + 130px);

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  pointer-events: none;

}

.afbl-swiper-ul-li {

  text-align: center;

  position: relative;

}

.asul-pic img {

  width: 100%;

}

.asul-pic {

  width: 100%;

  margin-bottom: 0.38rem;

  transition: var(--transition);

}

.asul-pic::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  z-index: 3;

}

.afbl-swiper-ul-li .asul-text {

  opacity: 0;

  transition: var(--transition);

}

/* 选中 */

.afbl-swiper-ul-li.active .asul-text {

  opacity: 1;

}

.afbl-swiper-ul-li.active {

  position: relative;

  z-index: 10;

}

.about-ficat-box-le .afbl-swiper {

  width: 100%;

  padding-left: 30%;

  padding-right: 30%;

  overflow: hidden;

}

.afbl-swiper-ul-li .asul-pic {

  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.1);

  transition: var(--transition);

}

.afbl-swiper-ul-li.swiper-slide-prev .asul-pic {

  opacity: 0.5;

}

.afbl-swiper-ul-li.swiper-slide-next .asul-pic {

  opacity: 0.5;

}

.afbr-text-ul-li {

  margin-bottom: 0.16rem;

}

.afbr-text-ul-li.on .atul-box {

  backdrop-filter: blur(0);

  backdrop-filter: blur(0);

  -webkit-backdrop-filter: blur(0);

  -moz-backdrop-filter: blur(0);

  -ms-backdrop-filter: blur(0);

  -o-backdrop-filter: blur(0);

  background-color: var(--colormain);

  color: var(--colorfff);

}

.afbr-text-ul {

  height: 490px;

}

.afbr-text-ul .mCSB_inside > .mCSB_container {

  margin-right: 0;

}

.afbr-text-ul .mCSB_scrollTools {

  opacity: 0 !important;

  pointer-events: none;

}

.about-value .cust-rd-text-tit {

  padding-bottom: 0.42rem;

  margin-bottom: 0.12rem;

}

/* 发展历程 */

.about-value {

  position: relative;

  margin-top: calc(var(--headh) * -1);

}

.wdin-img {

  margin: 0 auto;

}

.wdin-cry {

  height: 100%;

  align-items: center;

  padding: 0 2rem;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.wdin-cry-img {

  width: 506px;

  margin-top: 60px;

}

.wdin-cry-text {

  background: var(--colorf6f);

  width: 506px;

  padding: 0.38rem 0.43rem 0.53rem 0.43rem;

  position: relative;

  border-radius: 4.364px;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  margin-bottom: 60px;

}

.walk-develop-inof-nub.abo_r6_con_tex--even .wdin-cry .wdin-cry-text {

  padding: 0.2rem 0.3rem 0.2rem 0.3rem;

}

.wdin-cry-text::before {

  content: "";

  position: absolute;

  top: 21px;

  right: 21px;

  width: 10px;

  height: 10px;

  background: var(--colormain);

  border-radius: 50%;

}

.wdin-cry-text .wdin-cry-text-tit {

  font-size: var(--font34) !important;

  margin-bottom: 0.18rem;

  line-height: var(--line13);

  font-family: var(--sembold);

  color: var(--color151);

}

.wdin-cry-text .wdin-cry-text-par,

.wdin-cry-text .wdin-cry-text-par p {

  font-size: var(--font20);

  line-height: var(--line15);

  color: var(--color565);

}

.walk-develop-inof-nub:nth-of-type(2n) .wdin-cry {

  flex-direction: row-reverse;

}

.walk-develop-core .ys-cont1600 {

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

  position: relative;

}

.wdin-img.odd {

  background-color: transparent;

}

.about_body

  .about_r6

  .row_case

  .about_r6_con

  .swiper_abo_r6

  .swiper-slide

  .cyear

  .wdin-img-font36 {

  font-family: var(--sembold) !important;

  transform: rotate(0deg) translate(10%, 4.5%) !important;

}

.walk-develop-year-nub.on {

  color: var(--colormain);

}

.walk-develop-year li {

  margin-bottom: 0.16rem;

  cursor: pointer;

}

.walk-develop-year,

.walk-develop-year li {

  font-size: var(--font20);

  color: var(--color666);

  line-height: var(--line12);

  transition: all 0.4s ease;

}

.walk-develop-year {

  position: absolute;

  right: 0;

  bottom: 1.2rem;

  z-index: 10;

}

.walk-develop-list-nub .std-text16 {

  color: var(--color8c8);

  line-height: var(--line15);

}

.walk-develop-list-nub {

  padding-bottom: 0.31rem;

}

.walk-develop-list {

  width: 98%;

  border-bottom-right-radius: 50px;

  border-bottom: 1px dashed #000;

}

/* 发展历程 */

.about-anima-pc {

  padding: var(--space150) 0 var(--space210) 0;

}

.about-anima {

  position: relative;

  background-color: var(--colorbj);

}

.about-anima::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: var(--space150);

  background-color: var(--colorbj);

  z-index: 6;

}

.about-anima::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  background-color: var(--colorbj);

  z-index: 6;

  height: var(--space210);

}

.anul-box-cent {

  width: 51%;

  position: relative;

}

.about-anima-ul-li:last-child .anul-box-cent::after{

  display: none;

}

.anul-box-cent::after{

  content: "";

  position: absolute;

  left: 0;

  bottom: -150px;

  width: 100%;

  height: 300px;

  background: linear-gradient(

    to top,

    transparent 0%,

    rgba(249, 249, 249, 0.7) 30%,

    rgba(249, 249, 249, 0.7) 70%,

    transparent 100%

  );

 filter: blur(12px);

}

.anul-box-le {

  width: 24.5%;

  display: flex;

  align-items: flex-end;

  justify-content: flex-end;

}

.anul-box-pci {

  position: relative;

  overflow: hidden;

}

.anul-box-pci img {

  opacity: 0;

}

.about-anima-ul-li:nth-child(2n) .anul-box-pci-img {

  align-items: flex-start;

  justify-content: flex-start;

}

.about-anima-ul {

  overflow: hidden;

  pointer-events: none;

}

.anul-box-pci-img {

  position: absolute;

  right: 0;

  top: 0;

  width: 100%;

  height: 130%;

  display: flex;

  align-items: flex-end;

  justify-content: flex-end;

}

.anul-box-pci-img img {

  opacity: 1;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.anul-box-ri {

  width: 24.5%;

}

.anul-box-le img {

  width: 95%;

}

.anul-box-le.ys-imgbox-cover img:nth-child(2) {

  position: absolute;

  top: 0;

  left: auto;

  right: 0;

  height: 100%;

}

.about-anima-pc {

  position: relative;

}

.about-anima-pc::after {

  content: "";

  position: absolute;

  left: 24.5%;

  top: 0;

  width: 1px;

  height: 100%;

  background: #cecece;

  z-index: 30;

}

.about-anima-pc::before {

  content: "";

  position: absolute;

  right: 24.5%;

  top: 0;

  width: 1px;

  height: 100%;

  background: #cecece;

  z-index: 30;

}

.about-anima-ul-li {

  border-top: 1px solid #cecece;

  position: relative;

  z-index: 10;

}

.about-anima-ul-li:last-child {

  border-bottom: 1px solid #cecece;

}

.about-anima-ph {

  display: none;

}

/* .ys-fadeInUpimg {

  transition: all 0.8s !important;

  animation: fadeInUpimg 2s ease 1;

}

@-webkit-keyframes fadeInUpimg {

    0% {

        transform: scale(1.5);

    }

    100% {

        transform: none;

    }

} */

.anul-box {

  display: flex;

}

.anul-box-ri img {

  width: 95%;

}

.aacs-item-box-label {

  color: var(--color565);

  padding-bottom: 0.16rem;

  position: relative;

  display: inline-block;

  margin-bottom: 0.16rem;

}

.aacs-item-box-label::after {

  content: "";

  position: absolute;

  left: 50%;

  bottom: 0;

  transform: translate(-50%);

  width: 0.4rem;

  height: 4px;

  background-color: var(--colormain);

}

.aacs-item-box-tit {

  color: var(--color000);

  font-family: var(--sembold);

  text-align: center;

}

.aacs-item-box {

  width: 50%;

  margin: 0 auto;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}

.about-anima {

  position: relative;

  overflow: visible;

}

.about-anima-cont {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  pointer-events: none;

  z-index: 1;

}

.about-anima-cont-sticky {

  pointer-events: all;

  position: sticky;

  top: 40%;

}

.about-anima-cont-slick {

  transition: var(--transition);

  position: relative;

}

.aacs-item:not(:first-child) {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  opacity: 0;

}

.aacs-item {

  transition: var(--transition);

  opacity: 0;

  transition: opacity 0.4s ease !important;

}

.ppcb-next-share .ys-share-img-hover {

  border: 1px solid #000 !important;

}

.anrd-diffu-pic {

  width: 32px;

  height: 32px;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: var(--colorfff);

  border-radius: 50%;

  padding: 6px;

}

.anrd-diffu-pic img {

  width: 100%;

}

.anrd-diffu {

  position: absolute;

  transform: translate(-50%, -50%);

}

.anrd-diffu-pic {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  z-index: 99;

}

.home-part .swiperload {

  opacity: 0;

  transition: all 0.1s;

}

.home-part .swiperload.ys-fade-true {

  opacity: 1;

}

.home-part .swiperload.ys-fade-true .hpcs-item-link-num {

  opacity: 1;

  transform: translate3d(0, 0, 0);

  -webkit-transform: translate3d(0, 0px, 0);

}

.home-part .swiperload.ys-fade-true .hpcs-item-link-pic {

  opacity: 1;

  transform: translate3d(0, 0, 0);

  -webkit-transform: translate3d(0, 0px, 0);

}

.home-part .swiperload.ys-fade-true .hpcs-item-link-text {

  opacity: 1;

  transform: translate3d(0, 0, 0);

  -webkit-transform: translate3d(0, 0px, 0);

}

.home-part .hpcs-item-link-num {

  opacity: 0;

  transform-origin: 0% 50%;

  -webkit-transform: translate3d(0, 60px, 0);

  transform: translate3d(0, 60px, 0);

  transition: var(--transition2);

  will-change: transform, opacity;

}

.home-part .hpcs-item-link-pic {

  opacity: 0;

  transform-origin: 0% 50%;

  -webkit-transform: translate3d(0, 60px, 0);

  transform: translate3d(0, 60px, 0);

  transition: var(--transition2);

  will-change: transform, opacity;

}

.home-part .hpcs-item-link-text {

  opacity: 0;

  transform-origin: 0% 50%;

  -webkit-transform: translate3d(0, 60px, 0);

  transform: translate3d(0, 60px, 0);

  transition: var(--transition2);

  will-change: transform, opacity;

}

/* b1-end */

/*鼠标效果*/

@media screen and (min-width: 1200px) {

  .head-cont-icon-more:hover img {

    opacity: 0 !important;

  }

  .head-cont-icon-more:hover img:last-child {

    opacity: 1 !important;

  }

  .head-search .head-search-btn:hover img {

    opacity: 0 !important;

  }

  .head-search .head-search-btn:hover img:last-child {

    opacity: 1 !important;

  }

  .head-lang:hover .head-lang-top-text {

    color: var(--colormain);

  }

  .head-lang:hover .head-lang-top-jian img {

    opacity: 0 !important;

  }

  .head-lang:hover .head-lang-top-jian img:last-child {

    opacity: 1 !important;

  }

  .footer-nav ul a:hover {

    color: rgba(255, 255, 255, 1);

  }

  .yblu-item-link:hover {

    background-color: var(--colormain);

  }

  .yblu-item-link:hover .yblu-item-link-text {

    color: rgba(255, 255, 255, 1);

  }

  .hcsi-text-but:hover .hcsi-text-but-link::after {

     opacity: 1;

    transform: scaleX(1);

  }

  .hcsi-text-but:hover::after {

    width: 100%;

    height: 30%;

    transition:

    width 0.6s linear,

    height 0.6s linear 0.6s;

  }

  .hdtu-li-box:hover::after {

    width: 100%;

  }

  .hpcs-item-link:hover {

    backdrop-filter: blur(0);

    backdrop-filter: blur(0);

    -webkit-backdrop-filter: blur(0);

    -moz-backdrop-filter: blur(0);

    -ms-backdrop-filter: blur(0);

    -o-backdrop-filter: blur(0);

  }

  .hpcs-item-link:hover .hpcs-item-link-bj {

    opacity: 1;

  }

  .hpcb-but-arrow:hover {

    background-color: var(--colormain);

    border: 1px solid var(--colormain);

  }

  .hntr-but .hpcb-but-arrow:hover svg path {

    stroke: var(--colorfff);

  }

  .hsbr-ul-li-link:hover .hull-text-tit {

    color: rgba(255, 255, 255, 1);

  }

  .hsbr-ul-li-link:hover .hull-text-par p {

    color: rgba(255, 255, 255, 1);

  }

  .hnss-ul-item-link:hover .huil-text-but-text {

    color: var(--colormain);

  }

  .hnss-ul-item-link:hover .huil-text-but-icon svg path {

    stroke: var(--colormain);

  }

  .malu-li-cont:hover {

    margin-left: 0.32rem;

    color: var(--color000);

  }

  .malu-li-cont:hover::after {

    opacity: 1;

  }

  .maru-item-box .hcsi-text-but-link:hover .htbl-ri {

    color: var(--colorfff);

  }

  .maru-item-box .hcsi-text-but-link:hover .htbl-le svg path {

    fill: #fff;

  }

  .rlul-link:hover .rltt-le {

    color: var(--colormain);

  }

  .rlul-link:hover .rltt-ri svg path {

    stroke: var(--colormain);

  }

  .dcld-but-arrow:hover img {

    opacity: 0;

  }

  .dcld-but-arrow:hover img:last-child {

    opacity: 1;

  }

  .dcrb-link:hover {

    background: var(--colormain);

    border: 1px solid var(--colormain);

  }

  .part-awar-ri .hpcs-item-link:hover .hpcs-item-link-num {

    color: var(--colorfff);

  }

  .part-awar-ri .hpcs-item-link:hover .hilt-tit {

    color: var(--colorfff);

  }

  .part-awar-ri .hpcs-item-link:hover .hilt-par p {

    color: var(--colorfff);

  }

  .pltl-ul-li-link:hover {

    color: var(--colorfff);

    background: var(--colormain);

    border: 1px solid var(--colormain);

  }

  .plbu-li-link:hover .pllt-tit {

    color: var(--colormain);

  }

  .stlp-last-link:hover .stlp-last-link-ri {

    color: var(--colormain);

  }

  .strc-link:hover .hcsi-text-but-link::after {

    opacity: 1;

  }

  .strc-link:hover .htbl-ri {

    color: var(--colorfff);

  }

  .strc-link:hover .black .htbl-le svg path {

    stroke: var(--colorfff);

  }

  .black .hcsi-text-but-link:hover .htbl-ri {

    color: var(--colorfff);

  }

  .black .hcsi-text-but-link:hover .htbl-le svg path {

    stroke: var(--colorfff);

  }

  .clul-link:hover .huil-text-but-text {

    color: var(--colormain);

  }

  .clul-link:hover .huil-text-but-icon svg path {

    stroke: var(--colormain);

  }

  .pres-page-more-ri .huil-text-but:hover .huil-text-but-text {

    color: var(--colormain);

  }

  .pres-page-more-ri .huil-text-but:hover .huil-text-but-icon svg path {

    stroke: var(--colormain);

  }

  .even-list-ul-li:hover {

    background: var(--colorf6f);

  }

  .even-list-ul-li:hover .elul-link-le-icon {

    opacity: 1;

  }

  .even-list-ul-li:hover .elrr-par {

    opacity: 1;

  }

  .contus-us-ri-from .ys-form-inof-item .ys-select-li:hover {

    color: var(--colormain);

  }

  .ppcb-prev .ppcb-arrow-link:hover .ppcb-arrow-link-icon svg path:first-child {

    transform: translate3d(-200%, 0, 0);

    transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);

  }

  .ppcb-prev .ppcb-arrow-link:hover .ppcb-arrow-link-icon svg path:last-child {

    transform: translateZ(0);

    transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);

  }

  .ppcb-arrow-link:hover .ppcb-arrow-link-text p:first-child {

    transform: translate3d(0, -200%, 0);

    transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);

  }

  .ppcb-arrow-link:hover .ppcb-arrow-link-text p:last-child {

    transform: translateZ(0);

    transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);

  }

  .ppcb-arrow-link:hover .ppcb-arrow-link-icon {

    border: 1px solid rgba(0, 0, 0, 1);

  }

  .ersi-link:hover .ersi-link-but-le svg path {

    fill: var(--color000);

  }

  .ersi-link:hover .ersi-link-but-ri {

    color: var(--color000);

  }

  .esg-report-but .hpcb-but-arrow:hover svg path {

    stroke: var(--colorfff);

  }

  .cmcb-ul-li-box:hover {

    background-color: var(--colormain);

    border: 1px solid var(--colormain);

    color: var(--colorfff);

  }

  .casi-box:hover .casi-box-text {

    opacity: 1;

  }

  .casi-box:hover .casi-box-tit {

    opacity: 0;

  }

  .casi-box:hover::after {

    opacity: 1;

  }

  .atul-box:hover {

    backdrop-filter: blur(0);

    backdrop-filter: blur(0);

    -webkit-backdrop-filter: blur(0);

    -moz-backdrop-filter: blur(0);

    -ms-backdrop-filter: blur(0);

    -o-backdrop-filter: blur(0);

    background-color: var(--colormain);

    color: var(--colorfff);

  }

  .pptr-share .ys-share-img:hover img {

    opacity: 0;

  }

  .pptr-share .ys-share-img:hover img:last-child {

    opacity: 1;

  }

  .contus-us-ri-from .ys-fii-submit:hover {

    background: var(--colormain);

  }

  .cdtr-ul-li-box:hover .culb-btm {

    border-radius: 4px;

    background: rgba(255, 255, 255, 0.16);

    backdrop-filter: blur(25px);

    backdrop-filter: blur(25px);

    -webkit-backdrop-filter: blur(25px);

    -moz-backdrop-filter: blur(25px);

    -ms-backdrop-filter: blur(25px);

    -o-backdrop-filter: blur(25px);

  }

  .cdtr-ul-li-box:hover .culb-top {

    color: var(--colorfff);

  }

  .cdtr-ul-li-box:hover .culb-top::after {

    background-color: var(--colormain);

    filter: blur(2px);

    backdrop-filter: blur(2px);

    -webkit-backdrop-filter: blur(2px);

    -moz-backdrop-filter: blur(2px);

    -ms-backdrop-filter: blur(2px);

    -o-backdrop-filter: blur(2px);

  }

  .cqru-li-box:hover .cqru-li-box-ser {

    color: var(--colormain);

  }

  .pgml-text:hover {

    color: var(--colormain);

  }

}



/* 测试地址出来加 */

.yblu-item-link-text {

  line-height: var(--line15);

  padding: 0.31rem 0;

}

.yblu-item-link-icon {

  flex-shrink: 0;

}

.home-desi-text {

  z-index: 10;

}

.hdtu-li-box-text {

  height: 100%;

}

.hpcb-but {

  pointer-events: none;

}

.hpcb-but-arrow {

  pointer-events: all;

}

.head-nav-item-down {

  border-radius: 4px;

}

.home-scud-box {

  padding-bottom: 0;

}

.hsbl-tit::after {

  width: 0.6rem;

}

.home-desi-box-ri {

  z-index: -1;

}

.yblu-item {

  width: 20%;

}

.hdtu-li-box-text {

  display: flex;

  align-items: center;

}



/* 加 */

.footer-privacy > li::after {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 1px;

  height: 10px;

  background-color: rgba(255, 255, 255, 0.5);

}

.footer-privacy > li:last-child::after {

  opacity: 1;

}

.footer-privacy > li:first-child::after {

  opacity: 0;

}

.micr-page .ys-nybanner .ys-flex-pos-center {

  top: var(--headh);

  height: calc(100% - var(--headh));

}

.part-page .ys-nybanner .ys-flex-pos-center {

  top: var(--headh);

  height: calc(100% - var(--headh));

}

.esg-page .ys-nybanner .ys-flex-pos-center {

  top: var(--headh);

  height: calc(100% - var(--headh));

}

.tale-page .ys-nybanner .ys-flex-pos-center {

  top: var(--headh);

  height: calc(100% - var(--headh));

}

.cust-page .ys-nybanner .ys-flex-pos-center {

  top: var(--headh);

  height: calc(100% - var(--headh));

}

.rlul-link {

  height: 100%;

  width: 100%;

}

.iiwt-table-text {

  color: var(--colormain);

}

.sedeta-news .plbu-li {

  margin-bottom: 0;

}

.sedeta-news .part-list-btm-ul {

  margin-bottom: 0;

}

.ppcb-next-share .ys-share {

  background-color: var(--colorfff);

}

.contus-us-ri-from .ys-fic-auth {

  align-items: center;

}

.tale-page .ys-nybanner {

  z-index: 80;

}

.about-anima-pc {

  position: relative;

}

.home-news-swiper .hntr-but{

  display: none;

}

.about-page .ys-nyban-img{

  height:100%;

}

.about-page .ys-nyban-img img{

  height: 100%;

  object-fit: cover;

}

.about-page .ys-nybanner{

  height: 100vh;

}

.about_body .about_r6 .row_case .about_r6_con {

    height: 25.2292vw !important;

}

.walk-develop-year {

    bottom: 19%;

}

/* 2026.4.2-leo-satrt */

.hull-pic img {

  transform: translateX(-25%);

}

.head-nav-item-down {

  box-shadow:

    inset 0 8px 15px rgba(0, 0, 0, 0.03),

    var(--shadow);

}

.head-cont-icon-up {

  box-shadow:

    inset 0 8px 15px rgba(0, 0, 0, 0.03),

    var(--shadow);

}

.hbul-link-ri-tit {

  transition: var(--transition);

}

.hcul-link-ri {

  transition: var(--transition);

}

.hciu-ul-li-link {

  transition: var(--transition);

}

.crtu-li.act::after {

  width: 100%;

  transition: width 5s linear;

}

.contus-us-le-bj {

  display: none;

}

.huil-pic {

  width: 100%;

}

.huil-pic img {

  width: 100%;

}

.htbl-le {

  flex-shrink: 0;

}

.yblu-item-link {

  height: 100%;

}

.yx-search3xlbtn {

  width: 22px;

  line-height: 60px;

}

.about-road-ul-li.act .arul-box-le {

  width: 47%;

}

.about-road-ul {

  width: 100%;

}

.csbd-ul-li-text {

  cursor: pointer;

}

.cust-page .ys-nybanner {

  position: relative;

}

.cust-page .ys-nybanner::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 50%;

  height: 100%;

  background: linear-gradient(

    90deg,

    rgba(5, 9, 12, 0.4) 0%,

    rgba(5, 9, 12, 0) 100%

  );

}

.cust-page .ys-nybanner .ys-nyban-title {

  z-index: 10;

}

.csbs-item.act {

  transform: scale(0.75);

}

.cmct-le-par p:first-child {

  color: var(--color000);

}

.cmct-le-par p {

  color: var(--color565);

}

.plbu-li-link-pic {

  border-radius: 4px;

  overflow: hidden;

}

.contus-us-ri .iti {

  position: absolute !important;

  display: flex !important;

  padding-left: 0 !important;

}

.contus-us-ri .iti__country-container {

  position: static !important;

  top: 0;

  bottom: 0;

  padding: var(--iti-border-width) !important;

  padding-left: 80px !important;

}

.contus-us-ri .ys-fii-input .iti--inline-dropdown .iti__dropdown-content {

  z-index: 9 !important;

  width: 100% !important;

  left: 0 !important;

}

.contus-us-ri .iti__tel-input {

  padding-left: 0 !important;

}

.contus-us-ri-from .ys-fia-text-btn {

  width: 12px;

  height: 12px;

  top: 8px;

}

.contus-us-ri .ys-fii-select .ys-select-inof {

  height: calc(var(--font16) * 12.5 + 20px);

}

.hnid-box-ul-li.yxnav-active2 .hbul-link-ri-tit{

  color: var(--colormain);

}

.home-scud-batter{

  border-top: none;

}

.home-batcum{

  border-top: 1px solid #e8e8e8;

}

/*鼠标效果*/

@media screen and (min-width: 1200px) {

  .hbul-link:hover .hbul-link-ri-tit {

    color: var(--colormain);

  }

  .hcul-link:hover .hcul-link-ri {

    color: var(--colormain);

  }

  .hciu-ul-li-link:hover {

    color: var(--colormain);

  }

  .yblu-item-link:hover .ys-imgbox-cover img {

      transform: scale(1);

  }

}

.head-search{

  padding-right: 0.24rem;

  /* position: relative; */

}

.head-lang::after{

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 1px;

  height: 16px;

  background-color: rgba(255, 255, 255, 0.5);

  transition: var(--transition);

}

.head-lang {

  padding-left: 0.24rem;

  margin-left: 0;

  position: relative;

}

.hnss-ul-item.block{

  width: 100% !important;

}

.ys-hd-pc.isfixed .head-lang::after{

  background-color: var(--color333);

}

.ys-hd-pc.ishover .head-lang::after{

  background-color: var(--color333);

}

.ftls-but-link{

  cursor: pointer;

}

.mibl-table table tr{

  display: table-row;

  position: relative !important;

}

.mibl-table table {

  position: relative;

  border-collapse: separate !important;

}

.mibl-table table tr::after{

  opacity: 0;

}

.mibl-table table tr:last-child::before{

  opacity: 1;

}

.mibl-table table td {

  border-top: 1px solid #d9d9d9 !important;

}

.ijbr-pic{

  border-radius: 4px;

  overflow: hidden;

  transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

}

.hnid-cont-ul-li.yxnav-active2 .hbul-link-ri-tit{

    color: var(--colormain);

}

.etbl-text-ul-li span {

    display: inline-block;

    font-size: var(--font16);

    color: var(--color000);

    line-height: 36px;

    border-radius: 50px;

    border: 1px solid #fff;

     background: rgba(0, 0, 0, 0.04);

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    padding: 0 0.16rem;

}

.etbl-text-ul-li.act span {

    display: inline-block;

    font-size: var(--font16);

    color: var(--colormain);

    line-height: 36px;

    border-radius: 50px;

    border: 1px solid #fff;

    background: rgba(238, 5, 40, 0.04);

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    padding: 0 0.16rem;

}

.ellu-li span {

    display: inline-block;

    font-size: var(--font14);

    color: var(--color000);

    line-height: 30px;

    padding: 0 0.12rem;

    border-radius: 50px;

    border: 1px solid #fff;

    background: rgba(0, 0, 0, 0.04);

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

}

.ellu-li.act span {

    display: inline-block;

    font-size: var(--font14);

    color: var(--colormain);

    line-height: 30px;

    padding: 0 0.12rem;

    border-radius: 50px;

    border: 1px solid #fff;

    background: rgba(238, 5, 40, 0.04);

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

}

.contus-us-ri-from .ys-fic-auth .ys-fii-input{

  width: calc(50% - 0.08rem);

}

/* 2026.4.2-leo-end */

/* 2026.4.15-leo-satrt */

.mibl-table{

  max-height: var(--trHeight);

  overflow: hidden;

}

.mibl-table table tr td{

  padding: 16px 0;

}

/* 2026.4.15-leo-end */

/* 2026.4.16-leo-satrt */

.about-page .ys-nyban-img{

  position: relative;

}

.about-page .ys-nyban-img::after{

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: #000;

  opacity: 0.2;

}

.cmct-le {

  padding: 2.24rem 1.05rem 0 0.7rem;

}

.esg-full{

  height: 300vh;

}

.efst-tit{

  transition: var(--transition);

}

.efst-tit.opac{

  opacity: 1;

}

.inside-altlas-btm{

  height: auto;

}

.malu-li{

  width: 89%;

}

.robot-list-page.none{

  display: none;

}

 .micr-page .ys-nyban-img{

  position: relative;

 }

  .micr-page .ys-nyban-img::after{

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.1);

  }

  .dcld-but.none{

    display: none;

  }

  .hciu-ul-li.yxnav-active2 .hciu-ul-li-link{

    color: var(--colormain);

  }

  .hntr-but.none{

    display: none;

  }

  .culb-btm-par,.culb-btm-par p{

    color: rgba(255, 255, 255, 0.8);

  }

/* 2026.4.16-leo-end */

/* 2026.4.17-leo-satrt */

.cust-rd-imgbox {

    width: 80%;

    position: static;

    right: 0;

    top: 50%;

    transform: translateY(0%);

    margin-right: calc((50vw - 800px) * -1);

}

.cust-rd .ys-cont1600{

  display: flex;

  justify-content: space-between;

}

.cust-rd-text-tit{

  margin-top: 0.3rem;

}

.afbr-text-ul .mCustomScrollBox{

  display: flex;

  align-items: center;

}

.home-desi-box-tab:not(:first-child) {

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

}

.home-desi-box-tab{

  opacity: 0;

  transition: var(--transition);

}

.home-desi-box-tab.block{

  opacity: 1;

}

.home-desi-cont{

  position: relative;

}

.inside-altlas-le{

  justify-content: flex-start;

  padding-left: 4%;

}

.inside-altlas-ri{

  justify-content: flex-end;

  padding-right: 4%;

}

.home-news-top-ri{

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.hnit-icon{

  display: none;

}

/* 2026.4.17-leo-end */



/* 2026.4.20 lucas start */

.anul-box-cent::after {

  content: unset;

}

.about-anima-ul {

  pointer-events: all;

}

.anul-box-cent {

  position: static;

  clip-path: border-box;

}

.aacs-item-box {

  position: fixed;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

  height: 100vh;

}

.about-anima-ul-li:nth-child(2) .aacs-item-box {

  transform: translateX(-50%) translateY(5%);

}

.aacs-item-box-label span {

  display: block;

  transition: all 1s ease-in-out;

}

.aacs-item-box-topbox,.aacs-item-box-bottombox{

  overflow: hidden;

}

.aacs-item-box-topbox{

  transform: translateY(5px);

  opacity: 0;

}

.aacs-item-box-tit{

  transform: translateY(-5px);

  opacity: 0;

}

.aacs-item-box-bottombox {

    max-width: 8rem;

}

.about-anima-cont{

  display:none;

}

.cust-scud-btm-slick {

  --pad1: 0rem;

}

.esg-report-cont-ri{

  bottom: auto;

  top: -1.08rem;

}

.esg-report-cont-le {

    min-height: 4.2rem;

}

/* 2026.4.20 lucas end */

/* 2026.4.23 Lucas start */

.hcsi-text-but-link {

  position: relative;

  border-radius: 0.5rem;

  --deg:180deg;

}

.htbl-border{

    content: "";

    position: absolute;

    inset: 0;

    border-radius: inherit;

    padding: 1px;

    background: conic-gradient(from var(--deg) at 50.5% 50%, var(--colorfff) 0deg, 

color-mix(in srgb, var(--colorfff) 0%, transparent) 360deg);

    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);

    mask-composite: exclude;

    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;

    pointer-events: none;

    z-index: -1;

}

.black .htbl-border{

    background: conic-gradient(

    from var(--deg) at 50.5% 50%,

    var(--color000) 0deg,

    color-mix(in srgb, var(--color000) 0%, transparent) 360deg

  );

}

.yx-search3-xls input{

  filter: none !important;

    -webkit-box-shadow: 0 0 0 30px white inset !important;

    border-bottom: 1px solid #666;

}

/* 2026.4.23 lucas end */

/* 2026.4.24 lucas start */

.about-ficat-box-le::before{

  content: "";

  width: 20%;

  height:80%;

  background: linear-gradient(95deg, rgb(245 246 250) 0%, rgb(243 244 249 / 0%)80%);

  position: absolute;

  top: 0;

  left: 0;

  z-index: 2;

}

.about-ficat-box-le::after{

  content: "";

  width: 20%;

  height: 80%;

  background: linear-gradient(270deg, rgb(245 246 250) 0%, rgb(243 244 249 / 0%) 100%);

  position: absolute;

  top: 0;

  right: 0;

  z-index: 2;

}

.act.csbd-ul-li .csbd-ul-li-text{

  color: var(--colormain);

}

.act.csbd-ul-li .csbd-ul-li-text::after {

    opacity: 1;

}

.act.csbd-ul-li .csbd-ul-li-text::before {

  animation: lineExpand 4s linear forwards;

}

.csbd-ul{

  --pad2: 0rem;

}

.cdtr-ul-li:nth-last-of-type(2){

  position: relative;

}

.cdtr-ul-li:nth-last-of-type(2)::before {

    content: "";

    width: 18px;

    height: 18px;

    background: url(../images/i1_icon02.svg);

    top: 10.5px;

    right: 0;

    position: absolute;

    background-size: contain;

    background-repeat: no-repeat;

    opacity: 0;

    transition: var(--transition);

}

.cdtr-ul-li.show::before{

  opacity: 0.5;

  transition-delay: 0.8s;

}

/* 2026.4.24 lucas end */

/* 2026.4.28 lucas start */

.hdtu-li-box {

    display: flex;

    justify-content: center;

}

.home-news-swiper-swiper{

  width: 30%;

  margin: 0 !important;

}

.hnss-ul{

   --ge: 100%;

   --gap1: 0.16rem;

   margin: 0 calc(var(--gap1) * -1);

}

.hnss-ul-item{

   width: var(--ge);

   padding: 0 var(--gap1);

}

.home-news-swiper-swiper .slick-list{

  overflow: visible;

}

.about-ficat-bj,.about-ficat-bj img{

  user-select: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

}

.mibl-newbtnbox {

    display: flex;

    flex-wrap: wrap;

    margin-top: 0.5rem;

}

.mibl-newbtnbox .hcsi-text-but{

  margin-right: 0.7rem;

}

/* 2026.4.28 lucas end */
/* 5.08临时 */
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    justify-content: space-evenly;
}
/* 5.08临时 end */

/* 2026.5.11 Lucas start */
.culb-ul-li{
  line-height: var(--line15);
  color: var(--colorfff);
  font-size: var(--font18);
}
.cust-scud{
  opacity: 0;
  transition: all 0.36s ease-in-out;
}
.cust-scud.active{
  opacity: 1;
}
.cust-scud .cust-scud-btm .ys-cont1600{
  max-height: 520px;
}
.mibl-tableNote{
  font-size: var(--font14);
  color: var(--color333);
  line-height: var(--line15);
}
.mibl-tableNote span{
  font-family: var(--bold);
}
/* 2026.5.11 Lucas end */

/* 2026.5.21 lucas start */
.footer-top-le {
    width: 40%;
}
/* 2026.5.21 lucas end */