@charset "utf-8";

@font-face {
  font-family: 'playbold';
  src: url('../fonts/Play-Bold/play-bold-webfont.woff2') format('woff2'),
    url('../fonts/Play-Bold/play-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'playregular';
  src: url('../fonts/Play-Regular/play-regular1-webfont.woff2') format('woff2'),
    url('../fonts/Play-Regular/play-regular1-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* 公共样式 - start */
:root {
  /* 字号 */
  --font56: 56px;
  --font48: 48px;
  --font44: 44px;
  --font32: 32px;
  --font24: 24px;
  --font20: 20px;
  /* 段落字号 */
  --font18: 18px;
  --font16: 16px;
  --font14: 14px;
  /* 行高 */
  --line12: 1.2;
  --line13: 1.3;
  --line14: 1.4;
  --line15: 1.5;
  --line16: 1.6;
  --line175: 1.75;
  /* 导航 */
  --line80: 80px;
  /* 颜色 */
  --color333: #333333;
  --color666: #666666;
  --color999: #999999;
  --colorfff: #ffffff;
  --color030: #030F27;
  --colormain1: #ED0127;
  --colormain2: #0D2784;
  --colorbj: #F2F7FC;
  --colorbj2: #F3F7FD;
  /* 板块间距 */
  --space130: 130px;
  --space120: 120px;
  --space80: 80px;
  --space44: 44px;
  --space24: 24px;
  /* 段落间距 */
  --parpspace10: 10px;
  --parpspace12: 12px;
  /* 特殊字体 */
  --family1: 'Guoli-Regular' !important;
  --family2: 'Guoli-Light' !important;
  --family3: 'Guoli-Bold' !important;
}

.std-h1 {
  font-size: var(--font56);
  color: var(--color030);
  line-height: var(--line15);
}

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

.std-h3,
.yxedr-active h3 {
  font-size: var(--font44);
  color: var(--color030);
  line-height: var(--line12);
  font-weight: bold;
}

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

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

.std-h6,
.yxedr-active h5 {
  font-size: var(--font20);
  color: var(--color030);
  line-height: var(--line14);
}

.std-text1,
.std-text1 p {
  font-size: var(--font18);
  color: var(--color030);
  line-height: var(--line175);
}

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

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

.yxedr-active p {
  font-size: var(--font16);
  color: var(--color666);
  line-height: var(--line16);
  margin-bottom: var(--parpspace10);
}

.std-padd130 {
  padding: var(--space130) 0;
}

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

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

.std-padd80 {
  padding: var(--space80) 0;
}

.std-padd80-top {
  padding-top: var(--space80);
}

.std-padd80-bot {
  padding-bottom: var(--space80);
}

.std-mar44 {
  margin-bottom: var(--space44);
}

.std-mar24 {
  margin-bottom: var(--space24);
}

body {
  font-family: "Guoli-Regular", "PingFang SC", "Microsoft YaHei" !important;
}

input,
textarea {
  font-family: "Guoli-Regular", "PingFang SC", "Microsoft YaHei" !important;
}

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

/* 英文站换行规则 */
/* p,div,h1,h2,h3,h4,h5,h6,span,a{ 
    word-wrap: normal; 
    word-break: keep-all; 
} */
/*分享翻译*/
.ys-wechat-cont-parga p::before {
  content: '分享到 - 微信';
  /* content: 'Share the - weixin'; */
}

/* yongsy样式 */
a[href="https://www.yongsy.com"] {
  color: rgba(228, 228, 228, 0.12) !important;
  margin-left: 12px;
  display: inline-block;
}

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

.yxnav-active2 {}

.head-nav-item-title {
  line-height: var(--line80);
}

/* 按钮-start */
.std-btn1-box {
  display: block;
  font-size: var(--font16);
  color: var(--colorfff);
  line-height: var(--line16);
  border-radius: 100px;
  border: 1px solid #D0DBE1;
  padding: 10px 32px;
  cursor: pointer;
  transition: all .4s;
}

.std-btn1 {
  display: inline-block;
}

.std-btn1.black .std-btn1-box {
  color: var(--color030);
  border: 1px solid #D0DBE1;
}

.std-btn2-box {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.std-btn2-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: solid 1px var(--colormain2);
  position: relative;
  flex-shrink: 0;
  font-size: 0;
  margin-right: 16px;
  transition: all .4s;
}

.std-btn2-icon img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all .4s;
}

.std-btn2-icon img:nth-child(2) {
  opacity: 0;
}

.std-btn2-box p {
  color: var(--color030);
  line-height: var(--line175);
  font-size: var(--font16);
  margin-bottom: 0px !important;
}

.std-btn2.white .std-btn2-icon {
  border: solid 1px var(--colorfff);
}

.std-btn2.white p {
  color: var(--colorfff);
}

/* 轮播溢出隐藏 */
.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;
}

/* 过渡 */
.transition-time1 {
  transition: all .36s both;
}

.transition-time2 {
  transition: all .5s both;
}

/* 公共样式 - end */
/* 底部导航-start */
.mod-foot {
  padding-top: 75px;
  background: var(--color030);
}

.mod-foot-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.mod-foot-top-le {
  width: 22%;
}

.mod-foot-top-ri {
  width: 58%;
}

.mftl-logo {
  width: 240px;
  margin-bottom: 70px;
}

.mftl-logo a {
  display: block;
  width: 100%;
}

.mftl-logo a img {
  width: 100%;
}

.mftl-tel {
  width: 92%;
  padding: 10px 10px 8px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  border: solid 1px #fff;
}

.mftl-tel p,
.mftl-tel p a {
  font-size: var(--font16);
  line-height: var(--line175);
  color: var(--colorfff);
}

.mftl-tel-icon {
  width: 24px;
  flex-shrink: 0;
  font-size: 0;
  margin-right: 12px;
}

.mftl-tel-icon img {
  width: 100%;
}

.mftl-ul-li {
  margin-bottom: 16px;
}

.mftl-ul-li:last-child {
  margin-bottom: 0px;
}

.mulb-le {
  display: flex;
  align-items: center;
  margin-right: 6px;
  flex-shrink: 0;
}

.mulb-le-icon {
  width: 20px;
  flex-shrink: 0;
  font-size: 0;
  margin-right: 12px;
}

.mulb-le-icon img {
  width: 100%;
}

.mulb-le p {
  color: var(--colorfff);
  font-size: var(--font16);
  line-height: var(--line175);
}

.mulb-ri p,
.mulb-ri p a {
  font-size: var(--font16);
  color: rgba(255, 255, 255, 0.8);
  line-height: 2;
  display: inline-block;
}

.mftl-ul-li-box {
  display: flex;
  align-items: flex-start;
}

.mftl-share {
  margin-top: 84px;
}

.mftl-sahre-ul {
  display: flex;
  margin: 0 -10px;
}

.mftl-share-ul-li {
  padding: 0 10px;
  position: relative;
}

.msul-show {
  width: 24px;
  cursor: pointer;
  display: block;
}

.msul-show img {
  width: 100%;
}

.msul-hide {
  width: 146px;
  position: absolute;
  left: 50%;
  bottom: 105%;
  transform: translateX(-50%);
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 15px 35px 0px rgba(71, 71, 71, 0.10);
  padding: 10px;
  display: none;
}

.mod-foot-bot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  border-top: solid 1px rgba(207, 207, 207, 0.43);
}

.mod-foot-bot-le p span,
.mod-foot-bot-le p span a {
  font-size: var(--font14);
  line-height: var(--line175);
  color: var(--colorfff);
  opacity: 0.5;
  display: inline-block;
}

.mod-foot-bot-le p span a {
  opacity: 1;
}

.mod-foot-top {
  margin-bottom: 10px;
}

.mfbr-ul {
  display: flex;
  margin: 0 -5px;
}

.mfbr-ul-li {
  padding: 0 5px;
}

.mfbr-ul-li a {
  color: var(--color999);
  font-size: var(--font14);
  line-height: var(--line175);
  transition: all .4s;
}

.mftr-ul-li-link a {
  font-size: var(--font18);
  font-weight: bold;
  color: var(--colorfff);
  line-height: var(--line14);
  display: block;
}

.mftr-ul-li-link {
  margin-bottom: var(--space24);
}

.mftr-ul {
  display: flex;
  justify-content: space-between;
}

.mftr-ul-li-link a {
  display: block;
  font-weight: bold;
  font-size: var(--font18);
  color: var(--colorfff);
  line-height: var(--line15);
  margin-bottom: var(--space24);
}

.mftr-ul-li ul li {
  margin-bottom: 12px;
}

.mftr-ul-li ul li:last-child {
  margin-bottom: 0px;
}

.mftr-ul-li ul li p a {
  display: block;
  font-size: var(--font14);
  opacity: 0.8;
  transition: all .4s;
  line-height: var(--line16);
  color: var(--colorfff);
}

.mod-foot {
  position: relative;
  overflow: hidden;
}

.mod-foot-bg {
  width: 23%;
  position: absolute;
  bottom: 0;
  right: 0;
  pointer-events: none;
}

.mod-foot-bg img {
  width: 100%;
}

.mftr-ul-li:last-child ul li p a {
  font-size: var(--font18);
  font-weight: bold;
  opacity: 1;
}

.mftr-ul-li:last-child ul li {
  margin-bottom: var(--space24);
}

.mod-return {
  width: 44px;
  position: fixed;
  bottom: 80px;
  right: 40px;
  cursor: pointer;
  z-index: 12;
  transition: all .4s;
  transform-origin: center bottom;
  transform: scale(0);
}

.mod-return.ys-show {
  transform: scale(1);
}

.mod-return img {
  width: 100%;
}

.mod-foot {
  position: relative;
}

/* 底部导航-end */
/* 顶部导航-start */
.ys-hd-pc {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--colorfff);
  border-bottom: solid 1px #D0DBE1;
  transition: all .4s;
}

.mod-nav {
  display: flex;
  justify-content: space-between;
}

.head-logo {
  width: 220px;
}

.head-logo a {
  display: block;
  line-height: var(--line80);
  position: relative;
}

.head-logo img {
  width: 100%;
  transition: all .4s;
}

