@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);
  font-family: var(--sembold);
}

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

.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;
  transition: var(--transition);
  background: var(--colormain);
  opacity: 0;
  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;
}

.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-table {
  margin-bottom: 0.56rem;
}

.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: 99;
}

.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: 0;
}

.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(--rify) + 60px);
}

.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.88rem;
}

.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: center;
}

.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);
  will-change: opacity;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.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;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.about-road-ul-li.act .arul-box-le-tit {
  margin-bottom: 0.8rem;
}

.about-road-ul-li.act .arul-box-le-par {
  opacity: 1;
}

.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;
  transform: translateZ(0);
}

.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(--font20);
  color: var(--color000);
  line-height: var(--line15);
  font-family: var(--sembold);
  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%,
      #f9f9f9 30%,
      #f9f9f9 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;
  }

  .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.3.31-修改 */
.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);
  }
}

/* 2026.3.31-结束 */
/* 2026.4.2-leos-atrt */
.ijbr-pic {
  border-radius: 4px;
  overflow: hidden;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}

/* 2026.4.2-leos-end */


.iframe-box {
  width: 100%;
  padding-top: 1rem;
}

.iframe-box iframe {
  display: block;
  width: 100%;
  height: 5650px;
  border: 0;
  overflow: hidden;
}

.iframe-box2 {
  display: none;
}

@media screen and (max-width: 1680px) {}

@media screen and (max-width: 1280px) {
  .iframe-box iframe {
    height: 5600px;
  }
}

@media screen and (max-width: 1220px) {
  .iframe-box iframe {
    height: 5680px;
  }
}

@media screen and (max-width: 1199px) {
  .iframe-box iframe {
    height: 6000px;
  }
}

@media screen and (max-width: 991px) {
  .iframe-box iframe {
    height: 5800px;
  }
}

@media screen and (max-width: 784px) {
  .iframe-box iframe {
    height: 10900px;
  }
}

@media screen and (max-width: 767px) {

  /* .iframe-box.iframe-box1 iframe {
    scrolling: auto !important;
  } */

  .iframe-box1 {
    display: none;
  }

  .iframe-box2 {
    display: block;
  }

  .iframe-box.iframe-box2 iframe {
    height: 80vh !important;
  }
}

@media screen and (max-width: 560px) {
  .iframe-box iframe {
    height: 17400px;
  }

  .iframe-box {
    padding-top: 0.4rem;
  }
}