.after {
  content: '';
  display: inline-block;
}
.after_a {
  content: '';
  position: absolute;
}
.a_box {
  display: block;
  width: 100%;
}
.el-color-picker__icon,
.el-input,
.el-textarea {
  display: block;
}
.el-form-item__content {
  line-height: 0.5rem;
}
[class*=flex_] {
  display: flex;
}
[class*=_ac] {
  align-items: center;
}
[class*=_ae] {
  align-items: flex-end;
}
[class*=_as] {
  align-items: flex-start;
}
[class*=_jc] {
  justify-content: center;
}
[class*=_js] {
  justify-content: space-between;
}
[class*=_je] {
  justify-content: flex-end;
}
[class*=_jf] {
  justify-content: flex-start;
}
[class*=_row] {
  flex-flow: row wrap;
}
.flex {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}
.flex_row {
  flex-flow: row wrap;
}
.clip-path {
  clip-path: polygon(14% 0, 100% 0, 100% 70%, 86% 100%, 0 100%, 0% 30%);
}
:root {
  --color: #02b388;
  --color2: #3bdbc0;
  --ww: 1920 * 100vw;
  --f12: 0.12rem;
  --f14: 0.14rem;
  --f16: 0.16rem;
  --f17: 0.17rem;
  --f18: 0.18rem;
  --f20: 0.2rem;
  --f22: 0.22rem;
  --f24: 0.24rem;
  --f26: 0.26rem;
  --f28: 0.28rem;
  --f30: 0.3rem;
  --f32: 0.32rem;
  --f34: 0.34rem;
  --f36: 0.36rem;
  --f38: 0.38rem;
  --f40: 0.4rem;
  --f42: 0.42rem;
  --f44: 0.44rem;
  --f46: 0.46rem;
  --f48: 0.48rem;
  --f50: 0.5rem;
  --f52: 0.52rem;
  --f54: 0.54rem;
  --f56: 0.56rem;
  --f58: 0.58rem;
  --f60: 0.6rem;
  --f70: 0.7rem;
  --f72: 0.72rem;
  --f80: 0.8rem;
}
@media (max-width: 1600px) {
  :root {
    --ww: 1600 * 100vw;
  }
}
@media (max-width: 1024px) {
  :root {
    --ww: 1200 * 100vw;
  }
}
@media (max-width: 768px) {
  :root {
    --ww: 768 * 100vw;
    --f14: 0.16rem;
    --f16: 0.2rem;
    --f17: 0.22rem;
    --f18: 0.22rem;
    --f20: 0.26rem;
    --f22: 0.26rem;
    --f24: 0.28rem;
  }
}
@media (max-width: 767px) {
  :root {
    --ww: 640 * 100vw;
    --f12: 0.2rem;
    --f14: 0.22rem;
    --f16: 0.24rem;
    --f17: 0.26rem;
    --f18: 0.26rem;
    --f20: 0.28rem;
    --f22: 0.3rem;
    --f24: 0.32rem;
    --f26: 0.34rem;
    --f28: 0.36rem;
    --f30: 0.38rem;
    --f32: 0.4rem;
    --f34: 0.42rem;
    --f36: 0.44rem;
    --f38: 0.46rem;
    --f40: 0.48rem;
    --f42: 0.5rem;
    --f44: 0.44rem;
    --f46: 0.46rem;
    --f48: 0.48rem;
    --f50: 0.5rem;
    --f52: 0.52rem;
    --f54: 0.54rem;
    --f56: 0.56rem;
    --f58: 0.58rem;
    --f60: 0.6rem;
    --f70: 0.7rem;
    --f72: 0.72rem;
    --f80: 0.8rem;
  }
}
.mb190 {
  margin-bottom: 1.9rem;
}
.mb180 {
  margin-bottom: 1.8rem;
}
.mb170 {
  margin-bottom: 1.7rem;
}
.mb160 {
  margin-bottom: 1.6rem;
}
.mb150 {
  margin-bottom: 1.5rem;
}
.mb140 {
  margin-bottom: 1.4rem;
}
.mb130 {
  margin-bottom: 1.3rem;
}
.mb120 {
  margin-bottom: 1.2rem;
}
.mb110 {
  margin-bottom: 1.1rem;
}
.mb100 {
  margin-bottom: 1rem;
}
.mb95 {
  margin-bottom: 0.95rem;
}
.mb90 {
  margin-bottom: 0.9rem;
}
.mb85 {
  margin-bottom: 0.85rem;
}
.mb80 {
  margin-bottom: 0.8rem;
}
.mb75 {
  margin-bottom: 0.75rem;
}
.mb70 {
  margin-bottom: 0.7rem;
}
.mb65 {
  margin-bottom: 0.65rem;
}
.mb60 {
  margin-bottom: 0.6rem;
}
.mb50 {
  margin-bottom: 0.5rem;
}
.mb55 {
  margin-bottom: 0.55rem;
}
.mb45 {
  margin-bottom: 0.45rem;
}
.mb40 {
  margin-bottom: 0.4rem;
}
.mb35 {
  margin-bottom: 0.35rem;
}
.mb30 {
  margin-bottom: 0.3rem;
}
.mb25 {
  margin-bottom: 0.25rem;
}
.mb20 {
  margin-bottom: 0.2rem;
}
.mb10 {
  margin-bottom: 0.1rem;
}
.mb15 {
  margin-bottom: 0.15rem;
}
.mb5 {
  margin-bottom: 0.05rem;
}
.mt190 {
  margin-top: 1.9rem;
}
.mt180 {
  margin-top: 1.8rem;
}
.mt170 {
  margin-top: 1.7rem;
}
.mt160 {
  margin-top: 1.6rem;
}
.mt150 {
  margin-top: 1.5rem;
}
.mt140 {
  margin-top: 1.4rem;
}
.mt130 {
  margin-top: 1.3rem;
}
.mt120 {
  margin-top: 1.2rem;
}
.mt110 {
  margin-top: 1.1rem;
}
.mt100 {
  margin-top: 1rem;
}
.mt95 {
  margin-top: 0.95rem;
}
.mt90 {
  margin-top: 0.9rem;
}
.mt85 {
  margin-top: 0.85rem;
}
.mt80 {
  margin-top: 0.8rem;
}
.mt75 {
  margin-top: 0.75rem;
}
.mt70 {
  margin-top: 0.7rem;
}
.mt65 {
  margin-top: 0.65rem;
}
.mt60 {
  margin-top: 0.6rem;
}
.mt50 {
  margin-top: 0.5rem;
}
.mt55 {
  margin-top: 0.55rem;
}
.mt45 {
  margin-top: 0.45rem;
}
.mt40 {
  margin-top: 0.4rem;
}
.mt35 {
  margin-top: 0.35rem;
}
.mt30 {
  margin-top: 0.3rem;
}
.mt25 {
  margin-top: 0.25rem;
}
.mt20 {
  margin-top: 0.2rem;
}
.mt10 {
  margin-top: 0.1rem;
}
.mt15 {
  margin-top: 0.15rem;
}
.mt5 {
  margin-top: 0.05rem;
}
.pt190 {
  padding-top: 1.9rem;
}
.pt180 {
  padding-top: 1.8rem;
}
.pt170 {
  padding-top: 1.7rem;
}
.pt160 {
  padding-top: 1.6rem;
}
.pt150 {
  padding-top: 1.5rem;
}
.pt140 {
  padding-top: 1.4rem;
}
.pt130 {
  padding-top: 1.3rem;
}
.pt120 {
  padding-top: 1.2rem;
}
.pt110 {
  padding-top: 1.1rem;
}
.pt100 {
  padding-top: 1rem;
}
.pt95 {
  padding-top: 0.95rem;
}
.pt90 {
  padding-top: 0.9rem;
}
.pt85 {
  padding-top: 0.85rem;
}
.pt80 {
  padding-top: 0.8rem;
}
.pt75 {
  padding-top: 0.75rem;
}
.pt70 {
  padding-top: 0.7rem;
}
.pt65 {
  padding-top: 0.65rem;
}
.pt60 {
  padding-top: 0.6rem;
}
.pt50 {
  padding-top: 0.5rem;
}
.pt55 {
  padding-top: 0.55rem;
}
.pt45 {
  padding-top: 0.45rem;
}
.pt40 {
  padding-top: 0.4rem;
}
.pt35 {
  padding-top: 0.35rem;
}
.pt30 {
  padding-top: 0.3rem;
}
.pt25 {
  padding-top: 0.25rem;
}
.pt20 {
  padding-top: 0.2rem;
}
.pt10 {
  padding-top: 0.1rem;
}
.pt15 {
  padding-top: 0.15rem;
}
.pt5 {
  padding-top: 0.05rem;
}
.pb190 {
  padding-bottom: 1.9rem;
}
.pb180 {
  padding-bottom: 1.8rem;
}
.pb170 {
  padding-bottom: 1.7rem;
}
.pb160 {
  padding-bottom: 1.6rem;
}
.pb150 {
  padding-bottom: 1.5rem;
}
.pb140 {
  padding-bottom: 1.4rem;
}
.pb130 {
  padding-bottom: 1.3rem;
}
.pb120 {
  padding-bottom: 1.2rem;
}
.pb110 {
  padding-bottom: 1.1rem;
}
.pb100 {
  padding-bottom: 1rem;
}
.pb95 {
  padding-bottom: 0.95rem;
}
.pb90 {
  padding-bottom: 0.9rem;
}
.pb85 {
  padding-bottom: 0.85rem;
}
.pb80 {
  padding-bottom: 0.8rem;
}
.pb75 {
  padding-bottom: 0.75rem;
}
.pb70 {
  padding-bottom: 0.7rem;
}
.pb65 {
  padding-bottom: 0.65rem;
}
.pb60 {
  padding-bottom: 0.6rem;
}
.pb50 {
  padding-bottom: 0.5rem;
}
.pb55 {
  padding-bottom: 0.55rem;
}
.pb45 {
  padding-bottom: 0.45rem;
}
.pb40 {
  padding-bottom: 0.4rem;
}
.pb35 {
  padding-bottom: 0.35rem;
}
.pb30 {
  padding-bottom: 0.3rem;
}
.pb25 {
  padding-bottom: 0.25rem;
}
.pb20 {
  padding-bottom: 0.2rem;
}
.pb10 {
  padding-bottom: 0.1rem;
}
.pb15 {
  padding-bottom: 0.15rem;
}
.pb5 {
  padding-bottom: 0.05rem;
}
.f14 {
  font-size: 0.14rem;
}
.f16 {
  font-size: 0.16rem;
}
.f17 {
  font-size: 0.17rem;
}
.f18 {
  font-size: 0.18rem;
}
.f20 {
  font-size: 0.2rem;
}
.f22 {
  font-size: 0.22rem;
}
.f24 {
  font-size: 0.24rem;
}
.f26 {
  font-size: 0.26rem;
}
.f28 {
  font-size: 0.28rem;
}
.f30 {
  font-size: 0.3rem;
}
.f32 {
  font-size: 0.32rem;
}
.f34 {
  font-size: 0.34rem;
}
.f36 {
  font-size: 0.36rem;
}
.f38 {
  font-size: 0.38rem;
}
.f40 {
  font-size: 0.4rem;
}
.f42 {
  font-size: 0.42rem;
}
.f44 {
  font-size: 0.44rem;
}
.f46 {
  font-size: 0.46rem;
}
.f48 {
  font-size: 0.48rem;
}
.f50 {
  font-size: 0.5rem;
}
.f52 {
  font-size: 0.52rem;
}
.f54 {
  font-size: 0.54rem;
}
.f56 {
  font-size: 0.56rem;
}
.f58 {
  font-size: 0.58rem;
}
.f60 {
  font-size: 0.6rem;
}
.f62 {
  font-size: 0.62rem;
}
.f72 {
  font-size: 0.72rem;
}
.f80 {
  font-size: 0.8rem;
}
html {
  font-size: calc(100 / var(--ww));
}
body {
  font-size: 0.16rem;
  overflow-x: hidden;
  word-break: break-word;
  font-family: var(--font-outfit), var(--noto-sans-tc), "微軟正黑體", Helvetica, sans-serif;
  color: #000;
}
[lang=en] body {
  font-weight: 300;
}
[lang=zh-hant] body {
  font-weight: 400;
}
@media (min-width: 1025px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 1024px) {
  body {
    overflow-x: inherit;
  }
}
@media (max-width: 767px) {
  body {
    font-size: 0.24rem;
  }
  .f14 {
    font-size: var(--f14);
  }
  .f16 {
    font-size: var(--f16);
  }
  .f17 {
    font-size: var(--f17);
  }
  .f18 {
    font-size: var(--f18);
  }
  .f20 {
    font-size: var(--f20);
  }
  .f22 {
    font-size: var(--f22);
  }
  .f24 {
    font-size: var(--f24);
  }
  .f26 {
    font-size: var(--f26);
  }
  .f28 {
    font-size: var(--f28);
  }
  .f30 {
    font-size: var(--f30);
  }
  .f32 {
    font-size: var(--f32);
  }
  .f34 {
    font-size: var(--f34);
  }
  .f36 {
    font-size: var(--f36);
  }
  .f38 {
    font-size: var(--f38);
  }
  .f40 {
    font-size: var(--f40);
  }
  .f42 {
    font-size: var(--f42);
  }
  .f44 {
    font-size: var(--f44);
  }
  .f46 {
    font-size: var(--f46);
  }
  .f48 {
    font-size: var(--f48);
  }
  .f50 {
    font-size: var(--f50);
  }
  .f52 {
    font-size: var(--f52);
  }
  .f54 {
    font-size: var(--f54);
  }
  .f56 {
    font-size: var(--f56);
  }
  .f58 {
    font-size: var(--f58);
  }
  .f60 {
    font-size: var(--f60);
  }
  .f70 {
    font-size: var(--f70);
  }
  .f72 {
    font-size: var(--f72);
  }
  .f80 {
    font-size: var(--f80);
  }
}
.color2 {
  color: var(--color2);
}
.hidden {
  overflow: hidden;
}
.re {
  position: relative;
  z-index: 3;
}
.ani {
  transition: all 0.5s;
}
a:hover .ani {
  transform: scale(1.15);
}
.color {
  color: var(--color);
}
.color_two {
  color: var(--color2);
}
.line_em {
  width: 1px;
  height: 0.2rem;
  display: inline-flex;
  vertical-align: middle;
  background-color: #e2e2e2;
  margin: 0 0.3rem;
}
.header {
  width: 100%;
  z-index: 10;
  position: fixed;
  left: 0;
  top: 0.32rem;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.header .inner {
  max-width: 1450px;
  margin: 0 auto;
  padding: 0 0.32rem;
}
.header .warpper {
  background-color: #fff;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.051);
  border-radius: 0.2rem;
  padding: 0 0.32rem;
  position: relative;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.header .warpper_on {
  border-radius: 0.2rem 0.2rem 0 0;
}
.header .logo {
  display: flex;
  align-items: center;
}
.header .logo img {
  max-width: 0.9681rem;
}
.header .right {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
}
.header .menuIcon {
  display: none;
}
.header .search {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.header .search.search_show .top_search {
  opacity: 1;
  right: 100%;
  pointer-events: auto;
}
.header .open_search {
  display: inline-flex;
  align-items: center;
  color: #666666;
  position: relative;
  z-index: 11;
}
.header .open_search i {
  width: 0.32rem;
  height: 0.32rem;
  background: url(../images/search.svg) no-repeat center;
  background-size: contain;
}
.header .open_search.on i {
  background: none;
  position: relative;
}
.header .open_search.on i:before,
.header .open_search.on i:after {
  position: absolute;
  content: '';
  width: 0.2rem;
  left: 50%;
  height: 2px;
  top: 50%;
  margin-left: -0.12rem;
  margin-top: -1.5px;
  background: #1c1b1f;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.header .open_search.on i:after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
.header .top_search {
  width: 1.82rem;
  z-index: 10;
  transition: all 0.5s ease-in-out;
  position: absolute;
  right: -100%;
  opacity: 0;
  top: 50%;
  pointer-events: none;
  transform: translateY(-50%);
}
.header .top_search .warp {
  position: relative;
  border-radius: 0.5rem;
  border: 0.02rem solid var(--color);
}
.header .top_search .btn {
  width: 0.32rem;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/search.svg) no-repeat center / contain;
}
.header .top_search .text {
  width: 100%;
  height: 0.35rem;
  line-height: 0.35rem;
  padding-left: 0.32rem;
  border: none;
  background-color: #ffffff;
}
.header .top_search .text::placeholder {
  color: #999;
}
.header .a_txt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0.88rem;
  height: 0.36rem;
  background-color: var(--color2);
  color: #fff;
  border-radius: 0.2rem;
  padding: 0 0.1rem;
}
.header .lang {
  flex-shrink: 0;
  align-items: center;
  display: inline-flex;
  line-height: 0.36rem;
  position: relative;
}
.header .lang .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  z-index: 2;
  font-size: var(--f14);
  color: #000;
}
.header .lang .icon::after {
  content: '';
  width: 0.1rem;
  height: 0.06rem;
  margin-left: 0.1rem;
  background: url(../images/lang_arrow.svg) no-repeat center;
  background-size: contain;
}
.header .lang .box {
  position: absolute;
  left: 50%;
  top: 100%;
  opacity: 0;
  pointer-events: none;
  transform: translate3d(-50%, -10px, 0);
  -webkit-transform: translate3d(-50%, -10px, 0);
  -moz-transform: translate3d(-50%, -10px, 0);
  -o-transform: translate3d(-50%, -10px, 0);
  -ms-transform: translate3d(-50%, -10px, 0);
  backface-visibility: hidden;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  background-color: #fff;
  text-align: center;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.051);
  width: 0.6rem;
  border-radius: 0.2rem;
  padding: 0.1rem 0;
}
.header .lang a {
  display: block;
  line-height: 0.4rem;
  color: #000;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.header .lang a:hover {
  color: var(--color);
}
.header .lang.on .box {
  opacity: 1;
  transform: translate3d(-50%, 0px, 0);
  -webkit-transform: translate3d(-50%, 0px, 0);
  -moz-transform: translate3d(-50%, 0px, 0);
  -o-transform: translate3d(-50%, 0px, 0);
  -ms-transform: translate3d(-50%, 0px, 0);
  backface-visibility: hidden;
  pointer-events: auto;
}
.header .navTop {
  flex: 1;
  min-width: 0;
  margin-left: 0.76rem;
}
.header .navTop li span {
  display: block;
  position: relative;
}
.header .navTop li span a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
  height: 0.6rem;
  color: #000;
}
.header .navTop li span a::after {
  content: '';
  width: 0.1rem;
  height: 0.06rem;
  margin-left: 0.1rem;
  background: url(../images/lang_arrow.svg) no-repeat center;
  background-size: contain;
}
@media (min-width: 1024px) {
  .header .navTop li {
    margin-right: 0.4rem;
  }
  .header .navTop li:last-child {
    margin-right: 0;
  }
  .header .navTop li.aon span a,
  .header .navTop li:hover span a {
    text-decoration: underline;
    color: var(--color);
  }
}
.header .navTop li .sub {
  position: absolute;
  left: 50%;
  top: 100%;
  opacity: 0;
  pointer-events: none;
  transform: translate3d(-50%, -10px, 0);
  -webkit-transform: translate3d(-50%, -10px, 0);
  -moz-transform: translate3d(-50%, -10px, 0);
  -o-transform: translate3d(-50%, -10px, 0);
  -ms-transform: translate3d(-50%, -10px, 0);
  backface-visibility: hidden;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  background-color: #fff;
  box-shadow: 0px 1px 10px 0px rgba(2, 1, 30, 0.08);
  overflow: hidden;
  width: 1.6rem;
  border-radius: 0 0 0 0.2rem;
  padding: 0.2rem 0;
  width: 100%;
  border-top: 1px solid #e5e7eb;
}
.header .navTop li .sub a {
  display: flex;
  color: #4e5461;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
  font-size: var(--f20);
  padding: 0.12rem;
  line-height: 0.3rem;
  color: #000;
  padding-left: 0;
  position: relative;
  z-index: 3;
}
.header .navTop li .sub a:hover {
  color: var(--color);
}
.header .navTop li .sub .bg {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/header-bg.png) no-repeat right top;
}
.header .navTop li .sub .animationUp {
  animation: Header_animate-slide-up__fCEux 0.7s forwards;
}
.header .navTop li .sub .animationDown {
  animation: Header_animate-slide-down__z4enw 0.3s forwards;
}
.header .navTop li.hover .sub {
  opacity: 1;
  transform: translate3d(-50%, 0px, 0);
  -webkit-transform: translate3d(-50%, 0px, 0);
  -moz-transform: translate3d(-50%, 0px, 0);
  -o-transform: translate3d(-50%, 0px, 0);
  -ms-transform: translate3d(-50%, 0px, 0);
  backface-visibility: hidden;
  pointer-events: auto;
}
.header .wap_show {
  display: none;
}
@media screen and (max-width: 1023px) {
  .header .inner .warpper {
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
  }
  .header .lang {
    display: none;
  }
  .header .navTop li span a {
    color: #fff;
  }
  .header .lang {
    height: 0.8rem;
    margin-left: 0;
  }
  .header .lang .icon:before {
    margin-top: -0.05rem;
  }
  .header .right {
    gap: 0.2rem;
  }
  .header .menu,
  .header .menuIcon {
    display: inline-flex;
    align-items: center;
  }
  .header .open_menu {
    z-index: 100;
    width: 0.25rem;
    height: 0.18rem;
    cursor: pointer;
    position: relative;
  }
  .header .open_menu i {
    display: inline-block;
    width: 80%;
    height: 2px;
    transform: translateY(-50%);
    background-color: var(--color2);
    position: absolute;
    left: 0;
    top: 50%;
    border-radius: 5px;
  }
  .header .open_menu::before,
  .header .open_menu::after {
    width: 100%;
    height: 2px;
    background-color: var(--color2);
    border-radius: 5px;
    left: 0;
    content: '';
    position: absolute;
  }
  .header .open_menu::before {
    top: 0;
  }
  .header .open_menu::after {
    bottom: 0;
    top: auto;
  }
  .header .open_menu.open_menu_on i {
    opacity: 0;
  }
  .header .open_menu.open_menu_on:before {
    transform: rotate(45deg);
    top: 0.1rem;
  }
  .header .open_menu.open_menu_on:after {
    transform: rotate(-45deg);
    bottom: auto;
    top: 0.1rem;
  }
  .header .search {
    width: auto;
    border: none;
  }
  .header .lang_top .left {
    display: inline-flex;
    gap: 0.2rem;
  }
  .header .lang_top .left a {
    color: rgba(0, 0, 0, 0.5);
  }
  .header .lang_top .left .on {
    color: var(--color);
  }
  .header .navTop {
    display: none;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow-y: auto;
    visibility: hidden;
    position: fixed;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    line-height: 40px;
    margin-left: 0;
    display: block;
    padding: 0;
    transition: all 0.5s;
    opacity: 0;
    background-image: none;
    margin-right: 0;
    z-index: 106;
    padding-top: 0;
    background-color: transparent;
    padding: 0.2rem 0.24rem;
  }
  .header .navTop::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
  }
  .header .navTop.show {
    visibility: visible;
    left: 0;
    opacity: 1;
  }
  .header .navTop .nav_warp {
    position: relative;
    height: 100%;
    max-height: 100%;
    overflow: auto;
  }
  .header .navTop .wap_show {
    display: block;
  }
  .header .navTop .ul {
    position: relative;
    width: 100%;
    margin: 0 0 0 auto;
    background-color: #fff;
    margin-right: 0;
    display: block;
  }
  .header .navTop .ul li {
    float: none;
    height: auto;
    text-align: left;
    margin: 0;
    width: 100%;
    padding: 0.08rem 0;
  }
  .header .navTop .ul li:hover span a,
  .header .navTop .ul li.aon span a {
    color: var(--color);
  }
  .header .navTop .ul li span {
    display: block;
    line-height: normal;
    padding: 0.08rem 0;
    border-bottom: 1px solid #000;
  }
  .header .navTop .ul li span a {
    padding-bottom: 0;
    line-height: normal;
    height: 0.36rem;
    justify-content: space-between;
    display: flex;
    color: #000;
    font-size: var(--f18);
    width: 100%;
    font-weight: 400;
  }
  .header .navTop .ul li span a::after {
    transform: rotate(-90deg);
    width: 14px;
    height: 14px;
  }
  .header .navTop .ul li .sub {
    position: relative;
    transform: none;
    left: 0;
    top: 0;
    color: #999999;
    width: 100%;
    background-color: transparent;
    text-align: left;
    padding: 0;
    min-width: auto;
    display: block;
    opacity: 1;
    white-space: normal;
    border: none;
    box-shadow: none;
    backface-visibility: hidden;
    pointer-events: auto;
  }
  .header .navTop .ul li .sub .bg {
    display: none;
  }
  .header .navTop .ul li .box {
    top: 0;
    box-shadow: none;
    text-align: left;
    display: block;
    padding: 0.08rem 0;
  }
  .header .navTop .ul li .box::before {
    display: none;
  }
  .header .navTop .ul li .box a {
    margin: 0;
    padding: 0;
    line-height: 0.24rem;
    text-align: left;
    display: block;
    color: #333;
    background-color: transparent;
    min-height: auto;
    margin-bottom: 0.12rem;
    font-size: var(--f14);
    color: #000;
  }
  .header .navTop .ul li .box .ul {
    width: 100%;
  }
  .header .navTop .ul li .box li {
    width: 100%;
    text-align: center;
  }
  .header .navTop .ul .li_sub span {
    position: relative;
    display: block;
  }
  .header .navTop .ul .items_pro .sub .top_tit {
    display: none;
  }
  .header .navTop .ul .items_pro .sub dd {
    width: 100%;
  }
  .header .navTop .wap_inner {
    display: flex;
    flex-flow: column wrap;
    width: 100%;
    min-height: 98%;
  }
  .header .navTop .wap_inner > * {
    width: 100%;
  }
  .header .navTop .nav_bottom {
    margin-top: auto;
    color: rgba(0, 0, 0, 0.5);
    font-size: var(--f12);
  }
  .header .navTop .nav_bottom .logo {
    margin-bottom: 0.12rem;
  }
  .header .navTop .nav_bottom .logo img {
    width: 1.53rem;
    max-width: 100%;
  }
  .header .navTop .nav_bottom p {
    line-height: 1;
  }
}
@media screen and (max-width: 768px) {
  .header .top_search {
    width: 100%;
    top: 100%;
  }
  .header .top_search .warp {
    max-width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .header .logo img {
    max-width: 1.5rem;
  }
  .header .search {
    position: static;
    line-height: normal;
  }
  .header .top_btn,
  .header .menuIcon {
    margin-left: 0.2rem;
  }
  .header .line_em {
    margin: 0 0.15rem;
  }
}
.gap_5 {
  gap: 0.05rem;
}
.gap_10 {
  gap: 0.1rem;
}
.gap_20 {
  gap: 0.1rem 0.2rem;
}
.gap_30 {
  gap: 0.1rem 0.4rem;
}
.gap_40 {
  gap: 0.1rem 0.4rem;
}
.gap_60 {
  gap: 0.1rem 0.6rem;
}
.poImg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-object-fit: cover;
}
[v-cloak] {
  display: none;
}
.main_bg {
  background: url(../images/bg1.png) no-repeat right bottom #fafafa;
  background-size: 100% auto;
}
.main_bg2 {
  background: url(../images/bg2.png) no-repeat right bottom #fafafa;
  background-size: 100% auto;
}
.main_bg_info {
  background: url(../images/bg3.jpg) no-repeat center top;
  background-size: 100% auto;
}
@media screen and (max-width: 1024px) {
  .pt110,
  .pt120 {
    padding-top: 0.7rem;
  }
  .pb120 {
    padding-bottom: 0.7rem;
  }
  .pt150,
  .pt180,
  .pt140 {
    padding-top: 1rem;
  }
  .pb150,
  .pb180,
  .pb190 {
    padding-bottom: 1rem;
  }
}
.footer {
  position: relative;
  background-color: #000;
  padding: 0.37rem 0.32rem;
  color: #fff;
  z-index: 2;
  font-size: var(--f14);
}
.footer a {
  color: #fff;
}
.footer .logo {
  max-width: 1.53rem;
  margin-top: 0.15rem;
}
.footer .logo img {
  width: 100%;
}
.footer .left {
  flex: 0.7;
  min-width: 0;
  border-right: 1px solid #fff;
  padding-right: 0.2rem;
}
.footer .share {
  gap: 0.12rem;
  margin: 0.24rem 0;
}
.footer .share a {
  display: flex;
  align-items: center;
  gap: 0.04rem;
}
.footer .right {
  flex: 0.3;
  padding-top: 0.24rem;
}
.footer .right dt {
  margin-bottom: 0.12rem;
  color: hsla(0, 0%, 100%, 0.5);
}
.footer .right dd {
  display: flex;
  gap: 0.08rem;
  margin-bottom: 0.08rem;
}
.footer .right dd span {
  flex-shrink: 0;
  min-width: 0.51rem;
  color: var(--color);
}
.footer .right dd p {
  flex: 1;
  min-width: 0;
}
.footer .Copyright {
  gap: 0.24rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.footer .Copyright .link {
  text-decoration-line: underline;
}
.footer .Copyright .link:hover {
  text-decoration-line: none;
}
.footer .content {
  color: rgba(255, 255, 255, 0.5);
  vertical-align: middle;
}
.footer .back_btn {
  flex-shrink: 0;
  min-width: 0;
  margin-left: 0.1rem;
}
.footer .back_top {
  min-width: 1rem;
  line-height: 0.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  clip-path: polygon(14% 0, 100% 0, 100% 70%, 86% 100%, 0 100%, 0% 30%);
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.footer .back_top::before {
  content: '';
  display: inline-flex;
  width: 0.12rem;
  height: 0.12rem;
  background: url(../images/arrow_top.svg) no-repeat center / contain;
  flex-shrink: 0;
  margin-right: 0.1rem;
}
.footer .back_top:hover {
  background-image: -moz-linear-gradient(90deg, #29dbd8 0%, #2ecaeb 33%, #33b8fd 100%);
  background-image: -webkit-linear-gradient(90deg, #29dbd8 0%, #2ecaeb 33%, #33b8fd 100%);
  background-image: -ms-linear-gradient(90deg, #29dbd8 0%, #2ecaeb 33%, #33b8fd 100%);
  background-image: linear-gradient(90deg, #29dbd8 0%, #2ecaeb 33%, #33b8fd 100%);
}
@media (min-width: 1024px) {
  .footer .right {
    padding-top: 0;
    padding-left: 0.4rem;
    padding-right: 0.18rem;
  }
  .footer .right dt {
    margin-bottom: 0.2rem;
  }
}
@media (min-width: 768px) {
  .footer .right {
    min-width: 400px;
  }
}
@media screen and (max-width: 1023px) {
  .footer {
    padding: 0.4rem 0.3rem 0.5rem;
    font-size: var(--f16);
  }
  .footer .left {
    width: 100%;
    flex: auto;
    border-right: none;
    border-bottom: 1px solid #fff;
    padding-right: 0;
  }
  .footer .right {
    width: 100%;
    flex: auto;
  }
  .footer .right .warp {
    flex: auto;
  }
  .footer .share {
    flex-direction: column;
    align-items: flex-start;
  }
  .footer .Copyright {
    margin-bottom: 0.35rem;
  }
  .footer .Copyright span {
    width: 100%;
  }
  .footer .right dd {
    flex-direction: column;
    align-items: flex-start;
  }
}
.location {
  padding-top: 1.25rem;
  font-size: var(--f14);
  position: relative;
  z-index: 2;
}
.location em {
  font-style: normal;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.location i {
  margin: 0 0.08rem;
  display: inline;
  font-size: var(--f12);
}
.location span {
  color: var(--color);
}
@media screen and (max-width: 767px) {
  .location em {
    display: none;
  }
}
.whyHero {
  padding: 0.65rem 0;
}
.whyHero .title {
  font-weight: 400;
  font-size: clamp(40px, 7vw, 56px);
  line-height: 1;
  margin-bottom: 0.16rem;
}
.whyHero .title em {
  color: var(--color);
  font-style: normal;
}
.whyHero .desc {
  width: calc(680 / 1380 * 100%);
  margin-bottom: 0.16rem;
}
.whyHero.whyHero_notice {
  padding-bottom: 0.3rem;
}
.whyHero.whyHero_title .title {
  width: 100%!important;
}
@media (min-width: 768px) {
  .whyHero .title {
    width: calc(400 / 705 * 100%);
  }
  .whyHero .desc {
    width: calc(275 / 705 * 100%);
  }
}
@media (min-width: 1024px) {
  .whyHero .title {
    width: calc(560 / 1380 * 100%);
  }
  .whyHero .desc {
    width: calc(680 / 1380 * 100%);
  }
}
@media (max-width: 767px) {
  .whyHero .custom-container {
    flex-direction: column;
  }
  .whyHero .title {
    width: 100%;
  }
  .whyHero .desc {
    width: 100%;
  }
}
.ParallaxSection_parallaxSection {
  position: relative;
  transition: background-color 0.7s;
  z-index: 1;
}
.ParallaxSection_contents {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
  z-index: 10;
}
.ParallaxSection_contents .custom-container {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100vh;
  width: 100vw;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  z-index: 12;
}
@media (min-width: 768px) {
  .ParallaxSection_contents .custom-container {
    padding-top: 1.18rem;
  }
}
.ParallaxSection_contents .bg-animation-stage {
  position: relative;
  height: 100vh;
  width: 100vw;
}
.ParallaxSection_contents .bg-animation-stage .bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-position: 50%;
  background-repeat: no-repeat;
}
.scroll-stage {
  position: relative;
  height: 300vh;
  z-index: 11;
}
.screen {
  position: sticky;
  top: 0;
  height: 100vh;
  z-index: 13;
  opacity: 0;
  transition: opacity 0.3s ease;
  display: none;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
}
.screen.active_screen {
  opacity: 1;
  display: flex;
}
.Screen0Text_screen0 {
  position: absolute;
  top: 15%;
  left: 0;
  width: 100%;
  z-index: 13;
  text-align: center;
  height: 85%;
}
.Screen0Text_screen0 .text {
  font-weight: 400;
  color: #fff;
  margin-bottom: 0.24rem;
}
.Screen0Text_screen0 .title {
  font-size: clamp(32px,10vw,180px);
  color: #fff;
  margin-bottom: 0.2rem;
  line-height: 1;
}
.Screen1Text_screen1 {
  z-index: 3;
  will-change: opacity, transform;
  margin: -0.4rem 0;
  overflow: visible;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease;
}
.Screen1Text_screen1 .textWrapper {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  position: absolute;
  left: 0;
  top: 23vh;
}
.Screen1Text_screen1 .leadIn {
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 0.2rem;
  display: block;
  z-index: 2;
}
.Screen1Text_screen1 .Screen1B_scrollWrap {
  position: relative;
  display: block;
}
.Screen1Text_screen1 .textBlocks {
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  display: flex;
  list-style-type: none;
  flex-direction: column;
  gap: 0.32rem;
  padding: 0;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
  padding-bottom: 1rem;
}
.Screen1Text_screen1 li {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  display: block;
  max-width: 1007px;
  --tw-border-opacity: 1;
  border-left: 0.08rem solid rgb(217 217 215 / var(--tw-border-opacity));
  padding-left: 0.24rem;
  padding-bottom: 0.48rem;
  opacity: 0;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.Screen1Text_screen1 li .idx {
  font-size: var(--f14);
  margin-bottom: 0.12rem;
}
.Screen1Text_screen1 li .title {
  font-size: clamp(40px, 7.2vw, 62px);
  margin-bottom: 0.24rem;
  line-height: 1;
}
.Screen1Text_screen1 li .paragraph {
  max-width: 500px;
  line-height: calc(24 / 16);
}
.Screen1Text_screen1 .active {
  --tw-border-opacity: 1;
  border-color: rgb(239 108 163 / var(--tw-border-opacity));
  opacity: 1;
}
.Screen1Text_screen1 .Screen1B_preactive {
  opacity: 0.3;
}
@media (min-width: 768px) {
  .Screen1Text_screen1 .textWrapper {
    top: calc((100vh - 114px) * 0.25);
  }
}
.Screen2Text_screen2 {
  height: 100%;
  width: 100%;
  position: relative;
  color: #fff;
  line-height: 1;
  text-align: center;
}
.Screen2Text_screen2 .stit {
  font-weight: 700;
  margin-bottom: 0.13rem;
}
.Screen2Text_screen2 .title {
  margin-bottom: 29.549vh;
  font-size: clamp(52px,8vw,120px);
  font-weight: inherit;
}
.Screen2Text_screen2 .Screen2Text_paragraph {
  max-width: 577px;
  line-height: calc(24 / 16);
}
@media (min-width: 768px) {
  .Screen2Text_screen2 .title {
    margin-bottom: 31.79vh;
  }
}
.SideTextInBox_list {
  width: 100%;
}
.SideTextInBox_list .SideTextInBox_sideTextInBox {
  margin: 0.6rem 0;
  display: grid;
  min-height: 5rem;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: flex-end;
  gap: 0;
  border-radius: 0.2rem;
  padding: 1.4rem 0.08rem 0.08rem;
  background-image: var(--mobile-bg);
  background-size: cover;
  background-origin: border-box;
  background-position: center;
  width: 100%;
}
.SideTextInBox_list .SideTextInBox_sideTextInBox .SideTextInBox_textBox {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  padding: 0.2rem;
  border-radius: 0.2rem;
  -webkit-backdrop-filter: blur(34.9px);
  backdrop-filter: blur(34.9px);
}
.SideTextInBox_list .SideTextInBox_sideTextInBox .SideTextInBox_textBox.bg {
  background-color: hsla(0, 0%, 100%, 0.3);
}
.SideTextInBox_list .SideTextInBox_sideTextInBox .btnbox {
  margin-top: auto;
}
.SideTextInBox_list .SideTextInBox_sideTextInBox .SideTextInBox_title {
  line-height: 1;
  font-size: clamp(40px, 7vw, 56px);
  margin-bottom: 0.32rem;
  font-weight: inherit;
}
.SideTextInBox_list .SideTextInBox_sideTextInBox .SideTextInBox_paragraph {
  line-height: calc(24 / 16);
}
@media (min-width: 640px) {
  .SideTextInBox_list .SideTextInBox_sideTextInBox {
    background-image: var(--tablet-bg);
  }
}
@media (min-width: 768px) {
  .SideTextInBox_list .SideTextInBox_sideTextInBox {
    background-image: var(--desktop-bg);
    gap: 0.32rem;
    padding: 0.4rem 0.24rem;
  }
  .SideTextInBox_list .SideTextInBox_sideTextInBox .SideTextInBox_textBox {
    grid-column: span 6 / span 6;
    min-height: 4.52rem;
    padding: 0.6rem 0.24rem;
  }
  .SideTextInBox_list .SideTextInBox_sideTextInBox .SideTextInBox_textBox.SideTextInBox_textBox_two {
    padding: 0.24rem;
  }
  .SideTextInBox_list .SideTextInBox_sideTextInBox .SideTextInBox_title {
    margin-bottom: 0.18rem;
  }
}
@media (min-width: 1024px) {
  .SideTextInBox_list .SideTextInBox_sideTextInBox .SideTextInBox_textBox {
    grid-column: span 5 / span 5;
  }
  .SideTextInBox_list .SideTextInBox_sideTextInBox:nth-child(odd) .SideTextInBox_textBox {
    grid-column-start: 8;
  }
}
@media (max-width: 639px) {
  .SideTextInBox_list .SideTextInBox_sideTextInBox {
    min-height: 500px;
  }
  .SideTextInBox_list .SideTextInBox_sideTextInBox .SideTextInBox_textBox {
    padding: 0.3rem;
  }
  .SideTextInBox_list .SideTextInBox_sideTextInBox .Hmore {
    width: 100%;
    height: 0.6rem;
    line-height: 0.6rem;
    margin-top: 0.24rem;
  }
}
.SuperPageHeading_superPageHeading {
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
}
.SuperPageHeading_contentWrap .custom-container {
  padding-bottom: 0.78rem;
  position: relative;
}
.SuperPageHeading_contentWrap .SuperPageHeading_warp {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 0.16rem;
}
.SuperPageHeading_contentWrap .SuperPageHeading_title,
.SuperPageHeading_contentWrap .SuperPageHeading_paragraph {
  position: relative;
  z-index: 3;
  grid-column: 1 / -1;
}
.SuperPageHeading_contentWrap .SuperPageHeading_title {
  font-size: clamp(40px,7vw,56px);
  line-height: 1;
  font-weight: inherit;
  margin-bottom: 0.32rem;
}
.SuperPageHeading_contentWrap .SuperPageHeading_title em {
  font-style: normal;
  color: var(--color);
  margin-right: 0.1rem;
}
.SuperPageHeading_contentWrap .SuperPageHeading_bannerImage {
  position: relative;
}
.SuperPageHeading_contentWrap .SuperPageHeading_bannerImage img {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  transform: translateY(-70%);
}
.SuperPageHeading_contentWrap #desktopBg {
  display: none;
}
.SuperPageHeading_contentWrap #mobileBg {
  display: block;
}
@media (min-width: 768px) {
  .SuperPageHeading_contentWrap #desktopBg {
    display: block;
  }
  .SuperPageHeading_contentWrap #mobileBg {
    display: none;
  }
  .SuperPageHeading_contentWrap .SuperPageHeading_title {
    grid-column: span 6 / span 6;
  }
  .SuperPageHeading_contentWrap .SuperPageHeading_paragraph {
    grid-column: span 5 / span 5;
    grid-column-start: 1;
    line-height: calc(24 / 16);
  }
  .SuperPageHeading_contentWrap .SuperPageHeading_expandedImage {
    margin: 0 -5%;
  }
}
.Cards_title__pacdy {
  font-size: var(--f32);
  margin-bottom: 0.32rem;
  font-weight: inherit;
  line-height: 1;
}
.Cards_title__pacdy.mb0 {
  margin-bottom: 0;
}
.Cards_cardLinks {
  padding: 0.74rem 0 0.6rem;
  position: relative;
  z-index: 3;
}
.Cards_cardLinks ul {
  gap: 0.15rem;
}
.Cards_cardLinks li {
  width: 100%;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: hsla(0, 0%, 100%, 0.6);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border: 1px solid #e3e3e3;
  border-radius: 0.2rem;
  font-size: var(--f20);
  padding: 0.1rem 0.24rem 0.1rem 0.2rem;
}
.Cards_cardLinks .icon {
  margin-bottom: 0.24rem;
  width: 0.6rem;
  height: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Cards_cardLinks .icon img {
  max-height: 100%;
}
@media (min-width: 768px) {
  .Cards_cardLinks li {
    width: calc((100% - 0.15rem * 3) / 4);
    padding: 0.24rem 0.2rem;
    font-size: var(--f24);
    min-height: 2rem;
  }
}
.Advantage_box {
  background-color: #ebfbf8;
}
.Advantage_item {
  position: relative;
  align-items: center;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  cursor: pointer;
}
.Advantage_item::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.Advantage_item .box {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  border-radius: 0.2rem;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.Advantage_item .pic {
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.Advantage_item .pic figure {
  position: relative;
  width: 2rem;
  height: 1.48rem;
  border-radius: 0.2rem;
  overflow: hidden;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.Advantage_item .pic figure img {
  width: 100%;
}
.Advantage_item .textwarp {
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  position: relative;
}
.Advantage_item .title {
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  font-size: var(--f32);
  line-height: 0.32rem;
  font-weight: inherit;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0.2rem 0;
}
.Advantage_item .icon {
  width: 0.32rem;
  height: 0.32rem;
  flex-shrink: 0;
  margin-left: 0.2rem;
  position: relative;
}
.Advantage_item .icon::before,
.Advantage_item .icon::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 90%;
  height: 0.02rem;
  background-color: var(--color2);
  transform: translate(-50%, -50%);
}
.Advantage_item .icon::after {
  width: 0.02rem;
  height: 90%;
}
.Advantage_item .des {
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  display: none;
}
.Advantage_item .btnbox {
  display: none;
}
.Advantage_item .Hmore {
  background-color: transparent;
  border: 1px solid #000;
  color: #000;
}
.Advantage_item .Hmore::after {
  transform: rotate(-45deg);
  filter: invert(1);
}
.Advantage_item .Hmore:hover {
  background-color: #fff;
  border-color: var(--color);
  color: #000;
}
.Advantage_item .Hmore:hover::after {
  filter: invert(1);
}
.Advantage_item.on {
  margin-bottom: 0;
  padding-left: 0.2rem;
}
.Advantage_item.on .box {
  background-color: var(--color2);
  padding-right: 0.2rem;
}
.Advantage_item.on .des,
.Advantage_item.on .btnbox {
  display: block;
}
.Advantage_item.on .icon::after {
  opacity: 0;
}
.Advantage_item.on .icon::before {
  background-color: #000;
}
@media (min-width: 768px) {
  .Advantage_item {
    gap: 0.24rem;
    padding: 15px 0 15px 0.32rem;
  }
  .Advantage_item .box {
    flex-direction: row;
    gap: 0.24rem;
    min-height: 0;
    align-items: center;
  }
  .Advantage_item .pic {
    flex-shrink: 0;
  }
  .Advantage_item .pic figure {
    width: 2rem;
    height: 1.48rem;
  }
  .Advantage_item .textwarp {
    flex-grow: 1;
  }
  .Advantage_item .des {
    width: calc(100% - 1rem);
  }
  .Advantage_item.on {
    padding-bottom: 0;
  }
  .Advantage_item.on::after {
    opacity: 0;
  }
  .Advantage_item.on .box {
    min-height: 4.2rem;
    align-items: stretch;
  }
  .Advantage_item.on .pic {
    margin-left: 0.24rem;
    margin-top: 0.24rem;
  }
  .Advantage_item.on .pic figure {
    height: 3.04rem;
    width: 4.12rem;
  }
  .Advantage_item.on .title {
    color: #fff;
  }
}
@media (max-width: 767px) {
  .Advantage_item {
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .Advantage_item.on {
    margin-bottom: 0.5rem;
    padding-left: 0;
  }
  .Advantage_item.on .box {
    padding-right: 0;
  }
  .Advantage_item.on .textwarp {
    padding: 0.35rem;
  }
  .Advantage_item.on .icon {
    border-radius: 100%;
    top: 0.2rem;
    right: 0.2rem;
    background-color: hsla(0, 0%, 100%, 0.6);
    width: 0.7rem;
    height: 0.7rem;
  }
  .Advantage_item.on .icon::before {
    width: 70%;
  }
  .Advantage_item.on .icon::after {
    height: 70%;
  }
  .Advantage_item.on .title {
    color: #fff;
    line-height: 1.2;
    margin-bottom: 0.24rem;
  }
  .Advantage_item .box {
    position: relative;
    padding-right: 0.8rem;
  }
  .Advantage_item .pic {
    width: 100%;
  }
  .Advantage_item .pic figure {
    width: 100%;
    height: auto;
    border-radius: 0.2rem 0.2rem 0 0;
  }
  .Advantage_item .pic figure img {
    position: relative;
    height: auto;
  }
  .Advantage_item .icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 0.5rem;
    height: 0.5rem;
  }
  .Advantage_item .icon::before,
  .Advantage_item .icon::after {
    background-color: var(--color);
  }
  .Advantage_item .textwarp {
    width: 100%;
    position: static;
  }
  .Advantage_item .title {
    font-size: var(--f24);
  }
}
.Advantage_other .top {
  margin-bottom: 0.32rem;
}
.Advantage_other .top .left,
.Advantage_other .top .right {
  width: calc(677 / 1380 * 100%);
}
.Advantage_other .top .left {
  line-height: 1;
}
.Advantage_other .top .right {
  line-height: calc(24 / 16);
}
.Advantage_other .pic img {
  width: 100%;
  border-radius: 0.2rem;
}
@media (max-width: 767px) {
  .Advantage_other .top .left,
  .Advantage_other .top .right {
    width: 100%;
  }
  .Advantage_other .top .left {
    margin-bottom: 0.35rem;
  }
}
.milestones {
  position: relative;
  width: 100%;
}
.milestones .location {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  filter: brightness(0) invert(1);
}
.milestones .swiperBox {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.milestones .swiper-slides,
.milestones .swiper-slides_year {
  height: 100vh;
  position: absolute;
  padding-top: 1.7rem;
  top: 0;
  left: 0;
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.milestones .swiper-slides.active,
.milestones .swiper-slides_year.active {
  z-index: 2;
}
.milestones .swiper_yearList {
  position: absolute;
  left: 0;
  top: 0;
  height: 100vh;
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: flex;
  width: 100%;
}
.milestones .swiper-slides_title {
  position: relative;
  height: 100vh;
  width: 100vw;
}
.milestones .swiper-slides_title::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 2;
}
.milestones .swiper-slides_year {
  width: calc(80% + 1px);
  margin-right: -1px;
  padding: 0.4rem;
  padding-top: 1.7rem;
  color: #fff;
  background-color: var(--bgcolor);
  left: 100%;
}
.milestones .whyHero {
  color: #fff;
  position: relative;
  z-index: 2;
  padding: 0.45rem 0;
}
.milestones .whyHero .title .tit {
  font-size: var(--f16);
}
.milestones .whyHero .title .subit {
  font-size: 1.6rem;
  margin-top: 0.1rem;
}
.milestones .whyHero .desc {
  line-height: 1.6;
  padding: 0.1rem 0 0.96rem;
}
.milestones .Milestones_indicator {
  position: absolute;
  right: 0.4rem;
  bottom: 0.4rem;
  display: inline-flex;
  align-items: center;
  gap: 0.16rem;
  z-index: 2;
  color: #fff;
}
.milestones .yearList,
.milestones .mobileYear {
  position: absolute;
  left: 0;
}
.milestones .mobileYear {
  position: fixed;
  left: 0;
  z-index: 3;
  padding: 0.2rem 0.4rem;
  padding-top: 1.4rem;
  top: 0;
  font-size: 0.7rem;
  width: 100%;
  color: #fff;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
  opacity: 0;
  display: none;
}
.milestones .yearList {
  padding: 0.24rem;
  pointer-events: none;
  left: 0;
  bottom: 0;
  z-index: 3;
  width: 100%;
  color: #fff;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.25s;
}
.milestones .yearList.show {
  opacity: 1;
  pointer-events: auto;
}
.milestones .yearList .yearListInner {
  display: flex;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.milestones .yearList a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.24rem;
  height: 0.6rem;
  cursor: pointer;
  color: #fff;
}
.milestones .yearList a::before {
  content: '';
  position: absolute;
  left: 0;
  top: -2px;
  height: 0.04rem;
  width: 100%;
  background-color: #fff;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.25s;
}
.milestones .yearList .current::before {
  opacity: 1;
}
.milestones .yearTab {
  width: 100%;
  padding: 0.4rem;
}
.milestones .subFlex {
  display: flex;
  max-height: 100%;
  width: 100%;
}
.milestones .info {
  position: relative;
  z-index: 10;
  display: flex;
  width: 55%;
  flex-direction: column;
  padding-right: 0.2rem;
}
.milestones .img {
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
  width: 45%;
}
.milestones .img img {
  aspect-ratio: 520 / 520;
  width: 100%;
  border-radius: 0.2rem;
}
.milestones .img .Milestones_imgCaption {
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-size: var(--f12);
  line-height: calc(16 / 12);
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.95);
}
.milestones .date {
  font-size: 0.8rem;
  white-space: nowrap;
  display: flex;
  gap: 0.05rem;
  font-weight: 300;
  line-height: 1;
}
.milestones .date .month {
  color: var(--color2);
}
.milestones .date .year {
  color: #fff;
}
.milestones .scroller {
  overflow: auto;
  max-height: 40vh;
  /* 滚动槽 */
  /* 滚动条滑块 */
}
.milestones .scroller::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.milestones .scroller::-webkit-scrollbar-track {
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
}
.milestones .scroller::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #fff;
}
.milestones .cta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 0.16rem;
  gap: 0.12rem;
}
.milestones .cta a {
  display: inline-flex;
  line-height: 0.32rem;
  color: #fff;
}
.milestones .cta a .icon {
  flex-shrink: 0;
}
.milestones .cta a img {
  width: 0.32rem;
  height: 0.32rem;
}
@media screen and (min-width: 1024px) {
  .milestones .yearTab {
    padding-bottom: 0.6rem;
  }
  .milestones .mobileYear {
    display: none!important;
  }
}
@media screen and (max-width: 1023px) {
  .milestones .yearList {
    display: none;
  }
  .milestones .swiperBox {
    height: auto;
  }
  .milestones .mobileYear {
    display: block;
    visibility: hidden;
  }
  .milestones .mobileYear.show {
    opacity: 1;
    visibility: visible;
  }
  .milestones .swiper-slides_title {
    left: 0!important;
  }
  .milestones .swiper-slides_title .intro,
  .milestones .swiper-slides_title .whyHero,
  .milestones .swiper-slides_title .custom-container {
    height: 100%;
  }
  .milestones .swiper-slides_title .custom-container {
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
  }
  .milestones .Milestones_indicator {
    display: none;
  }
  .milestones .whyHero .title,
  .milestones .whyHero .desc {
    width: 100%;
  }
  .milestones .whyHero .title .subit {
    font-size: 0.6rem;
    line-height: 1.6;
  }
  .milestones .swiper_yearList {
    position: relative;
    left: 0!important;
    flex-direction: column;
    width: 100%;
    height: auto;
  }
  .milestones .swiper-slides_year {
    position: relative;
    width: 100%;
    left: 0!important;
    padding-top: 0.4rem;
    height: auto;
  }
  .milestones .subFlex {
    flex-direction: column;
    gap: 0.32rem;
  }
  .milestones .subFlex .info {
    width: 100%;
    order: 2;
  }
  .milestones .subFlex .img {
    width: 100%;
  }
  .milestones .subFlex .date {
    display: none;
  }
}
body.locked {
  overflow: hidden;
}
.CorporateBanner {
  height: 800vh;
  position: relative;
  width: 100%;
  z-index: 1;
  background-color: #f2f2f2;
}
.CorporateBanner_bg {
  position: sticky;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  overflow: hidden;
}
.CorporateBanner_bgInner {
  position: absolute;
  overflow: hidden;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1480px) and (min-width: 1025px) {
  .CorporateBanner_bgInner {
    height: 250px;
    width: 250px;
    top: 55%;
  }
}
#stickyHolder {
  height: 100vh;
  overflow: hidden;
  /* 初始状态下隐藏主内容 */
}
#stickyHolder .content {
  position: absolute;
  z-index: 10;
  opacity: 1;
  text-align: center;
  max-width: 1100px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 100%;
  padding: 1.12rem 0.4rem 0.4rem;
}
#stickyHolder .content .title {
  line-height: 1;
  font-size: clamp(40px, 7vw, 56px);
  margin-bottom: 0.2rem;
  font-weight: inherit;
}
#stickyHolder .content .des {
  padding: 0.8rem 0.2rem 0.2rem;
  margin-bottom: 0.2rem;
}
.CorporateBanner_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* 动效圆环的核心图片底盘 */
.CorporateBanner_bgInner {
  position: relative;
  width: 3.32rem;
  /* PC端默认初始大小 */
  height: 3.32rem;
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
}
.CorporateBanner_bgInner .poImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* 初始状态下显示的副文本 */
.smallContent {
  position: absolute;
  z-index: 11;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0.4rem;
  line-height: 1.25;
  text-align: center;
  color: #fff;
  font-size: var(--f30);
}
/* 三张叠加的遮罩头像控制 */
.coverImage {
  position: absolute;
  width: 334px;
  height: 334px;
  z-index: 5;
  pointer-events: none;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0.4rem;
  opacity: 0;
}
@media screen and (max-width: 1480px) and (min-width: 1025px) {
  .coverImage {
    height: 250px;
    width: 250px;
    top: 55%;
  }
}
@media screen and (max-width: 1023px) {
  .coverImage {
    height: 200px;
    width: 200px;
  }
}
.coverImage .poImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.coverImage .poImg:first-child {
  opacity: 1;
}
/* 当被赋予 currentImg 类名时淡入 */
.coverImage .poImg.currentImg {
  opacity: 1;
  transform: scale(1);
  z-index: 2;
}
.circleContent {
  padding: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  opacity: 0;
}
.circleContent .CorporateGovernanceBanner_dashRingRight__W4XPH,
.circleContent .CorporateGovernanceBanner_dashRingLeft__hXysQ,
.circleContent .CorporateGovernanceBanner_dashRing2__omSOu {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(0, -50%);
}
.circleContent .CorporateGovernanceBanner_dashRingLeft__hXysQ {
  transform: translate(-100%, -50%) rotate(-60deg);
  transform-origin: right;
}
.circleContent .CorporateGovernanceBanner_dashRing2__omSOu {
  transform: translate(-50%, -50%);
}
.circleContent .dashMaskHolderA,
.circleContent .dashMaskHolderB {
  height: 4.2rem;
  width: 2.1rem;
  left: 50%;
  top: 50%;
  transform: translate(0, -50%);
  position: absolute;
  overflow: hidden;
}
.circleContent .dashMaskHolderB {
  transform-origin: right;
  transform: translate(-100%, -50%) rotate(-60deg);
}
.circleContent .dashMaskA,
.circleContent .dashMaskB {
  position: absolute;
  height: 100%;
  width: 100%;
  transform-origin: left;
  background-color: #f2f2f2;
}
.circleContent .dashMaskB {
  transform-origin: right;
}
@media screen and (max-width: 1480px) {
  .circleContent {
    top: 5%;
  }
  .circleContent .CorporateGovernanceBanner_dashRingRight__W4XPH,
  .circleContent .CorporateGovernanceBanner_dashRingLeft__hXysQ,
  .circleContent .CorporateGovernanceBanner_dashRing2__omSOu {
    height: 300px;
    width: 150px;
  }
  .circleContent .CorporateGovernanceBanner_dashRing2__omSOu {
    width: 300px;
  }
}
@media screen and (max-width: 1023px) {
  .circleContent .CorporateGovernanceBanner_dashRingRight__W4XPH,
  .circleContent .CorporateGovernanceBanner_dashRingLeft__hXysQ,
  .circleContent .CorporateGovernanceBanner_dashRing2__omSOu {
    height: 240px;
    width: 120px;
  }
  .circleContent .CorporateGovernanceBanner_dashRing2__omSOu {
    width: 240px;
  }
}
.pointContent__MROwc {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  color: #000;
  opacity: 0;
}
.pointContent__MROwc,
.pointContent__MROwc .pointContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0.4rem;
  width: 100%;
  height: 100%;
}
.pointContent__MROwc .pointTitle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, calc(calc(100% + 3rem) * -1));
  font-size: 0.56rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.25s;
  font-weight: 400;
}
.pointContent__MROwc .pointTitle em {
  font-style: normal;
  color: var(--color);
}
.pointContent__MROwc .pointContent {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 686px;
  transform: translate(-450%, calc(-50% + 240px));
}
.pointContent__MROwc .mobilePoint,
.pointContent__MROwc .point__povni {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0.2;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.25s;
  --tw-translate-y: -200px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.pointContent__MROwc .mobilePoint_point2,
.pointContent__MROwc .mobilePoint_point3 {
  --tw-translate-x: 173px;
  --tw-translate-y: 100px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.pointContent__MROwc .point__povni::before,
.pointContent__MROwc .point__povni::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  height: 30px;
  width: 30px;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  box-shadow: 3px 10px 19px -7px rgba(0, 0, 0, 0.45);
}
.pointContent__MROwc .point__povni::after {
  height: 6px;
  width: 6px;
  background-color: rgb(0 138 226 / var(--tw-bg-opacity));
}
.pointContent__MROwc .point__povni .pointInfo {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  justify-content: center;
  gap: 0.12rem;
  white-space: nowrap;
}
.pointContent__MROwc .point__povni .pointInfo img {
  max-width: 0.6rem;
}
.pointContent__MROwc .point__1 {
  --tw-translate-y: -200px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.pointContent__MROwc .point__1 .pointInfo {
  --tw-translate-y: calc(calc(100% + 16px) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.pointContent__MROwc .point__2 {
  --tw-translate-x: 173px;
  --tw-translate-y: 100px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.pointContent__MROwc .point__2 .pointInfo {
  --tw-translate-x: 24px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.pointContent__MROwc .point__3 {
  --tw-translate-x: -173px;
  --tw-translate-y: 100px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.pointContent__MROwc .point__3 .pointInfo {
  --tw-translate-x: calc(calc(100% + 24px) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.pointContent__MROwc .point_txt {
  text-align: left;
  font-size: var(--f24);
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .pointContent__MROwc .mobilePoint {
    display: none;
  }
  .pointContent__MROwc .point__povni .point_txt {
    white-space: nowrap;
  }
}
@media screen and (max-width: 1480px) and (min-width: 1025px) {
  .pointContent__MROwc .pointTitle {
    top: 61%;
    font-size: 0.42rem;
  }
  .pointContent__MROwc .point__1 {
    --tw-translate-y: -111px;
    --tw-scale-x: 0.8;
    --tw-scale-y: 0.8;
  }
  .pointContent__MROwc .point__2 {
    --tw-translate-x: 122px;
    --tw-scale-x: 0.8;
    --tw-scale-y: 0.8;
    --tw-translate-y: 107px;
  }
  .pointContent__MROwc .point__3 {
    --tw-translate-x: -122px;
    --tw-scale-x: 0.8;
    --tw-scale-y: 0.8;
    --tw-translate-y: 107px;
  }
}
@media screen and (max-width: 1023px) {
  .pointContent__MROwc .pointTitle {
    --tw-translate-y: calc(calc(100% + 140px) * -1);
    transform: translate(-50%, var(--tw-translate-y));
  }
  .pointContent__MROwc .mobilePoint {
    --tw-translate-y: -114px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .pointContent__MROwc .mobilePoint::before,
  .pointContent__MROwc .mobilePoint::after {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    height: 30px;
    width: 30px;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-content: "";
    content: var(--tw-content);
    box-shadow: 3px 10px 19px -7px rgba(0, 0, 0, 0.45);
    width: 3px;
    height: 3px;
  }
  .pointContent__MROwc .mobilePoint::after {
    --tw-bg-opacity: 1;
    background-color: rgb(0 138 226 / var(--tw-bg-opacity));
  }
  .pointContent__MROwc .mobilePoint::before {
    height: 17px;
    width: 17px;
  }
  .pointContent__MROwc .mobilePoint_point2 {
    --tw-translate-x: 99px;
    --tw-translate-y: 57px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .pointContent__MROwc .mobilePoint_point3 {
    --tw-translate-x: -99px;
    --tw-translate-y: 57px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .pointContent__MROwc .point__1 {
    --tw-translate-y: 120px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-translate-x: -100px;
  }
  .pointContent__MROwc .point__2 {
    --tw-translate-y: 120px;
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .pointContent__MROwc .point__3 {
    --tw-translate-y: 120px;
    --tw-translate-x: 100px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .pointContent__MROwc .point__povni::before,
  .pointContent__MROwc .point__povni::after {
    display: none;
  }
  .pointContent__MROwc .point__povni .pointInfo {
    --tw-translate-x: -50%;
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    flex-direction: column;
  }
}
.CorporateGovernance {
  padding: 0.6rem 0.32rem;
}
.CorporateGovernance .bannerInner {
  display: flex;
  min-height: 400px;
  align-items: center;
  border-radius: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0.6rem 0.32rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  background: var(--pcImg) no-repeat center / cover;
}
.CorporateGovernance .content {
  width: 40%;
  font-size: var(--f24);
  line-height: calc(32 / 24);
}
@media screen and (max-width: 1023px) {
  .CorporateGovernance .bannerInner {
    background-image: var(--wapImg);
  }
}
@media (max-width: 767px) {
  .CorporateGovernance .bannerInner {
    min-height: 0;
    padding-top: 200px;
  }
  .CorporateGovernance .content {
    width: auto;
  }
}
.TwoTierSystem {
  padding: 0 0.32rem;
}
.TwoTierSystem .title {
  font-size: var(--f24);
  line-height: calc(32 / 24);
}
.TwoTierSystem .list {
  margin-top: 0.2rem;
  display: flex;
  gap: 0.24rem;
}
.TwoTierSystem .item {
  width: 100%;
  padding: 0.4rem 0.2rem;
  background-color: #e8faf8;
  border-radius: 0.2rem;
}
.TwoTierSystem .num {
  font-size: 0.6rem;
  line-height: 1.25;
  color: var(--color2);
  font-weight: 400;
}
@media (max-width: 767px) {
  .TwoTierSystem .list {
    flex-direction: column;
  }
}
.OrganistaionChart {
  padding: 0.6rem 0.32rem;
  line-height: 1;
}
.OrganistaionChart .title {
  font-size: var(--f24);
  padding: 0 0.32rem;
  margin-bottom: 0.24rem;
}
.OrganistaionChart .inner {
  background-color: #f2f2f2;
  padding: 0.6rem 0.32rem;
}
.OrganistaionChart .organistaionOutter {
  position: relative;
  margin: 0 auto;
  max-width: 1116px;
  padding: 0 1.12rem;
}
.OrganistaionChart .boardOfDirectors {
  background-color: #e0e0e0;
  border-radius: 0.2rem;
  position: relative;
  z-index: 2;
  padding: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.OrganistaionChart .more {
  color: #fff;
  font-weight: 400;
  display: inline-flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  min-width: 200px;
  gap: 0.08rem;
  padding: 0.16rem 0.24rem;
  border-radius: 0.25rem;
}
.OrganistaionChart .more span {
  flex: 1;
  min-width: 0;
  text-align: center;
}
.OrganistaionChart .more::after {
  content: '';
  display: inline-flex;
  background: url(../images/more.svg) no-repeat center / contain;
  width: 0.24rem;
  height: 0.24rem;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.OrganistaionChart .more:hover::after {
  transform: translateX(0.05rem);
}
.OrganistaionChart .area {
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  gap: 0.16rem;
  border-radius: 0.2rem;
  padding: 0.12rem 0;
  width: 100%;
}
.OrganistaionChart .txtItem {
  position: relative;
  z-index: 10;
  display: inline-flex;
  min-height: 0.5rem;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 0.08rem;
  padding: 0.08rem;
  text-align: center;
  background-color: #fff;
}
.OrganistaionChart .organistaionOutter_one {
  z-index: 1;
}
.OrganistaionChart .organistaionOutter_one .more {
  background-color: #000;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.OrganistaionChart .organistaionOutter_one .more:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.OrganistaionChart .organistaionOutter_one::after {
  content: '';
  position: absolute;
  top: 0.32rem;
  right: 0.38rem;
  width: 50%;
  height: 100%;
  border-radius: 0.2rem 0.2rem 0 0;
  border: 1px solid #bdbdbd;
  border-bottom: none;
  border-left: none;
}
.OrganistaionChart .organistaionOutter_one .area::before,
.OrganistaionChart .organistaionOutter_one .area::after {
  content: '';
  position: absolute;
}
.OrganistaionChart .organistaionOutter_one .area::before {
  top: 0;
  left: 50%;
  width: 1px;
  height: 0.12rem;
  background-color: #bdbdbd;
}
.OrganistaionChart .organistaionOutter_one .area::after {
  top: 0.32rem;
  left: -0.72rem;
  height: 100%;
  width: 92%;
  border-radius: 0.2rem;
  border-top: 1px solid #bdbdbd;
  border-left: 1px solid #bdbdbd;
}
.OrganistaionChart .organistaionOutter_two {
  overflow: hidden;
  z-index: 2;
}
.OrganistaionChart .organistaionOutter_two .internalAuditSection {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  height: 100%;
  width: 1rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.2rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.2rem;
  text-align: center;
}
.OrganistaionChart .organistaionOutter_two .organistaionInner {
  position: relative;
  z-index: 10;
  border-radius: 20px;
  --tw-bg-opacity: 1;
  background-color: rgb(224 224 224 / var(--tw-bg-opacity));
  padding: 0.2rem;
}
.OrganistaionChart .organistaionOutter_two::after {
  content: '';
  position: absolute;
  bottom: 50%;
  right: 0.38rem;
  height: 100%;
  width: 50%;
  border-radius: 0.2rem;
  border-bottom: 1px solid #bdbdbd;
  border-right: 1px solid #bdbdbd;
}
.OrganistaionChart .organistaionOutter_two .warpper {
  position: relative;
  text-align: center;
  border-radius: 0.2rem;
}
.OrganistaionChart .organistaionOutter_two .more {
  background-color: var(--color);
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.OrganistaionChart .organistaionOutter_two .more:hover {
  background-color: #009571;
}
.OrganistaionChart .organistaionOutter_two p {
  margin-bottom: 0.16rem;
}
.OrganistaionChart .organistaionOutter_two .area {
  justify-content: center;
}
.OrganistaionChart .organistaionOutter_two .txtItem {
  width: auto;
  padding: 0 0.32rem;
}
.OrganistaionChart .organistaionOutter_three {
  padding-top: 0.12rem;
  overflow: hidden;
}
.OrganistaionChart .organistaionOutter_three::before,
.OrganistaionChart .organistaionOutter_three::after {
  content: '';
  position: absolute;
}
.OrganistaionChart .organistaionOutter_three::before {
  left: 50%;
  top: 0;
  width: 1px;
  height: 0.12rem;
  background-color: #bdbdbd;
}
.OrganistaionChart .organistaionOutter_three::after {
  bottom: 50%;
  left: 0.38rem;
  width: 50%;
  height: 100%;
  border-radius: 0.2rem;
  border-left: 1px dashed #bdbdbd;
  border-bottom: 1px dashed #bdbdbd;
}
.OrganistaionChart .organistaionOutter_three .inner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.2rem;
  background-color: #e0e0e0;
  border-radius: 0.2rem;
  position: relative;
  z-index: 2;
}
.OrganistaionChart .organistaionOutter_three .item {
  height: 0.5rem;
  background-color: #6b6dcc;
  color: #fff;
  padding: 0.16rem;
  border-radius: 0.08rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.OrganistaionChart .organistaionOutter_four {
  position: relative;
  z-index: 5;
  padding-top: 0.12rem;
}
.OrganistaionChart .organistaionOutter_four::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 0.12rem;
  background-color: #bdbdbd;
}
.OrganistaionChart .organistaionOutter_four .area {
  background-color: #e0e0e0;
  padding: 0.2rem;
  border-radius: 0.2rem;
  gap: 0.1rem;
}
.OrganistaionChart .organistaionOutter_four .txtItem {
  background-color: #757575;
  color: #fff;
}
@media (min-width: 768px) {
  .OrganistaionChart .more {
    padding: 0.12rem 0.24rem;
  }
  .OrganistaionChart .organistaionOutter_two .organistaionInner {
    padding: 0.48rem 12.5%;
  }
  .OrganistaionChart .organistaionOutter_two .warpper {
    border: 1px dashed #828282;
    padding: 0.4rem;
  }
  .OrganistaionChart .organistaionOutter_two .more {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
  }
  .OrganistaionChart .organistaionOutter_two .area {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
  }
  .OrganistaionChart .organistaionOutter_four .area {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
}
@media screen and (min-width: 768px) {
  .OrganistaionChart .inner {
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 767px) {
  .OrganistaionChart {
    padding-left: 0;
    padding-right: 0;
  }
  .OrganistaionChart .inner {
    padding: 0.3rem 0.2rem;
  }
  .OrganistaionChart .area {
    padding: 0.2rem;
    flex-direction: column;
    gap: 0.12rem;
  }
  .OrganistaionChart .organistaionOutter {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
  .OrganistaionChart .organistaionOutter_one::after {
    right: 0.11rem;
    border-radius: 0.08rem 0.08rem 0 0;
  }
  .OrganistaionChart .organistaionOutter_one .more {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .OrganistaionChart .organistaionOutter_one .area {
    background-color: #e0e0e0;
    margin: 0.2rem 0;
  }
  .OrganistaionChart .organistaionOutter_one .area::after {
    left: -0.09rem;
    width: 0.4rem;
    border-radius: 0.08rem;
  }
  .OrganistaionChart .organistaionOutter_two::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0.11rem;
    border-left: 1px dashed #bdbdbd;
    height: 100%;
  }
  .OrganistaionChart .organistaionOutter_two::after {
    right: 0.11rem;
    border-radius: 0.08rem;
  }
  .OrganistaionChart .organistaionOutter_two .internalAuditSection {
    position: relative;
    left: auto;
    top: auto;
    margin-bottom: 0.2rem;
    margin-left: -0.2rem;
    width: calc(100% + 0.2rem);
    border-radius: 0.08rem;
  }
  .OrganistaionChart .organistaionOutter_two .warpper {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
  }
  .OrganistaionChart .organistaionOutter_two .more {
    position: relative;
    left: 0;
    transform: none;
    width: 100%;
  }
  .OrganistaionChart .organistaionOutter_two .area {
    padding: 0;
  }
  .OrganistaionChart .organistaionOutter_three {
    padding-top: 0.2rem;
  }
  .OrganistaionChart .organistaionOutter_three::before {
    height: 0.2rem;
  }
  .OrganistaionChart .organistaionOutter_three::after {
    left: 0.11rem;
  }
  .OrganistaionChart .organistaionOutter_four {
    padding-top: 0.2rem;
  }
  .OrganistaionChart .organistaionOutter_four::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 0.2rem;
    background-color: #bdbdbd;
    width: 1px;
  }
}
.swiper_button {
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
  width: 0.8rem;
  height: 0.5rem;
  display: flex!important;
  opacity: 1;
  background-color: var(--color);
  border-radius: 0;
}
.swiper_button::after {
  font-size: 0;
  width: 0.08rem;
  height: 0.1rem;
  background: url(../images/arrow_right.svg) no-repeat center / contain;
  content: '';
}
.swiper_button:hover {
  opacity: 1;
  background-color: var(--color);
}
.swiper_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0.6rem;
  height: 0.5rem;
  background-color: #99aecf;
  clip-path: polygon(30% 0, 100% 0, 100% 68%, 72% 100%, 0 100%, 0% 35%);
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.swiper_button::after {
  content: '';
  display: inline-flex;
  width: 0.12rem;
  height: 0.13rem;
  background: url(../images/arrow_right.svg) no-repeat center / contain;
}
.swiper_button:hover {
  background-image: -moz-linear-gradient(90deg, #29dbd8 0%, #2ecaeb 33%, #33b8fd 100%);
  background-image: -webkit-linear-gradient(90deg, #29dbd8 0%, #2ecaeb 33%, #33b8fd 100%);
  background-image: -ms-linear-gradient(90deg, #29dbd8 0%, #2ecaeb 33%, #33b8fd 100%);
  background-image: linear-gradient(90deg, #29dbd8 0%, #2ecaeb 33%, #33b8fd 100%);
}
.swiper-button-prev {
  left: 0;
}
.swiper-button-prev::after {
  transform: rotate(-180deg);
}
.swiper-button-next {
  right: 0;
}
@media screen and (max-width: 1480px) {
  .swiper-button-prev {
    left: -2%;
  }
  .swiper-button-next {
    right: -2%;
  }
}
@media screen and (max-width: 768px) {
  .swiper-button-prev {
    left: -2%;
  }
  .swiper-button-next {
    right: -2%;
  }
}
.pagebtn {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  width: 100%;
  z-index: 5;
  gap: 0.2rem;
  bottom: 0.1rem;
}
.pagebtn .swiper_button {
  position: relative;
  top: auto;
  margin-top: auto;
  right: auto;
  left: auto;
}
.swiper .swiper-pagination {
  bottom: 0.2rem;
}
.swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.14rem;
  height: 0.14rem;
  margin: 0 0.04rem;
  opacity: 1;
  display: inline-flex;
  position: relative;
  border: 0.04rem solid var(--color);
  background-color: transparent;
}
.swiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--color);
}
.swiper .swiper-pagination_mobile {
  position: relative;
  text-align: left;
  bottom: auto;
  margin-top: 0.24rem;
}
.swiper .swiper-pagination_mobile .swiper-pagination-bullet {
  width: 0.06rem;
  height: 0.06rem;
  background-color: #d9d9d9;
  border: none;
}
.swiper .swiper-pagination_mobile .swiper-pagination-bullet-active {
  width: 0.225rem;
  background-color: var(--color);
  border-radius: 0.25rem;
}
@media screen and (min-width: 1024px) {
  .swiper .swiper-pagination_pc {
    display: none!important;
  }
}
.more_icon {
  display: inline-flex;
  flex-shrink: 0;
  width: 0.42rem;
  height: 0.42rem;
  border: 1px solid var(--color);
  border-radius: 100%;
  position: relative;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.more_icon::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.14rem;
  height: 0.12rem;
  background: url(../images/arrow.svg) no-repeat center / contain;
}
.more_icon:hover {
  background-color: var(--color);
}
.more_icon:hover::before {
  filter: brightness(0) invert(1);
}
.Hmore {
  display: inline-flex;
  min-width: 2rem;
  justify-content: space-between;
  align-items: center;
  height: 0.5rem;
  color: #fff;
  padding: 0 0.25rem;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
  background-color: var(--color);
  border-radius: 0.25rem;
}
.Hmore::after {
  content: '';
  display: inline-flex;
  width: 0.24rem;
  height: 0.24rem;
  background: url(../images/more.svg) no-repeat center / contain;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
  vertical-align: middle;
}
.Hmore:hover {
  color: #fff;
  background-color: #009571;
}
.Hmore:hover::after {
  transform: translateX(0.1rem);
}
.Hmore.Hmore_noicon {
  justify-content: center;
}
.Hmore.Hmore_noicon::after {
  display: none;
}
.Hmore.boder {
  border: 1px solid #000;
  color: #000;
  background-color: transparent;
}
.Hmore.boder:hover {
  border-color: var(--color);
  color: var(--color);
  background-color: transparent;
}
@media screen and (max-width: 768px) {
  .Hmore {
    line-height: 0.6rem;
    height: 0.6rem;
    border-radius: 0.5rem;
  }
}
.a_box:hover .Hmore {
  color: #fff;
  background-color: #009571;
}
.a_box:hover .Hmore::after {
  transform: translateX(0.1rem);
}
.Hbanner {
  position: relative;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  z-index: 1;
}
.Hbanner .warpper {
  position: relative;
  width: 100%;
  height: var(--screen-height);
  overflow: hidden;
}
.Hbanner .title {
  position: absolute;
  left: 50%;
  z-index: 75;
  width: 80%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  text-align: center;
  font-weight: 100;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-size: clamp(52px, 52px + 98 * (100vw - 375px) / 1545, 150px);
}
.Hbanner .tit_one {
  top: 24vh;
  line-height: 0.05;
}
.Hbanner .tit_two {
  bottom: 28vh;
  line-height: 0.3;
}
.Hbanner video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(var(--screen-height) + 10vh);
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 0;
  object-position: 50% 0;
}
.Hbanner .ban_news {
  position: relative;
  bottom: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  padding: 0.16rem 0.24rem;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  pointer-events: none;
}
.Hbanner .ban_news .inner {
  display: flex;
  flex-direction: column;
  gap: 0.16rem;
}
.Hbanner .ban_news .line {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 1px;
  background-color: #fff;
}
.Hbanner .ban_news .line i {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: var(--color);
  animation: LatestNewsNoticeBox_slide__7Eot0 10.5s ease-in-out;
}
.Hbanner .ban_news .label {
  font-size: var(--f14);
  color: var(--color);
  text-transform: uppercase;
}
.Hbanner .ban_news .tit {
  color: #fff;
  margin-bottom: 0.16rem;
  line-height: 1.2;
}
.Hbanner .ban_news .other {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.Hbanner .ban_news .other time {
  color: #fff;
  font-size: var(--f14);
}
@media (min-width: 1024px) {
  .Hbanner .ban_news {
    position: absolute;
    left: 267px;
    width: 448px;
    background: rgba(0, 0, 0, 0.3);
  }
}
@media (max-width: 1023px) {
  .Hbanner {
    background-color: transparent;
  }
  .Hbanner .warpper {
    background-color: #000;
  }
  .Hbanner .title {
    width: 100%;
    line-height: 0.24rem;
  }
  .Hbanner .tit_one {
    top: auto;
    bottom: 28vh;
  }
  .Hbanner .tit_two {
    bottom: 19vh;
  }
  .Hbanner .ban_news {
    opacity: 1;
    pointer-events: auto;
    background: rgba(0, 0, 0, 0.8);
  }
}
.Hbanner .HomeMainVisual_show__LcbtK {
  --tw-translate-y: 0px;
  opacity: 1;
  pointer-events: auto;
}
.ScrollDownIndicator {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  position: fixed;
  left: 50%;
  top: calc(var(--screen-height) - 122px);
  z-index: 200;
  display: flex;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: row;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.08rem;
  text-align: center;
}
.ScrollDownIndicator span {
  font-size: var(--f14);
  color: #fff;
  text-transform: uppercase;
}
.ScrollDownIndicator::after {
  content: '';
  display: inline-flex;
  width: 0.88rem;
  height: 0.21rem;
  background: url(../images/ban_arrow.svg) no-repeat center / contain;
}
@media (min-width: 768px) {
  .ScrollDownIndicator {
    left: 0;
    top: calc(100vh - 31px);
    transform-origin: right;
    --tw-translate-x: calc(-100% + 38px);
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    flex-direction: row;
  }
}
@keyframes progress {
  0% {
    stroke-dashoffset: 283;
    /* 圆周长=2πr=2*3.14*45≈283 */
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes Header_animate-slide-up__fCEux {
  0% {
    top: 100%;
  }
  to {
    top: 0;
  }
}
@keyframes Header_animate-slide-down__z4enw {
  0% {
    top: 0;
  }
  to {
    top: 100%;
  }
}
@keyframes LatestNewsNoticeBox_slide__7Eot0 {
  0% {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.custom-container {
  padding: 0.4rem 0.32rem;
}
.custom-container.pb_0 {
  padding-bottom: 0;
}
.custom-container.pt_0 {
  padding-top: 0;
}
.HomeAnimations_homeAnimations {
  position: relative;
  height: 400vh;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(235 251 248 / var(--tw-bg-opacity));
  z-index: 3;
}
@media (max-width: 1023px) {
  .HomeAnimations_homeAnimations {
    height: 350vh!important;
  }
}
.HomeAnimations_canvasContainer {
  position: sticky;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  overflow: hidden;
}
.ImageSequence_sequenceContainer {
  position: relative;
  height: 100%;
  width: 100%;
}
.ImageSequence_sequenceContainer canvas {
  height: 100%;
  width: 100%;
  display: block;
}
.HomeAnimations_titleContainer {
  position: absolute;
  left: 50%;
  top: 50%;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  z-index: 75;
  width: 80%;
}
.HomeAnimations_titleContainer h2 {
  width: 100%;
  text-align: center;
  font-weight: 300;
  line-height: 1;
  font-size: clamp(32px, 32px + 30 * (100vw - 375px) / 1065, 62px);
  margin-bottom: 0.16rem;
}
.HomeAnimations_titleContainer h2 em {
  font-style: normal;
}
.wap_show {
  display: none;
}
@media (max-width: 1023px) {
  .wap_show {
    display: flex;
  }
  .wap_hide {
    display: none!important;
  }
}
.HomeAnimations_contentContainer {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 75;
  height: 100vh;
  width: 100%;
  padding-left: 4vw;
  padding-right: 4vw;
}
.HomeAnimations_contentContainer .HomeAnimations_itemContainer {
  height: 100%;
  width: 100%;
}
.HomeAnimations_contentContainer .HomeAnimations_left__CUU0X {
  width: 45%;
}
.HomeAnimations_contentContainer .HomeAnimations_right___NQmA {
  width: 20%;
}
@media (max-width: 1023px) {
  .HomeAnimations_contentContainer .HomeAnimations_itemContainer {
    flex-direction: column;
    padding: 1.5rem 0 1rem;
  }
  .HomeAnimations_contentContainer .HomeAnimations_left__CUU0X {
    width: 100%;
  }
  .HomeAnimations_contentContainer .HomeAnimations_right___NQmA {
    width: 100%;
  }
  .HomeAnimations_contentContainer .Hmore {
    width: 100%;
    margin-top: 0.3rem;
  }
}
@media (max-width: 767px) {
  .HomeAnimations_contentContainer .Hmore {
    height: 0.8rem;
    line-height: 0.8rem;
  }
}
.HomeAnimations_leadIn_em {
  color: var(--color2);
  font-size: var(--f12);
  margin-bottom: 0.1rem;
  font-weight: 700;
  text-transform: uppercase;
  font-style: normal;
}
.HomeAnimations_title {
  text-transform: uppercase;
  line-height: 1;
  font-size: clamp(40px, 40px + 40 * (100vw - 375px) / 1545, 80px);
  margin-bottom: 0.4rem;
}
.HomeAnimations_title em {
  font-style: normal;
  color: var(--color2);
}
.HomeAnimations_paragraph__3PZd4 {
  font-weight: 300;
  transition-delay: 0.3s;
  line-height: var(24 / 16);
}
.TransparentTextBox_transparentTextBox {
  position: relative;
  background-color: #000;
}
.TransparentTextBox_transparentTextBox .TransparentTextBox_bg {
  background-image: var(--mobile-bg);
  background-size: cover;
  background-origin: border-box;
  background-position-x: center;
  background-position-y: center;
  transition-duration: 0.5s;
}
.TransparentTextBox_transparentTextBox .custom-container {
  padding: 0.4rem;
}
.TransparentTextBox_transparentTextBox .TransparentTextBox_textBox {
  -webkit-backdrop-filter: blur(34.9px);
  backdrop-filter: blur(34.9px);
  opacity: 1;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #fff;
  padding: 0.24rem;
  background-color: hsla(0, 0%, 100%, 0.3);
  border-radius: 0.2rem;
  display: flex;
  flex-flow: column wrap;
  gap: 0.12rem;
  width: calc(552 / 1450 * 100%);
}
.TransparentTextBox_transparentTextBox .TransparentTextBox_textBox .stit {
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
}
.TransparentTextBox_transparentTextBox .TransparentTextBox_textBox .title {
  font-size: clamp(40px, 7vw, 56px);
  line-height: 1;
}
.TransparentTextBox_transparentTextBox .TransparentTextBox_textBox .des {
  flex-grow: 1;
  line-height: calc(24 / 16);
}
@media (min-width: 1024px) {
  .TransparentTextBox_transparentTextBox .TransparentTextBox_textBox {
    width: calc(552 / 1450 * 100%);
  }
}
@media (min-width: 768px) {
  .TransparentTextBox_transparentTextBox .TransparentTextBox_bg {
    background-image: var(--desktop-bg);
  }
  .TransparentTextBox_transparentTextBox .TransparentTextBox_textBox {
    min-height: 420px;
  }
}
@media (max-width: 1023px) {
  .TransparentTextBox_transparentTextBox .custom-container {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .TransparentTextBox_transparentTextBox .TransparentTextBox_textBox {
    width: 100%;
  }
}
.ThreeBlocks_threeBlocks dl {
  gap: 0.13rem;
  padding: 0.4rem 0.32rem;
}
.ThreeBlocks_threeBlocks dt {
  border-radius: 0.2rem;
  --tw-bg-opacity: 1;
  background-color: rgb(107 109 204 / var(--tw-bg-opacity));
  padding: 0.36rem 0.12rem;
  color: #fff;
}
.ThreeBlocks_threeBlocks .a_box {
  position: relative;
  height: 100%;
  overflow: hidden;
  border-radius: 0.2rem;
}
.ThreeBlocks_threeBlocks .pic {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ThreeBlocks_threeBlocks .textwarp {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  font-size: var(--f32);
  padding: 0.24rem 0.16rem;
}
.ThreeBlocks_threeBlocks .textwarp b {
  flex: 1;
  min-width: 0;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.ThreeBlocks_threeBlocks .textwarp::after {
  content: '';
  display: inline-flex;
  flex-shrink: 0;
  margin-left: 0.1rem;
  width: 0.49rem;
  height: 0.5rem;
  background: url(../images/more2.svg) no-repeat center / contain;
}
.ThreeBlocks_threeBlocks .stit {
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 0.12rem;
}
.ThreeBlocks_threeBlocks .title {
  font-size: clamp(40px, 4.5vw, 56px);
  line-height: 1;
  margin-bottom: 0.2rem;
}
.ThreeBlocks_threeBlocks .des {
  line-height: calc(24 / 16);
}
@media (min-width: 1024px) {
  .ThreeBlocks_threeBlocks dt {
    width: calc(552 / 1385 * 100%);
  }
  .ThreeBlocks_threeBlocks dd {
    width: calc(397 / 1385 * 100%);
  }
  .ThreeBlocks_threeBlocks .a_box {
    min-height: 400px;
  }
  .ThreeBlocks_threeBlocks .a_box:hover .textwarp b {
    transform: translateX(0.12rem);
  }
  .ThreeBlocks_threeBlocks .a_box:hover .textwarp::after {
    filter: brightness(0) invert(1);
  }
}
@media (min-width: 768px) {
  .ThreeBlocks_threeBlocks dt {
    padding-left: 0.33rem;
    padding-right: 0.33rem;
  }
}
@media (max-width: 1023px) {
  .ThreeBlocks_threeBlocks .custom-container {
    flex-wrap: wrap;
  }
  .ThreeBlocks_threeBlocks dt {
    width: 100%;
  }
  .ThreeBlocks_threeBlocks dd {
    width: 100%;
    min-height: 349px;
  }
}
.Hnews {
  padding: 0.4rem 0;
}
.Hnews .swiper-slide {
  height: auto;
}
.Hnews .a_box {
  position: relative;
  height: 100%;
  display: block;
}
.Hnews .pic {
  overflow: hidden;
  border-radius: 0.2rem;
  min-height: 2.48rem;
  aspect-ratio: 305 / 175;
  position: relative;
  width: 100%;
}
.Hnews .img {
  object-fit: contain;
  -webkit-object-fit: contain;
}
.Hnews .bg {
  --tw-blur: blur(5px);
  filter: var(--tw-blur);
}
.Hnews .textwarp {
  display: flex;
  flex-flow: column wrap;
  min-height: 2.4rem;
}
.Hnews .textwarp > * {
  width: 100%;
}
.Hnews .label {
  font-size: var(--f14);
  margin-top: 0.24rem;
  font-weight: 600;
  color: var(--color);
  display: block;
}
.Hnews .title {
  font-family: var(--noto-sans-tc), "微軟正黑體", Helvetica, sans-serif;
  font-weight: 400;
  font-size: var(--f24);
  height: 100%;
  padding-top: 0.12rem;
  color: #000;
}
.Hnews .title p {
  margin-bottom: 0.16rem;
}
.Hnews .other {
  display: flex;
  gap: 0.12rem;
  font-size: var(--f14);
  color: #000;
  margin-top: auto;
  padding-top: 0.1rem;
  font-weight: 400;
}
.Hnews .other span:last-child {
  font-weight: 300;
}
@media (min-width: 1024px) {
  .Hnews .pic {
    aspect-ratio: 442 / 249;
  }
}
.Hcontact .title {
  margin-bottom: 0.62rem;
  font-size: clamp(40px, 7vw, 56px);
  line-height: 1;
}
.Hcontact .title em {
  font-style: normal;
  color: var(--color);
}
.Hcontact .video_box {
  text-align: center;
}
.Hcontact .video_box video {
  width: 1.47rem;
  margin-bottom: 0.62rem;
}
.Hcontact .btn {
  display: inline-flex;
  min-width: 2.08rem;
  height: 0.52rem;
  font-weight: 400;
  border: 1px solid #000;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
  margin-bottom: 0.16rem;
}
.Hcontact .btn:hover {
  border-color: var(--color);
}
@media (min-width: 768px) {
  .Hcontact .title {
    margin-bottom: 0.72rem;
  }
  .Hcontact .video_box video {
    width: 1.99rem;
    margin-bottom: 0.51rem;
  }
}
@media (max-width: 767px) {
  .Hcontact .title {
    font-size: 7vw;
  }
}
.bg_ebfbf8 {
  background-color: #ebfbf8;
}
.swiper-button {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  top: 33.333%;
}
.swiper-button::after {
  font-size: var(--f20);
  font-weight: bold;
  color: #000;
}
.swiper-button.swiper-button-next {
  right: 0.2rem;
}
.swiper-button.swiper-button-prev {
  left: 0.2rem;
}
.swiper-button.swiper-button-prev::after {
  transform: none;
}
.swiper-button.swiper-button-disabled {
  display: none!important;
}
@media screen and (max-width: 767px) {
  .swiper-button {
    display: none;
  }
}
.MediaSwiper .swiper-slide {
  height: auto;
}
.MediaSwiper .a_box {
  position: relative;
  height: 100%;
  display: block;
}
.MediaSwiper .pic {
  overflow: hidden;
  border-radius: 0.2rem;
  aspect-ratio: 780 / 440;
  position: relative;
  width: 100%;
}
.MediaSwiper .img {
  object-fit: contain;
  -webkit-object-fit: contain;
}
.MediaSwiper .bg {
  --tw-blur: blur(5px);
  filter: var(--tw-blur);
}
.MediaSwiper .textwarp {
  display: flex;
  flex-flow: column wrap;
  min-height: 2rem;
}
.MediaSwiper .textwarp > * {
  width: 100%;
}
.MediaSwiper .label {
  font-size: var(--f14);
  margin-top: 0.24rem;
  font-weight: 600;
  color: var(--color);
  display: block;
}
.MediaSwiper .title {
  font-weight: 400;
  font-size: var(--f32);
  height: 100%;
  padding-top: 0.2rem;
  color: #000;
  line-height: 1;
}
.MediaSwiper .title p {
  margin-bottom: 0.16rem;
}
.MediaSwiper .other {
  display: flex;
  gap: 0.12rem;
  font-size: var(--f14);
  color: #000;
  margin-top: auto;
  padding-top: 0.1rem;
}
@media (min-width: 1024px) {
  .MediaSwiper .pic {
    aspect-ratio: 442 / 249;
  }
}
.ImportantFile_list {
  background-color: #f6f6f6;
  padding: 0.32rem 0.2rem;
  border-radius: 0.2rem;
}
.ImportantFile_list li {
  padding-bottom: 0.32rem;
}
.ImportantFile_list li:not(:last-child) {
  margin-bottom: 0.32rem;
  border-bottom: 1px solid #e0e0e0;
}
.ImportantFile_list .label {
  font-size: var(--f14);
  font-weight: 600;
  color: var(--color);
  margin-bottom: 0.16rem;
  display: block;
  line-height: calc(20 / 16);
}
.ImportantFile_list .title {
  font-weight: 300;
  font-size: var(--f24);
  margin: 0.12rem 0 0.24rem;
}
.ImportantFile_list .Hmore {
  min-width: 1.37rem;
  gap: 0.05rem;
  padding: 0 0.1rem;
  justify-content: center;
}
.ImportantFile_list .Hmore::after {
  transform: rotate(-45deg);
  width: 0.3rem;
  height: 0.3rem;
}
.ImportantFile_list .Hmore:hover::after {
  transform: rotate(-45deg) translateX(0.02rem);
}
@media (min-width: 1024px) {
  .ImportantFile_list {
    padding: 0.3rem 0.4rem;
  }
  .ImportantFile_list li {
    padding-bottom: 0.24rem;
  }
}
@media (max-width: 767px) {
  .ImportantFile_list .Hmore {
    padding: 0 0.3rem;
  }
}
.bg_index {
  position: relative;
}
.bg_index .location,
.bg_index .whyHero,
.bg_index .news_nav,
.bg_index .CareerDevelopment_nav {
  background-color: #f2f2f2;
}
.bg_index_zywj {
  position: relative;
}
.bg_index_zywj .location,
.bg_index_zywj .whyHero {
  background-color: #ebfbf8;
}
.bg_index_zywj .news_nav {
  background-color: #f2f2f2;
}
.news_nav .nav {
  gap: 0.1rem;
}
.news_nav .nav a {
  display: inline-flex;
  border: 1px solid #bdbdbd;
  font-weight: 400;
  min-width: 1.2rem;
  line-height: 0.36rem;
  height: 0.36rem;
  padding: 0 0.1rem;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 0.25rem;
  align-items: center;
  justify-content: center;
}
.news_nav .nav a:hover,
.news_nav .nav .active {
  background-color: var(--color2);
  border-color: var(--color2);
  color: #000;
}
.news_nav .flex_js_row_ac {
  gap: 0.1rem;
}
.news_nav .el-select {
  width: auto;
  width: 1.4rem;
}
.news_nav .el-select .el-input__inner {
  border: none;
  height: 0.4rem;
  line-height: 0.4rem;
  padding: 0 0.12rem;
  background-color: transparent;
  color: #000;
  font-size: var(--f16);
}
.news_nav .el-select .el-select__caret {
  color: var(--color);
}
@media (max-width: 767px) {
  .news_nav .right_year {
    width: 100%;
    padding-top: 0.5rem;
  }
  .news_nav .el-select {
    width: 2rem;
  }
  .news_nav .nav a {
    padding: 0 0.2rem;
    line-height: 0.6rem;
    height: 0.6rem;
    border-radius: 0.5rem;
  }
}
@media (max-width: 767px) {
  .bg_index .news_nav,
  .bg_index_zywj .news_nav {
    background-color: #fff;
    padding-top: 0.5rem;
  }
}
.job_nav .nav a {
  line-height: 0.46rem;
  height: 0.46rem;
}
.job_nav .nav a:hover,
.job_nav .nav .active {
  background-color: #6b6dcc;
  border-color: #6b6dcc;
  color: #fff;
}
.team_nav .nav a {
  line-height: 0.46rem;
  height: 0.46rem;
}
@media (max-width: 1024px) {
  .scroll_nav {
    padding-bottom: 0;
  }
  .scroll_nav .nav {
    overflow-x: auto;
    white-space: nowrap;
  }
  .scroll_nav .nav .flex_js_row_ac {
    flex-flow: nowrap;
  }
  .scroll_nav .nav a {
    padding: 0 0.25rem;
    line-height: 0.6rem;
    height: 0.6rem;
    min-width: 2rem;
  }
}
.el-select-dropdown__item {
  position: relative;
}
.el-select-dropdown__item::after {
  content: '';
  position: absolute;
  right: 0.1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.12rem;
  height: 0.12rem;
  background: url(../images/reac.svg) no-repeat center;
  background-size: contain;
}
.news_item {
  display: flex;
  flex-flow: column wrap;
  gap: 0.24rem;
  margin-top: 0.56rem;
}
.news_item .left .time_title {
  display: flex;
  align-items: center;
  line-height: 1;
  font-weight: 300;
  font-size: var(--f24);
}
.news_item .left b {
  font-size: var(--f32);
  font-weight: 600;
}
.news_item .right {
  min-width: 0;
}
.news_item .pic {
  width: 100%;
  position: relative;
}
.news_item .pic i {
  display: block;
  width: 100%;
}
.news_item .pic .swiper-pagination {
  margin-top: 0.16rem;
}
.news_item .swiper {
  width: 100%;
}
.news_item .swiper .swiper-slide {
  width: 100%!important;
}
.news_item .img {
  object-fit: contain;
  -webkit-object-fit: contain;
}
.news_item .bg {
  --tw-blur: blur(5px);
  filter: var(--tw-blur);
}
.news_item .label {
  font-size: var(--f14);
  font-weight: 600;
  color: var(--color);
  display: block;
}
.news_item .title {
  color: #000;
  line-height: 1;
  font-weight: 300;
}
.news_item .title p {
  margin-bottom: 0.16rem;
}
.news_item .other {
  font-size: var(--f14);
  color: #000;
  font-weight: 300;
  display: flex;
  align-items: center;
  gap: 0.12rem;
}
.news_item .Hmore {
  justify-content: center;
}
.news_item .Hmore::after {
  display: none;
}
@media (min-width: 1024px) {
  .news_item {
    display: grid;
    grid-template-columns: 0.2fr 0.8fr;
    gap: 0.2rem;
    padding: 0 1rem;
    margin-top: 0;
  }
  .news_item .left .time_title {
    font-size: var(--f30);
    gap: 0.04rem;
  }
  .news_item .left b {
    font-size: var(--f32);
  }
}
@media (max-width: 1023px) {
  .news_item .right {
    width: 100%;
  }
}
.news_item_mtbd .Hmore {
  justify-content: space-between;
}
.news_item_mtbd .Hmore::after {
  display: inline-flex;
  transform: rotate(-45deg);
  width: 0.3rem;
  height: 0.3rem;
}
.news_item_top {
  position: relative;
}
.news_item_top::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 3rem;
  background-color: #f2f2f2;
  z-index: -1;
}
.news_item_top .news_item .pic {
  position: relative;
  overflow: hidden;
  border-radius: 0.2rem;
  aspect-ratio: 780 / 440;
}
.news_item_top .news_item .label {
  margin-top: 0.24rem;
}
.news_item_top .news_item .title {
  margin-top: 0.16rem;
  font-size: var(--f24);
}
.news_item_top .news_item .other {
  margin: 0.28rem 0 0.4rem;
}
@media (min-width: 1024px) {
  .news_item_top .news_item .pic {
    aspect-ratio: 892 / 502;
  }
  .news_item_top .news_item .title {
    font-size: var(--f30);
  }
}
.news_item_top .news_item_mtbd .title {
  line-height: 130%;
  font-weight: 400;
  font-size: var(--f32);
}
.news_item_top .news_item_mtbd .pic {
  aspect-ratio: initial;
}
.news_item_top .news_item_mtbd .pic i {
  aspect-ratio: 780 / 440;
  border-radius: 0.2rem;
  position: relative;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .news_item_top .news_item_mtbd .pic {
    aspect-ratio: initial;
  }
  .news_item_top .news_item_mtbd .pic i {
    aspect-ratio: 892 / 502;
  }
}
@media (max-width: 767px) {
  .news_item_top::before {
    display: none;
  }
}
.news_item_other {
  padding-top: 0.6rem;
  margin-top: 0.32rem;
  border-top: 1px solid #e0e0e0;
}
.news_item_other .warpper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.news_item_other .warpper:not(:first-child) {
  margin-top: 0.6rem;
}
.news_item_other .pic {
  width: 100%;
  flex: 0.3;
}
.news_item_other .pic i {
  position: relative;
  overflow: hidden;
  border-radius: 0.2rem;
  display: block;
  aspect-ratio: 780 / 440;
}
.news_item_other .textwarp {
  flex: 0.7;
  line-height: 1;
}
.news_item_other .title {
  margin: 0.2rem 0;
  font-size: var(--f24);
}
.news_item_other .other {
  margin-bottom: 0.2rem;
}
@media (min-width: 1024px) {
  .news_item_other .warpper {
    flex-direction: row;
    gap: 0.32rem;
  }
}
@media (max-width: 1023px) {
  .news_item_other {
    display: grid;
    grid-template-columns: 0.3fr 0.7fr;
  }
  .news_item_other .left .time_title {
    flex-direction: column;
    align-items: flex-start;
    font-size: var(--f32);
  }
  .news_item_other .textwarp {
    padding-top: 0.2rem;
  }
  .news_item_other .Hmore {
    height: 0.6rem;
    line-height: 0.6rem;
    border-radius: 0.5rem;
  }
}
.news_item_other.news_item_other_noborder {
  border-top: none;
}
.news_item_other.news_item_mtbd .left b {
  font-size: var(--f30);
  margin-right: 0.05rem;
}
.news_item_other.news_item_mtbd .pic {
  aspect-ratio: initial;
}
.news_item_other.news_item_mtbd .pic i {
  aspect-ratio: 780 / 440;
}
.news_item_other.news_item_mtbd .warpper {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  overflow: hidden;
}
.news_item_other.news_item_mtbd .title {
  font-size: var(--f24);
}
.news_item_other.news_item_mtbd .other {
  margin-bottom: 0.35rem;
  margin-top: 0.3rem;
}
.news_item_other.news_item_mtbd .link {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
  margin-top: 0.24rem;
}
.news_item_other.news_item_mtbd .link a {
  color: var(--color);
  text-decoration: underline;
}
@media (min-width: 1024px) {
  .news_item_other.news_item_mtbd .left b {
    font-size: var(--f32);
  }
  .news_item_other.news_item_mtbd .pic {
    aspect-ratio: initial;
  }
  .news_item_other.news_item_mtbd .pic i {
    aspect-ratio: 892 / 502;
  }
  .news_item_other.news_item_mtbd .warpper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.32rem;
  }
  .news_item_other.news_item_mtbd .title {
    font-size: var(--f32);
    line-height: 130%;
    font-weight: 400;
  }
}
.news_item_zywj .left b {
  font-size: var(--f24);
  font-weight: 700;
}
.news_item_zywj:first-child {
  border-top: none;
  margin-top: 0.4rem;
}
.news_item_zywj .textwarp {
  margin-bottom: 0.6rem;
}
.news_item_zywj .textwarp:last-child {
  margin-bottom: 0.4rem;
}
.news_item_zywj .Hmore {
  min-width: 1.37rem;
  gap: 0.05rem;
  padding: 0 0.1rem;
}
.news_item_zywj .Hmore::after {
  display: inline-flex;
  transform: rotate(-45deg);
  width: 0.3rem;
  height: 0.3rem;
}
.news_item_zywj .Hmore:hover::after {
  transform: rotate(-45deg) translateX(0.03rem);
}
@media (min-width: 1024px) {
  .news_item_zywj .left b {
    font-size: var(--f30);
  }
}
@media (max-width: 1023px) {
  .news_item_zywj .Hmore {
    min-width: 2rem;
    padding: 0 0.2rem;
  }
}
.news_detail_top {
  background-color: #f2f2f2;
  z-index: 3;
  position: relative;
}
.news_detail_top .right .pic {
  position: relative;
  overflow: hidden;
  border-radius: 0.2rem;
  aspect-ratio: 780 / 440;
}
.news_detail_top .img {
  object-fit: contain;
  -webkit-object-fit: contain;
}
.news_detail_top .bg {
  --tw-blur: blur(5px);
  filter: var(--tw-blur);
}
.news_detail_top .label {
  font-size: var(--f14);
  font-weight: 600;
  color: var(--color);
  display: block;
}
.news_detail_top .title {
  color: #000;
  line-height: 1;
  font-size: var(--f30);
  margin: 0.2rem 0 0.4rem;
}
.news_detail_top .other {
  color: #000;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.news_detail_top dl {
  position: relative;
  z-index: 3;
}
.news_detail_top dt {
  display: flex;
  align-items: center;
  gap: 0.05rem;
}
.news_detail_top dt .icon {
  flex-shrink: 0;
}
.news_detail_top dt .icon img {
  width: 0.16rem;
}
.news_detail_top dd {
  position: absolute;
  left: 0;
  top: 100%;
  padding-top: 0.1rem;
  white-space: nowrap;
  z-index: 10;
  display: none;
}
.news_detail_top dd .box {
  background-color: #fff;
  padding: 0.12rem;
  border-radius: 0.16rem;
  width: max-content;
}
.news_detail_top dd .box a {
  display: flex;
  align-items: center;
  margin-bottom: 0.2rem;
  gap: 0.12rem;
  white-space: nowrap;
}
.news_detail_top dd .box a:last-child {
  margin-bottom: 0;
}
.news_detail_top dd .box .icon {
  flex-shrink: 0;
}
.news_detail_top dd .box .icon img {
  width: 0.16rem;
}
@media (min-width: 1024px) {
  .news_detail_top .left {
    flex: 0.38;
  }
  .news_detail_top .title {
    font-size: var(--f36);
  }
  .news_detail_top .right {
    flex: 0.59;
  }
  .news_detail_top .right .pic {
    aspect-ratio: 767 / 405;
  }
}
@media (max-width: 1023px) {
  .news_detail_top .left {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .news_detail_top .right {
    width: 100%;
  }
}
.news_detail_content {
  line-height: calc(24 / 16);
  z-index: 1;
  position: relative;
}
.news_detail_content .w1450 {
  max-width: 956px;
}
.news_detail_content p {
  margin: 0 0 0.16rem;
}
.news_detail_content .SeparateLine_line {
  background-color: #e0e0e0;
  width: 100%;
  height: 1px;
}
.news_about .inner {
  width: 100%;
  background-color: rgba(59, 219, 192, 0.1);
  padding: 0.32rem;
  gap: 0.32rem;
  border-radius: 0.2rem;
}
.news_about .left,
.news_about .right {
  width: calc((100% - 0.32rem) / 2);
}
.news_about .left {
  font-size: var(--f32);
  line-height: 1;
}
.news_about .right {
  line-height: calc(24 / 16);
}
.news_about .right p {
  margin-bottom: 0.16rem;
}
@media (max-width: 1023px) {
  .news_about .left {
    width: 100%;
  }
  .news_about .right {
    width: 100%;
  }
}
.news_pic .w1450 {
  max-width: 956px;
}
.news_pic .SingleImageWithTitleAndCaption_title {
  font-size: var(--f32);
  line-height: 1;
  margin-bottom: 0.25rem;
}
.news_pic .pic {
  overflow: hidden;
  border-radius: 0.2rem;
  aspect-ratio: 780 / 440;
  position: relative;
}
@media (min-width: 1024px) {
  .news_pic .pic {
    aspect-ratio: 892 / 502;
  }
}
.weChatPopup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.6);
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
  z-index: 100;
  opacity: 0;
}
.weChatPopup .weChatPopupContent {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 92%;
  max-width: 3.56rem;
  padding: 0.44rem;
  font-size: var(--f18);
  line-height: calc(28 / 18);
  background-color: #fff;
  border-radius: 0.2rem;
  text-align: center;
  overflow: hidden;
}
.weChatPopup .close {
  position: absolute;
  right: 0.2rem;
  top: 0.16rem;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.08rem;
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, .1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.weChatPopup .close svg {
  cursor: pointer;
  max-width: 100%;
}
.weChatPopup .content {
  font-size: var(--f20);
  padding-top: 0.2rem;
}
.weChatPopup .content img {
  width: 1.52rem;
  margin-top: 0.25rem;
}
.weChatPopup.active {
  opacity: 1;
  pointer-events: auto;
}
#Footer_weChatPopup .weChatPopupContent {
  padding: 0;
}
#Footer_weChatPopup .img {
  padding: 0.25rem 0 0.4rem;
  text-align: center;
}
#Footer_weChatPopup .img img {
  width: 1.72rem;
}
#Footer_weChatPopup .textwarp {
  display: flex;
  align-items: center;
  padding: 0.12rem 0.24rem;
  background-color: var(--color);
  gap: 0.23rem;
  color: #fff;
}
#Footer_weChatPopup .textwarp .logo_img {
  flex-shrink: 0;
  width: 0.78rem;
}
#Footer_weChatPopup .textwarp .logo_img img {
  margin-top: 0;
}
#Footer_weChatPopup .textwarp .info {
  flex: 1;
  min-width: 0;
  text-align: left;
}
#Footer_weChatPopup .textwarp .title {
  font-size: var(--f20);
}
#Footer_weChatPopup .textwarp .des {
  font-size: var(--f14);
}
.back_top {
  position: fixed;
  right: 0.2rem;
  bottom: 0.2rem;
  width: 0.8rem;
  height: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column wrap;
  gap: 0.09rem;
  color: #fff !important;
  background-color: #000;
  border-radius: 100%;
  font-weight: 300;
  font-size: var(--f12);
  line-height: 1;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
  z-index: 10;
}
.back_top.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.CareerDevelopment_nav a {
  display: inline-flex;
  padding: 0 0.12rem;
  height: 0.6rem;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #bdbdbd;
}
.CareerDevelopment_nav a::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100%;
  height: 0.02rem;
  transform: translateX(-50%);
  background-color: var(--color);
  opacity: 0;
}
.CareerDevelopment_nav a:hover {
  color: var(--color);
}
.CareerDevelopment_nav a.active {
  color: #000;
}
.CareerDevelopment_nav a.active::after {
  opacity: 1;
}
.CareerDevelopment_box {
  background-color: #f9f9f9;
}
.OpenApplication_box {
  background-color: rgba(107, 109, 204, 0.1);
  padding: 0.32rem 0.12rem;
  flex-direction: column;
  border-radius: 0.2rem;
  gap: 0.32rem;
  margin-bottom: 0.4rem;
}
.OpenApplication_box .title {
  font-size: var(--f32);
  line-height: 1;
}
.OpenApplication_box .textwarp {
  font-weight: 300;
  line-height: 150%;
}
.OpenApplication_box .textwarp p {
  margin-bottom: 0.16rem;
}
.OpenApplication_box .textwarp .btnbox {
  padding-top: 0.24rem;
}
.OpenApplication_box .Hmore {
  background-color: #6b6dcc;
  padding: 0 0.24rem;
  padding-right: 0.15rem;
}
.OpenApplication_box .Hmore::after {
  display: inline-flex;
  transform: rotate(-45deg);
  width: 0.3rem;
  height: 0.3rem;
}
.OpenApplication_box .Hmore:hover {
  background-color: #5f60a8;
}
.OpenApplication_box .Hmore:hover::after {
  transform: rotate(-45deg) translateX(0.03rem);
}
@media (min-width: 1024px) {
  .OpenApplication_box {
    padding: 0.32rem;
    flex-direction: row;
  }
  .OpenApplication_box .title {
    flex: 1 1 0%;
  }
  .OpenApplication_box .textwarp {
    flex: 1 1 0%;
  }
}
.job_box .tab_list {
  display: none;
}
.job_list .list {
  background-color: #fff;
  border-radius: 0.2rem;
  overflow: hidden;
}
.job_list .job_item {
  display: grid;
  padding: 0.32rem 0.2rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.08rem;
  border-bottom: 1px solid #e7e7e7;
}
.job_list .job_item:last-child {
  border-bottom: none;
}
.job_list .notice_item {
  gap: 0.24rem;
}
.job_list .job_item_top {
  color: #828282;
}
.job_list .job_item_other {
  position: relative;
  z-index: 1;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.job_list .job_item_other:hover {
  background-color: rgba(107, 109, 204, 0.1);
}
.job_list .job_item_other:hover .email_btn {
  border-color: #6b6dcc;
}
.job_list .job_item_other .job_type,
.job_list .job_item_other .job_num {
  color: #6b6dcc;
}
.job_list .Hmore {
  background-color: #6b6dcc;
  padding: 0 0.24rem;
  padding-right: 0.15rem;
}
.job_list .Hmore::after {
  display: inline-flex;
  transform: rotate(-45deg);
  width: 0.3rem;
  height: 0.3rem;
}
.job_list .Hmore:hover::after {
  transform: rotate(-45deg) translateX(0.03rem);
}
.job_list .email_btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e0e0e0;
  border-radius: 0.25rem;
  gap: 0.08rem;
  height: 0.52rem;
  color: #000;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.job_list .email_btn::before {
  content: '';
  display: inline-flex;
  width: 0.24rem;
  height: 0.24rem;
  background: url(../images/email.svg) no-repeat center / contain;
}
.job_list .no_data {
  min-height: 1.8rem;
  color: var(--color);
  text-align: center;
}
@media (min-width: 1024px) {
  .job_list .job_item {
    grid-template-columns: repeat(15, minmax(0, 1fr));
  }
  .job_list .job_item > div {
    display: flex;
    align-items: center;
  }
  .job_list .job_item_top {
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
  }
  .job_list .job_num {
    grid-column: span 4 / span 4;
    word-break: break-all;
  }
  .job_list .job_subject,
  .job_list .job_name {
    grid-column: span 5 / span 5;
  }
  .job_list .job_type,
  .job_list .job_email,
  .job_list .job_time {
    grid-column: span 3 / span 3;
  }
  .job_list .job_ref,
  .job_list .job_date,
  .job_list .job_btn {
    grid-column: span 2 / span 2;
  }
}
@media (max-width: 1023px) {
  .job_list .job_item_top {
    display: none;
  }
  .job_list .job_item_other {
    gap: 0.2rem;
  }
  .job_list .job_item_other .job_num::before,
  .job_list .job_item_other .job_subject::before,
  .job_list .job_item_other .job_name::before,
  .job_list .job_item_other .job_type::before,
  .job_list .job_item_other .job_time::before,
  .job_list .job_item_other .job_ref::before,
  .job_list .job_item_other .job_date::before {
    content: attr(data-title);
    display: block;
    margin-bottom: 0.05rem;
    color: #828282;
  }
}
@media (max-width: 767px) {
  .job_list .job_item_other {
    padding: 0.35rem;
  }
}
.notice_top {
  background-color: #ebfbf8;
  padding: 0.6rem 0;
}
.notice_top .w1450 {
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
.notice_top .inner {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 0.32rem;
}
.notice_top .left {
  grid-column: 1 / -1;
  line-height: calc(24 / 16);
}
.notice_top .right {
  counter-reset: list-counter;
  grid-column: 1 / -1;
}
.notice_top .right .ul {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.16rem;
}
.notice_top .right li {
  margin-bottom: 0.16rem;
  position: relative;
  padding-left: 0.42rem;
  font-size: var(--f20);
  line-height: 1;
  counter-increment: list-counter;
}
.notice_top .right li::before {
  content: '';
  position: absolute;
  content: counter(list-counter);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color);
  background-color: #fff;
  width: 0.3rem;
  height: 0.3rem;
  line-height: 0.3rem;
  text-align: center;
  border-radius: 100%;
}
@media (min-width: 768px) {
  .notice_top .left {
    grid-column: span 5 / span 5;
  }
  .notice_top .right {
    grid-column: span 6 / span 6;
    grid-column-start: 7;
  }
}
.job_other_down {
  padding-bottom: 1.2rem;
}
.job_other_down .btn_down {
  display: inline-flex;
  align-items: center;
  gap: 0.08rem;
  line-height: calc(24 / 16);
  padding: 0.16rem 0.24rem;
  min-width: 200px;
  width: 100%;
  background-color: #6b6dcc;
  border-radius: 0.5rem;
  color: #fff;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.job_other_down .btn_down .icon {
  flex-shrink: 0;
  width: 0.17rem;
  height: 0.16rem;
  background: url(../images/down.svg) no-repeat center / contain;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.job_other_down .btn_down:hover {
  background-color: #5f60a8;
}
.job_other_down .btn_down:hover .icon {
  transform: translateY(2px);
}
@media (min-width: 768px) {
  .job_other_down .btn_down {
    width: auto;
    padding: 0.13rem 0.24rem;
  }
}
.PageTab_lower {
  padding: 0.4rem 0;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: flex-start;
  gap: 0.2rem;
}
.PageTab_lower .left {
  margin-bottom: 0.4rem;
  line-height: 1;
  grid-column: 1 / -1;
}
.PageTab_lower .title {
  font-size: var(--f32);
}
.PageTab_lower .position {
  font-size: var(--f20);
  line-height: calc(24 / 20);
  color: var(--color);
  display: block;
  margin-top: 0.1rem;
}
.PageTab_lower .right {
  grid-column: 1 / -1;
  width: 100%;
}
.PageTab_lower .right img {
  width: 100%;
  border-radius: 0.2rem;
}
@media (min-width: 1024px) {
  .PageTab_lower {
    padding: 0.48rem 0;
  }
  .PageTab_lower .left {
    grid-column: span 4 / span 4;
    margin-bottom: 0;
  }
  .PageTab_lower .right {
    grid-column: span 8 / span 8;
    margin-top: -1.09rem;
  }
}
.lower_content {
  margin: 0.2rem 0 0.64rem;
}
.lower_content .inner {
  max-width: 956px;
  padding: 0 0.32rem;
  margin: 0 auto;
}
.lower_content .title {
  font-size: clamp(40px, 7vw, 56px);
  line-height: 1;
  margin-bottom: 0.32rem;
  font-weight: 200;
}
.lower_content .title em {
  font-style: normal;
  color: var(--color);
}
.lower_content .title_two {
  font-size: var(--f32);
}
.lower_content .content {
  line-height: calc(24 / 16);
}
.lower_content .content p {
  margin-bottom: 0.4rem;
}
@media (min-width: 1024px) {
  .lower_content {
    margin: 0.8rem 0 1rem;
  }
}
@media (min-width: 768px) {
  .lower_content .title {
    margin-bottom: 0.48rem;
  }
}
.team_index {
  background-color: #ebfbf8;
  padding: 1px 0;
}
.team_index .lower_content .inner {
  padding-bottom: 0.2rem;
}
.team_index .lower_content .title {
  margin-bottom: 0.15rem;
}
.team_index .lower_content .content p {
  margin-bottom: 0.5rem;
}
.team_Introduction {
  position: relative;
}
.team_Introduction::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
  background-color: #ebfbf8;
  height: 40px;
}
.team_Introduction .custom-container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.team_Introduction .inner {
  gap: 0.4rem;
  row-gap: 0.32rem;
  grid-column: 1 / -1;
  flex-direction: column;
}
.team_Introduction .pic {
  grid-column: 1 / -1;
  width: 100%;
}
.team_Introduction .pic img {
  width: 100%;
  border-radius: 0.2rem;
}
.team_Introduction .position {
  font-size: var(--f24);
  color: var(--color);
  margin-bottom: 0.04rem;
  line-height: 1;
}
.team_Introduction .title {
  font-size: var(--f32);
  line-height: 1;
  margin-bottom: 0.12rem;
}
.team_Introduction .des {
  line-height: calc(24 / 16);
}
@media (min-width: 1024px) {
  .team_Introduction::before {
    height: 5.34vw;
  }
  .team_Introduction .inner {
    grid-column: span 10 / span 10;
    grid-column-start: 2;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
  }
}
@media (min-width: 768px) {
  .team_Introduction .inner {
    flex-direction: row;
    align-items: center;
    -moz-column-gap: 0.4rem;
    column-gap: 0.4rem;
  }
  .team_Introduction .pic {
    grid-column: span 8 / span 8;
    width: 51.7%;
    max-width: 578px;
  }
}
@media (max-width: 767px) {
  .team_Introduction .textwarp {
    grid-column: 1 / -1;
    width: 100%;
  }
}
.memberBlock .item {
  margin-bottom: 0.4rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: flex-start;
  -moz-column-gap: 0.2rem;
  column-gap: 0.2rem;
  row-gap: 0.32rem;
  border-radius: 0.2rem;
  background-color: rgba(2, 179, 136, 0.1);
  padding: 0.24rem;
}
.memberBlock .item:last-child {
  margin-bottom: 0;
}
.memberBlock .left,
.memberBlock .right {
  grid-column: 1 / -1;
}
.memberBlock .title {
  font-size: var(--f24);
  line-height: 1;
  margin-bottom: 0.04rem;
}
.memberBlock .description {
  line-height: calc(24 / 16);
}
.memberBlock .description p {
  margin-bottom: 0.16rem;
}
@media (min-width: 768px) {
  .memberBlock .left,
  .memberBlock .right {
    grid-column: span 1 / span 1;
  }
  .memberBlock .title {
    font-size: var(--f32);
    grid-column: span 1 / span 1;
  }
  .memberBlock .description {
    grid-column: span 1 / span 1;
  }
}
@media (max-width: 767px) {
  .memberBlock .item {
    padding: 0.4rem;
  }
}
.member_txt {
  color: #828282;
  font-weight: 300;
}
.videoBanner {
  position: relative;
  height: 41.6667vw;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
}
.videoBanner .playIcon {
  position: absolute;
  left: 50%;
  top: 65%;
  transform: translate(-50%, -50%);
  z-index: 3;
  display: flex;
  flex-flow: column wrap;
  gap: 0.12rem;
  text-align: center;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.videoBanner .playIcon span {
  font-size: var(--f14);
  white-space: nowrap;
}
.videoBanner .videoPlayer {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.videoBanner.fullVideo {
  height: 56.25vw;
  cursor: default;
}
.videoBanner.fullVideo .playIcon {
  display: none;
}
.videoBanner.fullVideo .videoPlayer {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (min-width: 768px) {
  .videoBanner .playIcon {
    top: 80%;
  }
}
.parallaxCoverover {
  position: relative;
}
.ParallaxCoverover_section {
  width: 100%;
}
.ParallaxCoverover_section_one {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: #1d6e5f;
}
.ParallaxCoverover_section_two {
  position: absolute;
  bottom: 0;
  z-index: 2;
}
.technology_RD {
  width: 100%;
  background-image: var(--mobile-bg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.technology_RD .custom-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 1.135rem;
  padding-bottom: 0.635rem;
  text-align: center;
  color: #fff;
}
.technology_RD .content {
  max-width: 975px;
  margin: 0 auto;
}
.technology_RD .leadIn {
  font-weight: 700;
  margin-bottom: 0.24rem;
  line-height: 1;
}
.technology_RD .title {
  line-height: 1;
  margin-bottom: 0.93rem;
  font-weight: 300;
  font-size: clamp(32px, 9.5vw, 80px);
}
.technology_RD .des {
  line-height: calc(24 / 16);
  margin-bottom: 0.16rem;
}
@media (min-width: 640px) {
  .technology_RD {
    background-image: var(--tablet-bg);
  }
}
@media (min-width: 768px) {
  .technology_RD {
    background-image: var(--desktop-bg);
  }
  .technology_RD .custom-container {
    min-height: 6.8rem;
    padding-top: 0.94rem;
    padding-bottom: 1.05rem;
  }
  .technology_RD .title {
    margin-bottom: 0.2rem;
  }
}
.SideSeqAnimate {
  background-color: #f5f5f3;
}
.SideSeqAnimate .custom-container {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.32rem;
  padding-top: 1.11rem;
  padding-bottom: 0.61rem;
}
.SideSeqAnimate .left {
  text-align: center;
}
.SideSeqAnimate .right {
  position: relative;
  order: 1;
  height: 35vw;
  max-height: 5rem;
  min-height: 2rem;
  width: 35vw;
  min-width: 2rem;
  max-width: 5rem;
}
.SideSeqAnimate .right img {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: contain;
  -webkit-object-fit: contain;
  opacity: 0;
}
.SideSeqAnimate .right img:first-child {
  animation: 3s SideSeqAnimate_fadeAnimation1 infinite;
}
.SideSeqAnimate .right img:nth-child(2) {
  animation: 3s SideSeqAnimate_fadeAnimation2 infinite;
}
.SideSeqAnimate .right img:nth-child(3) {
  animation: 3s SideSeqAnimate_fadeAnimation3 infinite;
}
.SideSeqAnimate .title {
  font-size: clamp(62px, 9.5vw, 150px);
  line-height: 1;
  margin-bottom: 0.12rem;
}
.SideSeqAnimate .stit {
  line-height: 1;
  font-size: var(--f32);
  margin-bottom: 0.18rem;
}
.SideSeqAnimate .des {
  line-height: calc(24 / 16);
  margin-bottom: 0.16rem;
}
@media (min-width: 768px) {
  .SideSeqAnimate .custom-container {
    min-height: 6.8rem;
    flex-direction: row;
    gap: 0.2rem;
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
  }
  .SideSeqAnimate .left {
    order: 1;
    width: calc(100% - 0.2rem - 35%);
    text-align: left;
  }
  .SideSeqAnimate .right {
    order: 2;
  }
}
@keyframes SideSeqAnimate_fadeAnimation1 {
  0% {
    opacity: 1;
  }
  33% {
    opacity: 0;
  }
  66% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes SideSeqAnimate_fadeAnimation2 {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
@keyframes SideSeqAnimate_fadeAnimation3 {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 0;
  }
  66% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.MissionVision {
  background-size: auto 1.45rem;
}
.MissionVision,
.MissionVision .warpper {
  background-color: transparent;
  background-repeat: no-repeat;
  background-origin: border-box;
  background-position-x: center;
  background-position-y: center;
}
.MissionVision .warpper {
  background-size: auto 1.45rem;
}
.MissionVision .custom-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  text-align: center;
}
.MissionVision .inner {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  min-height: 80vh;
  max-width: 975px;
  flex-direction: column;
  justify-content: center;
}
.MissionVision .leadIn {
  font-weight: 700;
  line-height: 1;
  font-size: var(--f20);
  margin-bottom: 0.32rem;
}
.MissionVision .title {
  margin-bottom: 0.32rem;
  line-height: 1;
  color: var(--color);
  font-size: clamp(32px, 8.5vw, 80px);
}
.MissionVision .des {
  margin-bottom: 0.16rem;
  line-height: calc(24 / 16);
}
@media (min-width: 768px) {
  .MissionVision .custom-container {
    min-height: 6.8rem;
    padding-top: 1.45rem;
    padding-bottom: 1.45rem;
  }
  .MissionVision .inner {
    min-height: 0;
  }
}
.ThreeBlocks {
  background-color: #000;
}
.Three_video {
  position: sticky;
  top: 0;
  right: 0;
  display: flex;
  height: 100svh;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.Three_video .video {
  max-height: 80vh;
  max-width: 100%;
}
.Three_video .html5_video_pc {
  display: none;
}
.Three_video .html5_video_wap {
  display: block;
}
@media (min-width: 1024px) {
  .Three_video .html5_video_pc {
    display: block;
  }
  .Three_video .html5_video_wap {
    display: none;
  }
}
.developmentDirection {
  color: #fff;
  position: relative;
  z-index: 2;
}
.developmentDirection .leadIn {
  margin-bottom: 0.32rem;
  font-weight: 700;
  line-height: 1;
}
.developmentDirection img {
  aspect-ratio: 300 / 264;
  object-fit: cover;
  width: 100%;
  border-radius: 0.2rem;
}
.developmentDirection .title {
  line-height: 1;
  margin-top: 0.24rem;
  font-size: var(--f32);
}
.developmentDirection .des {
  margin: 0.2rem 0 0.16rem;
  font-weight: 300;
  line-height: 150%;
}
.Pages {
  text-align: center;
  margin: 0.5rem 0 0.7rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.p_page {
  display: inline-flex;
  align-items: center;
  flex-flow: row wrap;
}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump {
  display: none;
}
.Pages em {
  font-style: normal;
  display: inline-flex;
  flex-flow: row wrap;
}
.Pages a {
  display: inline-flex;
  align-items: center;
  vertical-align: bottom;
  justify-content: center;
  min-width: 0.4rem;
  height: 0.4rem;
  line-height: 0.4rem;
  margin: 0 0.05rem;
  color: #000;
  font-weight: 300;
  border: 1px solid #e0e0e0;
}
.Pages .line {
  border: none;
  color: var(--color);
}
.Pages a:hover,
.Pages a.a_cur {
  border-color: var(--color);
  font-weight: 600;
}
.Pages .a_prev,
.Pages .a_next {
  padding: 0;
  position: relative;
}
.Pages .a_prev:hover::before,
.Pages .a_next:hover::before {
  filter: brightness(0) invert(1);
}
.Pages .p_line {
  background-color: transparent;
  border: none;
}
@media (max-width: 640px) {
  .Pages {
    flex-flow: column wrap;
    align-items: flex-start;
    gap: 0.2rem;
  }
  .Pages a {
    width: 0.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
  }
}
.SingleBox {
  line-height: calc(28 / 16);
  color: #22222c;
}
.SingleBox img {
  height: auto!important;
}
.SingleBox ul,
.SingleBox li {
  list-style-type: inherit;
}
.SingleBox ul:not(.ul) {
  margin-left: 1em;
}
.loading {
  display: block;
  text-align: center;
  margin: 0.5rem auto 0;
  color: #888888;
}
.loading i {
  display: block;
  width: 0.43rem;
  height: 0.43rem;
  margin: 0 auto 10px;
  background: url(../images/loading.svg) no-repeat center;
  animation: rotating 2.2s linear infinite;
  background-size: contain;
}
@media screen and (max-width: 640px) {
  .loading {
    width: 1rem;
  }
}
@-webkit-keyframes rotating {
  0% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@keyframes rotating {
  0% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
.link_list {
  gap: 0.2rem;
}
.link_list li {
  width: calc((100% - 0.2rem * 4) / 5);
}
.link_list .box {
  border: 1px solid #eeeeee;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.link_list .box img {
  max-height: 100%;
  max-width: 90%;
}
.link_list .box:hover {
  border-color: var(--color);
}
.web_link ul li {
  padding: 0.1rem 0;
  border-bottom: dotted 1px #e4e4e4;
}
.web_link ul li b {
  display: block;
  font-weight: normal;
  font-size: var(--f18);
}
.web_link ul li span {
  opacity: 0.8;
  display: inline-block;
  white-space: nowrap;
  padding-right: 0.2rem;
}
.SearchResult_top {
  background-color: var(--color);
  padding: 1.3rem 0 0.6rem;
}
.SearchResult_top .box {
  position: relative;
  margin-bottom: 0.15rem;
}
.SearchResult_top .box::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -0.15rem;
  width: 100%;
  height: 1px;
  background-color: #fff;
}
.SearchResult_top .btn {
  width: 0.6rem;
  height: 0.6rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(../images/search.svg) no-repeat left center / contain;
  filter: brightness(0) invert(1);
}
.SearchResult_top .text {
  width: 100%;
  height: 0.6rem;
  line-height: 0.6rem;
  border: none;
  padding-left: 0.75rem;
  background-color: transparent;
  color: #fff;
  font-size: var(--f32);
}
@media (min-width: 1024px) {
  .SearchResult_con .w1450 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.SearchResult_list li {
  margin-bottom: 0.25rem;
}
.SearchResult_list .a_box {
  gap: 0.12rem;
  background-color: #f2f2f2;
  border-radius: 0.2rem;
  padding: 0.2rem;
}
.SearchResult_list .a_box .num {
  flex-shrink: 0;
  font-weight: 600;
  line-height: 100%;
  font-size: var(--f14);
  color: #000;
}
.SearchResult_list .a_box .textwarp {
  flex: 1;
  min-width: 0;
}
.SearchResult_list .a_box .title {
  line-height: 1;
  font-weight: 300;
  font-size: var(--f20);
}
.SearchResult_list .a_box .des {
  color: #000;
  margin-top: 0.1rem;
  font-weight: 300;
  line-height: 100%;
}
@media (min-width: 1024px) {
  .SearchResult_list .a_box {
    gap: 0.52rem;
  }
}