.head-logo img:nth-child(2) {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.head-nav {
  display: flex;
  margin: 0px !important;
}

.head-nav-item {
  padding: 0 !important;
  margin-right: 36px;
}

.head-nav-item.yxnav-active1 .head-nav-item-title p {
  color: var(--colormain2) !important;
}

.head-nav-item.yxnav-active1 .hnit-icon img:nth-child(3) {
  opacity: 1;
}

.head-nav-item.yxnav-active1 .hnit-icon img:nth-child(1) {
  opacity: 0;
}

.head-nav-item.yxnav-active1 .hnit-icon {
  /* transform: rotate(180deg); */
}

.head-nav-item-title {
  display: flex;
  align-items: center;
}

.head-nav-item-title p {
  line-height: var(--line80);
  color: var(--color030);
  transition: all .4s;
  font-size: var(--font16);
}

.hnit-icon {
  width: 24px;
  flex-shrink: 0;
  font-size: 0;
  position: relative;
  margin-left: 8px;
  transition: all .4s;
  display: none;
}

.has-pull .hnit-icon {
  display: block;
}

.hnit-icon img {
  width: 100%;
  transition: all .4s;
}

.hnit-icon img:nth-child(2) {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hnit-icon img:nth-child(3) {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mod-nav-lang-ul {
  display: flex;
  margin: 0 -8px;
}

.mod-nav-lang {
  margin-right: 28px;
}

.mnlu-li {
  padding: 0 8px;
  position: relative;
}

.mnlu-li::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 15px;
  background: var(--color030);
}

.mnlu-li:last-child::after {
  display: none;
}

.mod-nav-other {
  display: flex;
}

.mnlu-li a {
  display: block;
  line-height: var(--line80);
  transition: all .4s;
  font-size: var(--font16);
  opacity: 0.3;
  color: var(--color030);
}

.mnlu-li.act a {
  opacity: 1;
}

.ys-search2-btn {
  width: 20px;
  line-height: var(--line80);
  cursor: pointer;
  display: block;
  transition: all .36s;
  position: relative;
}

.ys-search2-btn img {
  width: 100%;
  transition: all .4s;
}

.ys-search2-btn img:nth-child(2) {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ys-search2-win {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  text-align: center;
  border-top: 1px solid #eee;
  box-shadow: 0 10px 18px 3px rgb(0 0 0 / 2%);
  overflow: hidden;
  display: none;
}

.ys-search2-box {
  padding: 16px 0;
}

.ys-search2-tibox {
  width: 34%;
  margin: 0 auto;
}

.ys-search2-tbox {
  border-bottom: 1px solid #eee;
  width: calc(100% - 24px);
  padding-right: 20px;
  height: 40px;
}

.ys-search2-tbox input {
  width: 100%;
  height: 100%;
  font-size: var(--font16);
}

.ys-search2-ibox {
  width: 24px;
  margin-top: 10px;
}

.ys-search2-ibox img {
  width: 100%;
}

.head-nav-item {
  position: relative;
}

.head-nav-item-down {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0px 0px 15px 15px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 383px 107px 0px rgba(132, 155, 179, 0.00), 0px 245px 98px 0px rgba(132, 155, 179, 0.01), 0px 138px 83px 0px rgba(132, 155, 179, 0.05), 0px 61px 61px 0px rgba(132, 155, 179, 0.09), 0px 15px 34px 0px rgba(132, 155, 179, 0.10);
  overflow: hidden;
  backdrop-filter: blur(7.5px);
  -webkit-backdrop-filter: blur(7.5px);
}

.ys-hd-pc::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  background: linear-gradient(180deg, rgba(3, 26, 39, 0.50) 0%, rgba(3, 26, 39, 0.00) 100%);
  transition: all .4s;
  opacity: 0;
}

.inside-body .ys-hd-pc::after {
  opacity: 1;
}

.inside-body .ys-hd-pc {
  background: transparent;
  border-bottom: solid 1px transparent;
}

.inside-body .head-logo img:nth-child(2) {
  opacity: 1;
}

.inside-body .head-logo img:nth-child(1) {
  opacity: 0;
}

.inside-body .head-nav-item-title p {
  color: var(--colorfff);
}

.inside-body .hnit-icon img:nth-child(2) {
  opacity: 1;
}

.inside-body .hnit-icon img:nth-child(1) {
  opacity: 0;
}

.inside-body .mnlu-li a {
  color: var(--color999);
  opacity: 1;
}

.inside-body .mnlu-li.act a {
  color: var(--colorfff);
}

.inside-body .mnlu-li::after {
  background: var(--color999);
}

.inside-body .ys-search2-btn img:nth-child(2) {
  opacity: 1;
}

.inside-body .ys-search2-btn img:nth-child(1) {
  opacity: 0;
}

.inside-body .ys-hd-pc.isfixed::after,
.inside-body .ys-hd-pc.isfixed1::after {
  opacity: 0;
}

.inside-body .ys-hd-pc.isfixed,
.inside-body .ys-hd-pc.isfixed1 {
  background: var(--colorfff);
  border-bottom: solid 1px #D0DBE1;
}

.inside-body .ys-hd-pc.isfixed .head-logo img:nth-child(2),
.inside-body .ys-hd-pc.isfixed1 .head-logo img:nth-child(2) {
  opacity: 0;
}

.inside-body .ys-hd-pc.isfixed .head-logo img:nth-child(1),
.inside-body .ys-hd-pc.isfixed1 .head-logo img:nth-child(1) {
  opacity: 1;
}

.inside-body .ys-hd-pc.isfixed .head-nav-item-title p,
.inside-body .ys-hd-pc.isfixed1 .head-nav-item-title p {
  color: var(--color030);
}

.inside-body .ys-hd-pc.isfixed .hnit-icon img:nth-child(2),
.inside-body .ys-hd-pc.isfixed1 .hnit-icon img:nth-child(2) {
  opacity: 0;
}

.inside-body .ys-hd-pc.isfixed .hnit-icon img:nth-child(1),
.inside-body .ys-hd-pc.isfixed1 .hnit-icon img:nth-child(1) {
  opacity: 1;
}

.inside-body .ys-hd-pc.isfixed .mnlu-li a,
.inside-body .ys-hd-pc.isfixed1 .mnlu-li a {
  color: var(--color030);
  opacity: 0.3;
}

.inside-body .ys-hd-pc.isfixed .mnlu-li.act a,
.inside-body .ys-hd-pc.isfixed1 .mnlu-li.act a {
  color: var(--color030);
  opacity: 1;
}

.inside-body .ys-hd-pc.isfixed .mnlu-li::after,
.inside-body .ys-hd-pc.isfixed1 .mnlu-li::after {
  background: var(--color030);
}

.inside-body .ys-hd-pc.isfixed .ys-search2-btn img:nth-child(2),
.inside-body .ys-hd-pc.isfixed1 .ys-search2-btn img:nth-child(2) {
  opacity: 0;
}

.inside-body .ys-hd-pc.isfixed .ys-search2-btn img:nth-child(1),
.inside-body .ys-hd-pc.isfixed1 .ys-search2-btn img:nth-child(1) {
  opacity: 1;
}

.prod-pull {
  width: calc(1920px * 0.3719);
}

.prod-pull-wrap {
  display: flex;
  align-items: stretch;
  position: relative;
}

.prod-pull-wrap::after {
  /* content: ""; */
  position: absolute;
  top: 50%;
  left: 71%;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 100%;
  background: #D0DBE1;
}

.prod-pull-le {
  width: 71%;
  padding: 40px 44px 30px 31px;
  border-right: solid 1px #d0dbe1;
}

.prod-pull-ri {
  width: 29%;
  padding: 40px 44px 30px 31px;
}

.prod-pull-ri .prod-pull-ul-li {
  width: 100%;
}

.prod-pull-tit {
  color: var(--color030);
  line-height: var(--line16);
  margin-bottom: 32px;
}

.prod-pull-ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -37px;
}

.prod-pull-ul-li {
  width: 50%;
  padding: 0 37px;
  margin-bottom: 12px;
}

.prod-pull-ul-li a {
  display: flex;
  align-items: center;
  padding: 6px 12px;
  background: transparent;
  overflow: hidden;
  border-radius: 5px;
  transition: all .4s;
}

.prod-pull-ul-li p {
  color: var(--color030);
  line-height: var(--line175);
  font-size: var(--font16);
  transition: all .4s;
}

.ppul-icon {
  width: 20px;
  flex-shrink: 0;
  font-size: 0;
  margin-left: 12px;
  position: relative;
}

.ppul-icon img {
  width: 100%;
  transition: all .4s;
}

.ppul-icon img:nth-child(2) {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.prod-pull-ul-li.yxnav-active2 p {
  color: var(--colorfff);
  transform: translateX(-3 px);
}

.prod-pull-ul-li.yxnav-active2 .ppul-icon img:nth-child(1) {
  opacity: 0;
}

.prod-pull-ul-li.yxnav-active2 .ppul-icon img:nth-child(2) {
  opacity: 1;
}

.prod-pull-ul-li.yxnav-active2 a {
  background: var(--colormain2);
}

.aplu-li a {
  border-radius: 10px;
  overflow: hidden;
  background: var(--colorbj);
  padding: 15px 28px 15px 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.prod-pull-ri-link a {
  overflow: hidden;
  border-radius: 10px;
  position: relative;
  display: block;
}

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

.pprl-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pprl-cry {
  position: relative;
  padding: 22px 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.pprl-cry-tit {
  color: var(--colorbj);
  line-height: var(--line175);
  margin-bottom: 32px;
}

.mod-pull {
  width: auto;
  padding: 19px 12px 13px;
}

.mpul-link {
  padding: 6px 12px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  transition: all .4s;
  overflow: hidden;
  justify-content: space-between;
}

.mod-pull-ul-li {
  margin-bottom: 6px;
}

.mod-pull-ul-li:last-child {
  margin-bottom: 0px;
}

.mpul-link p {
  color: var(--color030);
  line-height: var(--line175);
  font-size: var(--font16);
  transition: all .4s;
  white-space: nowrap;
}

.mpul-link-icon {
  width: 20px;
  flex-shrink: 0;
  font-size: 0;
  margin-left: 12px;
  position: relative;
}

.mpul-link-icon img {
  width: 100%;
  transition: all .4s;
}

.mpul-link-icon img:nth-child(2) {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mod-pull-ul-li.yxnav-active2 p {
  color: var(--colorfff);
}

.mod-pull-ul-li.yxnav-active2 .mpul-link-icon img:nth-child(2) {
  opacity: 1;
}

.mod-pull-ul-li.yxnav-active2 .mpul-link-icon img:nth-child(1) {
  opacity: 0;
}

.mod-pull-ul-li.yxnav-active2 .mpul-link {
  background: var(--colormain2);
}

.ys-ph-navbar3 .ys-phnav-header {
  background: var(--colorfff);
}

.ys-phnav-menubtn span,
.ys-phnav-menubtn::after,
.ys-phnav-menubtn::before {
  background: var(--colormain2);
  transition: all .4s;
}

.ys-ph-navbar3 .ys-phnav-header a,
.ys-ph-navbar3 .ys-phnav-search .iconfont {
  color: var(--colormain2);
}

.icon-close:before {
  color: var(--colormain2);
}

.ys-ph-navbar3 .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox .ys-phnav-header-font,
.ys-ph-navbar3 .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox a,
.ys-ph-navbar3 .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox .ys-phnav-header-font,
.ys-ph-navbar3 .ys-ph-nav li.yxnav-active2>.ys-phnav-lisbox .ys-phnav-header-font,
.ys-ph-navbar3 .ys-ph-nav li.yxnav-active3>.ys-phnav-lisbox .ys-phnav-header-font {
  color: var(--colormain2);
}

/* 顶部导航-end */
/*侧边导航-start */
.mod-aside {
  width: 60px;
  position: fixed;
  top: 50%;
  right: 24px;
  transform: translateY(-50%) translateX(150%);
  border-radius: 100px;
  background: var(--colormain2);
  box-shadow: 0px 383px 107px 0px rgba(132, 155, 179, 0.00), 0px 245px 98px 0px rgba(132, 155, 179, 0.01), 0px 138px 83px 0px rgba(132, 155, 179, 0.05), 0px 61px 61px 0px rgba(132, 155, 179, 0.09), 0px 15px 34px 0px rgba(132, 155, 179, 0.10);
  padding: 16px 8px;
  transition: all .4s;
  z-index: 99;
}

.mod-aside.ys-show {
  transform: translateY(-50%) translateX(0%);
}

.maul-show {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: transparent;
  position: relative;
  padding: 10px;
  transition: all .4s;
  display: block;
}

.maul-show img {
  width: 100%;
}

.mod-aside-ul-li.act .maul-show {
  background: rgba(0, 0, 0, 0.30);
}

.mod-aside-ul-li {
  margin-bottom: 10px;
  position: relative;
}

.mod-aside-ul-li:last-child {
  margin-bottom: 0px;
}

.maul-hide {
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
  padding-right: 14px;
  display: none;
  pointer-events: none;
  box-shadow: 0px 383px 107px 0px rgba(132, 155, 179, 0.00), 0px 245px 98px 0px rgba(132, 155, 179, 0.01), 0px 138px 83px 0px rgba(132, 155, 179, 0.05), 0px 61px 61px 0px rgba(132, 155, 179, 0.09), 0px 15px 34px 0px rgba(132, 155, 179, 0.10);
}

.maul-hide-cry {
  padding: 17px 83px 25px 23px;
  border-radius: 10px;
  border-right: 2px solid #0069A6;
  background: #FFF;
}

.maul-hide-tp {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

.about-deve-tit p:first-child {
  /* color: var(--colormain1); */
}

.maul-hide-tp-icon {
  width: 24px;
  flex-shrink: 0;
  font-size: 0;
  margin-right: 11px;
}

.maul-hide-tp-icon img {
  width: 100%;
}

.maul-hide-tp p {
  color: var(--color666);
  font-size: var(--font16);
  line-height: var(--line175);
}

.maul-hide-bot p,
.maul-hide-bot p a {
  font-weight: bold;
  color: var(--color030);
  line-height: var(--line175);
  white-space: nowrap;
}

.maul-hide-code {
  width: 119px;
  border-radius: 10px;
  overflow: hidden;
  padding: 8px;
  background: var(--colorfff);
}

.maul-hide-code img {
  width: 100%;
}

.maul-show {
  cursor: pointer;
}

.mod-aside-ul-li.act .maul-hide {
  pointer-events: all;
}

/*侧边导航-end */
/* 首页-start */
.ys-ban-title {
  font-size: var(--font48);
  color: var(--colorfff);
  line-height: var(--line13);
  font-weight: 600;
  text-align: center;
  text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.30);
  letter-spacing: 0.05em;
}

.ys-ban-btn {
  margin-top: 70px;
}

.slick-active .ys-ban-title {
  animation: ysfadeInUp .8s ease-in-out both;
  animation-delay: 0.4s;
}

.gh_hban .std-h5 {
  animation: ysfadeInUp .8s ease-in-out both;
  animation-delay: 0.4s;
}

.slick-active .ys-ban-btn {
  animation: ysfadeInUp .8s ease-in-out both;
  animation-delay: 0.5s;
}

.ys-ban-dots {
  position: absolute;
  left: 50%;
  bottom: 35px;
  transform: translateX(-50%);
}

.ys-bduli span {
  color: var(--colorfff);
  opacity: 0.2;
  font-size: var(--font14);
  line-height: var(--line12);
  display: inline-block;
  transition: all .4s;
  margin-bottom: 12px;
}

.ys-bduli-pro {
  width: 48px;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  transition: all .4s;
}

.ys-ban-dots-ul {
  display: flex;
  margin: 0 -12px;
}

.ys-bduli {
  margin: 0 12px;
}

.ys-bduli.on span {
  opacity: 1;
}

.ys-bduli.on .ys-bduli-pro {
  width: 109px;
  background: rgba(255, 255, 255, 1);
}

.ys-scroll {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 18px;
  cursor: pointer;
}

.ys-scroll-pic,
.ys-scroll-pic img {
  width: 100%;
}

.mod-word p {
  color: var(--color030);
  line-height: var(--line175);
  text-align: center;
  opacity: 0.6;
}

.home-apply .mod-word {
  width: 52%;
  margin: 0 auto var(--space44);
}

.home-main h2 {
  text-align: center;
}

.home-main .mod-ctact {
  padding-top: 0px;
}

.mod-ctact.more {
  padding-top: var(--space130) !important;
}

.home-news {
  padding-bottom: var(--space130) !important;
}

.mod-wrap {
  padding-bottom: var(--space130);
}

.home-prod {
  position: relative;
  background: var(--color030);
}

.home-prod-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.home-prod-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-prod-bg img:nth-child(2) {
  display: none;
}

.home-prod .ys-cont1560 {
  position: relative;
  z-index: 2;
}

.home-prod-tp {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.home-prod h2 {
  color: var(--colorfff);
  text-align: left;
}

.home-prod-tp p {
  color: var(--colorfff);
  opacity: 1;
}

.habs-ul-li-link {
  border-radius: 20px;
  background: var(--colorfff);
  padding: 24px 24px 24px 49px;
  display: flex;
  align-items: stretch;
}

.hull-fr {
  width: 43%;
  background: var(--color030);
  border-radius: 15px;
  position: relative;
}

.hull-fl {
  width: 57%;
  padding-right: 65px;
  padding-top: 45px;
  padding-bottom: 45px;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.hull-fl-tp-tit {
  color: var(--color030);
  line-height: var(--line15);
}

.hull-fl-tp-word p {
  color: var(--color666);
  line-height: var(--line175);
  height: 3.5em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hull-fl-tp-ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -6px;
}

.hftu-lis {
  padding: 0 6px;
  margin-bottom: 12px;
}

.hftu-lis-box {
  display: flex;
  align-items: center;
  border-radius: 100px;
  padding: 5px 16px 4px;
  background: #E4ECF0;
}

.hftu-lis-icon {
  width: 20px;
  flex-shrink: 0;
  font-size: 0;
  margin-right: 12px;
}

.hftu-lis-icon img {
  width: 100%;
}

.hftu-lis-box p {
  color: var(--color030);
  line-height: var(--line175);
  font-size: var(--font14);
}

.hull-fr-play {
  width: 44px !important;
  position: absolute;
  bottom: 24px;
  right: 24px;
  cursor: pointer;
  z-index: 2;
  background: var(--colorfff);
  border-radius: 50%;
}

.hull-fr video {
  background: transparent !important;
}

.home-apply-bot-swip {
  width: 900px !important;
  overflow: visible !important;
  margin-left: 0 !important;
}

.habs-ul-li {
  padding: 0px !important;
}

.arrows-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.20);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  position: relative;
  cursor: pointer;
  transition: all .4s;
}

.arrows-icon img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all .4s;
}

.arrows-icon img:nth-child(2) {
  opacity: 0;
}

.mod-arrows {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.slick-disabled,
.swiper-button-disabled {
  opacity: 0.6;
  pointer-events: none;
}

.home-prod .swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: calc(100% - 135px) !important;
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: calc(100% - 135px) !important;
  height: 2px !important;
  left: 0;
  top: auto !important;
  bottom: -42px !important;
  background: rgba(255, 255, 255, 0.2);
}

.home-apply-bot .mod-arrows {
  width: 108px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.home-apply-bot {
  position: relative;
  padding-bottom: 65px;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--colorfff) !important;
}

.home-creat-video {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.home-creat-video::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
  pointer-events: none;
  z-index: 2;
}

.home-creat-video-min {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
}

.home-creat-video-min img {
  width: 80px;
  border-radius: 50%;
  background: var(--colorfff);
  margin: 0 auto 84px;
  cursor: pointer;
  display: block;
}

.home-creat-video-min span {
  display: block;
  text-align: center;
  font-size: var(--font18);
  line-height: var(--line12);
  color: var(--colorfff);
}

.home-creat {
  background: var(--colorbj);
}

.home-creat .mod-word {
  width: 54%;
  margin: 0 auto var(--space44);
}

.home-news-ul {
  margin: 0 -12px;
}

.home-news-ul-li {
  width: 460px !important;
  padding: 0 12px;
}

.hnul-link {
  display: block;
  padding: 32px;
  border-radius: 20px;
  border: 1px solid #D0DBE1;
  background: #FFF;
  box-shadow: 0px 383px 107px 0px rgba(132, 155, 179, 0.00), 0px 245px 98px 0px rgba(132, 155, 179, 0.01), 0px 138px 83px 0px rgba(132, 155, 179, 0.05), 0px 61px 61px 0px rgba(132, 155, 179, 0.09), 0px 15px 34px 0px rgba(132, 155, 179, 0.10);
}

.hnul-link-top-bt {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hltb-btn {
  display: flex;
  align-items: center;
}

.hltb-le-icons {
  width: 16px;
  flex-shrink: 0;
  font-size: 0;
  margin-right: 8px;
}

.hltb-le-icons img {
  width: 100%;
}

.hltb-btn p {
  color: var(--color666);
  font-size: var(--font14);
  line-height: var(--line12);
}

.hnul-link-top .ys-imgbox-cover {
  border-radius: 15px;
  margin-bottom: var(--space24);
}

.hnul-link-top {
  padding-bottom: var(--space24);
  border-bottom: solid 1px #D0DBE1;
  margin-bottom: var(--space24);
}

.hnul-link-tit {
  color: var(--color030);
  line-height: 1.6;
  height: 1.6em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 12px;
}

.hnul-link-word p {
  line-height: var(--line175);
  height: 3.5em;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: var(--color666);
}

.hnul-link-word {
  margin-bottom: var(--space44);
}

.home-news .swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  background: rgba(3, 15, 39, 0.1);
  width: calc(100% - 135px) !important;
  height: 2px !important;
}

.home-news .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: rgba(3, 15, 39, 1) !important;
}

.home-news .arrows-icon {
  background: rgba(3, 26, 39, 0.10);
}

.mod-ctact-wrap {
  padding: 78px 0;
  padding-left: 96px;
  z-index: 5;
}

.mod-ctact .ys-cont1560 {
  border-radius: 20px;
  overflow: hidden;
}

.mod-ctact-wrap h2 {
  text-align: left !important;
  color: var(--colorfff);
  margin-bottom: 12px;
  line-height: var(--line13);
}

.mod-ctact-wrap .mod-word p {
  color: #F2F7FC;
  text-align: left !important;
  opacity: 1;
}

.mod-ctact-wrap .mod-word {
  width: 48%;
}

.mod-ctact .std-btn1 {
  margin-top: 40px;
}

.home-news .home-apply-bot-swip {
  width: 100% !important;
}

.sticky-body {
  overflow: visible !important;
}

section {
  overflow: hidden;
}

.home-apply {
  overflow: visible !important;
}

.home-apply-le {
  position: sticky;
  top: 260px;
}

.home-apply-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.home-apply-le-ul {
  position: relative;
}

.home-apply-le-ul::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 3px;
  transform: translateY(-50%);
  width: 1px;
  height: calc(100% - 12px);
  background: #D0DBE1;
}

.halu-lis p {
  font-size: var(--font16);
  color: var(--color999);
  padding-left: 17px;
  position: relative;
  cursor: pointer;
}

.halu-lis p::after {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #D0DBE1;
  transform: scale(1);
  transition: all .4s;
  z-index: 4;
}

.halu-lis p::before {
  content: "";
  position: absolute;
  top: 0.9px;
  left: -4.6px;
  width: 16px;
  height: 16px;
  background: #D0DBE1;
  border-radius: 50%;
  z-index: 3;
  opacity: 0;
}

.halu-lis {
  margin-bottom: 50px;
}

.halu-lis:last-child {
  margin-bottom: 0px;
}

.halu-lis.act p {
  color: var(--color030);
  font-size: var(--font18);
}

.halu-lis.act p::after {
  transform: scale(1.5);
  background: var(--color030);
}

.halu-lis.act p::before {
  opacity: 1;
}

.haru-li-img {
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.haru-li-img img {
  width: 100%;
}

.haru-li-box {
  position: relative;
}

.haru-li-cry {
  width: 45%;
  position: absolute;
  bottom: 44px;
  left: 44px;
}

.haru-li-cry a {
  display: block;
  padding: 22px 22px 25px 32px;
  border: 1px solid rgba(255, 255, 255, 0.60);
  background: rgba(117, 121, 135, 0.40);
  backdrop-filter: blur(7.5px);
  -webkit-backdrop-filter: blur(7.5px);
  border-radius: 15px;
  overflow: hidden;
}

.hlct-le {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hlct-le-btn {
  display: flex;
  align-items: center;
}

.hlct-le-btn-icon {
  width: 32px;
  flex-shrink: 0;
  font-size: 0;
  margin-right: 24px;
}

.hlct-le-btn-icon img {
  width: 100%;
}

.hlct-le-btn p {
  color: var(--colorfff);
  font-size: var(--font24);
  line-height: var(--line16);
}

.haru-li-cry-tp {
  margin-bottom: 12px;
}

.haru-li-cry-tp .std-btn2-icon {
  border: solid 1px var(--colorfff);
}

.haru-li-cry-tp .std-btn2-icon img:nth-child(2) {
  opacity: 1;
}

.haru-li-cry-tp .std-btn2-icon img:nth-child(1) {
  opacity: 0;
}

.haru-li-cry-word {
  width: 74%;
}

.haru-li-cry-word p {
  color: var(--colorfff);
  line-height: var(--line175);
}

.haru-li {
  margin-bottom: 37px;
}

.haru-li:last-child {
  margin-bottom: 0px;
}

.haru-li::before,
.halu-lis::before {
  display: none !important;
}

/* .haru-li{
    transform: perspective(50rem) rotateX(30deg);
    opacity: 0.4;
} */
/* .haru-li:first-child{
    transform: inherit !important;
    opacity: 1;
} */
/* 首页-end */
/* B4 下载中心列表页-start */
.home-main .ys-main {
  padding-top: 0px !important;
}

.ys-main {
  padding-top: var(--line80);
}

.ys-nyban-img {
  width: calc(100% - 48px);
  margin: 0 auto;
  border-radius: 20px;
  overflow: hidden;
}

.ys-nybanner {
  margin-top: 24px;
}

.ys-nyban-img {
  position: relative;
}

.ys-nyban-img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 65%;
  height: 100%;
  background: linear-gradient(270deg, rgba(3, 15, 39, 0) 12.61%, rgba(3, 15, 39, 0.10) 90.03%);
  pointer-events: none;
}

.ys-nyban-title h1 {
  font-size: var(--font24);
  line-height: var(--line16);
  color: var(--colorfff);
}

.ys-nyban-title p {
  width: 50%;
  font-size: var(--font48);
  line-height: var(--line13);
  color: var(--colorfff);
  margin-top: var(--space24);
  letter-spacing: 0.05em;
}

.ys-ban-btn {
  display: none;
  margin-top: 42px;
}

.mark-page .ys-ban-btn {
  display: block;
}

.ys-nybanner .ys-pos-center {
  top: auto;
  bottom: 64px;
  transform: translate(-50%, 0%);
}

.ys-bread-list:first-child a {
  display: block;
  width: 20px;
}

.ys-bread-list:first-child a img {
  width: 100%;
}

.ys-bread {
  margin: 0 -18px;
  align-items: center;
}

.ys-bread-list {
  padding: 0 18px;
}

.ys-bread-list::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -12px;
  transform: translateY(-50%);
  font-size: 0;
  color: #666;
  line-height: 1.75;
  background: url(../img/position_f.svg) center no-repeat;
  width: 24px;
  height: 24px;
}

.ys-bread-list a {
  display: block;
  font-size: var(--font14);
  line-height: var(--line12);
  color: var(--color999);
}

.mod-bread {
  margin-top: var(--space24);
}

.load-page {
  background: var(--colorbj);
}

.load-item h2 {
  margin-bottom: 56px;
}

.load-item-ul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0 -12px;
}

.load-item-ul-li {
  width: 33.333333%;
  padding: 0 12px;
  margin-bottom: 44px;
  height: auto !important;
}

.load-item {
  border-bottom: solid 1px #D0DBE1;
}

.load-item:last-child {
  border-bottom: solid 1px transparent;
}

.liul-box {
  border-radius: 10px;
  background: var(--colorfff);
  position: relative;
  padding: 24px 24px 24px 155px;
  border: solid 1px transparent;
  transition: all .4s;
  cursor: pointer;
  height: 100%;
}

.liul-box .ys-imgbox-cover {
  width: 20.3%;
  position: absolute;
  bottom: 12px;
  left: 16px;
}

.liul-cry {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.liul-cry-le-tit {
  color: var(--color030);
  line-height: var(--line175);
  margin-bottom: 3px;
  min-height: 1.75em;
}

.liul-cry-le-word p {
  color: var(--color999);
  line-height: var(--line175);
}

.liul-cry-icon {
  width: 24px;
  flex-shrink: 0;
  font-size: 0;
}

.liul-cry-icon img {
  width: 100%;
}

.load-item-ul-li:nth-child(3n+1) {
  animation-delay: 0.2s;
}

.load-item-ul-li:nth-child(3n+2) {
  animation-delay: 0.3s;
}

.load-item-ul-li:nth-child(3n+3) {
  animation-delay: 0.4s;
}

.load-item:first-child {
  padding-top: 0px !important;
}

/* 弹窗 */
.ys-form-title {
  color: #333;
  font-size: 40px;
  line-height: 1.5;
  margin-bottom: 50px;
  font-weight: bold;
}

.from-modal .ys-modal-content {
  width: 900px;
  padding: 0px;
  max-height: 840px;
  border-radius: 20px;
}

.from-modal-cont {
  padding: 45px 36px 32px;
}

.from-modal-tit {
  color: var(--color030);
  line-height: var(--line15);
  padding: 32px 36px 24px;
  border-bottom: solid 1px #D0DBE1;
}

.from-modal .icon-close:before {
  content: "\e747";
  font-weight: 400;
  font-size: 30px;
  color: var(--color030);
}

.from-modal .ys-modal-close {
  right: 32px;
  top: 32px;
  font-size: 0;
  font-weight: 400;
}

.ys-form-inof {
  margin: 0 calc(var(--space) * -1);
  display: flex;
  flex-wrap: wrap;
}

.ys-form-inof-item {
  padding: 0 16px;
  margin-bottom: 32px;
  width: 100%;
}

.ys-form-inof-item3 {
  width: 33.333333%;
}

.ys-form-inof-item2 {
  width: 50%;
}

.ys-fii-name {
  font-size: var(--font18);
  line-height: var(--line175);
  color: var(--color030);
  margin-bottom: 16px;
}

.ys-fii-name span {
  color: var(--colormain1);
}

.ys-fii-input {
  width: 100%;
  height: 50px;
  border-radius: 10px;
  background: var(--colorbj);
  display: block;
}

.ys-fii-input input,
.ys-fii-input textarea {
  padding: 0 14px;
  width: 100%;
  height: 100%;
  font-size: var(--font16);
  line-height: var(--line175);
  color: var(--color030);
}

.ys-fii-tips {
  font-size: var(--font14);
  color: var(--colormain1);
  line-height: var(--line175);
}

.ys-fii-tips span {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.ys-form-inof-item .ys-select-xtbbox {
  right: 10px;
}

.ys-fii-select-search .ys-select-bd,
.ys-fii-select .ys-select-bd {
  border: 1px solid var(--color999);
  border-top: 0px;
}

.ys-fii-select-search .ys-fiiss-core,
.ys-fii-select .ys-select-bd {
  padding: 10px 0;
}

.ys-fii-select-search .ys-select-bd {
  padding-top: 0 !important;
}

.ys-form-inof-item .ys-select-li {
  font-size: var(--font18);
  line-height: var(--line15);
  color: var(--color666);
  padding: 0.5em 20px;
  transition: all .4s ease;
}

.ys-form-inof-item .ys-select-li span {
  color: var(--colormain1);
}

.ys-form-inof-item .ys-select-li:hover {
  color: var(--color333);
}

.ys-fiiss-input {
  border: 10px solid var(--colorbj);
  width: 100%;
  display: block;
  display: flex;
  align-items: center;
}

.ys-fiiss-input input {
  width: 100%;
  border-radius: 4px;
  padding: 4px 10px;
  width: calc(100% - 30px);
  flex-grow: 1;
  font-size: var(--font16);
  line-height: var(--line15);
  color: var(--color666);
}

.ys-fiiss-input input::placeholder,
.ys-form-inof-item input::placeholder,
.ys-form-inof-item textarea::placeholder {
  color: var(--color999);
}

.ys-fiiss-input-close {
  width: 20px;
  margin-right: 10px;
  cursor: pointer;
  opacity: 0;
  transition: all .4s ease;
}

.ys-fiiss-input-close .iconfont {
  font-size: 14px;
}

.ys-fiiss-input.act .ys-fiiss-input-close {
  opacity: 1;
}

.ys-form-inof-text .ys-fii-input {
  height: 120px;
}

.ys-fii-input textarea {
  padding-top: 10px;
}

.ys-fiiss-core,
.ys-fii-select .ys-select-bd {
  height: calc(var(--font18) * 10 + 20px);
}

.ys-form-inof .mCSB_outside+.mCSB_scrollTools {
  right: 0;
}

.ys-form-inof .mCSB_scrollTools {
  top: 15px;
  bottom: 15px;
}

.ys-form-hide {
  opacity: 0 !important;
}

.ys-fia-text {
  display: flex;
  align-items: flex-start;
}

.ys-fia-text-btn {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: relative;
  top: 5px;
  flex-shrink: 0;
  font-size: 0;
}

.ys-form-inof-agree.on .ys-fia-text-btn img {
  opacity: 1;
}

.ys-fia-text-btn img {
  width: 60%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all .4s ease;
  z-index: 2;
}

.ys-form-inof-agree.on .ys-fia-text-btn::before {
  border: solid 1px transparent;
}

.ys-fia-text-btn::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  border: 1px solid var(--color999);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all .4s ease;
  border-radius: 5px;
}

.ys-fia-text-btn::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: var(--colormain2);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all .4s ease;
  border-radius: 5px;
}

.ys-fia-text-word {
  width: calc(100% - 20px);
  flex-grow: 1;
  padding-left: 10px;
  font-size: var(--font16);
  line-height: var(--line175);
  color: var(--color666);
}

.ys-fia-text-word p {
  font-size: var(--font16);
  line-height: var(--line175);
  color: var(--color666);
  margin-bottom: var(--parpspace10);
}

.ys-fia-text-word a {
  color: var(--colormain);
}

.ys-form-inof-code {
  width: 100%;
}

.ys-form-inof-code label {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.ys-ficri {
  flex-shrink: 0;
  margin-left: 20px;
  cursor: pointer;
}

.ys-ficri p {
  white-space: nowrap;
  font-size: var(--font16);
  color: var(--colormain1);
  line-height: 50px;
}

.ys-ficle {
  width: 100%;
}

.ys-fic-auth {
  display: flex;
  position: relative;
}

.ys-fic-auth .ys-fii-input {
  width: 50%;
  flex-grow: 1;
}

.ys-fic-auth-img {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 116px;
}

.ys-fic-auth-img img {
  height: 100%;
}

.ys-fic-auth .ys-fii-input input {
  padding-right: 150px;
}

.ys-form-inof-submit {
  width: 100%;
  margin-left: 0;
  margin-bottom: 0;
}

.ys-fii-submit {
  text-align: center;
  background: var(--colormain2);
  color: #fff;
  font-weight: bold;
  font-size: var(--font16);
  cursor: pointer;
  line-height: var(--line175);
  padding: 11px 0;
  border-radius: 100px;
}

.ys-form-inof-agree.on .ys-fia-text-btn::after {
  opacity: 1;
}

.ys-fii-tips {
  display: none;
}

.ys-form-required.ys-form-empty .ys-fii-tips {
  display: block;
}

.ys-form-inof-country .ys-fii-tips {
  display: none !important;
}

.iti__country-list {
  width: calc(calc(1400px - calc(20 * 4)) / 3);
}

.ys-select-emptyli {
  pointer-events: none;
}

/* B4 下载中心列表页-end */
/* C2 市场应用详情汇总页-start */
.mark-car-cont {
  width: 66%;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  box-shadow: 0px 383px 107px 0px rgba(132, 155, 179, 0.00), 0px 245px 98px 0px rgba(132, 155, 179, 0.01), 0px 138px 83px 0px rgba(132, 155, 179, 0.05), 0px 61px 61px 0px rgba(132, 155, 179, 0.09), 0px 15px 34px 0px rgba(132, 155, 179, 0.10);
}

.mark-car-cont img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mark-car-wrap {
  width: 100%;
  position: relative;
}

.mark-car-wrap img {
  width: 100%;
}

.mark-car-top {
  position: relative;
  margin-bottom: var(--space44);
  border-radius: 20px;
}

.mark-car-cry {
  width: 33%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
  transition: all .4s;
}

.mark-car.start .mark-car-cry {
  opacity: 1;
}

.mark-car.start .mark-car-cry-icon,
.mark-car.start h2,
.mark-car.start .mark-car-cry-word {
  animation: ysfadeInUp .8s ease-in-out both;
  animation-delay: 0.2s;
}

.mark-car-cry-icon {
  width: 56px;
  margin: 0 auto var(--space24);
}

.mark-car-cry-icon img {
  width: 100%;
}

.mark-car-cry h2 {
  color: var(--colorfff);
  line-height: var(--line12);
  margin-bottom: var(--space24);
  text-align: center;
}

.mark-car-cry-word p {
  text-align: center;
  line-height: var(--line175);
  color: var(--colorfff);
}

.mcul-box {
  display: flex;
  align-items: center;
  padding: 30px 44px;
  border-radius: 15px;
  border-bottom: 2px solid #CF0A2C;
  background: var(--colorfff);
  box-shadow: 0px 383px 107px 0px rgba(132, 155, 179, 0.00), 0px 245px 98px 0px rgba(132, 155, 179, 0.01), 0px 138px 83px 0px rgba(132, 155, 179, 0.05), 0px 6px 6px 0px rgba(132, 155, 179, 0.09), 0px 10px 10px 0px rgba(132, 155, 179, 0.10);
}

.mark-car-ul {
  display: block;
  margin: 0 -12px;
  position: relative;
}

.mark-car-ul-li {
  width: 33.333333%;
  padding: 0 12px;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.mcul-icon {
  width: 48px;
  flex-shrink: 0;
  font-size: 0;
  margin-right: 24px;
}

.mcul-icon img {
  width: 100%;
}

.mcul-box p {
  font-size: var(--font18);
  color: var(--color030);
  line-height: var(--line175);
}

.mark-car-ul-li.slick-slide:not(:first-child) {
  display: none;
}

.mark-car-ul .slick-list {
  padding-bottom: 15px;
  display: flex;
  justify-content: center;
}

.mark-case-wrap {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.mark-case-ri {
  width: 46%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 66px 0 50px;
  overflow: hidden;
}

.mark-case-le {
  width: 34%;
  margin-left: 110px;
}

.mark-page .mark-car {
  overflow: visible !important;
}

.mark-case h2 {
  text-align: center;
}

.mark-case-le .swiper-slide a {
  display: block;
  position: relative;
}

.mark-case-le .swiper-slide {
  border-radius: 20px;
  overflow: hidden;
}

.mcrs-box2-text {
  color: var(--colormain1);
  line-height: var(--line175);
  margin-bottom: 8px;
}

.mcrs-box2-tit {
  color: var(--color030);
  line-height: var(--line15);
}

.mark-page .home-prod .swiper-pagination-progressbar,
.mark-page .home-prod .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: calc(1920px * 0.74) !important;
  height: 2px !important;
  left: 0;
  top: auto !important;
  bottom: -42px !important;
  background: rgba(208, 219, 225, 0.3);
}

.mark-page .home-prod .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: rgba(3, 15, 39, 1) !important;
}

.mcrb-other {
  display: flex;
  align-items: center;
  margin-bottom: 52px;
}

.mcrb-other .mod-arrows {
  width: 110px;
  margin-right: 25px;
}

.mcrb-other .arrows-icon {
  background: rgba(3, 15, 39, 0.10);
}

.mcrb-num {
  display: flex;
  align-items: center;
}

.mcrb-num span {
  display: inline-block;
  font-size: var(--font16);
  line-height: var(--line175);
}

.mcrb-change {
  color: var(--color030);
}

.mcrb-total {
  color: var(--color999);
}

.mark-case-ri-swip3 .swiper-slide .ys-imgbox-cover {
  border-radius: 10px;
  overflow: hidden;
  border: solid 1px transparent;
}

.mark-case-ri-swip3 .swiper-slide.swiper-slide-active .ys-imgbox-cover {
  /* border: solid 1px var(--colormain1); */
}

.mark-case-ri-swip3 {
  margin-left: 0px !important;
  overflow: visible !important;
}

.mark-case-ri-swip3 .swiper-slide {
  width: 134px !important;
}

.mark-page .home-prod {
  /* margin-top: var(--space130); */
  background: var(--colorbj);
}

.mark-page .home-prod h2 {
  text-align: center;
  color: var(--color030);
}

.mark-page .home-prod-tp-le {
  width: 100%;
}

.mark-page .home-prod .mod-word p {
  color: var(--color030);
  opacity: 0.6;
}

.mark-page .home-prod .arrows-icon {
  background: rgba(3, 15, 39, 0.10);
}

.mark-page .mod-ctact {
  background: var(--colorbj);
  position: relative;
  overflow: visible !important;
}

.mark-page .mod-ctact::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: var(--space130);
  background: var(--colorbj);
}

/* C2 市场应用详情汇总页-end */
/* D1 公司新闻-start */
.news-page {
  background: var(--colorbj);
}

.ncul-box-le {
  width: 49%;
}

.ncul-box-le,
.ncul-box-ri {
  border-radius: 20px;
  overflow: hidden;
}

.ncul-box-le img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ncul-box-ri {
  width: 49%;
  padding: 60px 60px;
  background: var(--colorfff);
}

.ncul-box {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.ncul-box-ri-date {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}

.nbrd-icon {
  width: 16px;
  flex-shrink: 0;
  font-size: 0;
  margin-right: 8px;
}

.nbrd-icon img {
  width: 100%;
}

.ncul-box-ri-date p {
  font-size: var(--font14);
  color: var(--color666);
  line-height: var(--line14);
}

.ncul-box-ri-tit {
  color: var(--color030);
  line-height: var(--line15);
  margin-bottom: var(--space24);
}

.ncul-box-ri-word p {
  color: var(--color666);
  line-height: var(--line175);
  height: 5.25em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ncul-box-ri .std-btn2 {
  margin-top: 32px;
}

.news-cry-ul-li {
  padding: 0 10px;
}

.news-cry-ul {
  margin: 0 -10px;
}

.news-page .news-cry-ul-li {
  padding: 0px !important;
}

.news-page .news-cry-ul {
  margin: 0px !important;
}

.news-cry .arrows-icon {
  background: #D0DBE1;
}

.news-cry .mod-arrows {
  width: 110px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 4;
}

.news-page .swiper-container-horizontal>.swiper-pagination-progressbar,
.news-page .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  background: rgba(3, 15, 39, 0.1) !important;
  bottom: 24px !important;
}

.news-page .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--color030) !important;
}

.news-swip {
  padding-bottom: 84px !important;
}

.news-cry .ys-cont1560 {
  position: relative;
}

.news-list-ul {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -12px 0;
}

.news-list-ul-li {
  width: 33.333333%;
  padding: 0 12px;
  margin-top: 24px;
}

.news-list-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 20px;
  padding: 24px 24px 24px 48px;
  background: var(--colorfff);
  position: relative;
  z-index: 2;
}

.news-list-top-le p {
  font-size: var(--font16);
  line-height: var(--line175);
  color: var(--color030);
}

.news-list-top-le span {
  display: inline-block;
  color: var(--colormain1);
  font-family: var(--family3);
}

.news-list-top-ri {
  width: 50%;
}

.news-list-top-ri {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.nltr-select {
  width: 28%;
  margin-right: 24px;
}

.ys-select {
  border-radius: 100px;
  border: solid 1px #D0DBE1;
  padding: 0 28px;
}

.news-list-top-ri input {
  width: 100%;
  height: 56px;
  font-size: var(--font16);
  line-height: var(--line175);
  color: var(--color030);
}

.news-list-top-ri input::placeholder {
  color: var(--color999);
}

.icon-arrow-down:before {
  font-size: 14px;
}

.icon-arrow-down {
  font-weight: 290;
}

.ys-select-bd {
  width: 100%;
  padding: 10px 24px;
  border: solid 1px #D0DBE1;
  border-radius: 15px;
  top: 105%;
  max-height: 130px;
}

.news-list-top-ri .ys-select-li {
  font-size: var(--font16);
  color: var(--color999);
  line-height: var(--line15);
  margin-bottom: 4px;
  transition: all .4s;
}

.news-list-top-ri .ys-select-li:last-child {
  margin-bottom: 0px;
}

.mCSB_outside+.mCSB_scrollTools {
  right: 24px;
  top: 10px;
  bottom: 10px;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
  background: var(--colormain2) !important;
}

.nltr-sear {
  position: relative;
  border: 1px solid #D0DBE1;
  border-radius: 100px;
}

.nltr-sear-icon {
  width: 24px;
  position: absolute;
  top: 50%;
  right: 28px;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 2;
}

.nltr-sear-icon img {
  width: 100%;
}

.nltr-sear {
  width: 70%;
}

.nltr-sear-input {
  width: 100%;
  height: 100%;
  padding: 0 55px 0 28px;
}

.nlul-link {
  display: block;
  padding: 36px 36px;
  border-radius: 20px;
  background: var(--colorfff);
  overflow: hidden;
  box-shadow: 0px 383px 107px 0px rgba(132, 155, 179, 0.00), 0px 245px 98px 0px rgba(132, 155, 179, 0.01), 0px 138px 83px 0px rgba(132, 155, 179, 0.05), 0px 61px 61px 0px rgba(132, 155, 179, 0.09), 0px 15px 34px 0px rgba(132, 155, 179, 0.10);
  border: solid 1px transparent;
  transition: all .4s;
}

.nlul-link .ys-imgbox-cover {
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 16px;
}

.nlul-link-min {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: solid 1px #D0DBE1;
  position: relative;
  margin-bottom: 26px;
}

.nlul-link-min::after {
  content: "";
  position: absolute;
  bottom: -0.5px;
  left: 0;
  width: 0%;
  height: 1px;
  background: var(--colormain2);
  transition: all .4s;
}

.nlul-link-tit {
  color: var(--color030);
  transition: all .4s;
  margin-bottom: 16px;
  line-height: var(--line16);
  height: 3.2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nlul-link-word p {
  line-height: var(--line175);
  height: 3.5em;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: var(--color666);
}

.nlul-link-min .ncul-box-ri-date {
  margin-bottom: 0px;
}

.news-list {
  overflow: visible !important;
}

.news-list-ul-li:nth-child(3n+1) {
  animation-delay: 0.2s;
}

.news-list-ul-li:nth-child(3n+3) {
  animation-delay: 0.3s;
}

.news-list-ul-li:nth-child(3n+3) {
  animation-delay: 0.4s;
}

.news-page .mod-paging {
  margin-top: var(--space44);
}

.pc-fenye li {
  width: 40px;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  color: #333;
  margin: 0 10px;
  border-radius: 50%;
  transition: .3s;
}

.pc-fenye li.activepage {
  color: var(--colormain2);
  background: transparent;
  border: solid 1px var(--colormain2);
}

/* D1 公司新闻-end */
/* D3 新闻资讯详情页-start */
.newdet-cont {
  width: 66%;
  margin: 0 auto;
}

.newdet-page {
  background: var(--colorbj);
}

.newder-edr-top-tab {
  line-height: var(--line16);
  color: var(--colormain2);
  margin-bottom: 40px;
}

.newdet-edr-top-tit {
  color: var(--color030);
  margin-bottom: var(--space24);
  line-height: var(--line15);
}

.newder-edr-top {
  padding-bottom: var(--space44);
  border-bottom: solid 1px #D0DBE1;
  margin-bottom: var(--space44);
}

.newder-edr-top .ncul-box-ri-date {
  margin-bottom: 0px !important;
}

.newdet-edr-cry p {
  color: var(--color666);
  line-height: var(--line175);
  font-size: var(--font16);
  margin-bottom: var(--parpspace12);
}

.newdet-edr-cry {
  margin-bottom: 47px;
}

.newdet-edr-share {
  display: flex;
  align-items: center;
  padding-bottom: var(--space44);
  border-bottom: solid 1px #D0DBE1;
  margin-bottom: var(--space44);
}

.newdet-edr-share-text p {
  color: var(--color666);
  line-height: var(--line175);
}

.newdet-edr-share-text {
  margin-right: 24px;
}

.ys-share-img {
  width: 36px;
}

.ys-share-list {
  margin-right: 12px;
}

.ys-share-list:last-child {
  margin-right: 0px;
}

.nepu-li-link {
  display: flex;
  align-items: center;
}

.nepu-li-link-text p {
  white-space: nowrap;
  color: var(--colormain2);
  line-height: var(--line175);
}

.nepu-li-link-text {
  margin-right: 16px;
}

.nepu-li-link-word p {
  line-height: var(--line175);
  color: var(--color666);
  transition: all .4s;
}

.nepu-li {
  margin-bottom: 16px;
}

.nepu-li:last-child {
  margin-bottom: 0px;
}

.newdet-page .home-news {
  background: var(--colorfff);
}

.newdet-page .mod-ctact {
  background: var(--colorfff);
  position: relative;
  overflow: visible !important;
  padding-top: 0px;
}

.newdet-page .mod-ctact::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: var(--space130);
  background: var(--colorfff);
}

/* D3 新闻资讯详情页-end */
/* D2 展会资讯-start */
.infor-hist .arrows-icon {
  background: var(--colorfff);
}

.infor-page {
  background: var(--colorbj);
}

.infor-page h2 {
  text-align: center;
}

.infor-news-ul-li.on {
  width: 59%;
}

.infor-news-ul-li {
  width: 41%;
  padding: 0 12px;
  margin-bottom: 24px;
}

.infor-news-ul-li:nth-child(2n+1) {
  animation-delay: 0.2s;
}

.infor-news-ul-li:nth-child(2n+2) {
  animation-delay: 0.3s;
}

.infor-news-ul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0 -12px
}

.inul-link {
  height: 100%;
  display: block;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.inul-link-cry {
  width: calc(100% - 48px);
  position: absolute;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  border-radius: 15px;
  border: 1px solid rgba(255, 255, 255, 0.60);
  /* border-left: 1px solid rgba(255, 255, 255, 0.60); */
  background: rgba(117, 121, 135, 0.40);
  backdrop-filter: blur(7.5px);
  -webkit-backdrop-filter: blur(7.5px);
  padding: 24px 24px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}

.inul-link-cry::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
}

.inul-link-cry::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
}

.inul-link-le {
  width: 100%;
  padding-right: 15px;
}

.inul-link-le-tit {
  color: var(--colorfff);
  margin-bottom: 10px;
  line-height: var(--line16);
}

.inul-link-le-bot {
  display: flex;
  align-items: center;
}

.inul-link-le-bot .ncul-box-ri-date {
  margin-bottom: 0px !important;
}

.illb-num {
  margin: 0 32px;
}

.illb-num p {
  font-family: var(--family3);
}

.inul-link-le-bot p {
  color: var(--colorfff);
}

.inul-link-bg,
.inul-link-bg img {
  width: 100%;
  height: 100%;
}

.inul-link-bg img {
  height: 100%;
  object-fit: cover;
  transition: all .4s;
}

.infor-news-ul-li .std-btn2-icon {
  border: 1px solid var(--colorfff);
}

.infor-hist h2 {
  margin-bottom: 70px;
}

.infor-hist-slide-ul {
  width: 90%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.infor-hist-slide-ul::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, rgba(207, 10, 44, 0.00) 0%, #CF0A2C 18.16%, #CF0A2C 82.09%, rgba(207, 10, 44, 0.00) 100%);
  transition: all .4s;
  z-index: -1;
}

.ihsu-li-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  transition: all .4s;
}

.ihsu-li-icon img {
  width: 100%;
}

.ihsu-li-num {
  font-size: var(--font16);
  color: var(--color666);
  line-height: var(--line175);
  text-align: center;
  transition: all .4s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ihsu-li-bg {
  opacity: 0;
  transition: all .4s;
}

.ihsu-li-bg img {
  width: 100%;
}

.ihsu-li-bg img:nth-child(1) {
  width: 92%;
  display: block;
  margin: 0 auto;
}

.ihsu-li-bg img:nth-child(2) {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: rotate1 3.5s linear infinite forwards;
  transform-origin: center center;
}

@keyframes rotate1 {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }

  100% {
    transform: translate(-50%, -50%) rotate(1turn);
  }
}

.ihsu-li.slick-current .ihsu-li-bg {
  opacity: 1;
}

.ihsu-li-box {
  position: relative;
  margin: 0 auto;
  cursor: pointer;
}

.ihsu-li.slick-current .ihsu-li-icon {
  opacity: 0;
}

.ihsu-li:nth-child(2n+1) .ihsu-li-num {
  top: 40%;
}

.ihsu-li:nth-child(2n+2) .ihsu-li-num {
  top: 60%;
}

.ihsu-li.slick-current .ihsu-li-num {
  color: var(--colorfff);
  top: 50% !important;
  font-family: var(--family3);
  transform: translate(-50%, -50%) scale(2);
}

.infor-hist-slide {
  position: relative;
  margin-bottom: 84px;
}

.infor-hist-slide .mod-arrows {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.infor-hist-slide-zhan {
  width: 100%;
  opacity: 0;
}

.ihsz-li {
  width: 100%;
  height: 1px;
}

.ihiu-lis-le-bot .ncul-box-ri-date,
.ihiu-lis-le-bot .illb-num {
  margin: 0;
  margin-bottom: 9px;
}

.ihiu-lis-le-bot .illb-num p {
  color: var(--colormain1);
  text-align: left;
}

.ihiu-lis-le-bot .illb-addr p {
  color: var(--color666);
}

.ihiu-lis-boxs {
  padding: 48px 0;
  display: flex;
  align-items: stretch;
  border-bottom: solid 1px #D0DBE1;
}

.ihiu-lis-boxs .ys-imgbox-cover {
  width: 66%;
  border-radius: 20px;
  overflow: hidden;
}

.ihiu-lis-le {
  width: 34%;
  padding-right: 94px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ihiu-lis-le-tit {
  color: #000;
  line-height: var(--line15);
  height: 3em;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.ihiu-lis:first-child a {
  padding-top: 0px;
}

.infor-hist-item {
  display: none;
}

.infor-hist-item:first-child {
  display: block;
}

/* D2 展会资讯-end */
/* E2 科技创新汇总页-start */
.creat-page {
  background: var(--colorbj);
}

.clul-boxs {
  width: 100%;
  display: block;
  padding: 60px 0;
  border-radius: 20px;
  background: #F2F7FC;
  box-shadow: 0px -7px 15px 0px rgba(14, 89, 133, 0.10);
}

.clul-boxs .ys-cont1560 {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.clul-boxs .ys-imgbox-cover {
  width: 41%;
  border-radius: 20px;
  overflow: hidden;
}

.clul-box-le {
  width: 33%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.creat-list-ul-li:nth-child(2n) .clul-boxs {
  background: var(--colorfff);
}

.creat-page h2 {
  text-align: center;
}

.creat-page .mod-word {
  width: 65%;
  margin: 0 auto 64px;
}

.creat-page .mod-ctact .mod-word {
  margin: 0;
}

.creat-list {
  overflow: visible !important;
  position: relative;
  z-index: 1;
}

.clul-box-le-tit {
  color: var(--colormain2);
  margin-bottom: 64px;
  line-height: var(--line15);
}

.clul-box-le-text {
  color: var(--color030);
  line-height: var(--line16);
  margin-bottom: 12px;
}

.clul-box-le-word p {
  color: var(--color666);
  line-height: var(--line175);
  margin-bottom: 32px;
}

.clul-box-le-ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}

.cblu-lis {
  width: 50%;
  padding: 0 10px;
  margin-bottom: 26px;
}

.cblu-lis-box {
  display: flex;
  align-items: flex-start;
}

.cblu-lis-icon {
  width: 24px;
  flex-shrink: 0;
  font-size: 0;
  margin-right: 16px;
  margin-top: 3px;
}

.cblu-lis-icon img {
  width: 100%;
}

.cblu-lis-box p {
  color: var(--colormain1);
  line-height: var(--line175);
  font-size: var(--font16);
}

.creat-list-ul {
  position: relative;
}

.creat-list-ul-li {
  position: sticky;
  top: 100px;
}

.creat-list-ul-li:last-child {
  transform: translateY(20px);
}

.creat-list-bot {
  position: relative;
}

.creat-list-bot-line {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 3%;
  left: 50%;
  transform: translate(-50%, 0%);
  pointer-events: none;
}

.creat-list-bot-line::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
  height: calc(100vh - 128px);
  border-radius: 4px;
  background: var(--colormain2);
  z-index: -1;
}

.creat-list-bot-line.isfixed {
  position: fixed;
  top: 50%;
}

.creat-page .ys-footer,
.creat-page .mod-ctact {
  position: relative;
  z-index: 2;
}

.creat-page .mod-ctact {
  overflow: visible !important;
  background: var(--colorbj);
}

.creat-page .mod-ctact::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: var(--space130);
  background: var(--colorbj);
  pointer-events: none;
  z-index: 2;
}

/* E2  科技创新汇总页-end */
/* E3 加入我们单页-start */
.join-page .ys-ban-btn2 .std-btn1 {
  margin-right: 20px;
}

.join-page .ys-ban-btn2 {
  margin-top: 42px;
}

.join-page {
  background: var(--colorbj);
}

.join-page h2 {
  text-align: center;
}

.join-family .mod-word {
  width: 64%;
  margin: 0 auto 120px;
}

.join-family-ul {
  display: flex;
  margin: 0 -10px;
}

.join-family-ul-li {
  width: 33.333333%;
  padding: 0 10px;
}

.jful-box {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.jful-img {
  width: 100%;
  position: relative;
}

.jful-img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(3, 15, 39, 0.00) 42.08%, rgba(3, 15, 39, 0.50) 100%);
}

.jful-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: rgba(3, 15, 39, 0.40);
  opacity: 0;
  backdrop-filter: blur(2.5px);
  -webkit-backdrop-filter: blur(2.5px);
  transition: all .4s;
}

.jful-img img {
  width: 100%;
}

.jful-cry {
  width: calc(100% - 88px);
  position: absolute;
  bottom: 44px;
  left: 50%;
  transform: translateX(-50%);
}

.jful-cry-word {
  margin-top: 16px;
  padding-right: 20px;
  display: none;
}

.jful-cry-word p {
  color: var(--colorfff);
  line-height: var(--line175);
}

.jful-cry-tit {
  color: var(--colorfff);
  line-height: var(--line15);
}

.join-family-ul-li1,
.join-family-ul-li3 {
  transform: translateY(10%);
}

.join-family-ul-li.act .jful-img::before {
  opacity: 1;
}

.join-run {
  width: 100%;
  position: relative;
  background: var(--colorfff);
}

.jrlu-lis {
  width: 370px;
  margin-right: 24px;
}

.jrlu-lis .ys-imgbox-cover {
  border-radius: 20px;
  overflow: hidden;
}

.join-run-list {
  position: relative;
  overflow: hidden;
}

.join-run-list-ul {
  display: flex;
  align-items: flex-start;
  position: relative;
  width: calc(calc(370px * var(--width-shu)) + calc(24px * var(--width-shu)));
}

.join-run-list1 .join-run-list-ul1 {
  animation: donghua1 linear infinite;
}

@keyframes donghua1 {
  0% {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
  }

  100% {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
}

.join-run-list1 .join-run-list-ul2 {
  transform: translateX(100%);
  position: absolute;
  top: 0;
  left: 0;
  animation: donghua2 linear infinite;
}

@keyframes donghua2 {
  0% {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
  }

  100% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
}

.join-run-list2 .join-run-list-ul1 {
  animation: donghua3 linear infinite;
}

@keyframes donghua3 {
  0% {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
  }

  100% {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
  }
}

.join-run-list2 .join-run-list-ul2 {
  transform: translateX(100%);
  position: absolute;
  top: 0;
  left: 0;
  animation: donghua4 linear infinite;
}

@keyframes donghua4 {
  0% {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }

  100% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
}

.join-run-list1 {
  margin-bottom: 24px;
}

.join-word {
  background: var(--colorbj);
}

.jwul-box {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  display: block;
}

.join-word-ul {
  height: 445px;
  display: flex;
}

.jwul-box-img,
.jwul-box-img img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.jwul-box-img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(270deg, rgba(207, 10, 44, 0.00) 0%, rgba(115, 52, 98, 0.44) 36.5%, rgba(85, 66, 116, 0.59) 48.5%, rgba(66, 75, 127, 0.68) 56%, rgb(13 39 132 / 81%) 66.5%, rgb(13 39 132 / 88%) 72.5%, var(--colormain2) 82.47%, var(--colormain2) 90%, var(--colormain2) 92.5%);
}

.join-word-ul {
  margin: 0 -12px;
}

.join-word-ul-li {
  width: 42%;
  height: 100%;
  transition: all .4s;
  padding: 0 12px;
}

.join-word-ul-li.act {
  width: 58%;
}

.jwul-box-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 75px 55px 43px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.jwul-box-wrap-tit {
  color: var(--colorfff);
}

.join-word-ul-li:nth-child(2n+1) {
  animation-delay: 0.2s;
}

.join-word-ul-li:nth-child(2n+2) {
  animation-delay: 0.3s;
}

.join-page .mod-wrap {
  padding-bottom: 0px !important;
}

/* E3 加入我们单页-end */
/* E4 招聘职位列表页 -start */
.recruit-page {
  background: var(--colorbj);
}

.recruit-top h2 {
  width: 35%;
  color: var(--color030);
  line-height: var(--line15);
}

.recruit-top h2 span {
  width: 144px;
  display: inline-block;
}

.recruit-top h2 span img {
  width: 100%;
}

.recruit-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.recruit-top-list {
  display: flex;
  margin: 0 -38px;
}

.recruit-top-list-item {
  padding: 0 38px;
  position: relative;
}

.recruit-top-list-item::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(20deg);
  right: 0;
  width: 1px;
  height: 100%;
  background: #D0DBE1;
}

.recruit-top-list-item:last-child::after {
  display: none;
}

.recruit-top-list-item {
  font-size: var(--font56);
  line-height: var(--line12);
  color: var(--color666);
}

.recruit-top-list-item span {
  font-size: var(--font16);
  line-height: var(--line175);
  color: var(--color666) !important;
  display: block;
}

.recruit-top-list-item:last-child {
  color: var(--colormain2);
}

.recruit-min {
  border-radius: 20px;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 24px 24px 48px;
  position: relative;
  z-index: 2;
}

.recruit-min-le p {
  color: var(--color030);
  line-height: var(--line175);
}

.recruit-min-le p span {
  color: var(--colormain1);
  display: inline-block;
  margin-left: 8px;
  font-family: var(--family3);
}

.recruit-min-ri {
  width: 64%;
}

.recruit-bot {
  padding: 44px;
  border-radius: 20px;
  background: var(--colorfff);
  box-shadow: 0px 383px 107px 0px rgba(132, 155, 179, 0.00), 0px 245px 98px 0px rgba(132, 155, 179, 0.01), 0px 138px 83px 0px rgba(132, 155, 179, 0.05), 0px 61px 61px 0px rgba(132, 155, 179, 0.09), 0px 15px 34px 0px rgba(132, 155, 179, 0.10);
}

.recruit-page .mod-wrap {
  padding-bottom: 0px;
}

.recruit-bot-tpul {
  display: flex;
  align-items: center;
  border-radius: 10px;
  background: var(--colormain2);
  margin-bottom: 24px;
}

.recruit-bot-tpul-li,
.rbbl-boxs-tp-item {
  width: 16.666667%;
}

.recruit-bot-tpul-li p {
  font-size: var(--font18);
  line-height: var(--line175);
  color: var(--colorfff);
  padding: 24px;
  text-align: center;
}

.rbbl-boxs-tp {
  display: flex;
  background: var(--colorbj);
  border-bottom: solid 1px #D0DBE1;
  cursor: pointer;
}

.rbbl-boxs-tp-item p {
  text-align: center;
  color: var(--color666);
  line-height: var(--line175);
  padding: 26px 0;
  font-size: var(--font16);
}

.rbbl-boxs {
  border: solid 1px var(--colorbj);
  overflow: hidden;
}

.rbbl-boxs-tp-item p span {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(3, 26, 39, 0.10);
  display: block;
  margin: 0 auto;
  position: relative;
  transition: all .4s;
}

.rbbl-boxs-tp-item p span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 43.75%;
  height: 1px;
  background: var(--color030);
  transition: all .4s;
}

.rbbl-boxs-tp-item p span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 43.75%;
  background: var(--color030);
  transition: all .4s;
}

.recruit-bot-btul-li.act .rbbl-boxs-tp-item p span {
  background: var(--colormain1);
}

.recruit-bot-btul-li.act .rbbl-boxs-tp-item p span::after {
  transform: translate(-50%, -50%) rotate(90deg);
  opacity: 0;
}

.recruit-bot-btul-li.act .rbbl-boxs-tp-item p span::before {
  background: var(--colorfff);
}

.recruit-bot-btul-li.act .rbbl-boxs {
  border-radius: 10px 10px 0 0;
}

.recruit-bot-btul-li:last-child .rbbl-boxs-tp {
  border-bottom: solid 1px transparent;
}

.recruit-bot-cry {
  border-radius: 10px;
  overflow: hidden;
}

.rbbl-boxs-bot {
  padding: 44px;
  border-top: solid 1px #D0DBE1;
}

.rbbe-tit {
  color: var(--color030);
  line-height: var(--line16);
  padding-bottom: 22px;
  border-bottom: solid 1px #D0DBE1;
  margin-bottom: 24px;
}

.rbbe-edr ol li {
  list-style-type: decimal;
}

.rbbe-edr h6 {
  color: var(--color030);
  font-size: var(--font18);
  line-height: var(--line175);
  margin-bottom: 14px;
}

.rbbe-edr p {
  color: var(--color666);
  line-height: var(--line175);
  font-size: var(--font16);
  margin-bottom: var(--parpspace10);
}

.rbbe-edr {
  width: 68%;
  margin-bottom: 32px;
}

.recruit-bot-btul-li.act .rbbl-boxs {
  border: solid 1px var(--colormain2);
}

.rbbl-boxs-bot {
  display: none;
}

.recruit-bot-btul-li:first-child .rbbl-boxs-bot {
  display: block;
}

.recruit-page .mod-paging {
  margin-top: var(--space44);
}

/* E4 招聘职位列表页-end */
/* E1 国力简介汇总页-start */
.ys-nyban-pc2 {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 4;
}

.about-page .mod-nyban .ys-pos-center {
  bottom: auto;
  top: 50%;
}

.ys-nybnnaer-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

.ys-nybnnaer-bg1 {
  width: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  animation: left .8s ease-in-out both;
  animation-delay: 0.2s;
}

.ys-nybnnaer-bg2 {
  width: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  animation: right .8s ease-in-out both;
  animation-delay: 0.2s;
}

@keyframes left {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-40px, 0px, 0);
    transform: translate3d(-40px, 0px, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes right {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(40px, 0px, 0);
    transform: translate3d(40px, 0px, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

.ys-nybanner-text-cry,
.ys-nybanner-text-cry span {
  font-size: 300px;
  background: linear-gradient(180deg, #FFF 33.48%, rgba(255, 255, 255, 0.00) 75%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--family3);
  line-height: 1.1;
  text-align: right;
}

.ys-nybanner-text-cry span {
  display: inline-block;
  vertical-align: top;
  min-width: 7px;
  opacity: 0;
  transform: translateY(100%);
  animation: text_fadeup 1s ease both;
}

.ys-nybanner-text {
  overflow: hidden;
  position: absolute;
  top: 58%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 1;
}

@keyframes text_fadeup {
  0% {
    opacity: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
  }

  100% {
    opacity: 1;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
  }
}

.ys-nyban-pc2 {
  animation: fadeInUp .8s ease-in-out both;
  animation-delay: 0.2s;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 60px, 0);
    transform: translate3d(-50%, 60px, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(-50%, 0px, 0);
    transform: translate3d(-50%, 0px, 0)
  }
}

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

.about-intro-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.about-intro-top-ri {
  width: 58%;
}

.about-intro-top-ri p {
  color: var(--color666);
  line-height: var(--line175);
  margin-bottom: var(--parpspace10);
}

.about-intro {
  position: relative;
  z-index: 2;
}

.about-intro-bg {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

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

.aitr-word {
  margin-bottom: 20px;
}

.about-intro-video-cry {
  position: relative;
}

.aivc-play {
  width: 134px;
  height: 134px;
  border-radius: 50%;
  background: var(--colormain1);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  /* top: 379px;
    left: 780px; */
  /* top: 50%; */
  /* left: 50%; */
  transform: translate(-50%, -50%);
  z-index: 4;
  cursor: pointer;
  pointer-events: none;
}

.aivc-play.active {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}

.aivc-play p {
  color: var(--colorfff);
  font-size: var(--font16);
  line-height: var(--line15);
}

.aivc-play-icon {
  width: 16px;
  flex-shrink: 0;
  font-size: 0;
  margin-left: 8px;
}

.about-intro-video {
  width: 100%;
  margin-top: 80px;
  position: relative;
  overflow: hidden;
}

.about-intro-video-cry {
  width: 35%;
  height: 72%;
  margin: 0 auto;
  border-radius: 546px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.about-intro-video-img {
  opacity: 0;
  pointer-events: none;
}

.aivc-ph {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 4;
}

.aivc-show {
  z-index: 3;
}

.about-intro {
  padding-top: var(--space130);
}

.about-think h2,
.about-think .aitr-word p {
  color: var(--colorfff);
}

.about-think {
  padding: 275px 0 var(--space130);
  background: var(--color030);
  margin-top: -140px;
}

.athul-boxs-le {
  width: 32%;
  overflow: hidden;
  border-radius: 20px;
  margin-right: 24px;
  position: relative;
  z-index: 2;
}

.athul-boxs-le img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-think-ul-li {
  margin-bottom: 24px;
}

.about-think-ul-li:last-child {
  margin-bottom: 0px;
}

.athul-boxs {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
}

.about-think-ul-li {
  display: flex;
  justify-content: flex-end;
}

.about-think-ul-li:nth-child(2n) .athul-boxs {
  flex-direction: row-reverse;
}

.about-think-ul-li:nth-child(2n) {
  justify-content: flex-start;
}

.about-think-ul-li:nth-child(2n) .athul-boxs-le {
  margin-left: 24px;
  margin-right: 0px;
}

.about-think-ul-li:nth-child(2n) .athul-boxs-ri {
  transform: translateX(100%);
}

.about-think-ul-li.start .athul-boxs-ri {
  transform: translateX(0%);
  opacity: 1;
  transition: transform .6s ease;
}

.athul-boxs-ri {
  width: 32.5%;
  overflow: hidden;
  border-radius: 20px;
  background: var(--colorbj);
  padding: 44px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  z-index: 1;
  opacity: 0;
  transform: translateX(-100%);
  transition: all .4s ease;
}

.athul-boxs-ri::after {
  content: "";
  position: absolute;
  top: 47px;
  left: 44px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--colormain1);
}

.athul-boxs-ri-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 0;
}

.athul-boxs-ri-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.athul-boxs-ri-tit {
  color: var(--colormain1);
  position: relative;
  z-index: 1;
}

.athul-boxs-ri-word {
  position: relative;
  z-index: 1;
}

.athul-boxs-ri-word p {
  color: var(--color030);
  line-height: var(--line175);
}

.about-think .about-intro-top {
  margin-bottom: 75px;
}

.about-think-bg {
  width: 25%;
  position: absolute;
  left: 0;
  bottom: 0;
  /* overflow: hidden; */
}

.about-think-bg img {
  width: 100%;
  height: 150%;
  transform: translateY(10%);
}

.about-think {
  position: relative;
}

.about-gloabl-wrap {
  width: 100%;
  max-width: 1920px;
  margin: 0px auto 0;
  position: relative;
}

.about-gloabl-wrap-img3 {
  position: relative;
  width: 100%;
  opacity: 0;
}

.about-gloabl-wrap-img1,
.about-gloabl-wrap-img2 {
  width: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
}

.about-gloabl-wrap-img1 {
  transform: translateX(-30%)
}

.about-gloabl-wrap-img2 {
  transform: translateX(30%)
}

.about-gloabl {
  height: 200vh;
  position: relative;
  overflow: visible !important;
}

.about-gloabl-boxs {
  height: 100%;
}

.about-gloabl-cont {
  height: 100vh;
  position: relative;
}

.about-gloabl-cry {
  position: sticky;
  top: var(--line80);
}

.about-gloabl h2 {
  text-align: center;
}

.about-gloabl .mod-word {
  margin: 0 auto var(--space44);
}

.about-gloabl .ys-cont1560 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 2;
}

.about-gloabl-wrap.more .about-gloabl-wrap-img3 {
  opacity: 1;
}

.about-gloabl-wrap {
  pointer-events: none;
}

.about-gloabl-box {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100vh;
}

.about-deve {
  background: var(--color030);
  position: relative;
  height: calc(calc(80vh - var(--line80)) * var(--total));
}

.about-deve-bg {
  width: 100%;
  height: calc(100vh + var(--space130) + var(--space130));
  position: absolute;
  bottom: -130px;
  left: 0;
  pointer-events: none;
  z-index: -1;
}

.about-deve-bg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.about-deve-tit {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.about-deve-bt {
  width: 100%;
  position: relative;
}

.about-deve-btcry {
  position: absolute;
  left: var(--left);
  bottom: -240px;
  width: 85vw;
  max-width: 1560px;
  z-index: 5;
}

.about-deve-cont {
  z-index: 12;
}

.about-deve-btcry::before {
  content: "";
  position: absolute;
  left: 100%;
  bottom: 0;
  width: var(--left);
  height: 36px;
  background: var(--color030);
  z-index: 8;
}

.about-deve-btcry::after {
  content: "";
  position: absolute;
  right: 100%;
  bottom: 0;
  width: var(--left);
  height: 36px;
  background: var(--color030);
  z-index: 8;
}

.about-deve-bt-ul {
  display: flex;
  position: relative;
  justify-content: flex-end;
  z-index: 2;
}

.about-deve-tit p,
.about-deve-tit p span,
.about-deve-tit {
  font-size: 244px;
  line-height: var(--line175);
  color: rgba(21, 37, 74, 1);
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  display: flex;
  justify-content: center;
  align-items: center;
}

.about-deve-tit p:nth-child(2) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--colormain1);
  clip-path: inset(0px 0px 0px 100%)
}

.about-deve-tit p:nth-child(2) span {
  color: var(--colormain1);
}

.adul-years {
  color: #fff;
  font-size: var(--font16);
  line-height: var(--line175);
  padding: 2px 22px;
  border-radius: 20px;
  white-space: nowrap;
  background: #8993A0;
  display: inline-block;
  position: absolute;
  bottom: -318px;
}

/* .adul-years::after{
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    transform: translateY(-50%);
    width: 200vw;
    height: 3px;
    background: var(--colormain2);
    opacity: 0;
    transition: all .4s;
    z-index: -1;
} */
.about-deve-tit span {
  margin: 0 10px;
}

.about-honor h2 {
  text-align: center;
}

.about-honor-list {
  width: 34%;
  margin: 0 auto var(--space44);
  padding: 10px;
  background: var(--colorfff);
  border-radius: 1000px;
}

.ahlu-li p {
  padding: 4px 44px;
  white-space: nowrap;
  border-radius: 100px;
  color: var(--color666);
  line-height: var(--line175);
  transition: all .4s;
  cursor: pointer;
}

.ahlu-li.act p {
  color: var(--colorfff);
  background: var(--colormain2);
}

.ahlu-li {
  padding: 0 5px;
}

.about-honor-list-ul {
  display: flex;
  justify-content: center;
  margin: 0 -5px;
}

.ahis-ul-lis-tit {
  color: #333;
  line-height: var(--line175);
  text-align: center;
  margin-top: var(--space24);
}

.ahis-ul-lis-box .ys-imgbox-cover {
  border-radius: 10px;
  box-shadow: 0px 4px 4px 0px rgba(3, 15, 39, 0.10);
  overflow: hidden;
}

.ahis-ul-lis {
  padding: 0px !important;
}

.ahis-ul {
  margin: 0px !important;
}

.about-honor-wrap .swiper-wrapper {
  padding-bottom: 70px;
}

.about-honor-wrap .swiper-container-horizontal>.swiper-pagination-progressbar,
.about-honor-wrap .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  bottom: 20px !important;
  background: rgba(208, 219, 225, 0.3) !important;
}

.about-honor-wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--color030) !important;
}

.about-honor-item {
  display: none;
}

.about-honor-item:first-child {
  display: block;
}

.about-deve-ul-li {
  width: 415px !important;
  margin-right: 20px;
}

.about-deve-ul-lis {
  display: flex;
  flex-direction: column;
  width: auto;
}

.adul-box {
  padding: 40px 34px;
  border-radius: 15px;
  overflow: hidden;
  background: #193C86;
  position: relative;
}

.adul-box .ys-imgbox-cover {
  border-radius: 15px;
  overflow: hidden;
}

.adul-year {
  color: var(--colorfff);
  font-size: var(--font16);
  line-height: var(--line175);
  display: flex;
  align-items: center;
  margin-bottom: 22px;
}

.adul-box {
  display: block;
}

.adul-box span {
  flex-shrink: 0;
  display: block;
  width: 17px;
  height: 17px;
  border: solid 1px #8993a0;
  border-radius: 50%;
  position: relative;
  margin-right: 12px;
}

.adul-box span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--colormain1);
}

.adul-word p {
  color: var(--colorfff);
  line-height: 1.75;
  white-space: normal !important;
}

.adul-word {
  margin-bottom: 40px;
}

.about-deve-ul-li.on {
  transform: translateY(-150px);
}

.adbu-li p {
  color: #fff;
  font-size: var(--font16);
  line-height: var(--line175);
  padding: 2px 22px;
  border-radius: 20px;
  white-space: nowrap;
  background: #8993A0;
  white-space: normal !important;
}

.adbu-li {
  pointer-events: none;
  display: inline-block;
}

.about-deve-ul,
.adul-item {
  display: flex;
  white-space: nowrap;
}

.about-deve-wrap {
  white-space: nowrap;
}

.about-deve {
  overflow: visible !important;
}

.about-deve-cont {
  position: relative;
  z-index: 6;
}

.about-deve-crybox {
  position: relative;
  z-index: 2;
}

.about-deve-main {
  position: relative;
  z-index: 6;
  padding-right: 7.5vw;
}

.home-goon-fu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.home-goon-fu-nub {
  height: 50vh;
}

/* E1 国力简介汇总页-end */
/* E5 联系我们单页-start */
.ctact-total-ul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0 -12px;
}

.ctact-total-ul-li {
  width: 50%;
  padding: 0 12px;
}

.ctact-total-ul-li:nth-child(2n+1) {
  animation-delay: 0.2s;
}

.ctact-total-ul-li:nth-child(2n+2) {
  animation-delay: 0.3s;
}

.ctul-box {
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid #D0DBE1;
  background: var(--colorfff);
  box-shadow: 0px 83px 67px 0px rgba(132, 155, 179, 0.00), 0px 145px 58px 0px rgba(132, 155, 179, 0.01), 0px 68px 60px 0px rgba(132, 155, 179, 0.05), 0px 30px 60px 0px rgba(132, 155, 179, 0.09), 0px 15px 34px 0px rgba(132, 155, 179, 0.10);
  padding: 34px 34px 76px;
}

.ctul-tit {
  color: var(--color030);
  line-height: var(--line15);
  margin-bottom: 32px;
}

.ctul-tab p {
  line-height: var(--line175);
  color: var(--colorfff);
  padding: 4px 24px;
  white-space: nowrap;
  background: var(--color030);
  border-radius: 100px;
  display: inline-block;
}

.ctul-tab {
  position: relative;
  z-index: 2;
}

.ctul-tab::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #D0DBE1;
  z-index: -1;
}

.ctul-ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px 34px;
}

.ctul-ul-il {
  padding: 0 15px;
  margin-bottom: 10px;
}

.ctul-ul-il p {
  position: relative;
  /* white-space: nowrap; */
  padding-left: 18px;
  color: var(--color666);
  line-height: var(--line175);
}

.ctul-ul-il p::after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--colormain1);
}

.ctul-bot {
  display: flex;
  position: relative;
  margin: 0 -50px;
}

.ctul-bot-ul {
  width: 50%;
  padding: 0 50px;
  border-right: solid 1px #D0DBE1;
}

.ctul-bot-ul:last-child {
  border-right: solid 1px transparent;
}

.ctul-bot-ul-li p,
.ctul-bot-ul-li p a {
  font-size: var(--font16);
  line-height: var(--line175);
  display: inline-block;
  color: var(--color666);
}

.ctul-bot-ul-li p span {
  display: inline-block;
  color: var(--color030);
  margin-right: 12px;
}

.ctul-bot-ul-li {
  margin-bottom: 6px;
}

.ctul-bot-ul-li:last-child {
  margin-bottom: 0px;
}

.ctact-from {
  background: var(--colorbj);
}

.ctact-from-wrap {
  display: flex;
}

.ctact-from-le {
  width: 42%;
  padding-right: 155px;
}

.ctact-from-ri {
  width: 58%;
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0px 383px 107px 0px rgba(132, 155, 179, 0.00), 0px 245px 98px 0px rgba(132, 155, 179, 0.01), 0px 138px 83px 0px rgba(132, 155, 179, 0.05), 0px 61px 61px 0px rgba(132, 155, 179, 0.09), 0px 15px 34px 0px rgba(132, 155, 179, 0.10);
  overflow: hidden;
}

.ctact-from-le-word ul {
  padding-left: 18px;
}

.ctact-from-le-word ul li {
  list-style-type: disc;
}

.ctact-from-le-word p {
  color: var(--color666);
  font-size: var(--font18);
  line-height: var(--line175);
}

.ctact-from-le-logo {
  width: 258px;
  margin-bottom: var(--space24);
}

.ctact-from-le-logo img {
  width: 100%;
}

.ctact-from-le h2 {
  margin-bottom: 32px;
  color: var(--color030);
  line-height: var(--line15);
}

.cfls-box {
  display: block;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.cfls-bot {
  width: calc(100% - 80px);
  position: absolute;
  bottom: 29px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.cfls-bot {
  color: var(--colorfff);
  line-height: var(--line16);
}

.ctact-from-le-bt {
  margin-top: 84px;
}

.ctact-from-le-bt .ctact-from-le-swip {
  padding-bottom: 60px;
}

.ctact-from-le-bt .swiper-container-horizontal>.swiper-pagination-progressbar,
.about-honor-wrap .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  bottom: 22px !important;
  background: rgba(208, 219, 225, 0.3) !important;
}

.ctact-from-le-bt .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--color030) !important;
}

.ctact-from-le-bt .mod-arrows {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 110px;
  z-index: 4;
}

.ctact-from-le-bt .arrows-icon {
  background: rgba(3, 26, 39, 0.10);
}

.ctact-from-le-bt {
  position: relative;
}

.ctact-from-ri {
  padding: 44px;
}

.ctact-from-ri .ys-select,
.ctact-from-ri .ys-select-bd {
  padding: 0;
  border: none;
}

.ctact-from-ri .ys-select-bd {
  border: solid 1px #d0dbe1;
}

.ctact-from-ri .ys-form-inof-item .ys-select-xtbbox {
  right: 18px;
}

.ys-form-inof-text {
  color: var(--color030);
  line-height: var(--line175);
  flex-shrink: 0;
  margin-right: 24px;
}

.ys-form-inof-post {
  display: flex;
  align-items: center;
}

.yfiu-li-box {
  display: flex;
  align-items: center;
}

.yfiu-li-box span {
  display: block;
  width: 24px;
  height: 24px;
  border: solid 1px #999;
  position: relative;
  transition: all .4s;
  border-radius: 50%;
  margin-right: 12px;
}

.yfiu-li-box span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--colormain2);
  opacity: 0;
  transition: all .4s;
}

.yfiu-li.act span {
  border: solid 1px var(--colormain2);
}

.yfiu-li.act span::after {
  opacity: 1;
}

.ys-form-inof-ul {
  margin: 0 -12px;
  display: flex;
}

.yfiu-li {
  padding: 0 12px;
}

.ctact-page .mod-wrap {
  padding-bottom: 0px !important;
}

/* E5 联系我们单页-end */
/* B1产品系列列表-start */
.prod-page {
  background: var(--colorbj);
}

.prod-list-le {
  width: 23%;
  padding-right: 78px;
  position: sticky;
  top: calc(var(--line80) + 40px);
}

.prod-list-ri {
  width: 77%;
  padding-left: 78px;
  border-left: solid 1px #D0DBE1;
}

.prod-list-ri-ul {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  margin: 0 -12px;
}

.plru-li {
  width: 33.333333%;
  padding: 0 12px;
  margin-bottom: 24px;
}

.plru-li-sect {
  height: 100%;
  padding: 0 20px 26px;
  display: block;
  overflow: hidden;
  border-radius: 15px;
  background: var(--colorfff);
  transition: all .4s;
  border: solid 1px transparent;
}

.plru-li-sect .ys-imgbox-cover {
  margin-bottom: 18px;
}

.plru-li-tit span {
  display: block;
  text-align: center;
  color: var(--colormain1);
  font-size: var(--font14);
  line-height: var(--line175);
}

.plru-li-tit {
  text-align: center;
  color: var(--color030);
  transition: all .4s;
  margin-bottom: 16px;
}

.plru-li-sect-ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -3px;
}

.plsu-lis {
  padding: 0 3px;
  margin-bottom: 8px;
}

.plsu-lis p {
  white-space: nowrap;
  font-size: 12px;
  line-height: var(--line175);
  color: var(--color030);
  padding: 2px 16px;
  border-radius: 15px;
  background: #CFE4EF;
  overflow: hidden;
}

.plru-li-sect-btn {
  margin-top: var(--space24);
}

.plru-li-sect-btn {
  display: flex;
  justify-content: center;
}

.plru-li-sect-btn p {
  color: var(--colormain2);
  font-size: var(--font16);
  line-height: var(--line175);
}

.plru-li:nth-child(3n+1) {
  animation-delay: 0.2s;
}

.plru-li:nth-child(3n+2) {
  animation-delay: 0.3s;
}

.plru-li:nth-child(3n+3) {
  animation-delay: 0.4s;
}

.prod-list-wrap {
  display: flex;
  align-items: flex-start;
}

.prod-list {
  overflow: visible !important;
}

.prod-list h2 {
  margin-bottom: 70px;
}

.pllu-list-tp {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  justify-content: space-between;
}

.pllu-list-tp-link {
  display: block;
  font-size: var(--font18);
  color: var(--color030);
  line-height: var(--line175);
  cursor: pointer !important;
}

.pllu-list-tp-icon {
  width: 24px;
  flex-shrink: 0;
  transform: rotate(0deg);
  transition: all .4s;
  cursor: pointer;
}

.pllu-list-tp-icon img {
  width: 100%;
}

.plpu-item-le {
  display: flex;
  align-items: center;
}

.plpu-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.plpu-item-le p {
  font-size: var(--font16);
  color: var(--color666);
  line-height: var(--line175);
}

.plpu-item-le span {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-right: 12px;
  position: relative;
  flex-shrink: 0;
  border: solid 1px rgba(208, 219, 225, 1);
}

.plpu-item-le span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--color030);
  opacity: 0;
  transition: all .4s;
}

.plpu-item {
  cursor: pointer;
  margin-bottom: 6px;
}

.plpu-item:last-child {
  margin-bottom: 0px;
}

.pllu-list-pull {
  padding-right: 12px;
}

.plpu-item-le-num {
  font-size: var(--font14);
  color: var(--color030);
  line-height: var(--line175);
  white-space: nowrap;
  padding: 2px 12px 0px;
  border-radius: 100px;
  background: transparent;
  transition: all .4s;
}

.pllu-list.act .pllu-list-tp-icon {
  transform: rotate(90deg);
}

.plpu-item.act .plpu-item-le span::after {
  opacity: 1;
}

.plpu-item.act .plpu-item-le-num {
  background: var(--color030);
  color: var(--colorfff);
}

.pllu-list-pull {
  display: none;
}

.pllu-list:first-child .pllu-list-pull {
  /* display: block; */
}

.pllu-list {
  margin-bottom: 24px;
}

.pllu-list:last-child {
  margin-bottom: 0px;
}

/* B1产品系列列表-end */
/* G2 投资者公告 报告-start */
.report-page {
  background: var(--colorbj);
}

.ys-cont1160 {
  width: 85vw;
  max-width: 1160px;
  margin: 0 auto;
}

.report-notice-ul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0 -12px;
}

.report-notice-ul-li {
  width: 33.333333%;
  padding: 0 12px;
  margin-bottom: 24px;
}

.rnul-link {
  height: 100%;
  display: flex;
  align-items: center;
  border-radius: 10px;
  border: 1px solid #D0DBE1;
  background: #FFF;
  overflow: hidden;
  padding: 12px 40px 12px 25px;
}

.rnul-link-ri {
  width: 24px;
  flex-shrink: 0;
  font-size: 0;
}

.rnul-link-ri img {
  width: 100%;
}

.rnul-link-le {
  width: 100%;
  display: flex;
  align-items: center;
  padding-right: 34px;
}

.rnul-link-le-icon {
  width: 50px;
  flex-shrink: 0;
  font-size: 0;
}

.rnul-link-le-icon img {
  width: 100%;
}

.rnul-link-le-tit {
  width: 100%;
  padding-left: 30px;
  font-size: var(--font16);
  line-height: var(--line175);
  color: var(--color030);
}

.rnul-link-le-tit span {
  font-size: var(--font14);
  color: var(--color999);
  line-height: var(--line175);
  display: block;
}

.report-page h2 {
  text-align: center;
}

.report-notice-ul-li:nth-child(2n+1) {
  animation-delay: 0.2s;
}

.report-notice-ul-li:nth-child(2n+2) {
  animation-delay: 0.3s;
}

.report-notice-ul,
.report-inform-ul {
  overflow: hidden;
}

.report-notice .mod-paging {
  margin-top: 20px;
}

.report-inform {
  background: var(--colorfff);
}

.riul-sects {
  padding: 24px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: solid 1px #D9D9D9;
}

.riul-sects-ri {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.riul-sects-ri-icon {
  width: 24px;
  flex-shrink: 0;
  font-size: 0;
  margin-right: 12px;
}

.riul-sects-ri-icon img {
  width: 100%;
}

.riul-sects-ri p {
  font-size: var(--font16);
  color: var(--color666);
  line-height: var(--line175);
}

.riul-sects-le {
  width: 100%;
  display: flex;
  align-items: center;
  padding-right: 20px;
}

.riul-sects-le-icon {
  width: 46px;
  height: 46px;
  position: relative;
  border-radius: 50%;
  background: var(--colormain1);
  margin-right: 24px;
  flex-shrink: 0;
}

.riul-sects-le-icon img {
  width: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.riul-sects-le-fr {
  color: var(--color030);
  line-height: var(--line175);
  font-size: var(--font16);
}

.riul-sects-le-fr span {
  display: block;
  margin-bottom: 8px;
  font-size: var(--font14);
  color: var(--color666);
  line-height: var(--line175);
}

.report-inform .mod-paging {
  margin-top: var(--space44);
}

.report-ctact-wrap {
  border-radius: 20px;
  overflow: hidden;
  padding: 100px 98px;
}

.report-ctact {
  overflow: visible !important;
  position: relative;
  background: var(--colorfff);
}

.report-ctact::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: var(--space130);
  background: var(--colorfff);
}

.report-ctact-le h2 {
  color: var(--colorbj);
  line-height: var(--line15);
  margin-bottom: 12px;
  text-align: left !important;
}

.report-ctact-le-word p {
  color: var(--colorbj);
}

.report-ctact-wrap {
  display: flex;
  align-items: center;
}

.report-ctact-le {
  width: 48%;
}

.report-ctact-ri {
  width: 52%;
  padding-left: 100px;
}

.rcru-lis-boxs {
  display: flex;
  align-items: center;
}

.rlbl-icon {
  width: 32px;
  flex-shrink: 0;
  font-size: 0;
  margin-right: 24px;
}

.rlbl-icon img {
  width: 100%;
}

.rcru-lis-boxs p,
.rcru-lis-boxs p a {
  font-size: var(--font18);
  line-height: var(--line175);
  color: var(--colorfff);
  display: inline-block;
}

.rcru-lis {
  margin-bottom: 24px;
}

.rcru-lis:last-child {
  margin-bottom: 0px;
}

/* G2 投资者公告 报告-end */
/* G1 投资者关系单页-start */
.investor-page {
  background: var(--colorbj);
}

.investor-page .report-notice {
  background: #fff;
}

.investor-page .report-inform,
.investor-page .report-ctact {
  background: var(--colorbj);
}

.investor-page .report-ctact::after {
  display: none;
}

.investor-page .report-inform h2,
.investor-page .report-ctact h2 {
  text-align: center;
}

.investor-overview-top {
  display: flex;
  align-items: flex-start;
}

.investor-overview-top h2 {
  flex-shrink: 0;
}

.investor-overview-top-word {
  width: 100%;
  padding-left: 80px;
}

.investor-overview-top-word p {
  font-size: var(--font18);
  color: var(--color666);
  line-height: var(--line175);
  margin-bottom: var(--parpspace12);
}

.investor-overview-top {
  margin-bottom: 30px;
}

.investor-overview-bot {
  border-radius: 15px;
  overflow: hidden;
  background: var(--colorfff);
  padding: 55px 68px;
}

.iobl-tit {
  font-size: var(--font20);
  color: #333;
  line-height: var(--line15);
  margin-bottom: 16px;
}

#zhangfu {
  font-size: var(--font56);
  color: var(--colormain1);
  line-height: 1.1;
  margin-right: 24px;
}

#zhangdie2,
.iobl-min-ri {
  color: var(--colormain1);
  line-height: var(--line175);
}

.investor-overview-bot span {
  display: inline-block;
}

.iobl-min-icon img:nth-child(2) {
  display: none;
}

.iobl-min {
  display: flex;
  align-items: flex-end;
}

.iobl-min-icon {
  width: 24px;
}

.iobl-min-icon img {
  width: 100%;
}

.iobl-bt {
  margin-top: 16px;
}

.iobl-bt {
  font-size: var(--font16);
  line-height: var(--line15);
  color: var(--color666);
}

.investor-overview-bot-le {
  width: 25%;
  flex-shrink: 0;
  border-right: solid 1px #D9D9D9;
}

.iobr-ul {
  display: flex;
  margin: 0 -18px;
  justify-content: space-between;
}

.iobr-ul-il {
  padding: 0 18px;
}

.investor-overview-bot {
  display: flex;
  align-items: center;
}

.investor-overview-bot-ri {
  padding-left: 90px;
  width: 100%;
}

.iobr-ul-li-box {
  font-size: var(--font16);
  color: var(--color666);
  line-height: var(--line15);
}

.iobr-ul-li-box span {
  display: block;
  margin-top: 8px;
  font-size: 36px;
  color: #333;
  line-height: var(--line15);
}

.iobr-time p,
.iobr-time p span {
  display: inline-block;
  font-size: var(--font14);
  color: var(--color999);
  line-height: var(--line15);
}

.iobr-time {
  margin-top: 32px;
}

/* G1 投资者关系单页-end */
/* F1 可持续发展单页-start */
.deve-ban {
  padding-top: 40px;
  width: 97.5%;
  margin: 0 auto;
  position: relative;
  min-height: 180vh;
}

.deve-ban-wrap {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  left: 0;
  padding-bottom: 0 !important;
}

.deve-ban-wrap-cont {
  width: 100%;
  position: relative;
}

.deve-ban-topw {
  position: static;
  width: 100%;
}

.deve-ban-top {
  width: 100%;
  position: relative;
  z-index: 10;
}

.deve-ban-top-p {
  width: 100%;
  padding-bottom: var(--space44);
}

.deve-ban-top-p1 {
  position: relative;
  z-index: 10;
  background: transparent !important;
}

.deve-ban-top-p2 {
  position: absolute;
  top: 0;
  left: 0;
}

.deve-ban-top-p1 .ys-nyban-title h1,
.deve-ban-top-p1 .ys-nyban-title p {
  color: var(--color030);
}

.deve-ban-img {
  position: relative;
  width: 100%;
}

.deve-ban-img-flot {
  width: 100%;
  opacity: 0;
  pointer-events: none;
}

.deve-ban-img-wrap {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  max-width: 100%;
  margin: 0 auto;
}

.deve-page {
  background: var(--colorbj);
}

.deve-ban-img-wrap {
  border-radius: 20px;
  overflow: hidden;
}

.deve-ban-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.deve-ban-img-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(270deg, rgba(21, 37, 74, 0.00) 32.41%, #15254A 129.62%);
  opacity: 0;
  transition: all .4s;
}

.deve-ban-img-wrap.on::after {
  opacity: 1;
}

.deve-cry-wrap h2 {
  margin-bottom: 82px;
}

.deve-cry-le-ul {
  display: flex;
  flex-direction: column;
}

.dclu-li-box {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: relative;
  border: solid 1px #D0DBE1;
  transition: all .4s;
}

.dclu-li-box span {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: var(--font24);
  line-height: var(--line16);
  color: #D0DBE1;
  transition: all .4s;
}

.dclu-li1.act .dclu-li-box {
  background: #95AD07;
  border: solid 1px #95AD07;
}

.dclu-li2.act .dclu-li-box {
  /* background: #DCEBF3; */
  background: rgba(0, 114, 198, 1);
  border: solid 1px #DCEBF3;
}

.dclu-li3.act .dclu-li-box {
  /* background: #CEF6E9; */
  background: rgba(0, 154, 147, 1);
  border: solid 1px #CEF6E9;
}

.dclu-li.act span {
  color: var(--colorfff);
}

.dclu-li {
  margin-bottom: 13px;
}

.dclu-li:last-child {
  margin-bottom: 0px;
}

.deve-cry-wrap {
  display: flex;
  align-items: flex-start;
}

.deve-cry-le {
  position: sticky;
  top: 120px;
  width: 34%;
  padding-right: 100px;
}

.deve-cry-ri {
  width: 66%;
}

.dcru-lis-box {
  display: flex;
  align-items: center;
  padding-right: 116px;
  border-radius: 20px;
  overflow: hidden;
}

.dcru-lis1 .dcru-lis-box {
  border-right: 10px solid #95AD07;
  background: #DDEFC8;
}

.dcru-lis2 .dcru-lis-box {
  border-right: 10px solid #0069A6;
  background: #DCEBF3;
}

.dcru-lis3 .dcru-lis-box {
  border-right: 10px solid #009A93;
  background: #CEF6E9;
}

.dcru-lis1 .dcru-lis-ri-tit {
  color: #95AD07;
}

.dcru-lis2 .dcru-lis-ri-tit {
  color: #0072C6;
}

.dcru-lis3 .dcru-lis-ri-tit {
  color: #009A93;
}

.dcru-lis-ri-tit {
  display: inline-block;
  position: relative;
  margin-bottom: 32px;
  line-height: var(--line12);
  font-family: var(--family3);
}

.dcru-lis-ri-tit::after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 0;
  width: 100%;
  height: 1px;
}

.dcru-lis1 .dcru-lis-ri-tit::after {
  background: #95AD07;
}

.dcru-lis2 .dcru-lis-ri-tit::after {
  background: #0072C6;
}

.dcru-lis3 .dcru-lis-ri-tit::after {
  background: #009A93;
}

.dcru-lis-ri-word p {
  color: var(--color666);
  line-height: var(--line175);
}

.dcru-lis {
  margin-bottom: 24px;
}

.dcru-lis:last-child {
  margin-bottom: 0px;
}

.dcru-lis-img {
  width: 40%;
  flex-shrink: 0;
  font-size: 0;
}

.dcru-lis-img img {
  width: 100%;
}

.dcru-lis-ri {
  width: 100%;
}

.deve-cry {
  overflow: visible !important;
}

.deve-page .home-news {
  background: var(--colorfff);
}

.deve-report {
  background: var(--colorbj);
}

.deve-report .riul-sects-le-icon {
  background: var(--colormain2);
}

.deve-report h2 {
  text-align: center;
}

/* F1 可持续发展单页-end */
/* B4-1 产品详情页-start */
.prodet-ban {
  position: relative;
}

.prodet-ban .ys-nyban-img {
  /* background: linear-gradient(270deg, rgba(3, 15, 39, 0.10) 0%, rgba(3, 15, 39, 0.00) 93.39%); */
  /* filter: blur(2.6500000953674316px); */
  /* backdrop-filter: blur(7.5px); */
}

.prodet-ban .ys-nyban-img::after {
  background: transparent;
}

.prodet-ban-cry {
  position: absolute;
  top: auto;
  bottom: 27px;
  left: 50%;
  transform: translate(-50%, 0%);
}

.prodet-ban-cry-le h1 span {
  display: block;
  font-size: var(--font24);
  color: var(--colorfff);
  line-height: var(--line16);
  margin-bottom: var(--space24);
}

.prodet-ban-cry-le h1 {
  font-size: var(--font48);
  line-height: var(--line13);
  margin-bottom: var(--space24);
  color: var(--colorfff);
}

.pbcl-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -6px 32px;
}

.pbcl-list-item {
  padding: 0 6px;
  margin-bottom: 6px;
}

.pbcl-list-item-box {
  display: flex;
  align-items: center;
  padding: 4px 16px;
  border-radius: 15px;
  border: 1px solid rgba(255, 255, 255, 0.60);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%);
  box-shadow: 0px 383px 107px 0px rgba(132, 155, 179, 0.00), 0px 245px 98px 0px rgba(132, 155, 179, 0.01), 0px 138px 83px 0px rgba(132, 155, 179, 0.05), 0px 61px 61px 0px rgba(132, 155, 179, 0.09), 0px 15px 34px 0px rgba(132, 155, 179, 0.10);
  backdrop-filter: blur(7.5px);
  -webkit-backdrop-filter: blur(7.5px);
  overflow: hidden;
}

.plib-img {
  width: 20px;
  flex-shrink: 0;
  font-size: 0;
  margin-right: 12px;
}

.plib-img img {
  width: 100%;
}

.pbcl-list-item-box p {
  font-size: var(--font14);
  line-height: var(--line175);
  color: var(--colorfff);
  white-space: nowrap;
}

.pbcl-btnul {
  display: flex;
  margin: 0 -22px 44px;
}

.pbcl-btnul-li {
  padding: 0 22px;
}

.pbcl-paging-li a {
  display: flex;
  align-items: center;
  font-size: var(--font16);
  line-height: var(--line175);
  color: var(--colorfff);
}

.pbcl-paging-li a span {
  display: inline-block;
  margin-right: 16px;
}

.pbcl-paging-li {
  margin-bottom: 7px;
}

.pbcl-paging-li:last-child {
  margin-bottom: 0px;
}

.prodet-ban-cry-le {
  width: 42%;
}

.prodet-ban-cry-ri {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 1800px;
  transform: translateY(-60%);
  pointer-events: none;
}

.pbcr-cont {
  will-change: transform;
  width: 100%;
  position: absolute;
  left: 0;
}

.pbcr-cont.inited {
  transition: all .3s linear;
}

.pbcr-cont-box {
  float: right;
  width: 630px;
  height: 570px;
  border-radius: 20px;
  overflow: hidden;
}

.pbcr-cont-box-wrap {
  width: 100%;
  height: 100%;
  padding: 0 0px !important;
  display: flex;
  align-items: center;
  position: relative;
}

.prodet-cry-fl {
  width: 50%;
}

.prodet-cry-fl h2 {
  margin-bottom: 34px;
  color: var(--color030);
  line-height: var(--line12);
}

.prodet-cry-fl-word p {
  line-height: var(--line175);
  color: var(--color666);
}

.prodet-cry-fl-word {
  margin-bottom: 54px;
}

.prodet-cry-fl-ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
}

.pcfu-li {
  padding: 0 12px;
  margin-bottom: 12px;
}

.pcfu-li-boxs {
  display: flex;
  align-items: center;
  padding: 10px 14px 10px 10px;
  border-radius: 100px;
  border: 1px solid #D0DBE1;
  background: #F2F7FC;
}

.prodet-page {
  background: var(--colorbj);
}

.pcfu-li-boxs-icon {
  width: 26px;
  flex-shrink: 0;
  font-size: 0;
  margin-right: 16px;
}

.pcfu-li-boxs-icon img {
  width: 100%;
}

.pcfu-li-boxs p {
  white-space: nowrap;
  color: var(--color030);
  line-height: var(--line175);
  font-size: var(--font16);
}

.prodet-page section {
  overflow: visible !important;
}

.pcbw-img {
  width: 78%;
  margin: 0 auto;
  border-radius: 15px;
  border: 1px solid rgba(255, 255, 255, 0.60);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%);
  box-shadow: 0px 183px 17px 0px rgba(132, 155, 179, 0.00), 0px 15px 18px 0px rgba(132, 155, 179, 0.01), 0px 18px 13px 0px rgba(132, 155, 179, 0.05), 0px 15px 51px 0px rgba(132, 155, 179, 0.09), 0px 0px 20px 0px rgba(132, 155, 179, 0.10);
  backdrop-filter: blur(7.5px);
  -webkit-backdrop-filter: blur(7.5px);
}

.prodet-cry {
  min-height: 80vh;
}

.prodet-cry-fl {
  padding-top: 200px;
}

.prodet-table {
  background: var(--color030);
}

.prodet-table h2 {
  color: var(--colorfff);
  text-align: center;
  line-height: var(--line12);
}

.prodet-table-wrap {
  width: 84%;
  margin: 0 auto;
  border-radius: 15px;
  border: 1px solid #09476B;
  background: linear-gradient(180deg, rgba(9, 30, 78, 0.20) 0%, rgba(3, 18, 50, 0.20) 100%);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  padding: 56px 25px 60px 100px;
}

.ptrt-ul-li-text {
  padding: 16px 14px;
  width: 50%;
  font-size: var(--font16);
  line-height: var(--line175);
  color: var(--colorfff);
}

.ptrt-ul-li-text1 {
  text-align: left;
}

.ptrt-ul-li-text2 {
  text-align: right;
}

.ptrt-ul-li {
  display: flex;
  border-bottom: 1px solid #22365C;
}

.prodet-table-ri-top {
  max-height: 430px;
  padding-right: 27px;
  margin-bottom: var(--space44);
}

.prodet-table-ri-top .mCSB_outside+.mCSB_scrollTools {
  right: 0px !important;
}

.prodet-table-ri-top .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background: rgba(255, 255, 255, 0.1) !important;
}

.prodet-table-le {
  width: 31%;
}

.prodet-table-ri {
  width: 69%;
  padding-left: 152px;
}

.prodet-apply,
.prodet-page .mod-ctact {
  background: var(--colorfff);
}

.prodet-page .mod-ctact {
  overflow: visible !important;
  position: relative;
}

.prodet-page .mod-ctact::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: var(--space130);
  background: var(--colorfff);
}

.prodet-apply h2 {
  text-align: center;
}

.pasw-li-box {
  height: 480px !important;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.pasw-li {
  width: 372px;
  transition-property: all !important;
  transition: all .36s;
}

.pasw-li-box-img,
.pasw-li-box-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.prodet-apply-swip {
  overflow: visible !important;
  padding-bottom: 88px !important;
}

.prodet-apply .swiper-container-horizontal>.swiper-pagination-progressbar,
.prodet-apply .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.prodet-apply .swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.prodet-apply .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.series-adv .swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.series-adv .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  background: rgba(3, 15, 39, 0.1);
  bottom: 20px !important;
  top: auto;
  width: calc(100% - 135px);
  height: 2px;
}

.prodet-apply .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--color030) !important;
}

.prodet-apply .mod-arrows {
  width: 110px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 3;
}

.prodet-apply .arrows-icon {
  background: #D0DBE1;
}

.prodet-apply-slide,
.prodet-apply {
  position: relative;
}

.prodet-apply::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: var(--left);
  height: 100%;
  background: var(--colorfff);
  pointer-events: none;
  z-index: 2;
}

.pasw-li .haru-li-cry {
  width: 50%;
  opacity: 0;
  height: 0px;
  transition: all .4s;
  transition-delay: 0s;
}

.pasw-li .haru-li-cry a {
  height: 0px;
  overflow: hidden;
  transition: all .4s;
}

.pasw-li.swiper-slide-active .haru-li-cry a {
  height: 100%;
}

.pasw-li.swiper-slide-active .haru-li-cry {
  opacity: 1;
  height: auto;
  transition-delay: 0.4s;
}

.prodet-apply::after {
  display: block;
}

/* B4-1 产品详情页-end */
/* C1 市场应用列表页-start */
.list-ban {
  width: 97.5%;
  margin: 0 auto;
  height: calc(100vh - var(--line80) - var(--space44));
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.list-ban-bg,
.list-ban-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.list-ban-bg {
  position: absolute;
  top: 0;
  left: 0;
}

.list-ban-bg img:nth-child(2) {
  display: none;
}

.list-ban-cont h1 span {
  display: block;
  margin-bottom: var(--space24);
  color: var(--colormain2);
  text-align: center;
  font-size: var(--font32);
}

.list-ban-cont h1 {
  color: var(--colorfff);
  text-align: center;
}

.list-ban-cont {
  width: 48%;
  top: 120px;
  transform: translate(-50%, 0%);
}

.list-ban-cont .std-btn2 {
  display: flex;
  justify-content: center;
}

.soft_platform_swiper {
  position: absolute !important;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  overflow: visible !important;
}

.soft_platform_swiper .swiper-wrapper {
  transition-timing-function: linear !important;
  align-items: center;
}

.soft_platform_swiper_li {
  width: auto !important;
  margin-right: 50px;
  position: absolute !important;
  height: 248px !important;
  transition: all 1s !important;
  display: flex !important;
  align-items: center;
}

.spsl_cont {
  position: relative;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.soft_platform_swiper_li img {
  width: 100%;
}

.spsl_cont::after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .3);
  position: absolute;
  top: 0;
  left: 0;
  transition: all .36s;
}

.soft_platform_swiper_li1 {
  bottom: 50.9%;
  left: -8%;
  width: 232px !important;
}

.soft_platform_swiper_li2 {
  bottom: 57.1%;
  left: 5%;
  width: 184px !important;
}

.soft_platform_swiper_li3 {
  bottom: 40.6%;
  left: 15.8%;
  width: 184px !important;
}

.soft_platform_swiper_li4 {
  bottom: 54.3%;
  left: 83.4%;
  width: 184px !important;
}

.soft_platform_swiper_li5 {
  bottom: 61.9%;
  left: 94.9%;
  width: 238px !important;
}

.soft_platform_swiper_li6 {
  bottom: 30.4%;
  left: -3.4%;
  width: 232px !important;
}

.soft_platform_swiper_li7 {
  bottom: 11.8%;
  left: 10%;
  width: 173px !important;
}

.soft_platform_swiper_li8 {
  bottom: 14.9%;
  left: 22.8%;
  width: 144px !important;
}

.soft_platform_swiper_li9 {
  bottom: 28.8%;
  left: 87.9%;
  width: 232px !important;
}

.soft_platform_swiper_li10 {
  bottom: -0.7%;
  left: -6%;
  width: 238px !important;
}

.soft_platform_swiper_li11 {
  bottom: -1.3%;
  left: 31.7%;
  width: 165px !important;
}

.soft_platform_swiper_li12 {
  bottom: -0.4%;
  left: 46.1%;
  width: 212px !important;
}

.soft_platform_swiper_li13 {
  bottom: 5.7%;
  left: 64.5%;
  width: 144px !important;
}

.soft_platform_swiper_li14 {
  bottom: -2%;
  left: 73.2%;
  width: 155px !important;
}

.soft_platform_swiper_li15 {
  bottom: 4.5%;
  left: 86.7%;
  width: 160px !important;
}

.soft_platform_swiper_li16 {
  bottom: 21.9%;
  left: 78.9%;
  width: 133px !important;
}

.soft_platform.act .list-ban-cont {
  /* top: 120px; */
}

.soft_platform.act .soft_platform_swiper_li {
  bottom: 127px !important;
}

.soft_platform.act .soft_platform_swiper_li1 {
  left: 0%;
}

.soft_platform.act .soft_platform_swiper_li2 {
  left: 282px;
}

.soft_platform.act .soft_platform_swiper_li3 {
  left: 516px;
}

.soft_platform.act .soft_platform_swiper_li4 {
  left: 750px;
}

.soft_platform.act .soft_platform_swiper_li5 {
  left: 984px;
}

.soft_platform.act .soft_platform_swiper_li6 {
  left: 1272px;
}

.soft_platform.act .soft_platform_swiper_li7 {
  left: 1554px;
}

.soft_platform.act .soft_platform_swiper_li8 {
  left: 1777px;
}

.soft_platform.act .soft_platform_swiper_li9 {
  left: 1971px;
}

.soft_platform.act .soft_platform_swiper_li10 {
  left: 2253px;
}

.soft_platform.act .soft_platform_swiper_li11 {
  left: 2541px;
}

.soft_platform.act .soft_platform_swiper_li12 {
  left: 2756px;
}

.soft_platform.act .soft_platform_swiper_li13 {
  left: 3018px;
}

.soft_platform.act .soft_platform_swiper_li14 {
  left: 3212px;
}

.soft_platform.act .soft_platform_swiper_li15 {
  left: 3417px;
}

.soft_platform.act .soft_platform_swiper_li16 {
  left: 3627px;
}

.soft_platform.active .soft_platform_swiper_li {
  position: relative !important;
  left: 0 !important;
  transition: none !important;
}

.soft_platform.active .soft_platform_swiper {
  height: auto !important;
}

.soft_platform.act .spsl_cont::after {
  opacity: 0;
}

.list-wrap {
  width: 100%;
  margin-top: 24px;
}

.list-wrap-ul-li {
  width: 100%;
  background: var(--color030);
  position: relative;
}

.lwul-bg,
.lwul-bg img {
  width: 100%;
  position: relative;
}

.lwul-bg img:nth-child(2) {
  display: none;
}

.lwul-bg img {
  transform: scale(1.02);
  transition: all .6s;
}

.list-wrap-ul-li.act .lwul-bg img {
  transform: scale(1);
}

.lwul-box {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lwul-box-icon {
  width: 44px;
  margin-bottom: 12px;
}

.lwul-box-icon img {
  width: 100%;
}

.lwul-tit {
  color: var(--colorfff);
  line-height: var(--line15);
  margin-bottom: var(--space44);
  position: relative;
}

.lwul-tit::after {
  content: "";
  position: absolute;
  bottom: -22px;
  left: 0;
  width: 62px;
  height: 4px;
  border-radius: 2px;
  background: var(--colormain1);
}

.lwul-word p {
  color: var(--colorfff);
  line-height: var(--line175);
}

.lwul-word {
  width: 31%;
}

.lwul-box .std-btn2 {
  margin-top: var(--space44);
}

.mark-case-ri-bot {
  width: 85%;
  overflow: hidden;
}

.list-wrap-ul-li .lwul-bg {
  filter: blur(10px);
  transition: all .4s;
}

.list-wrap-ul-li.act .lwul-bg {
  filter: blur(0px);
}

/* C1 市场应用列表页-end */
/* B2 产品系列详情-start */
.series-page {
  background: var(--colorbj);
}

.series-prod {
  background: var(--colorfff);
}

.series-prod h2 {
  text-align: center;
}

.spul-sect-top {
  position: relative;
  padding: 42px 40px 48px;
  background: var(--colorbj);
  transition: all .4s;
}

.spul-sect-top-img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.spul-sect-top-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .4s;
}

.spul-sect-top-img img:nth-child(2) {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.spul-sect-top-tit {
  color: var(--color030);
  transition: all .4s;
  line-height: 1.6;
  height: 3.2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all .4s;
}

.series-prod-ul-li {
  width: 33.333333%;
  padding: 0 12px;
}

.series-prod-ul-li:nth-child(3n+1) {
  animation-delay: 0.2s;
}

.series-prod-ul-li:nth-child(3n+2) {
  animation-delay: 0.3s;
}

.series-prod-ul-li:nth-child(3n+3) {
  animation-delay: 0.4s;
}

.series-prod-ul {
  display: flex;
  margin: 0 -12px;
}

.spul-sect {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  box-shadow: 0px 183px 67px 0px rgba(132, 155, 179, 0.00), 0px 145px 58px 0px rgba(132, 155, 179, 0.01), 0px 68px 42px 0px rgba(132, 155, 179, 0.05), 0px 61px 61px 0px rgba(132, 155, 179, 0.09), 0px 15px 34px 0px rgba(132, 155, 179, 0.10);
}

.spul-sect-bot {
  padding: 14px 40px;
  background: #FFF;
  box-shadow: 0px 383px 107px 0px rgba(132, 155, 179, 0.00), 0px 245px 98px 0px rgba(132, 155, 179, 0.01), 0px 138px 83px 0px rgba(132, 155, 179, 0.05), 0px 61px 61px 0px rgba(132, 155, 179, 0.09), 0px 15px 34px 0px rgba(132, 155, 179, 0.10);
  position: relative;
  z-index: 3;
  transition: all .4s;
}

.spul-sect-bot::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: transparent;
  box-shadow: 0px -4px 15.5px 0px rgba(3, 15, 39, 0.20);
  opacity: 0;
  transition: all .4s;
}

.spul-sect .std-btn2-box p {
  transition: all .4s;
}

.series-page .prodet-apply {
  background: var(--colorbj);
}

.series-page .prodet-apply::after {
  background: var(--colorbj);
}

.series-video {
  position: relative;
  z-index: 20;
  overflow: visible !important;
}

.series-video-wrap {
  width: 100%;
  height: calc(100vh - var(--line80));
  overflow: hidden;
  clip-path: polygon(18% 100px, 82% 100px, 82% calc(100% - 100px), 18% calc(100% - 100px));
  -webkit-clip-path: polygon(18% 100px, 82% 100px, 82% calc(100% - 100px), 18% calc(100% - 100px));
  -moz-clip-path: polygon(18% 100px, 82% 100px, 82% calc(100% - 100px), 18% calc(100% - 100px));
  -ms-clip-path: polygon(18% 100px, 82% 100px, 82% calc(100% - 100px), 18% calc(100% - 100px));
  -o-clip-path: polygon(18% 100px, 82% 100px, 82% calc(100% - 100px), 18% calc(100% - 100px));
  transition: all .8s ease;
  margin-top: -100px;
  position: sticky !important;
  top: var(--line80);
}

.series-video-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.series-video-wrap video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.series-video-zhan {
  height: 20vh;
}

.series-video.act .series-video-wrap {
  clip-path: polygon(0% 0px, 100% 0px, 100% calc(100% - 0px), 0% calc(100% - 0px));
  -webkit-clip-path: polygon(0% 0px, 100% 0px, 100% calc(100% - 0px), 0% calc(100% - 0px));
  -moz-clip-path: polygon(0% 0px, 100% 0px, 100% calc(100% - 0px), 0% calc(100% - 0px));
  -ms-clip-path: polygon(0% 0px, 100% 0px, 100% calc(100% - 0px), 0% calc(100% - 0px));
  -o-clip-path: polygon(0% 0px, 100% 0px, 100% calc(100% - 0px), 0% calc(100% - 0px));
}

.series-adv {
  /* padding: 349px 0 212px; */
  position: relative;
  overflow: hidden;
  padding-bottom: var(--space130);
}

.sasu-li {
  height: auto !important;
}

.series-adv-swip-ul {
  align-items: stretch;
}

.sasu-li-box {
  height: 100%;
  border-radius: 15px;
  border: 1px solid #D0DBE1;
  background: rgba(255, 255, 255, 0.65);
  box-shadow: 0px 13px 7px 0px rgba(132, 155, 179, 0.00), 0px 15px 8px 0px rgba(132, 155, 179, 0.01), 0px 18px 3px 0px rgba(132, 155, 179, 0.05), 0px 12px 12px 0px rgba(132, 155, 179, 0.09), 0px 2px 6px 0px rgba(132, 155, 179, 0.10);
  backdrop-filter: blur(75px);
  -webkit-backdrop-filter: blur(75px);
  padding: 22px 40px 38px;
  transition: all .4s;
}

.sasu-li-icon {
  width: 66px;
  flex-shrink: 0;
  position: relative;
  margin-bottom: 80px;
}

.sasu-li-icon img {
  width: 100%;
  transition: all .4s;
}

.sasu-li-icon img:nth-child(2) {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.sasu-li-tit {
  transition: all .4s;
  font-size: var(--font24);
  line-height: var(--line16);
  color: var(--color030);
}

.series-adv-swip {
  overflow: visible !important;
}

.series-adv .swiper-container-horizontal>.swiper-pagination-progressbar,
.home-news .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  background: rgba(3, 15, 39, 0.1);
  bottom: 22px !important;
}

.series-adv .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: rgba(3, 15, 39, 1) !important;
}

.series-adv .mod-arrows {
  width: 110px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
}

.series-adv .arrows-icon {
  background: #D0DBE1;
}

.series-adv-slide {
  position: relative;
}

.series-adv-line {
  width: 1778px;
  /* height: 1778px; */
  border-radius: 50%;
  /* border: 2px solid rgba(12, 53, 141, 0.20); */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity .4s;
  transition-delay: 0.6s;
}

.series-adv-line img {
  width: 100%;
}

/* .series-adv-line::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 56%;
    height: 56%;
    border-radius: 50%;
    border: 2px solid rgba(12, 53, 141, 0.20);
    opacity: 0;
    transition: opacity .4s;
    transition-delay: 0.4s;
} */
/* .series-adv-line::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 33%;
    height: 33%;
    border-radius: 50%;
    border: 2px solid rgba(12, 53, 141, 0.20);
    opacity: 0;
    transition: opacity .4s;
    transition-delay: 0.2s;
} */
.series-adv .ys-cont1560 {
  position: relative;
  z-index: 2;
}

/* .series-adv h2 {
  position: absolute;
  top: 27%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 150px;
  color: var(--color030);
  line-height: var(--line13);
} */

.series-adv-line.act::after,
.series-adv-line.act::before,
.series-adv-line.act {
  opacity: 1;
}

.prodet-box {
  height: 1500vh;
  overflow: visible !important;
  position: relative;
}

.prodet-box-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.prodet-box-bg::before {
  content: '';
  background: linear-gradient(0deg, rgba(230, 230, 230, 1) 62.75%, rgba(230, 230, 230, 0) 100%);
  position: fixed;
  width: 90vw;
  height: 55vh;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  transition: all .8s ease-in-out;
}

.prodet-box-bg #scrolly-video {
  margin: 0 auto;
  top: calc(var(--line80) / 2) !important;
  top: 0px !important;
  left: 0;
  font-size: 0;
  background: transparent;
  border: 0;
  margin-top: calc(var(--line80)* -1);
  max-width: 100% !important;
  width: calc(calc(100vh - var(--line80))* 1.7777) !important;
  height: calc(100vh - var(--line80)) !important;
  top: var(--line80) !important;
}

.prodet-box-bg #scrolly-video::before,
.prodet-box-bg #scrolly-video::after {
  content: '';
  height: 10%;
  position: absolute;
  width: 100%;
  background: rgba(230, 230, 230, 1);
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
}

.prodet-box-bg #scrolly-video video {
  min-width: 102% !important;
  min-height: calc(100% + 4px) !important;
  background: transparent;
  border: 0;
  object-fit: cover;
}

.prodet-box-bg #scrolly-video::before,
.prodet-box-bg #scrolly-video::after {
  content: '';
  height: 10%;
  position: absolute;
  width: 100%;
  background: rgba(230, 230, 230, 1);
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
}

.series-ban {
  /* border-radius: 20px; */
  /* background: var(--color030); */
  width: 97.5%;
  margin: var(--space24) auto 0;
}

.series-ban-bg {
  position: sticky;
  top: calc(var(--line80) + 20px);
  background: var(--color030);
  width: 100%;
  height: calc(100vh - var(--line80) - 40px);
  border-radius: 20px;
}

.prodet-item {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: sticky;
  top: var(--line80);
  height: calc(100vh - var(--line80));
}

.series-ban-wrap-cont {
  width: 46%;
}

.series-ban-wrap-cont h1 {
  text-align: center;
  font-size: var(--font48);
  line-height: var(--line13);
  color: var(--colorfff);
  margin-bottom: var(--space24);
}

.series-ban-wrap-word p {
  text-align: center;
  line-height: var(--line175);
  color: var(--colorfff);
}

.series-ban-wrap-word {
  margin-bottom: var(--space24);
}

.series-ban-wrap-cont .std-btn2 {
  margin-top: var(--space44);
  display: flex;
  justify-content: center;
}

.series-ban-wrap .pbcl-list {
  justify-content: center;
}

.series-ban-wrap::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(3, 15, 39, 0.00) 30.3%, #030F27 68.4%);
  z-index: -1;
}

.prodet-item.start1 {
  opacity: 1;
  pointer-events: all;
}

.prodet-item {
  opacity: 0;
  pointer-events: none;
  transition: all .4s;
}

.series-ban-top-tit {
  font-size: 160px;
  color: #FFF;
  line-height: 1.1;
  text-align: center;
  margin-bottom: 34px;
}

.series-ban-top-word p {
  color: var(--color999);
  font-size: var(--font24);
  text-align: center;
  line-height: var(--line12);
}

.series-ban-top {
  height: calc(100vh - var(--line80));
  top: var(--line80);
  width: 100%;
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: all .4s;
  z-index: 1;
}

.series-ban.nomore .series-ban-top {
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}

.ys-typeselect-item {
  height: auto !important;
}

/* B2 产品系列详情-end */
/* B3  固定真空电容器 产品列表页-start */
.ys-typeselect-scl-img {
  width: 28px !important;
}

.mod-nyban-cont {
  top: 50% !important;
  bottom: auto;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transform: translate(-50%, -50%) !important;
}

.secleclist-page h1 {
  font-size: var(--font48) !important;
  line-height: var(--line13);
  color: var(--color030);
}

.secleclist-page .ys-nyban-title p {
  font-size: var(--font18);
  color: var(--color666);
  line-height: var(--line175);
}

.ys-ban-prod {
  width: 34%;
  border-radius: 10px;
  border: 0.683px solid rgba(255, 255, 255, 0.60);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%);
  box-shadow: 0px 261.6px 73.084px 0px rgba(132, 155, 179, 0.00), 0px 167.342px 66.937px 0px rgba(132, 155, 179, 0.01), 0px 94.258px 56.691px 0px rgba(132, 155, 179, 0.05), 0px 41.665px 41.665px 0px rgba(132, 155, 179, 0.09), 0px 10.245px 23.223px 0px rgba(132, 155, 179, 0.10);
  backdrop-filter: blur(5.122707366943359px);
  padding: 43px 67px 39px 77px;
  -webkit-backdrop-filter: blur(5.122707366943359px);
}

.ys-ban-prod-ph {
  display: none;
}

.secleclist-page .ys-nyban-title {
  width: 50%;
}

.ys-tct-left-reset .ys-typeselect-text14 {
  color: var(--colormain2) !important;
}

.ys-typeselect-pc.act1 .ys-typeselect-b2t-hd {
  top: var(--line80) !important;
}

.ys-typeselect-compare {
  display: none !important;
}

/* B3  固定真空电容器 产品列表页-end */
/*鼠标效果*/
@media screen and (min-width: 1200px) {
  .sasu-li-box:hover {
    background: var(--colormain2);
  }

  .sasu-li-box:hover .sasu-li-tit {
    color: var(--colorfff);
  }

  .sasu-li-box:hover .sasu-li-icon img:nth-child(2) {
    opacity: 1;
  }

  .sasu-li-box:hover .sasu-li-icon img:nth-child(1) {
    opacity: 0;
  }

  .spul-sect:hover .std-btn2-box p {
    color: var(--colorfff);
  }

  .spul-sect:hover .std-btn2-icon {
    border: solid 1px #fff;
  }

  .spul-sect:hover .std-btn2-icon img:nth-child(2) {
    opacity: 1;
  }

  .spul-sect:hover .std-btn2-icon img:nth-child(1) {
    opacity: 0;
  }

  .spul-sect:hover .spul-sect-top-img img:nth-child(2) {
    opacity: 1;
  }

  .spul-sect:hover .spul-sect-bot::after {
    opacity: 1;
  }

  .spul-sect:hover .spul-sect-top-img img:nth-child(1) {
    opacity: 0;
  }

  .spul-sect:hover .spul-sect-top-tit {
    color: var(--colorfff);
  }

  .spul-sect:hover .spul-sect-top,
  .spul-sect:hover .spul-sect-bot {
    background: var(--colormain2);
  }

  .plru-li-sect:hover {
    border: solid 1px var(--colormain2);
  }

  .plru-li-sect:hover .plru-li-tit {
    color: var(--colormain2);
  }

  .plru-li-sect:hover .plru-li-tit span {
    color: var(--colormain1) !important;
  }

  .inul-link:hover .inul-link-bg img {
    transform: scale(1.05);
  }

  .infor-news-ul-li .std-btn3-box:hover .std-btn2-icon {
    background: transparent
  }

  .nepu-li-link:hover .nepu-li-link-word p {
    color: var(--colormain2);
  }

  .ys-pcfy a:hover li {
    color: var(--colormain2);
    background: transparent;
    border: solid 1px var(--colormain2);
  }

  .nlul-link:hover .nlul-link-tit {
    color: var(--colormain2);
  }

  .nlul-link:hover .nlul-link-min::after {
    width: 100%;
  }

  .nlul-link:hover {
    border: solid 1px var(--colormain2);
  }

  .news-list-top-ri .ys-select-li:hover {
    color: var(--colormain2);
  }

  .mark-page .home-prod .arrows-icon:hover {
    background: var(--colormain2);
  }

  .haru-li-cry-tp .std-btn3-box:hover .std-btn2-icon {
    background: transparent !important;
  }

  .mod-ctact .std-btn1-box:hover {
    border: solid 1px var(--colorfff);
  }

  .arrows-icon:hover {
    background: var(--colormain2);
  }

  .arrows-icon:hover img:nth-child(2) {
    opacity: 1;
  }

  .arrows-icon:hover img:nth-child(1) {
    opacity: 0;
  }

  .std-btn1-box:hover {
    color: var(--colorfff);
    background: var(--colormain2);
    border: solid 1px var(--colormain2);
  }

  .std-btn2-box:hover .std-btn2-icon,
  .std-btn3-box:hover .std-btn2-icon {
    background: var(--colormain2);
  }

  .std-btn2-box:hover .std-btn2-icon img:nth-child(2) {
    opacity: 1;
  }

  .std-btn2-box:hover .std-btn2-icon img:nth-child(1) {
    opacity: 0;
  }

  .std-btn3-box:hover .std-btn2-icon img:nth-child(2) {
    opacity: 1;
  }

  .std-btn3-box:hover .std-btn2-icon img:nth-child(1) {
    opacity: 0;
  }

  .std-btn2.white .std-btn2-box:hover .std-btn2-icon {
    border: solid 1px var(--colormain2);
  }

  .habs-ul-li-link:hover .std-btn2-icon,
  .std-btn3-box:hover .std-btn2-icon {
    background: var(--colormain2);
  }

  .habs-ul-li-link:hover .std-btn2-icon img:nth-child(2) {
    opacity: 1;
  }

  .habs-ul-li-link:hover .std-btn2-icon img:nth-child(1) {
    opacity: 0;
  }

  .std-btn1.black .std-btn1-box:hover {
    color: var(--colorfff);
  }

  .hnul-link:hover .std-btn2-icon {
    background: var(--colormain2);
  }

  .hnul-link:hover .std-btn2-icon img:nth-child(2) {
    opacity: 1;
  }

  .hnul-link:hover .std-btn2-icon img:nth-child(1) {
    opacity: 0;
  }

  .mfbr-ul-li a:hover {
    color: var(--colorfff);
  }

  .mftr-ul-li ul li p a:hover {
    opacity: 1;
  }

  .mnlu-li a:hover {
    opacity: 1;
  }

  .ppru-li .std-btn3-box:hover .std-btn2-icon {
    border: solid 1px var(--colorfff);
    background: transparent;
  }

  .pprl-cry .std-btn2.white .std-btn2-box:hover .std-btn2-icon {
    background: transparent;
    border: solid 1px var(--colorfff);
  }

  .liul-box:hover {
    border: solid 1px #D0DBE1;
  }

  .aqcs_li_cont:hover .aqcs_li_cont_text p {
    color: #fff;
    transition: all .36s .15s;
  }

  .aqcs_li_cont:hover .aqcs_li_cont_text::after {
    top: 0;
  }

  .hllw-more-link:hover::after {
    opacity: 1;
  }

  .hllw-more-link:hover {
    border-color: var(--colormain2);
  }
}

.ys-typeselect-b2th-left .ys-typeselect-th {
  position: relative;
}

.ys-typeselect-b2th-left .ys-typeselect-th::after {
  content: "";
  position: absolute;
  left: 0px;
  top: calc(50% - 1px);
  transform: translateY(-50%);
  width: 100%;
  height: 0.5px;
  background: #DAD8D8;
  z-index: 10
}

.ys-typeselect-td00 {
  padding: 14.5px !important;
}

#nowCount {
  color: var(--colormain1);
  font-family: var(--family3);
}

.home-ban {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: var(--colorbj);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}

.home-ban-top {
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-ban-top-icon {
  width: 74px;
  flex-shrink: 0;
  font-size: 0;
  margin-right: 27px;
}

.home-ban-top-icon img {
  width: 100%;
}

.home-ban-top,
.home-ban-bot {
  color: #333;
  line-height: var(--line14);
  font-size: var(--font56);
}

.effect .ys-hd-pc {
  background: var(--colorbj);
  border-bottom: solid 1px transparent;
}

#mark-swiper2 .swiper-slide {
  opacity: 0 !important;
}

#mark-swiper2 .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}

#mark-swiper3 .swiper-slide .ys-imgbox-cover {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

#mark-swiper3 .swiper-slide .ys-imgbox-cover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 1;
  transition: all .4s;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);
}

#mark-swiper3 .swiper-slide.act .ys-imgbox-cover::after {
  opacity: 0;
}

.investor-stock-wrap iframe,
iframe {
  width: 100%;
  height: 515px;
  border: solid 0px var(--colorbj);
  border-width: 0px !important;
}

.investor-stock {
  padding-bottom: var(--space130);
}

::-webkit-scrollbar-track-piece {
  border-color: transparent !important;
}

.home-apply-ri {
  width: 83%;
}

.std-btn3 .std-btn2-icon {
  margin-right: 0px !important;
}

.head-logo {
  line-height: var(--line80);
}

.home-news h2 {
  text-align: left;
}

.std-btn1-box {
  white-space: nowrap;
}

.slick-dots {
  bottom: 0;
}

.sbwc-phimg {
  display: none;
}

.secleclist-page .ys-nyban-title p {
  width: 100%;
}

.pcbw-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.clul-boxs .ys-imgbox-cover img:nth-child(2) {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.clul-box-le .std-btn2 {
  margin-top: 15px;
}

.dcru-lis::before,
.dclu-li::before {
  display: none !important;
}

.report-notice-btn {
  display: flex;
  justify-content: center;
}

.report-inform .report-notice-btn {
  margin-top: var(--space44);
}

.report-notice .report-notice-btn {
  margin-top: 18px;
}

/* 20241213 */
/* B5 常见问题列表页-start */
.ques-main {
  background: var(--colorbj);
}

.ques-list-le {
  width: 20%;
  position: sticky;
  top: 0px;
  padding-right: 78px;
}

.ques-list-ri {
  width: 80%;
  padding-left: 78px;
  border-left: solid 1px #030F27;
}

.ques-list-le-ul {
  width: 100%;
  border-radius: 20px;
  background: #FFF;
  padding: 24px;
}

.qllu-lis-link {
  display: block;
  text-align: center;
  transition: all .4s;
  background: transparent;
  color: var(--color666);
  line-height: var(--line175);
  padding: 4px 20px;
  border-radius: 100px;
}

.qllu-lis.act .qllu-lis-link {
  background: var(--colormain2);
  color: var(--colorfff);
}

.qllu-lis {
  margin-bottom: 10px;
}

.qllu-lis:last-child {
  margin-bottom: 0px;
}

.qlru-li {
  border-bottom: solid 1px #D0DBE1;
}

.qlru-li-tp {
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 28px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.qlru-li:first-child .qlru-li-tp {
  padding-top: 0px !important;
}

.qlru-li:first-child .qlru-li-bt {
  display: block;
}

.qlru-li-bt-top {
  display: flex;
  align-items: center;
}

.qlru-li-bt {
  display: none;
  margin-bottom: 32px;
  width: 100%;
  background: var(--colorfff);
  border-radius: 20px;
  overflow: hidden;
  padding: 32px 28px 0px;
}

.qlru-li-tp-text {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--colormain2);
  font-size: var(--font18);
  line-height: var(--line12);
  color: var(--colorfff);
  display: flex;
  align-items: center;
  justify-content: center;
}

.qlru-li-bt-top .qlru-li-tp-text {
  background: rgba(0, 105, 166, 0.10);
  color: var(--colormain2);
  margin-right: 16px;
}

.ques-list-wrap {
  display: flex;
  align-items: flex-start;
}

.qlru-li-tp-tab p {
  color: var(--colormain2);
  padding: 4px 12px;
  line-height: var(--line175);
  white-space: nowrap;
  border-radius: 5px;
  background: rgba(0, 105, 166, 0.10);
}

.qlru-li-tp-tab {
  margin: 0 16px;
}

.qlru-li-tp-tit {
  color: var(--color030);
  line-height: var(--line175);
}

.qlru-li-bt-top .qlru-li-tp-tit {
  color: var(--color666);
}

.qlru-li-bt-top {
  margin-bottom: 46px;
}

.qlru-li-bt .load-item-ul-li {
  width: 50%;
}

.qlru-li-bt .liul-box {
  border: 1px solid #D0DBE1;
}

.qlru-li:last-child {
  border-bottom: none;
}

.ques-list-ri .mod-paging {
  margin-top: var(--space24);
}

.std-btn1.black .std-btn1-box a {
  color: var(--color030);
}

@media screen and (min-width: 1200px) {
  .qllu-lis-link:hover {
    color: var(--colorfff);
    background: var(--colormain2);
  }

  .std-btn1.black .std-btn1-box:hover a {
    color: var(--colorfff);
  }

  .about-hist .arrows-icon:hover {
    background: var(--colormain2);
  }
}

/* B5 常见问题列表页-end */

/* 20241213-修改 */
.mark-page .mark-car-ul .slick-list {
  display: block;
}

.mark-page .mark-car-ul .slick-track {
  display: flex;
  align-items: stretch;
}

.mark-page .mark-car-ul-li {
  height: auto !important;
}

.mcul-box {
  height: 100%;
}

.slick-dots {
  bottom: 0px;
}

.slick-dots li {
  width: 8px;
  height: 8px;
}

.slick-dots li.slick-active {
  background: var(--colormain2);
}

.mark-car-ul .slick-dots {
  bottom: -15px;
}

.list-ban-cont,
.about-page .mod-nyban .ys-pos-center {
  z-index: 4;
}

.about-think .ys-cont1560 {
  position: relative;
  z-index: 2;
}

.lwul-bg {
  position: relative;
}

.lwul-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(3, 15, 39, 0.00) 0%, rgba(3, 15, 39, 0.80) 100%);
  pointer-events: none;
}

.prod-pull-tit {
  padding-left: 12px;
}

.list-ban-cont {
  top: 35%;
  transform: translate(-50%, -50%);
}

.mark-car-ul.more .slick-list {
  display: flex;
  justify-content: center;
}

.clul-last {
  opacity: 0;
  pointer-events: none;
}

/* 20241215 */
.infor-hist-slide-ul {
  width: 16%;
}

.infor-hist-slide-ul .slick-list {
  overflow: visible !important;
}

.infor-hist-slide-ul::after {
  width: 54vw;
}

.infor-hist-slide-cry {
  overflow: hidden !important;
  width: 88%;
  margin: 0 auto;
}

.ihsu-li-icon {
  font-size: 0;
}

.about-honor-item .mod-arrows {
  width: 108px;
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 1;
  z-index: 4;
}

.about-honor-item .arrows-icon {
  background: #fff;
}

.about-honor-item.act .mod-arrows {
  opacity: 0;
}

.about-honor-item.act .swiper-wrapper {
  justify-content: center;
}

.mark-case-ri-swip2 {
  width: 100% !important;
}

.mark-case-ri-bot .swiper-pagination-fraction {
  position: relative !important;
  width: auto !important;
  bottom: auto !important;
}

.mark-case-ri-bot span {
  display: inline-block;
  font-size: var(--font16);
  line-height: var(--line175);
}

.mark-case-ri-bot .swiper-pagination-current {
  color: var(--color030);
}

.mark-case-ri-bot .swiper-pagination-total {
  color: var(--color999);
}

.ctul-bot-ul-li p {
  display: flex;
  align-items: baseline;
}

.ctul-bot-ul-li p span {
  display: block;
  flex-shrink: 0;
}

.plru-li-sect-ul {
  height: 25px;
  overflow: hidden;
}

.plru-li-tit span {
  height: 1.75em;
}

.prodet-box-bg #scrolly-video {
  top: calc(var(--line80) + 70px) !important;
}

.series-prod-ul {
  flex-wrap: wrap;
}

.series-prod-ul-li {
  margin-bottom: 20px;
}

.hull-fl .std-btn2 {
  margin-top: 20px;
}

.hnul-link .std-btn2 {
  position: relative;
  z-index: 2;
}

.adul-item {
  height: 100%;
}

.about-deve-ul-lis {
  height: auto !important;
}

.about-deve-ul {
  align-items: stretch;
}

.adul-years {
  bottom: -240px;
}

.about-deve-tit span:nth-child(1) {
  animation: ysfadeInUp .8s ease-in-out both;
  animation-delay: 0.3s;
}

.about-deve-tit span:nth-child(2) {
  animation: ysfadeInUp .8s ease-in-out both;
  animation-delay: 0.4s;
}

.about-deve-tit span:nth-child(3) {
  animation: ysfadeInUp .8s ease-in-out both;
  animation-delay: 0.5s;
}

.about-deve-tit span:nth-child(4) {
  animation: ysfadeInUp .8s ease-in-out both;
  animation-delay: 0.6s;
}

.ys-typeselect-b2th-left .ys-typeselect-b2t-hd .ys-typeselect-th::before {
  display: none !important;
}

.ys-typeselect-td0.ys-typeselect-th::before {
  height: calc(100% - 3px);
}

/* .about-deve-main::after{
    content: "";
    position: absolute;
    bottom: -224px;
    left: var(--left);
    width: 85vw;
    max-width: 1560px;
    height: 2px;
    background: #D9D9D9;
} */
.about-deve-cont::after {
  bottom: 122px;
  height: 36px;
}

.about-deve-cont::before {
  bottom: 122px;
  height: 36px;
}

.about-deve-cont {
  padding-right: 7.5vw;
}

.about-deve-tit p:nth-child(1) span {
  transition: all .6s;
}

.about-deve-tit p:nth-child(1).more span:nth-child(4) {
  margin-top: -270px;
}

.about-deve-tit p:nth-child(1).more span:nth-child(3) {
  margin-top: -180px;
}

.about-deve-tit p:nth-child(1).more span:nth-child(2) {
  margin-top: -90px;
}

.about-deve-tit p:nth-child(1).more span:nth-child(1) {
  margin-top: -0px;
}

.adul-years {
  opacity: 0;
}

.about-deve-ul-lis.acts .adul-years {
  background: #8993A0 !important;
}

.about-deve-ul-lis.acts .adul-years::after {
  opacity: 0 !important;
}

.about-deve-ul-lis.act .adul-years {
  background: var(--colormain2);
}

.about-deve-ul-lis.act .adul-years::after,
.about-deve-ul-lis.act .adul-years {
  opacity: 1;
}

.adbu-li-first2 {
  position: absolute;
  left: 100px;
}

.adbu-li-last2 {
  position: absolute;
  right: 100px;
}

.about-deve-bt {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.adbu-li {
  opacity: 0;
}

.about-deve-bt-ul2 .adbu-lis:last-child {
  opacity: 1;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 2;
}

.about-deve-bt-ul2 .adbu-lis:first-child {
  opacity: 1;
  position: absolute;
  top: 50%;
  right: 170px;
  transform: translateY(-50%);
  z-index: 2;
}

.about-deve-bt-ul {
  width: 48%;
}

.about-deve-bt-ul2 .adbu-li-last2 {
  opacity: 1;
  position: absolute;
  top: 50%;
  right: 100px;
  transform: translateY(-50%);
  z-index: 2;
}

.adbu-li-first2,
.adbu-li-last2 {
  flex-shrink: 0;
}

.adbu-li-last2 {
  opacity: 1;
}

.about-deve-bt-ul1 .adbu-li-last2 {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 100px;
  transform: translateY(-50%);
  z-index: 2;
}

.about-deve-bt-ul1 .adbu-lis:last-child {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 170px;
  transform: translateY(-50%);
  z-index: 2;
}

.about-deve-bt-ul1 .adbu-lis:first-child {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  z-index: 2;
}

.about-deve-bt-ul1 .adbu-li p,
.adbu-li-first2 p {
  background: var(--colormain2);
  color: var(--colorfff);
}

.about-deve-wrap .swiper-pagination {
  opacity: 0;
}

.about-deve-main .mod-arrows {
  display: none;
}

.about-deve-ul-li {
  transition: transform .6s ease;
}

.about-deve-wrap {
  display: flex;
  overflow: visible !important;
}

body.zoom-in .about-deve-ul-li {
  transform: scale(0.9);
  transition: transform .6s ease-in-out;
}

body.zoom-in .about-deve-ul-li.on {
  transform: translateY(-228px) scale(0.9);
  transition: transform .6s ease-in-out;
}

.habs-ul {
  display: flex;
  align-items: stretch;
}

.habs-ul-li {
  height: auto !important;
}

.habs-ul-li-link {
  height: 100%;
}

/* 20241222 */
.prod-page .mod-poaging {
  margin-top: 30px;
}

.creat-list-ul {
  /* height: 300vh; */
}

.about-deve-ph {
  display: none;
}

.series-ban-top-tit {
  opacity: 0;
  pointer-events: all;
}

.creat-list-bot-line {
  height: 100vh;
  top: 20%;
  transform: translate(-50%, -50%);
}

.creat-list-bot-line::after {
  height: 60vh;
}

.series-ban-wrap.start1 h1 {
  animation: ysfadeInUp .8s ease-in-out both;
  animation-delay: 0.2s;
}

.series-ban-wrap.start1 .series-ban-wrap-word {
  animation: ysfadeInUp .8s ease-in-out both;
  animation-delay: 0.3s;
}

.series-ban-wrap.start1 .pbcl-list {
  animation: ysfadeInUp .8s ease-in-out both;
  animation-delay: 0.4s;
}

.series-ban-wrap.start1 .std-btn2 {
  animation: ysfadeInUp .8s ease-in-out both;
  animation-delay: 0.5s;
}

.secleclist-cont {
  position: relative;
}

.secleclist-cont::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(var(--left) * -1);
  width: var(--left);
  height: 100%;
  background: #fff;
  z-index: 11;
}

.secleclist-cont::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: var(--left);
  height: 100%;
  background: #fff;
  z-index: 11;
}

.ys-typeselect-status-core {
  width: 28px !important;
  height: 30px !important;
  overflow: hidden;
}

.ys-typeselect-scl-img,
.ys-typeselect-scl-img img {
  height: 100% !important;
  object-fit: contain !important;
}

.series-pic {
  background: #fff;
}

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

.about-hist h2 {
  text-align: center;
  /* color: #fff; */
}

.about-hist-tplist-top {
  width: 44%;
  margin: 0 auto 30px;
}

.about-hist-tplist-item {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.ahti-box {
  cursor: pointer;
  padding: 55px 40px;
  position: relative;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 20px 17px 0px rgba(132, 155, 179, 0.00), 0px 20px 18px 0px rgba(132, 155, 179, 0.01), 0px 18px 13px 0px rgba(132, 155, 179, 0.05), 0px 11px 11px 0px rgba(132, 155, 179, 0.09), 0px 15px 20px 0px rgba(132, 155, 179, 0.10);
}

.ahti-box::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -5px;
  transform: translateX(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  background: #FFF;
}

.ahti-num {
  font-size: 142px;
  color: rgba(0, 105, 166, 0.1);
  line-height: 1.5;
  font-family: 'Guoli-Regular' !important;
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translateX(-50%);
}

.ahti-cry-num {
  text-align: center;
  font-size: var(--font32);
  line-height: var(--line15);
  color: #030F27;
  margin-bottom: 12px;
}

.ahti-cry-edr ul {
  padding-left: 18px;
}

.ahti-cry-edr ul li {
  list-style-type: disc;
}

.ahti-cry-edr ul li p {
  font-size: var(--font18);
  color: var(--color666);
  line-height: var(--line175);
}

.about-hist-tplist-item.slick-slide:not(:first-child) {
  display: none;
}

.about-hist-tplist {
  margin: 0 -20px;
}

.about-hist-tplist-item {
  padding: 0 20px;
}

.about-hist-tplist .slick-list {
  padding-bottom: 40px;
}

.about-hist-tplist-min {
  display: flex;
  align-items: center;
}

.ahtm-le {
  width: 142px;
  border-radius: 5px;
  background: #fff;
}

.ahtm-ri {
  width: calc(100% - 142px);
  position: relative;
  overflow: hidden;
  padding: 50px 0;
}

.ahtm-ri-line {
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0%;
  top: 50%;
  transform: translateY(-50%);
  background: linear-gradient(90deg, var(--colormain2) 0%, rgba(208, 219, 225, 1) 45.28%);
}

.ahtm-ri-ul {
  width: 90%;
}

.ahtm-ri-ul .slick-list {
  overflow: visible !important;
}

.arul-box-num {
  color: var(--color030);
  line-height: 1.5;
  text-align: center;
  transition: all .4s;
}

.ahtm-ri-ul-li.slick-current .arul-box-num {
  top: 0;
  transform: translateX(-50%) scale(2);
}

.arul-box-icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  position: relative;
  background: #D0DBE1;
  margin: 0 auto;
  transition: all .4s;
}

.arul-box-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: conic-gradient(from 90deg at 55.11% 50%, var(--colormain1) 0deg, var(--colormain2) 90.84261059761047deg, var(--colormain1) 168.23003768920898deg, var(--colormain2) 260.1689314842224deg, var(--colormain1) 360deg);
  opacity: 0;
  transition: all .4s;
}

.arul-box-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: #F2F7FC;
  z-index: 2;
  border-radius: 50%;
  opacity: 0;
  transition: all .4s;
}

.ahtm-ri-ul-li.slick-current .arul-box-icon::after,
.ahtm-ri-ul-li.slick-current .arul-box-icon::before {
  opacity: 1;
}

.ahtm-ri-ul-li.slick-current .arul-box-icon {
  transform: scale(5);
}

.arul-box {
  cursor: pointer;
  position: relative;
}

.arul-box-num {
  position: absolute;
  left: 50%;
  transform: translateY(-30px) translateX(-50%);
  top: 0;
  transition: all .4s;
}

.about-hist .mod-arrows {
  width: 112px;
  margin: 40px auto 0;
}

.about-hist .arrows-icon {
  background: #fff;
  box-shadow: 0px 383px 107px 0px rgba(132, 155, 179, 0.00), 0px 245px 98px 0px rgba(132, 155, 179, 0.01), 0px 138px 83px 0px rgba(132, 155, 179, 0.05), 0px 61px 61px 0px rgba(132, 155, 179, 0.09), 0px 15px 34px 0px rgba(132, 155, 179, 0.10);
}

.ahtm-ri-ul-li.slick-slide:not(:first-child) {
  display: none;
}

.ahtm-ri-ul-li {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.ahtm-ri-ul-li.viewed .arul-box-icon::before,
.ahtm-ri-ul-li.viewed .arul-box-icon::after {
  opacity: 1;
}

.ahtm-ri-ul-li.viewed .arul-box-num {
  transform: translateY(30px) translateX(-50%);
}

.about-honor-item.act .swiper-pagination {
  opacity: 0;
}

.home-apply-ri-ph {
  display: none;
}

.haru-phli {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  padding: 0 10px;
  height: auto !important;
}

.haru-phli:not(:first-child) {
  display: none;
}

.home-apply-ri-phul {
  margin: 0 -10px;
}

.home-apply-ri-phul .slick-track {
  display: flex;
  align-items: stretch;
}

.home-apply-ri-phul .slick-list {
  padding-bottom: 30px;
}

.list-ban {
  margin-top: var(--space24);
}

.hull-fr img {
  width: 100%;
}

.mark-car-top {
  overflow: hidden;
}

.mark-car-cont::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
  z-index: 2;
}

.haru-li {
  box-sizing: border-box;
}

.haru-li-box {
  transform: perspective(50rem) rotateX(30deg);
  opacity: 0.4;
}

.haru-li:first-child .haru-li-box {
  transform: inherit !important;
  opacity: 1;
}

.home-main .ys-ban-btn {
  display: block;
}

.list-page .mod-bread {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
}

/* 20250124 */
.prodet-box-bg #scrolly-video {
  top: calc(var(--line80) + 70px) !important;
  height: calc(100vh - var(--line80) - 100px) !important;
}

.new_ueditor_box_img {
  position: relative;
  top: -1px;
  width: 20px;
}

.list-wrap-ul {
  border-radius: 20px;
  overflow: hidden;
}

/* 20250212 */
.ys-typeselect-nb-core {
  padding: 5.5px 10px 5.5px 24px !important;
}

.ys-typeselect-nbc-font {
  font-size: var(--text14);
  color: var(--colormain);
  line-height: 1.75;
  height: 3.5em;
  width: 100% !important;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ys-typeselect-b2th-left {
  width: 210px !important;
}

.ys-typeselect-td0 .ys-typeselect-th-wrap {
  padding-left: 24px !important;
}

.series-ban-wrap::after {
  border-radius: 0 0 20px 20px;
}

.prodet-item {
  top: calc(var(--line80) + 20px);
  height: calc(100vh - var(--line80) - 40px);
}

.deve-ban-img-wrap img {
  transform: scale(1.4);
  /* image-rendering: pixelated; */
  backface-visibility: hidden;
}

.deve-cry {
  padding-top: 40px !important;
}

.ys-nyban-title p {
  width: 51%;
}

/* 20250225 */
.prodet-page {
  margin-top: 20px;
}

.prodet-table {
  position: relative;
  z-index: 2;
}

.prodet-table-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
}

.prodet-table-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-hist {
  position: relative;
}

.about-hist::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: calc(var(--left) * 2);
  height: 100%;
  /* background: linear-gradient(270deg, rgba(255, 255, 255, 0.80) 4.12%, rgba(255, 255, 255, 0.00) 41.02%); */
  pointer-events: none;
}

/* 发展历程调整 */
.about-deve {
  height: auto !important;
  overflow: hidden !important;
  /*padding-top: calc(var(--space130) + var(--space130));*/
}

.about-deve-main {
  padding-right: 0px !important;
}

.about-deve-tit {
  top: calc(var(--space130) * -1);
}

.about-deve-pro {
  width: 48%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 50px;
  position: relative;
}

.about-deve-pro-zhan {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: -1;
}

.about-deve-pro .mod-arrows {
  width: 72px;
  flex-shrink: 0;
  margin-left: 24px;
}

.about-deve-pro .arrows-icon {
  width: 32px;
  height: 32px;
  background: #fff;
}

.about-deve-pro-le {
  overflow: hidden;
  border-radius: 100px;
  background: rgba(137, 147, 160, 0.50);
}

.adpl-uls {
  margin: 0 -4px;
}

.adpl-uls-li {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  width: 14.285%;
  padding: 0 4px;
}

.adpl-uls-li.slick-slide:not(:first-child) {
  display: none;
}

.adpl-uls-li p {
  text-align: center;
  color: var(--colorfff);
  line-height: 1.75;
  font-size: var(--font16);
  border-radius: 20px;
  padding: 2px 22px;
  transition: all .36s;
  position: relative;
  cursor: pointer;
}

.adpl-uls-li p::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  background: var(--colormain2);
  border-radius: 20px;
  pointer-events: none;
  z-index: -1;
  transition: all .36s;
}

.adpl-uls-li.slick-current p::after,
.adpl-uls-li.prevs p::after {
  width: 140%;
  left: -40%;
}

.about-deve-cont {
  padding-right: 0;
}

.prodet-table-bg img:nth-child(2) {
  display: none;
}

.about-deve-pro-le {
  width: 100%;
}

.adul-year {
  margin-bottom: 16px;
}

.adpl-uls-li:not(.on) p::after {
  width: 140%;
  left: -40%;
}

.adpl-uls-li.on~.adpl-uls-li p::after {
  width: 0;
}

.adpl-uls-li.on::after {
  width: 140%;
  left: -40%;
}

.creat-list-bot-line.isfixed.ys_notfixed {
  position: absolute !important;
  top: 80%;
}

.home-apply-bot-zhan {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.home-apply-bot {
  position: relative;
}

.hull-fr img:nth-child(1) {
  height: 100%;
  object-fit: cover;
}

@media screen and (min-width: 1200px) {
  .about-deve-pro .arrows-icon:hover {
    background: var(--colormain2);
  }

  .head-nav-item:hover .hnit-icon {
    transform: rotate(180deg);
  }
}

/* 20250307 */
.ys-fic-auth-img {
  width: 196px;
}

.ys-fic-auth .ys-fii-input input {
  padding-right: 220px;
}

.ys-fii-tips {
  margin-top: 2px;
}

.yfiu-li-box p {
  line-height: 1.5;
}

.home-prod .swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: calc(1560px * 0.9) !important;
}

.hull-fr {
  overflow: hidden;
}

.from-modal-tit {
  display: inline-block;
  position: relative;
  border-bottom: none;
}

.from-modal-tit::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100vw;
  height: 1px;
  background: #D0DBE1;
}

.ys-fic-auth {
  overflow: hidden;
}

.about-deve-crybox .about-deve-ul-lis {
  width: auto !important;
}

.home-prod .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  /* width: calc(1920px* 0.74) !important; */
  height: 2px !important;
  left: 0;
  top: auto !important;
  background: rgba(208, 219, 225, 0.3);
}

.home-prod .swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  top: auto !important;
  bottom: 20px !important;
  background: rgba(255, 255, 255, 0.3);
  height: 2px;
  width: calc(1560px* 0.9);
}

.mark-page .home-prod .swiper-pagination-progressbar,
.mark-page .home-prod .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  bottom: 20px !important;
  background: rgba(255, 255, 255, 1) !important;
}

.home-prod .hull-fr-play {
  display: none;
}

.about-intro,
.about-think,
.about-gloabl-cry,
.about-hist {
  overflow: hidden;
}

.about-gloabl-cry {
  width: 100%;
}

/*20250328*/
.prodet-apply-swip-ul {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  position: relative;
  display: flex;
  margin: 0 -10px;
}

.pasw-li {
  width: 372px;
  transition: all .36s;
  flex-shrink: 0;
  padding: 0 10px;
}

.pasw-li.on {
  width: 1162px;
}

.pasw-li.on .haru-li-cry {
  opacity: 1;
  height: auto;
  transition-delay: 0.4s;
}

.pasw-li.on .haru-li-cry a {
  height: 100%;
}

.prodet-apply-zhan {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.prodet-apply-swip {
  position: relative;
  z-index: 1;
}

.prodet-apply-zhan {
  pointer-events: none !important;
}

.prodet-apply-zhan .swiper {
  width: 1162px;
}

.swiper1.swiper-pagination {
  opacity: 0;
}

.ctact-total-list {
  display: flex;
  border-radius: 20px;
  border: 1px solid #D0DBE1;
  background: #FFF;
  padding: 0 100px;
  box-shadow: 0px 383px 107px 0px rgba(132, 155, 179, 0.00), 0px 245px 98px 0px rgba(132, 155, 179, 0.01), 0px 138px 83px 0px rgba(132, 155, 179, 0.05), 0px 61px 61px 0px rgba(132, 155, 179, 0.09), 0px 15px 34px 0px rgba(132, 155, 179, 0.10);
  margin-bottom: 23px;
}

.ctact-total-list-item {
  width: 33.333333%;
  padding: 64px 10px;
  position: relative;
}

.ctact-total-list-item::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 40%;
  background: #D0DBE1;
}

.ctact-total-list-item:last-child::after {
  display: none;
}

.ctli-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ctli-box-icon {
  width: 44px;
  flex-shrink: 0;
  font-size: 0;
  margin-right: 28px;
}

.ctli-box-icon img {
  width: 100%;
}

.ctli-box-text span {
  display: block;
  font-size: var(--font24);
  color: var(--color030);
  line-height: 1.6;
}

.ctli-box-text p a {
  display: block;
  color: #666;
  font-size: var(--font18);
  line-height: 1.75;
}

.about-deve h2 {
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding-bottom: var(--space130);
}

.about-deve-tp {
  position: relative;
  z-index: 9;
}

.ncul-box {
  height: 100%;
}

.ncul-box-le {
  flex-shrink: 0;
}

.ncul-box-ri {
  height: 100%;
}

.news-cry-ul-li {
  height: auto !important;
}

.investor-stock-wrap {
  width: 100%;
  height: 518px;
  overflow: hidden;
}

.investor-stock-wrap>div {
  width: 100% !important;
  height: 100%;
  margin: 0 !important;
}

.investor-stock-wrap iframe {
  width: 100%;
  height: 100%;
}

/*20250515*/
.prodet-box-bg-img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  max-width: 100% !important;
  width: calc(calc(100vh - var(--line80)) * 1.7777) !important;
}

.prodet-box-bg-pic {
  width: 100%;
  top: calc(var(--line80) + 70px) !important;
  height: calc(100vh - var(--line80) - 100px) !important;
  position: sticky;
}

.prodet-box-bg-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.series-adv.empty .swiper-pagination,
.series-adv.empty .mod-arrows {
  display: none !important;
}

/*20250530*/
.series-newcry-cont {
  width: 97.5%;
  margin: var(--space24) auto 0;
  position: relative;
  height: calc(100vh - var(--line80) - 20px);
}

.series-newcry .mark-car-cont {
  width: 100%;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: inherit !important;
}

.series-newcry .mark-car-cont::after {
  background: rgba(0, 0, 0, 0.2);
}

.series-newcry .mark-car-cry {
  width: 46%;
  position: absolute;
  top: auto;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0%);
  opacity: 1;
  z-index: 2;
  padding-bottom: var(--space130);
  align-items: center;
}

.series-newcry h1 {
  text-align: center;
  color: #fff;
  text-align: center;
  font-size: var(--font48);
  line-height: var(--line13);
  color: var(--colorfff);
  margin-bottom: var(--space24);
}

.series-newcry .pbcl-list {
  justify-content: center;
}

.series-newcry .std-btn1 {
  display: inline-block;
}

.gh_black::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgb(13 39 132 / 0.3);
}

.pagess {
  width: 100%;
  position: relative;
  margin: 0 auto;
  display: inline-block;
  text-align: center;
}

.pagess a {
  display: inline-block;
  background: transparent;
  font-size: 14px;
  color: #333;
  background-color: #FFFFFF;
  margin: 0 10px;
  padding: 10px 15px;
  border-radius: 10px;
}

.page-num-current {
  background-color: var(--colormain2) !important;
  color: #F6F6F6 !important;
}

.pagess a:hover {
  background-color: var(--colormain2);
  color: #F6F6F6;
}

.page-numbar span {
  display: inline-block;
  background: transparent;
  font-size: 14px;
  color: #333;
  background-color: #EEE;
  margin: 0 10px;
  padding: 10px 15px;
}

.pagess .page-status {
  display: none;
}

.pagess .page-index {
  display: none;
}

.pagess .page-last {
  display: none;
}

@media (max-width: 750px) {
  .pagess a {
    display: inline-block;
    background: transparent;
    font-size: 12px;
    color: #333;
    background-color: #EEE;
    margin: 0 5px;
    padding: 10px;
  }

  .page-num-current {
    background-color: var(--colormain2) !important;
    color: #F6F6F6 !important;
  }

  .pagess a:hover {
    background-color: var(--colormain2);
    color: #F6F6F6;
  }

  .page-numbar span {
    display: inline-block;
    background: transparent;
    font-size: 12px;
    color: #333;
    background-color: #EEE;
    margin: 0 5px;
    padding: 10px;
  }
}

.gh_checkcode {
  width: auto !important;
  right: 0 !important;
  height: 100% !important;
}

.gh_checkcode img {
  border-radius: 10px;
}

.join-run h2 {
  text-align: center;
}

#about_quali_cont_swiper {
  overflow: visible;
}

.aqcs_li_cont {
  border-radius: 10px;
  border: 1px solid #FFF;
  background: var(--colorbj);
  box-shadow: 0px 13px 7px 0px rgba(132, 155, 179, 0.00), 0px 15px 8px 0px rgba(132, 155, 179, 0.01), 0px 18px 3px 0px rgba(132, 155, 179, 0.05), 0px 12px 12px 0px rgba(132, 155, 179, 0.09), 0px 2px 6px 0px rgba(132, 155, 179, 0.10);
  overflow: hidden;
}

.aqcs_li_cont_tp {
  padding: 20px 30px;
}

.alct_img {
  border-radius: 5px;
}

.gh_zzry img {
  border-radius: 5px;
}

.ys_imgbox_contain,
.ys_imgbox_cover {
  position: relative;
  overflow: hidden;
}

.ys_imgbox_contain img,
.ys_imgbox_cover img {
  width: 100%;
  transition: all .36s ease;
}

.ys_imgbox_cover img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.aqcs_li_cont_text {
  padding: 21px 0;
  position: relative;
  z-index: 1;
}

.std_parga2 p {
  font-size: 14px;
  line-height: 1.75;
  color: #666;
}

.aqcs_li_cont_text p {
  text-align: center;
  transition: all .36s;
  line-height: 2;
}

.aqcs_li_cont_text::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 0px 35px 10px 10px;
  background: var(--colormain2);
  position: absolute;
  top: 105%;
  left: 0;
  transition: all .36s;
  z-index: -1;
}

.gh_zheb::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  left: -100.5%;
  top: 20px;
  z-index: 2;
}

.gh_zheb::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  right: -101%;
  top: 20px;
  z-index: 2;
}

.about_custom {
  background-color: #F6FAFF;
  overflow: hidden;
}

.accl_li {
  position: relative;
}

.accl_li1 {
  margin-bottom: 24px;
}

.accl_li_item {
  display: flex;
  position: relative;
}

.accl_li1 .accl_li_item1 {
  animation: donghua1 linear infinite;
}

.accl_li1 .accl_li_item2 {
  transform: translateX(100%);
  position: absolute;
  top: 0;
  left: 0;
  animation: donghua2 linear infinite;
}

.alil_cont {
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
  background: #FFF;
  box-shadow: 0px 0px 16px 0px rgba(185, 204, 232, 0.20);
}

.accl_li2 .accl_li_item1 {
  animation: donghua3 linear infinite;
}

.accl_li2 .accl_li_item1 {
  transform: translateX(-100%);
  position: absolute;
  top: 0;
  left: 0;
}

.accl_li2 .accl_li_item2 {
  animation: donghua4 linear infinite;
}

/* logo走马灯 */

.mod_cus h2 {
  text-align: center;
}

.mod_cus {
  position: relative;
  overflow: hidden;
  padding-bottom: 0;
}

.home_partner_bot {
  position: relative;
  z-index: 10;
}

.home_partner_bot::before {
  content: '';
  background-image: url(../img/title_bg.svg);
  width: 37.76vw;
  height: 37.76vw;
  background-size: 100% 100%;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -65%);
}

.home_partner_bot_bj {
  background: linear-gradient(180deg, #F2F5F6 12.85%, rgba(242, 245, 246, 0.00) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 400px;
  font-family: 'playbold' !important;
  text-align: center;
  z-index: 15;
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}

.home_partner_bot_bj {
  background: linear-gradient(180deg, rgba(230, 238, 248, 0.81) 13.67%, rgba(230, 238, 248, 0.00) 80.73%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.home_partner_bot_run {
  position: relative;
  z-index: 20;
}

.hpbr_run {
  width: 10000px;
}

.hpbr_run1 {
  margin-bottom: 24px;
}

.hpbr_run1 .hpbr_run_ul {
  animation: donghua1 50s linear infinite;
}

.hpbr_run_ul2 {
  transform: translateX(100%);
}

.hpbr_run_li {
  width: 300px;
  margin: 0 40px;
}

.hpbr_run2 .hpbr_run_ul {
  animation: donghua 50s linear infinite;
}

@keyframes donghua {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

@keyframes donghua1 {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0);
  }
}

/* logo走马灯end */

.gh_playregular {
  font-family: "playregular" !important;
}

.gh_playbold {
  font-family: 'playbold' !important;
}

.he_b2p1br {
  width: 100%;
  position: relative;
}

.accu_li_cont {
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  border-bottom: 2px solid #CF0A2C;
}

.accu_li_cont {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}

.accu_li_cont::before {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(180.26deg, rgba(59, 68, 172, 0) 30.82%, var(--colormain2) 99.81%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  transition: all .36s;
}

.ys_pos_bot {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) !important;
}

.accu_li_cont_text {
  padding: 0 30px;
  z-index: 5;
  bottom: -18%;
  width: 100%;
  transition: all .36s;
}

.accu_li_cont_text {
  bottom: auto !important;
  top: 70%;
}

.accu_li_cont::after {
  content: "";
  width: 100%;
  height: 70%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0.6;
  transition: all .36s;
}

.alct_tit {
  color: #fff;
  margin-bottom: 22px;
}

.alct_parga {
  padding-top: 22px;
  position: relative;
  transition: all .36s;
  opacity: 0;
}

.alct_parga p {
  color: #fff;
}

.alct_parga::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, .5);
  position: absolute;
  top: 0;
  left: 0;
  transition: all .36s ease;
  opacity: 0;
}

.gh_qywh h2 {
  text-align: center;
}

@media screen and (min-width: 1200px) {
  .accu_li_cont:hover .accu_li_cont_text {
    bottom: 40px;
    top: 45%;
  }

  .accu_li_cont:hover .ys_imgbox_cover img {
    transform: scale(1.05);
  }

  .accu_li_cont:hover .alct_parga {
    opacity: 1;
  }

  .accu_li_cont:hover .alct_parga::after {
    opacity: 1;
  }

  .ybtm-link2:hover {
    background: var(--colormain2) !important;
    border-color: var(--colormain2) !important;
  }

  .ybtm-link2:hover p {
    color: #fff !important;
  }

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

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

  .idlu_wrap:hover {
    border-color: var(--colormain2);
    box-shadow: 0 4px 16px rgba(0, 69, 119, .16), 0 8px 24px rgba(0, 69, 119, .08);
  }

  .idlu_wrap:hover .idlu_wrap_desz {
    opacity: 1;
  }
}

.gh_hban .std-h5 {
  color: #FFF;
  line-height: var(--line14);
  text-align: center;
  margin: 0 auto;
  margin-top: 32px;
  letter-spacing: 0.05em;
}

.gh_hban .std-h5 p {
  line-height: var(--line14);
  font-weight: normal;
}

.susta_functi_desz {
  width: 386px;
  position: absolute;
  top: 0;
  right: 32px;
}

.mod-link-desz img {
  width: 100%;
}

.join-happin {
  width: 100%;
  position: relative;
}

.join-happin-img {
  width: 100%;
}

.join-happin-img-li {
  width: 100%;
  position: relative;
}

.join-happin-img-li .ys-cont1560 {
  position: absolute;
  top: 44%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.jhil-tit {
  margin-bottom: 32px;
}

.jhil-tit .std-h3 {
  color: #fff;
}

.jhil-info {
  margin-bottom: 60px;
}

.jhil-info p {
  color: #fff;
  line-height: 1.6;
}

.join-happin-img-li::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.60) 87.4%);
}

.join-opport {
  width: 100%;
  position: relative;
}

.join-opport-btm {
  width: 100%;
  position: relative;
}

.join-opport-btm-ul {
  margin: 0 -24px;
  display: flex;
  flex-wrap: wrap;
}

.jobu-li {
  width: 50%;
  padding: 0 24px;
  min-height: 480px;
}

.jobu-wrap {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  z-index: 1;
  overflow: hidden;
}

.jobu-wrap-cont {
  width: 440px;
}

.jobu-wrap-tit {
  text-align: center;
  margin-bottom: 40px;
}

.jobu-wrap-tit .std-h4 {
  color: #fff;
  line-height: 1.3;
}

.jobu-wrap-ul {
  margin: 0 -30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.jobu-wrap-ul-li {
  width: 50%;
  padding: 0 30px;
  margin-bottom: 20px;
}

.hllw-more-link {
  display: flex;
  /* flex-wrap: wrap; */
  border: 1px solid #fff;
  border-radius: 80px;
  padding: 10px 32px;
  transition: all 0.36s;
  align-items: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
}

.jobu-wrap-ul-li .hllw-more-link {
  justify-content: center;
}

.hllw-more-le {
  padding-right: 16px;
}

.hllw-more-le p {
  color: #fff;
  line-height: 1.6;
  transition: all 0.36s;
}

.hllw-more-ri {
  width: 24px;
}

.hllw-more-ri {
  flex: none;
}

.hllw-more-link::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.36s;
  z-index: -1;
  opacity: 0;
  background: var(--colormain2);
}

.jobu-wrap::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.4;
}

.mod-ctact .ys-cont1560 {
  position: relative;
}

.gh_about-deve-bg,
.gh_about-deve-bg img {
  width: 100%;
}

.gh_about-deve-bg {
  margin-top: -40%;
}

.std-lcbk {
  padding-top: var(--space130);
  padding-bottom: var(--space120);
  background-color: #FFF;
}

.company-lead {
  width: 100%;
  position: relative;
}

.company-lead-top {
  width: 100%;
  text-align: center;
  padding-left: 140px;
  padding-right: 140px;
}

.company-lead-top-tit {
  margin-bottom: 40px;
}

.company-lead-top-info {
  margin-bottom: 60px;
}

.company-lead-top-tit,
.company-lead-top-info {
  padding: 0 65px;
}

.company-lead-top-info .std-h6 {
  color: var(--colormain2);
  line-height: 1.5;
}

.home-about-video {
  width: 1216px;
  margin: 0 auto;
  overflow: hidden;
}

.home-about-video {
  width: 100%;
  position: relative;
}

.company-lead-top .home-about-video {
  border-radius: 10px;
}

.home-about-video img {
  width: 100%;
}

.system-monitor-ri-more {
  position: absolute;
  bottom: 40px;
  left: 40px;
  z-index: 10;
}

.home-about-video .system-monitor-ri-more {
  left: 50%;
  transform: translateX(-50%);
}

.ybtm-link {
  display: flex;
  align-items: center;
  border-radius: 40px;
  border: 1px solid #FFF;
  background: rgba(255, 255, 255, 0.10);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  padding: 8px 10px;
  padding-left: 32px;
  transition: all 0.36s;
  cursor: pointer;
}

.ybtm-link2 {
  background: #fff;
}

.ybtm-link p {
  color: var(--colormain2);
  line-height: 1.8;
  padding-right: 24px;
  transition: all 0.36s;
}

.ybtm-img {
  width: 32px;
}

.ybtm-link img {
  transform: scale(1) !important;
}

.ybtm-img img:nth-child(2) {
  opacity: 0;
}

.company-lead-top-subin {
  padding-left: 80px;
  padding-right: 80px;
  padding-top: 50px;
  margin-bottom: 60px;
}

.company-lead-top-subin p {
  color: #333;
  line-height: 1.8;
}

.home-about-ul {
  display: flex;
  /* flex-wrap: wrap; */
}

.home-about-ul-li {
  width: 25%;
  text-align: center;
}

.haul-top p {
  color: var(--colormain2);
  font-family: "playregular" !important;
}

.std-tit1 {
  font-size: 64px;
  line-height: 1.2;
}

.haul-top p span {
  font-weight: bold;
}

.haul-btm p {
  color: #999999;
  line-height: 1.6;
}

.gh_general h2 {
  text-align: center;
}

.scul_box {
  padding: 45px 25px 40px;
  height: 100%;
  border-radius: 10px;
  border-top: 2px solid var(--colormain2);
  background: linear-gradient(125deg, #F6FAFF 3.82%, #FFF 95.48%);
  box-shadow: 0px 12px 15px 0px rgba(2, 36, 110, 0.01), 0px 8px 13px 0px rgba(2, 36, 110, 0.03), 0px 4px 9px 0px rgba(2, 36, 110, 0.04), 0px 0px 5px 0px rgba(2, 36, 110, 0.05);
}

.scul_icon {
  width: 50px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

.scul_tit {
  text-align: center;
  font-weight: bold;
  color: #161616;
  margin: 18px 0 19px;
}

.scul_word p {
  color: #5f6770;
  line-height: 1.75;
  text-align: center;
}

.gh_business {
  background: #F6FAFF;
}

.gh_business .gh_center {
  text-align: center;
}

.gh_business .mod-wrap::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 450px;
  background: linear-gradient(180deg, #F6FAFF 0%, rgba(246, 250, 255, 0.00) 100%);
  top: 0;
  left: 0;
  z-index: -1;
}

.ssul_box {
  height: 100%;
  padding: 30px;
  border-radius: 10px;
  border: 1px solid #FFF;
  background: var(--colormain2);
  box-shadow: 0px 12px 15px 0px rgba(2, 36, 110, 0.01), 0px 8px 13px 0px rgba(2, 36, 110, 0.03), 0px 4px 9px 0px rgba(2, 36, 110, 0.04), 0px 0px 5px 0px rgba(2, 36, 110, 0.05);
}

.gh_colormain1 {
  background: var(--colormain1);
}

.ssul_tit {
  text-align: center;
  padding-bottom: 20px;
  color: #FFFFFF;
  position: relative;
}

.std_parga2 p {
  text-align: center;
  font-size: 14px;
  line-height: 1.75;
  color: #FFFFFF;
}

.ssul_tit::after {
  content: "";
  position: absolute;
  top: 38px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 2px;
  border-radius: 4px;
  background: #FFFFFF;
}

.ssul_icon {
  width: 100%;
  border-radius: 10px;
  margin: 10px 0;
  overflow: hidden;
  position: relative;
}

.ssul_word {
  padding-left: 18px;
}

.ssul_box .ssul_word p {
  text-align: justify;
}

.ssul_box .ssul_word li {
  list-style-type: disc;
}

.ssul_box .ssul_word li::marker {
  color: #FFF;
}

.details-period-ul {
  --jian: 13.5px;
  margin: 0 calc(var(--jian)* -1) calc(var(--jian)* -2);
  flex-wrap: wrap;
}

.details-period-ul {
  display: flex;
}

.details-period-list {
  width: 33.333333%;
  padding: 0 var(--jian);
  margin-bottom: calc(var(--jian)* 2);
  height: auto;
  flex-grow: 1;
}

.details-period-list-link {
  display: block;
  height: 100%;
  background: rgba(255, 255, 255, 0);
  border-radius: 10px;
  padding: 36px 23px 40px;
  transition: all 0.4s ease;
  position: relative;
}

.details-period-list-link::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(270deg, var(--colormain1) 0%, var(--colormain2) 100%);
  z-index: 2;
  transition: all 0.4s ease;
}

.details-period-list-link::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #DBDBDB;
}

.dpll-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: var(--space44);
}

.dpll-top-nub {
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  border-radius: 100px;
  background: var(--colormain2);
  font-size: var(--font20);
  color: var(--colorfff);
}

.details-period-list-link .yxedr-active ul {
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding-inline-start: 0px;
  display: flex;
  flex-wrap: wrap;
  line-height: var(--line175);
  color: var(--color666);
}

.details-period-list-link .yxedr-active ul li {
  position: relative;
  margin-left: 26px;
  margin-bottom: 6px;
  margin-right: 6px;
}

.details-period-list-link .yxedr-active p {
  margin-bottom: 0;
  line-height: var(--line175);
  color: var(--color666);
}

.details-period-list-link .std-text2 p::before {
  content: '';
  background-image: url(../img/b2_icon18.svg);
  width: 30px;
  height: 30px;
  background-size: 100% 100%;
  position: absolute;
  left: -4px;
  top: 2px;
}

.details-period-list-link .std-text2 p {
  position: relative;
  padding-left: 36px;
  line-height: var(--line175);
  margin-bottom: 1.5em;
}

.details-period-list-link .std-text2 p:last-child {
  margin-bottom: 0;
}

.details-period {
  background-image: url(../img/b2_img06.jpg);
  background-size: cover;
}

.details-period-ul:last-child {
  margin-top: calc(var(--jian)* 2);
}

.join-welfar {
  width: 100%;
  position: relative;
  padding-bottom: var(--space130);
}

.join-welfar-ul,
.join-welfar-li {
  width: 100%;
}

.join-welfar-li {
  display: flex;
  flex-wrap: wrap;
}

.join-welfar-li:nth-child(2n) {
  flex-direction: row-reverse;
}

.std-padd2 {
  padding-bottom: var(--space80);
}

.join-welfar-li.std-padd2:last-child {
  padding-bottom: 0;
}

.join-welfar-li-le {
  width: 43%;
  padding-right: 78px;
}

.join-welfar-li:nth-child(2n) .join-welfar-li-le {
  padding-left: 78px;
  padding-right: 0 !important;
  text-align: right;
}

.jwll-tit {
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.jwll-tit .std-h4 {
  color: #282828;
  font-weight: bold;
  line-height: 1.3;
}

.jwll-tit .std-h4 span {
  color: var(--colormain2);
}

.join-welfar-li-ri {
  width: 57%;
  border-radius: 10px;
  border: 2px solid var(--colormain2);
  box-shadow: 0px 2.767px 2.214px 0px rgba(29, 86, 185, 0.02), 0px 6.65px 5.32px 0px rgba(29, 86, 185, 0.03), 0px 12.522px 10.017px 0px rgba(29, 86, 185, 0.04), 0px 22.336px 17.869px 0px rgba(29, 86, 185, 0.04), 0px 41.778px 33.422px 0px rgba(29, 86, 185, 0.05), 0px -4px 10px 0px rgba(80, 164, 255, 0.05);
}

.jwll-tit::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 120px;
  height: 2px;
  background: #282828;
}

.join-welfar-li:nth-child(2n) .jwll-tit::after {
  left: auto;
  right: 0;
}

.jwll-info {
  margin-bottom: 60px;
}

.jwll-info p {
  color: #8E8E8E;
  line-height: 1.6;
}

.gh_busfw {
  width: 25%;
}

.gh_fw02 {
  margin-top: calc(var(--jian)* 2);
}

.sectorlt_sect2_li {
  border-radius: 10px;
  border: 2px solid var(--colormain2);
}

.sectorlt_sect2_li .ys_imgbox_cover {
  border-radius: 10px 10px 0 0;
}

.sectorlt_sect2_li_text {
  border-radius: 0 0 10px 10px;
  border: 1px solid #D2D2D2;
  padding: 24px 32px;
  position: relative;
  z-index: 10;
  background: var(--colorfff);
  text-align: center;
  transition: all .36s ease;
}

.gh_busfw .details-period-list-link {
  border: 1px solid rgba(24, 25, 128, 0.20);
}

.gh_busfw .details-period-list-link::before {
  display: none;
}

.gh_busfw .details-period-list-link::after {
  display: none;
}

.sectorlt_sect2_li_text .std_title4 {
  margin-bottom: 0 !important;
}

.innovat-quanti {
  width: 100%;
  position: relative;
}

.innovat-quanti-btm {
  width: 100%;
  position: relative;
}

.innovat-quanti-btm-img {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.innovat-quanti-btm-img img {
  width: 100%;
}

.innovat-quanti-btm-img::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #00122F 0%, rgba(0, 42, 91, 0) 65.62%);
}

.innovat-quanti-btm-ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  margin-top: -110px;
}

.iqbu-li {
  width: 33.333333%;
  height: auto;
  padding: 0 10px;
}

.iqbu-wrap {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 10px;
  border: 1px solid rgba(24, 25, 128, 0.20);
  background: rgba(255, 255, 255, 0.90);
  backdrop-filter: blur(8px);
  padding: 20px;
}

.ys-imgbox-contain,
.ys-imgbox-cover {
  position: relative;
  overflow: hidden;
  transform: rotate(0);
  -webkit-transform: rotate(0);
}

.iqbu-wrap-icon {
  width: 48px;
  margin-bottom: 52px;
}

.iqbu-wrap-icon img {
  width: 100%;
}

.iqbu-wrap-btm-tit {
  margin-bottom: 4px;
}

.iqbu-wrap-btm-tit .std-h5 {
  line-height: 1.2;
  display: inline-block;
  background: linear-gradient(158deg, var(--colormain2) 14.17%, var(--colormain2) 51.29%, var(--colormain1) 52.31%, var(--colormain1) 85.83%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.iqbu-wrap-btm-info p {
  color: #8E8E8E;
  line-height: 1.8;
}

.new_wrap_list {
  display: flex;
  flex-wrap: wrap;
}

.new_wrap_list_li {
  width: 50%;
  padding: 0 24px;
}

.new_wrap_list_li {
  width: 33.333333%;
}

.new_wrap_list_li a {
  display: block;
  height: 100%;
}

.nwll_wrap {
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid rgba(35, 24, 21, .1);
  border-radius: 10px;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  transition: all .36s;
  border-top: 2px solid var(--colormain2);
  box-shadow: 0px 37px 15px 0px rgba(2, 36, 110, 0.01), 0px 21px 13px 0px rgba(2, 36, 110, 0.03), 0px 9px 9px 0px rgba(2, 36, 110, 0.04), 0px 2px 5px 0px rgba(2, 36, 110, 0.05);
}

.nwll_le {
  width: 43%;
}

.new_wrap_list_li .nwll_le {
  width: 100%;
}

.nwll_le .ys_imgbox_cover {
  transform: rotate(0);
  -webkit-transform: rotate(0);
  overflow: hidden;
}

.nwll_le .ys_imgbox_cover {
  border-radius: 10px;
}

.nwll_ri {
  width: 57%;
  padding-left: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.new_wrap_list_li .nwll_ri {
  width: 100%;
  padding-top: 20px;
  padding-left: 0 !important;
}

.nwll_ri_tit {
  margin-bottom: 24px;
  text-align: center;
}

.nwll_ri_info p {
  color: #5f6770;
  line-height: 1.75;
}

.new_wrap_list {
  margin: 0 -24px;
}

.dpll-top-text {
  color: var(--color030);
  font-size: var(--font24);
  line-height: var(--line16);
  margin-left: 24px;
  width: calc(100% - 68px);
  flex-grow: 1;
}

.invite_devel_list_ul {
  margin: 0 -12px;
  display: flex;
  flex-wrap: wrap;
}

.idlu_li {
  width: 16.666666%;
  padding: 0 12px;
}

.idlu_wrap {
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid rgba(35, 24, 21, .1);
  border-radius: 20px;
  transition: all .36s;
  padding: 50px 32px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.idlu_wrap_desz {
  width: 60%;
  position: absolute;
  bottom: 0;
  right: 0;
  transition: all .36s;
  opacity: 0;
  pointer-events: none;
}

.idlu_wrap_desz img {
  width: 100%;
}

.idlu_wrap_icon {
  width: 62px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.idlu_wrap_tit .std_tit4 {
  color: #231815 !important;
  line-height: 1.4;
  font-weight: 400;
  transition: all .36s;
}

.invite_devel_list_ul:last-child {
  margin-top: 20px;
}

.gh_bus5_subtit {
  color: var(--colormain2);
}

@media screen and (min-width: 1199px) {
  .ctact-total-ul-li {
    margin-bottom: 35px;
  }

  .ctact-total-ul-li:nth-child(3),
  .ctact-total-ul-li:nth-child(4) {
    margin-bottom: 0;
  }
}

.slick-dots li {
  width: 46px;
  height: 2px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 80px;
  margin: 0;
  margin-right: 10px;
}

.slick-dots li {
  background: rgb(13 39 132 / 20%);
  width: 102px;
}

.slick-dots li:last-child {
  margin-right: 0;
}

.slick-dots li:last-child::after {
  display: none;
}

.slick-dots li::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -6px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: var(--colormain2);
}

.slick-dots li.slick-active {
  background: var(--colormain2);
}

.soluti-summa-desz {
  width: 24%;
  position: absolute;
  top: 20%;
  left: 0;
  z-index: -1;
}

.soluti-summa-desz img {
  width: 100%;
}

.soluti-opini-desz {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40%;
}

.soluti-opini-desz {
  pointer-events: none;
}

.soluti-opini-desz img {
  width: 100%;
}

.gh_general {
  width: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.gh_business .ys-ban-btn {
  display: block;
}

.home-choose {
  width: 100%;
  position: relative;
  z-index: 1;
}

.home-choose-cont {
  width: 100%;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.home-choose .home-choose-top {
  padding-left: 100px;
}

.home-choose h2 {
  text-align: justify;
}

.home-choose-subtit {
  margin-bottom: 16px;
}

.home-choose-subtit .std-h5 {
  color: var(--color666);
  line-height: 1.2;
}

.home-choose-tit .std-h2 {
  line-height: 1.2;
}

.home-choose-more {
  display: flex;
  margin-top: 32px;
}

.home-choose .ys-cont1560 {
    position: relative;
    z-index: 10;
}

.home-choose-btm {
  width: 100%;
  margin-top: 180px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.30);
  background: rgba(255, 255, 255, 0.30);
  backdrop-filter: blur(10px);
  padding: 56px 120px;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 1920px) {
  .home-choose-btm {
    margin-top: 108px;
  }
}

.home-choose-btm-le {
  width: calc(100% - 270px);
  display: flex;
}

.hcbl-li {
  width: 25%;
  padding-right: 20px;
}

.hcbl-li-info {
  margin-bottom: 15px;
}

.hcbl-li-info p {
  color: #080404;
  line-height: 1.75;
}

.hcbl-li-btm .std-h6 {
  color: var(--colormain2);
  line-height: 1.5;
}

.hcbl-li-btm .std-h3 {
  color: var(--colormain2);
}

.home-choose-btm-ri {
  width: 270px;
  display: flex;
  justify-content: flex-end;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0 30px;
}

.hcbr-wrap-tit {
  margin-bottom: 16px;
}

.hcbr-wrap-tit p {
  color: #080404;
  line-height: 1.5;
}

.hcbr-wrap-play {
  width: 48px;
  cursor: pointer;
}

.hcbr-wrap-play img {
  width: 100%;
}

.home-choose-img {
  width: 76%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 8;
}

.home-choose-img img {
  width: 100%;
}

.home-choose-desz {
  position: absolute;
}

.home-choose-desz1 {
  top: 10%;
  left: 6%;
  width: 36%;
}

.home-choose-desz img {
  width: 100%;
}

.home-choose-desz2 {
  top: 53%;
  left: 31%;
  width: 13%;
}

.home-choose-desz3 {
  top: 15%;
  right: 8%;
  width: 30%;
}

.home-choose-desz4 {
  bottom: 0;
  left: -150px;
  width: 100%;
}

.home-choose::after {
  content: '';
  position: absolute;
  top: -200px;
  left: 0;
  width: 100%;
  height: calc(100% + 200px);
  z-index: -1;
  border-radius: 0 0 var(--border1) var(--border1);
  background: linear-gradient(180deg, rgba(196, 219, 248, 0.00) 0%, #C4DBF8 100%);
}