@font-face {
  font-family: iconfont;
  src: url(//at.alicdn.com/t/font_2795964_k8ijogkrqsg.woff2?t=1632722069718)
      format("woff2"),
    url(//at.alicdn.com/t/font_2795964_k8ijogkrqsg.woff?t=1632722069718)
      format("woff"),
    url(//at.alicdn.com/t/font_2795964_k8ijogkrqsg.ttf?t=1632722069718)
      format("truetype");
}
.iconfont {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: iconfont !important;
  font-size: 16px;
  font-style: normal;
}
.icon-superex-logo:before {
  content: "\e667";
}
.icon-download:before {
  content: "\e666";
}
.icon-pdf:before {
  content: "\e665";
}
.icon-close:before {
  content: "\e664";
}
.icon-arrow-right:before {
  content: "\e662";
}
.icon-arrow-left:before {
  content: "\e7b3";
}
.icon-detail-arrow:before {
  content: "\e661";
}
.icon-icon_correct:before {
  content: "\e651";
}
.icon-search:before {
  content: "\e741";
}
.icon-arrow-down:before {
  content: "\e7b2";
}
@font-face {
  font-family: POPPINS-MEDIUM;
  src: url(../fonts/Poppins-Medium.ttf) format("truetype");
}
@font-face {
  font-family: Poppins-SemiBold;
  src: url(../fonts/Poppins-SemiBold.ttf) format("truetype");
}
@font-face {
  font-family: Poppins-Regular;
  src: url(../fonts/Poppins-Regular.ttf) format("truetype");
}
body {
  color: #000;
  font-family: Arial, 微软雅黑;
  font-size: 14px;
  line-height: 1.32;
  scroll-behavior: smooth;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
h1,
h2,
h3,
h4,
p {
  margin: 0;
}
a {
  display: inline-block;
  text-decoration: none;
}
.ic {
  font-size: inherit;
}
.aBn,
.x-gmail-data-detectors,
.x-gmail-data-detectors *,
[x-apple-data-detectors] {
  border-bottom: 0 !important;
  color: inherit !important;
  cursor: default !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  text-decoration: none !important;
}
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  -webkit-user-select: initial;
  -moz-user-select: initial;
  user-select: initial;
  vertical-align: top;
}
input:focus {
  border: none;
  outline: none;
}
input::-moz-placeholder {
  color: #999 !important;
}
input::placeholder {
  color: #999 !important;
}
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none !important;
  appearance: none !important;
}
input:-webkit-autofill {
  box-shadow: inset 0 0 0 1000px #fff !important;
}
.flex-inline {
  display: inline-flex;
}
.flex {
  display: flex;
}
.flex-x-sb {
  justify-content: space-between;
}
.flex-x-sa {
  justify-content: space-around;
}
.flex-x-s {
  justify-content: flex-start;
}
.flex-x-e {
  justify-content: flex-end;
}
.flex-c-c,
.flex-x-c {
  justify-content: center;
}
.flex-c-c {
  align-items: center;
}
.flex-y-s {
  align-items: flex-start;
}
.flex-y-c {
  align-items: center;
}
.flex-y-e {
  align-items: flex-end;
}
.flex-d-c {
  flex-direction: column;
}
.flex-fix {
  flex: 0 0 auto;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-1 {
  width: 1px;
}
.flex-2 {
  width: 2px;
}
.flex-3 {
  width: 3px;
}
.flex-4 {
  width: 4px;
}
.flex-5 {
  width: 5px;
}
.flex-6 {
  width: 6px;
}
.flex-7 {
  width: 7px;
}
.flex-8 {
  width: 8px;
}
.flex-9 {
  width: 9px;
}
.flex-10 {
  width: 10px;
}
.flex-11 {
  width: 11px;
}
.flex-12 {
  width: 12px;
}
.flex-13 {
  width: 13px;
}
.flex-14 {
  width: 14px;
}
.flex-15 {
  width: 15px;
}
.flex-16 {
  width: 16px;
}
.flex-17 {
  width: 17px;
}
.flex-18 {
  width: 18px;
}
.flex-19 {
  width: 19px;
}
.flex-20 {
  width: 20px;
}
.flex-21 {
  width: 21px;
}
.flex-22 {
  width: 22px;
}
.flex-23 {
  width: 23px;
}
.flex-24 {
  width: 24px;
}
.grid,
.grid-y-c {
  display: grid;
}
.grid-y-c {
  align-items: center;
}
.grid-colspac-1 {
  grid-column-gap: 1px;
}
.grid-rowspac-1 {
  grid-row-gap: 1px;
}
.grid-col-1 {
  grid-template-columns: repeat(1, 1fr);
}
.grid-colspac-2 {
  grid-column-gap: 2px;
}
.grid-rowspac-2 {
  grid-row-gap: 2px;
}
.grid-col-2 {
  grid-template-columns: repeat(2, 1fr);
}
.grid-colspac-3 {
  grid-column-gap: 3px;
}
.grid-rowspac-3 {
  grid-row-gap: 3px;
}
.grid-col-3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid-colspac-4 {
  grid-column-gap: 4px;
}
.grid-rowspac-4 {
  grid-row-gap: 4px;
}
.grid-col-4 {
  grid-template-columns: repeat(4, 1fr);
}
.grid-colspac-5 {
  grid-column-gap: 5px;
}
.grid-rowspac-5 {
  grid-row-gap: 5px;
}
.grid-col-5 {
  grid-template-columns: repeat(5, 1fr);
}
.grid-colspac-6 {
  grid-column-gap: 6px;
}
.grid-rowspac-6 {
  grid-row-gap: 6px;
}
.grid-col-6 {
  grid-template-columns: repeat(6, 1fr);
}
.grid-colspac-7 {
  grid-column-gap: 7px;
}
.grid-rowspac-7 {
  grid-row-gap: 7px;
}
.grid-col-7 {
  grid-template-columns: repeat(7, 1fr);
}
.grid-colspac-8 {
  grid-column-gap: 8px;
}
.grid-rowspac-8 {
  grid-row-gap: 8px;
}
.grid-col-8 {
  grid-template-columns: repeat(8, 1fr);
}
.grid-colspac-9 {
  grid-column-gap: 9px;
}
.grid-rowspac-9 {
  grid-row-gap: 9px;
}
.grid-col-9 {
  grid-template-columns: repeat(9, 1fr);
}
.grid-colspac-10 {
  grid-column-gap: 10px;
}
.grid-rowspac-10 {
  grid-row-gap: 10px;
}
.grid-col-10 {
  grid-template-columns: repeat(10, 1fr);
}
.grid-colspac-11 {
  grid-column-gap: 11px;
}
.grid-rowspac-11 {
  grid-row-gap: 11px;
}
.grid-col-11 {
  grid-template-columns: repeat(11, 1fr);
}
.grid-colspac-12 {
  grid-column-gap: 12px;
}
.grid-rowspac-12 {
  grid-row-gap: 12px;
}
.grid-col-12 {
  grid-template-columns: repeat(12, 1fr);
}
.grid-colspac-13 {
  grid-column-gap: 13px;
}
.grid-rowspac-13 {
  grid-row-gap: 13px;
}
.grid-col-13 {
  grid-template-columns: repeat(13, 1fr);
}
.grid-colspac-14 {
  grid-column-gap: 14px;
}
.grid-rowspac-14 {
  grid-row-gap: 14px;
}
.grid-col-14 {
  grid-template-columns: repeat(14, 1fr);
}
.grid-colspac-15 {
  grid-column-gap: 15px;
}
.grid-rowspac-15 {
  grid-row-gap: 15px;
}
.grid-col-15 {
  grid-template-columns: repeat(15, 1fr);
}
.grid-colspac-16 {
  grid-column-gap: 16px;
}
.grid-rowspac-16 {
  grid-row-gap: 16px;
}
.grid-col-16 {
  grid-template-columns: repeat(16, 1fr);
}
.grid-colspac-17 {
  grid-column-gap: 17px;
}
.grid-rowspac-17 {
  grid-row-gap: 17px;
}
.grid-col-17 {
  grid-template-columns: repeat(17, 1fr);
}
.grid-colspac-18 {
  grid-column-gap: 18px;
}
.grid-rowspac-18 {
  grid-row-gap: 18px;
}
.grid-col-18 {
  grid-template-columns: repeat(18, 1fr);
}
.grid-colspac-19 {
  grid-column-gap: 19px;
}
.grid-rowspac-19 {
  grid-row-gap: 19px;
}
.grid-col-19 {
  grid-template-columns: repeat(19, 1fr);
}
.grid-colspac-20 {
  grid-column-gap: 20px;
}
.grid-rowspac-20 {
  grid-row-gap: 20px;
}
.grid-col-20 {
  grid-template-columns: repeat(20, 1fr);
}
.grid-colspac-21 {
  grid-column-gap: 21px;
}
.grid-rowspac-21 {
  grid-row-gap: 21px;
}
.grid-col-21 {
  grid-template-columns: repeat(21, 1fr);
}
.grid-colspac-22 {
  grid-column-gap: 22px;
}
.grid-rowspac-22 {
  grid-row-gap: 22px;
}
.grid-col-22 {
  grid-template-columns: repeat(22, 1fr);
}
.grid-colspac-23 {
  grid-column-gap: 23px;
}
.grid-rowspac-23 {
  grid-row-gap: 23px;
}
.grid-col-23 {
  grid-template-columns: repeat(23, 1fr);
}
.grid-colspac-24 {
  grid-column-gap: 24px;
}
.grid-rowspac-24 {
  grid-row-gap: 24px;
}
.grid-col-24 {
  grid-template-columns: repeat(24, 1fr);
}
body {
  color: #fff;
  font-family: POPPINS-MEDIUM;
  min-height: calc(100vh - 20px);
  overflow: hidden;
  scroll-behavior: smooth;
}
.module,
body {
  background: #190C0D;
}
.module > .wrapper-limit_width {
  margin: 0 auto;
  max-width: 80%;
  width: 1536px;
}
.wrapper-site_body {
  position: relative;
  z-index: 10;
}
.module-head {
  display: inline-block;
}
.module-head .title {
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(
     30deg,
    #FF8F18 10%,
    #FFD514 50%,
     #FFD514 80%
  );
  color: #FFB72B;
  color: transparent;
  font-family: Poppins-SemiBold;
  font-size: 80px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 23px;
  width: 700px;
}
.module-head .desc {
  color: #FFB72B;
  font-family: Poppins-Regular;
  font-size: 16px;
  line-height: 1.75;
  width: 570px;
}
.site-body {
  overflow: hidden !important;
}
.super-propaganda {
  background: #000;
  bottom: 0;
  height: 0;
  mix-blend-mode: screen;
  opacity: 0;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 100;
}
.super-propaganda > .wrapper-limit_width {
  align-items: flex-end;
  display: flex;
  height: 0;
  justify-content: flex-end;
  max-width: calc(100% - 560px);
  width: 1816px;
}
.super-propaganda .module-body {
  position: relative;
  transform: translateX(100%);
}
.super-propaganda .placeholder,
.super-propaganda video {
  mix-blend-mode: screen;
}
.super-propaganda .box-video {
  height: 280px;
  position: relative;
  width: 280px;
}
.super-propaganda .box-btn {
  font-size: 12px;
  position: absolute;
  right: 20px;
  top: 50px;
}
.super-propaganda .btn--close {
  background-color: #190C0D;
  border-radius: 50%;
  cursor: pointer;
  height: 40px;
  width: 40px;
}
.super-propaganda .box-info {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}
.super-propaganda .box-info .title {
  font-family: Poppins-SemiBold;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.313;
}
.super-propaganda .box-info .subtitle {
  color: #fff;
  font-family: Poppins-SemiBold;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.125;
  width: 50%;
}
.layer-mask {
  background: rgba(0, 0, 0, 0.4);
  z-index: 9999998;
}
.layer-mask,
.layer-pop-lang {
  bottom: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
}
.layer-pop-lang {
  align-items: center;
  display: flex;
  justify-content: center;
  z-index: 9999999;
}
.layer-pop-lang .btn-open_lang {
  display: none;
}
.layer-pop-lang .box-language {
  background-color: #2B2A25;
  border-radius: 5.0666666667vw;
  padding-bottom: 14.9333333333vw;
  padding-top: 14.9333333333vw;
  width: 85.8666666667vw;
}
.layer-pop-lang .lang-item {
  color: #FFBC00;
  display: flex;
  font-size: 3.2vw;
  justify-content: space-between;
  line-height: 8.8vw;
  margin-bottom: 2.6666666667vw;
}
.layer-pop-lang .lang-item:last-child {
  margin-bottom: 0;
}
.layer-pop-lang .lang-item.state-active {
  color: #fff;
}
.layer-pop-lang .lang-item.state-active:after {
  display: block;
}
.layer-pop-lang .lang-item:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  content: "\e651";
  display: none;
  font-family: iconfont !important;
  font-size: 3.4666666667vw;
  font-style: normal;
}
.layer-pop-lang .wrapper-lang_list {
  margin: 0 auto;
  padding: 0 5.3333333333vw;
  width: 69.3333333333vw;
}
html {
  font-size: 31.84px;
}
@-webkit-keyframes btn_noise {
  0% {
    clip: rect(20rem, 50rem, 6rem, -25rem);
    box-shadow: 0 0 30px #fff;
  }
  2.5% {
    clip: rect(11rem, 50rem, 13rem, -25rem);
    box-shadow: 0 0 30px #060606;
  }
  5% {
    clip: rect(16rem, 50rem, 23rem, -25rem);
    box-shadow: 0 0 30px #030303;
  }
  7.5% {
    clip: rect(13rem, 50rem, 23rem, -25rem);
    box-shadow: 0 0 30px #020202;
  }
  10% {
    clip: rect(19rem, 50rem, 15rem, -25rem);
    box-shadow: 0 0 30px #020202;
  }
  12.5% {
    clip: rect(18rem, 50rem, 10rem, -25rem);
    box-shadow: 0 0 30px #010101;
  }
  15% {
    clip: rect(11rem, 50rem, 14rem, -25rem);
    box-shadow: 0 0 30px #010101;
  }
  17.5% {
    clip: rect(14rem, 50rem, 3rem, -25rem);
    box-shadow: 0 0 30px #010101;
  }
  20% {
    clip: rect(1rem, 50rem, 2rem, -25rem);
    box-shadow: 0 0 30px #010101;
  }
  22.5% {
    clip: rect(7rem, 50rem, 22rem, -25rem);
    box-shadow: 0 0 30px #010101;
  }
  25% {
    clip: rect(22rem, 50rem, 23rem, -25rem);
    box-shadow: 0 0 30px #010101;
  }
  27.5% {
    clip: rect(12rem, 50rem, 24rem, -25rem);
    box-shadow: 0 0 30px #010101;
  }
  30% {
    clip: rect(22rem, 50rem, 24rem, -25rem);
    box-shadow: 0 0 30px #010101;
  }
  32.5% {
    clip: rect(17rem, 50rem, 25rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  35% {
    clip: rect(25rem, 50rem, 5rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  37.5% {
    clip: rect(11rem, 50rem, 11rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  40% {
    clip: rect(4rem, 50rem, 21rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  42.5% {
    clip: rect(23rem, 50rem, 19rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  45% {
    clip: rect(2rem, 50rem, 13rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  47.5% {
    clip: rect(21rem, 50rem, 8rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  50% {
    clip: rect(13rem, 50rem, 22rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  52.5% {
    clip: rect(17rem, 50rem, 2rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  55% {
    clip: rect(7rem, 50rem, 20rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  57.5% {
    clip: rect(24rem, 50rem, 22rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  60% {
    clip: rect(19rem, 50rem, 20rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  62.5% {
    clip: rect(4rem, 50rem, 5rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  65% {
    clip: rect(23rem, 50rem, 22rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  67.5% {
    clip: rect(15rem, 50rem, 21rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  70% {
    clip: rect(5rem, 50rem, 4rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  72.5% {
    clip: rect(2rem, 50rem, 13rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  75% {
    clip: rect(19rem, 50rem, 25rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  77.5% {
    clip: rect(20rem, 50rem, 4rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  80% {
    clip: rect(9rem, 50rem, 20rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  82.5% {
    clip: rect(17rem, 50rem, 20rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  85% {
    clip: rect(18rem, 50rem, 14rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  87.5% {
    clip: rect(7rem, 50rem, 25rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  90% {
    clip: rect(19rem, 50rem, 3rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  92.5% {
    clip: rect(19rem, 50rem, 17rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  95% {
    clip: rect(9rem, 50rem, 11rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  97.5% {
    clip: rect(5rem, 50rem, 9rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  to {
    clip: rect(8rem, 50rem, 7rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
}
@keyframes btn_noise {
  0% {
    clip: rect(20rem, 50rem, 6rem, -25rem);
    box-shadow: 0 0 30px #fff;
  }
  2.5% {
    clip: rect(11rem, 50rem, 13rem, -25rem);
    box-shadow: 0 0 30px #060606;
  }
  5% {
    clip: rect(16rem, 50rem, 23rem, -25rem);
    box-shadow: 0 0 30px #030303;
  }
  7.5% {
    clip: rect(13rem, 50rem, 23rem, -25rem);
    box-shadow: 0 0 30px #020202;
  }
  10% {
    clip: rect(19rem, 50rem, 15rem, -25rem);
    box-shadow: 0 0 30px #020202;
  }
  12.5% {
    clip: rect(18rem, 50rem, 10rem, -25rem);
    box-shadow: 0 0 30px #010101;
  }
  15% {
    clip: rect(11rem, 50rem, 14rem, -25rem);
    box-shadow: 0 0 30px #010101;
  }
  17.5% {
    clip: rect(14rem, 50rem, 3rem, -25rem);
    box-shadow: 0 0 30px #010101;
  }
  20% {
    clip: rect(1rem, 50rem, 2rem, -25rem);
    box-shadow: 0 0 30px #010101;
  }
  22.5% {
    clip: rect(7rem, 50rem, 22rem, -25rem);
    box-shadow: 0 0 30px #010101;
  }
  25% {
    clip: rect(22rem, 50rem, 23rem, -25rem);
    box-shadow: 0 0 30px #010101;
  }
  27.5% {
    clip: rect(12rem, 50rem, 24rem, -25rem);
    box-shadow: 0 0 30px #010101;
  }
  30% {
    clip: rect(22rem, 50rem, 24rem, -25rem);
    box-shadow: 0 0 30px #010101;
  }
  32.5% {
    clip: rect(17rem, 50rem, 25rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  35% {
    clip: rect(25rem, 50rem, 5rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  37.5% {
    clip: rect(11rem, 50rem, 11rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  40% {
    clip: rect(4rem, 50rem, 21rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  42.5% {
    clip: rect(23rem, 50rem, 19rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  45% {
    clip: rect(2rem, 50rem, 13rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  47.5% {
    clip: rect(21rem, 50rem, 8rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  50% {
    clip: rect(13rem, 50rem, 22rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  52.5% {
    clip: rect(17rem, 50rem, 2rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  55% {
    clip: rect(7rem, 50rem, 20rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  57.5% {
    clip: rect(24rem, 50rem, 22rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  60% {
    clip: rect(19rem, 50rem, 20rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  62.5% {
    clip: rect(4rem, 50rem, 5rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  65% {
    clip: rect(23rem, 50rem, 22rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  67.5% {
    clip: rect(15rem, 50rem, 21rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  70% {
    clip: rect(5rem, 50rem, 4rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  72.5% {
    clip: rect(2rem, 50rem, 13rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  75% {
    clip: rect(19rem, 50rem, 25rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  77.5% {
    clip: rect(20rem, 50rem, 4rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  80% {
    clip: rect(9rem, 50rem, 20rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  82.5% {
    clip: rect(17rem, 50rem, 20rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  85% {
    clip: rect(18rem, 50rem, 14rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  87.5% {
    clip: rect(7rem, 50rem, 25rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  90% {
    clip: rect(19rem, 50rem, 3rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  92.5% {
    clip: rect(19rem, 50rem, 17rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  95% {
    clip: rect(9rem, 50rem, 11rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  97.5% {
    clip: rect(5rem, 50rem, 9rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
  to {
    clip: rect(8rem, 50rem, 7rem, -25rem);
    box-shadow: 0 0 30px #000;
  }
}
@-webkit-keyframes btn_ring {
  0% {
    box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0), 0 0 30px #fff;
  }
  to {
    box-shadow: inset 0 0 0 20px #fff, 0 0 30px #fff;
  }
}
@keyframes btn_ring {
  0% {
    box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0), 0 0 30px #fff;
  }
  to {
    box-shadow: inset 0 0 0 20px #fff, 0 0 30px #fff;
  }
}
@-webkit-keyframes btn_spin {
  to {
    transform: rotate(1turn) scale(1.5);
  }
}
@keyframes btn_spin {
  to {
    transform: rotate(1turn) scale(1.5);
  }
}
@-webkit-keyframes btn_fade {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
@keyframes btn_fade {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
.module-contact .btn {
  border-radius: 50%;
  /* box-shadow: inset 0 0 0 20px #fff, 0 0 30px #fff;
  box-shadow: inset 0 0 0 40px #fff, 0 0 80px 0 #3ba0e9, 0 0 20px 14px #3ba0e9; */
  cursor: pointer;
  height: 25rem;
  left: 50%;
  margin: -12.5rem;
  position: absolute;
  top: 50%;
  transform: scale(0.5);
  transition: transform 0.5s cubic-bezier(1, 0, 0.5, -1) 0.25s,
    box-shadow 0.5s cubic-bezier(1, -5, 0.5, 5) 0.25s;
  width: 25rem;
}
.module-contact .btn:after,
.module-contact .btn:before {
  border-radius: 50%;
  content: "";
  height: 29rem;
  margin: -2rem -3rem;
  opacity: 0;
  position: absolute;
  width: 31rem;
  z-index: -10;
}
.module-contact .btn:before {
  box-shadow: 0 -15px 30px -15px rgba(255, 147, 24, 0.8),
    -25px 15px 50px -25px rgba(255, 147, 24, 0.20),
    0 -25px 15px -20px rgba(255, 147, 24, 0.3);
}
.module-contact .btn:after {
  box-shadow: 0 -25px 20px -15px rgba(255, 147, 24, 0.20),
    10px 25px 15px -30px #FF9318, -10px 30px 20px -30px rgba(255, 147, 24, 0.30);
}
.module-contact .btn:before {
  -webkit-animation: btn_spin 1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite
    alternate;
  animation: btn_spin 1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite alternate;
  opacity: 1;
}
.module-contact .btn:after {
  -webkit-animation: btn_spin 2s cubic-bezier(0.4, 0.2, 0.1, 0.7) 0.5s infinite
    alternate;
  animation: btn_spin 2s cubic-bezier(0.4, 0.2, 0.1, 0.7) 0.5s infinite
    alternate;
  opacity: 1;
}
.site-head {
  color: #7d83a4;
  height: 158px;
  left: 0;
  position: fixed;
  top: 0;
  transition: 0.36s ease;
  width: 100%;
  z-index: 999;
}
.site-head > .wrapper-limit_width {
  height: 100%;
  margin: 0 auto;
  max-width: 80%;
  width: 1536px;
}
.site-head .site-logo {
  height: 36px;
}
.site-head .site-logo svg {
  height: 100%;
}
.site-head .site-logo img {
  height: 100%;
  opacity: 0;
  position: absolute;
  visibility: hidden;
}
.site-head .nav-item {
  color: inherit;
  font-size: 16px;
  line-height: 26px;
  margin-right: 60px;
  padding: 0 10px;
  position: relative;
  transition: 0.26s ease;
}
.site-head .nav-item:after {
  border-color: #fff;
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: "";
  display: block;
  height: 10px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate3d(-30%, 30%, 0);
  transition: 0.36s ease;
  visibility: hidden;
  width: 14px;
}
.site-head .nav-item:last-child {
  margin-right: 0;
}
.site-head .nav-item.state-active,
.site-head .nav-item:hover {
  color: #fff;
}
.site-head .nav-item.state-active:after,
.site-head .nav-item:hover:after {
  opacity: 1;
  transform: translateZ(0);
  visibility: visible;
}
.site-head .divide-line {
  background-color: rgba(255, 255, 255, 0.12);
  display: block;
  height: 9px;
  margin: 0 30px;
  width: 1px;
}
.site-head .box-search {
  margin-left: -20px;
  margin-right: 10px;
  padding: 0 20px;
  position: relative;
}
.site-head .btn-open_search {
  color: rgba(255, 255, 255, 0.3);
  cursor: pointer;
  font-size: 20px;
  transform: translateY(2px);
  transition: 0.26s ease;
}
.site-head .btn-open_search:hover {
  color: #fff;
}
.site-head .wrapper-search_input {
  opacity: 0;
  position: absolute;
  right: 8px;
  top: calc(100% + 25px);
  transform: translateY(30%);
  visibility: hidden;
}
.site-head .wrapper-search_input .btn-search_close {
  cursor: pointer;
  font-size: 12px;
  line-height: 36px;
  position: absolute;
  right: 30px;
  top: 2px;
  transition: 0.26s ease;
}
.site-head .wrapper-search_input input {
  background: rgba(8, 18, 68, 0.6);
  border-color: rgba(255, 255, 255, 0.4);
  border-radius: 20px;
  border-width: 2px;
  color: #fff;
  height: 40px;
  line-height: 40px;
  padding: 0 60px 0 24px;
  transition: 0.26s ease;
  width: 335px;
}
.site-head .wrapper-search_input input:focus {
  border: 2px solid #fff;
  outline: none;
}
.site-head .wrapper-search_input input:focus + .btn-search_close {
  color: #fff;
}
.site-head .box-language {
  position: relative;
}
.site-head .btn-open_lang {
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 20px;
  box-shadow: 0 20px 79px 0 rgba(8, 19, 69, 0);
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  height: 35px;
  overflow: hidden;
  position: relative;
  transform: translateZ(0);
  transition: 0.26s ease;
  width: 85px;
}
.site-head .btn-open_lang .ic,
.site-head .btn-open_lang .text {
  position: relative;
  z-index: 10;
}
.site-head .btn-open_lang .text {
  margin-right: 3px;
}
.site-head .btn-open_lang .ic {
  font-size: 14px;
}
.site-head .btn-open_lang:hover {
  border-color: rgba(255, 255, 255, 0);
  box-shadow: 0 20px 79px 0 rgba(8, 19, 69, 0.42);
}
.site-head .btn-open_lang:hover:after {
  opacity: 1;
  transform: translateZ(0);
}
.site-head .btn-open_lang:hover + .wrapper-lang_list {
  opacity: 1;
  transform: translateX(-50%) scale(1);
  visibility: visible;
}
.site-head .btn-open_lang:after {
  background-image: linear-gradient(
    129deg,
    #FF9318,
    #FF9318 31.5%,
    #FF9318 50%,
    #FF9318 68.5%,
    #FF9318
  );
  border-radius: 20px;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate3d(-50%, 0, 0);
  transition: opacity 0.2s ease, transform 0.36s ease;
  width: 200%;
}
.site-head .wrapper-lang_list {
  background-image: linear-gradient(
    120deg,
    #FF8F18,
    #FFD514 10%,
    rgba(210, 166, 19, 0.4) 15%,
    transparent 25%,
    transparent 75%,
    #FFD514
  );
  border-radius: 4px;
  color: #7e91bb;
  font-size: 13px;
  left: 50%;
  opacity: 0;
  padding: 1px;
  position: absolute;
  top: calc(100% + 17px);
  transform: translateX(-50%) scale(0.95);
  transform-origin: top center;
  transition: 0.36s ease, 0.36s ease, 0.36s ease;
  transition-property: opacity, visibility, transform;
  visibility: hidden;
  min-width: 180px!important;
}
.site-head .wrapper-lang_list:hover {
  opacity: 1;
  transform: translateX(-50%) scale(1);
  visibility: visible;
}
.site-head .wrapper-lang_list:before {
  bottom: 100%;
  content: "";
  height: 17px;
  left: 0;
  position: absolute;
  width: 100%;
}
.site-head .wrapper-lang_list:after {
  border-color: transparent transparent rgba(43, 42, 37, 1);
  border-style: solid;
  border-width: 0 8px 8px;
  bottom: 100%;
  color: #2246de;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
}
.site-head .wrapper-lang_list .lang-list {
  background-color: rgba(43, 42, 37, 1);
  border-radius: 3px;
  padding: 25px 10px;
}
.site-head .wrapper-lang_list .lang-item {
  color: rgba(255, 255, 255, 1);
  cursor: pointer;
  display: block;
  font-size: 13px;
  line-height: 36px;
  margin-bottom: 14px;
  padding: 0 32px;
  transition: 0.26s ease;
}
.site-head .wrapper-lang_list .lang-item:last-child {
  margin-bottom: 0;
}
.site-head .wrapper-lang_list .lang-item.state-active {
  color: #fff;
}
.site-head .wrapper-lang_list .lang-item.state-active:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e651";
  float: right;
  font-family: iconfont !important;
  font-size: 16px;
  font-size: 12px;
  font-style: normal;
}
.site-head .wrapper-lang_list .lang-item:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #fff;
}
.site-head[data-state-size="normal"] {
  background: #190C0D;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  height: 70px;
}
.site-head--mini {
  align-items: center;
  background-color: #1A1817;
  color: #FFB930;
  display: flex !important;
  height: 100vh;
  left: 0;
  position: fixed;
  text-align: right;
  top: 0;
  width: 100vw;
  z-index: 10;
}
.site-head--mini > .wrapper-limit_width {
  display: flex;
  flex-direction: column;
  height: 70%;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 85.8666666667vw;
  width: 85.8666666667vw;
}
.site-head--mini .module-head {
  color: #fff;
  position: absolute;
  right: 7.2vw;
  top: 40px;
}
.site-head--mini .module-body {
  flex: 1 1 auto;
}
.site-head--mini .module-footer {
  padding-right: 32px;
}
.site-head--mini .site-nav_list {
  margin-bottom: 25px;
  min-height: calc(70vh - 150px);
  overflow: auto;
}
.site-head--mini .nav-item {
  color: #3398e6;
  display: block;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 36px;
  padding-right: 32px;
  position: relative;
}
.site-head--mini .nav-item:last-child {
  margin-bottom: 0;
}
.site-head--mini .nav-item:after {
  background-color: #43adff;
  border-radius: 50%;
  content: "";
  display: none;
  height: 4px;
  margin-top: -2px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 4px;
}
.site-head--mini .nav-item .text {
  display: inline-block;
  color: #FFB930;
}
.site-head--mini .nav-item.state-active {
  font-family: Poppins-SemiBold;
  font-weight: 900;
}
.site-head--mini .nav-item.state-active .text {
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(
    300deg,
    #4398f7 40%,
    #3bbfff 50%,
    #22fcff 80%
  );
  color: transparent;
}
.site-head--mini .nav-item.state-active:after {
  display: block;
}
.site-head--mini .site-search_box {
  display: inline-block;
  line-height: 45.5px;
  margin-bottom: 47px;
  position: relative;
  width: 233.5px;
}
.site-head--mini .btn-open_search {
  pointer-events: none;
  position: absolute;
  right: 21px;
  top: 0;
}
.site-head--mini .btn-open_search .ic {
  font-size: 20px;
}
.site-head--mini .wrapper-search_input input {
  background-color: #12216d;
  border-radius: 22.75px;
  border-width: 0;
  color: #fff;
  height: 45.5px;
  padding: 0 48px 0 21px;
  width: 100%;
}
.site-head--mini .btn--open_lang_select {
  border: 2px solid #FFB930;
  border-radius: 21px;
  display: inline-block;
  font-size: 12px;
  line-height: 38px;
  padding: 0 22px;
}
.site-head--mini .btn--open_lang_select .text {
  display: inline-block;
  margin-right: 3px;
  vertical-align: middle;
}
.site-head--mini .btn--open_lang_select .ic {
  display: inline-block;
  font-size: 19px;
  line-height: 38px;
  margin-top: -4px;
  vertical-align: middle;
}
.module-banner {
  align-items: center;
  background: #190C0D;
  display: flex;
  min-height: 100vh;
  padding-bottom: 126px;
  position: relative;
}
.module-banner .layer-light {
  mix-blend-mode: overlay;
}
.module-banner .layer-light,
.module-banner .layer-light img {
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
}
.module-banner .layer-light img:first-child {
  position: relative;
}
.module-banner .layer-bg {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  mix-blend-mode: screen;
  pointer-events: none;
  position: relative;
  position: absolute;
  width: 1920px;
  width: 100%;
}
.module-banner .layer-bg > img {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.module-banner .layer-bg:after {
  content: "";
  display: block;
  padding-top: 39.1666666667%;
}
.module-banner .module-body {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  padding-bottom: 130px;
  position: absolute;
  top: 0;
  width: 100%;
}
.module-banner > .wrapper-limit_width {
  background: #190C0D;
  padding-top: 110px;
}
.module-banner > .wrapper-limit_width .box-video {
  margin: 0 auto;
  mix-blend-mode: screen;
  position: relative;
  width: 890px;
}
.module-banner > .wrapper-limit_width .box-video > img {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.module-banner > .wrapper-limit_width .box-video:after {
  content: "";
  display: block;
  padding-top: 102.6966292135%;
}
.module-banner > .wrapper-limit_width .box-video .placeholder,
.module-banner > .wrapper-limit_width .box-video img {
  width: 100%;
}
.module-banner > .wrapper-limit_width .box-video .video-box {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.module-banner .banner-item {
  color: #fff;
  text-align: center;
}
.module-banner .banner-item .desc {
  font-size: 60px;
  font-weight: 100;
  line-height: 72px;
  margin-top: 28px;
  opacity: 0;
  position: relative;
  width: 710px;
}
.module-banner .banner-item .desc .letter,
.module-banner .banner-item .desc .word-group {
  display: inline-block;
}
.module-banner .banner-item .desc .text-shadow {
  display: none;
  opacity: 0;
}
.module-banner .tip--scroll-down {
  position: absolute;
  text-align: center;
  top: calc(100vh - 52px);
  width: 100%;
}
.module-banner .tip--scroll-down .box-dot {
  margin: 0 auto;
  transform: translateY(-100%);
  width: 4px;
}
.module-banner .tip--scroll-down .dot {
  -webkit-animation: opacity-default 2s linear infinite;
  animation: opacity-default 2s linear infinite;
  background-color: #fff;
  border-radius: 50%;
  height: 4px;
  margin-bottom: 6px;
  width: 4px;
}
.module-banner .tip--scroll-down .dot:last-child {
  margin-bottom: 0;
}
.module-banner .tip--scroll-down .dot:first-child {
  -webkit-animation-delay: 0;
  animation-delay: 0;
}
.module-banner .tip--scroll-down .dot:nth-child(2) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.module-banner .tip--scroll-down .dot:nth-child(3) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
@-webkit-keyframes opacity-default {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0.2;
  }
}
@keyframes opacity-default {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0.2;
  }
}
.module-about {
  padding-bottom: 100px;
  padding-top: 250px;
}
.module-about > .wrapper-limit_width {
  padding-bottom: 230px;
  position: relative;
}
.module-about > .wrapper-limit_width .module-bg {
  bottom: 0;
  mix-blend-mode: screen;
  position: absolute;
  right: -40px;
  width: 1100px;
}
.module-about > .wrapper-limit_width .module-bg .placeholder,
.module-about > .wrapper-limit_width .module-bg video {
  width: 100%;
}
.module-about > .wrapper-limit_width .module-bg .first {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.module-about > .wrapper-limit_width .module-bg .sec {
  opacity: 0;
  position: relative;
}
.module-about .module-head {
  margin-bottom: 142px;
}
.module-about .module-body {
  overflow: hidden;
}
.module-about .intro-list {
  color: #fff;
  margin-right: -226px;
}
.module-about .intro-item {
  flex: 0 1 auto;
  margin-right: 226px;
  width: calc(33% - 226px);
}
.module-about .intro-item .item-title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  font-size: 60px;
  font-weight: 100;
  line-height: 1.2;
  margin-bottom: 25px;
  padding-bottom: 10px;
}
.module-about .intro-item .item-desc {
  font-size: 13px;
  height: 104px;
  line-height: 2;
}
.module-business {
  padding-bottom: 332px;
  padding-top: 140px;
}
.module-business .module-head {
  margin-bottom: 58px;
  position: relative;
  width: 100%;
  z-index: 10;
}
.module-business .module-head .wrapper-limit_width {
  margin: 0 auto;
  max-width: 80%;
  width: 1536px;
}
.module-business .module-head .desc {
  width: 670px;
}
.module-business .business-item:hover{
  background-color:#FFBC00!important;
  transition: all .5s ease;
}
.module-business .business-item {
  background-color: #FF8F18!important;
  background-image: none!important;
  border-radius: 50px;
  box-shadow: 0 20px 79px 0 rgba(8, 19, 69, 0.42);
  font-family: Poppins-SemiBold;
  font-size: 26px;
  line-height: 100px;
  margin-right: 60px;
  width: 490px;
}
.module-business .business-item .btn-business {
  color: inherit;
}
.module-business .business-item:hover .wrapper-text .text {
  transform: translateY(-100%);
}
.module-business .business-item .state-pos_left {
  align-items: center;
  display: flex;
  height: 80px;
  transition: 0.26s ease;
}
.module-business .business-item .state-pos_left .wrapper-text {
  font-size: 16px;
  height: 1.2em;
  line-height: 1.2em;
  overflow: hidden;
}
.module-business .business-item .state-pos_left .text {
  display: block;
  transition: 0.36s ease;
}
.module-business .business-item .state-pos_right {
  margin-left: 26px;
  transition: 0.26s ease;
  width: 34px;
}
.module-business .business-item:first-child .state-pos_right .ic {
  width: 23px;
}
.module-business .business-item:last-child .state-pos_right .ic {
  width: 25px;
}
.module-business .business-item:hover .layer-circle {
  border-color: #fff;
  height: 52px;
  transition-delay: 0.2s;
  width: 52px;
}
.module-business .business-item:hover .layer-circle-inner {
  border-color: rgba(255, 255, 255, 0.4);
  height: 68px;
  transition-delay: 0.3s;
  width: 68px;
}
.module-business .business-item:last-child {
  margin-right: 0;
}
.module-business .business-item .state-pos_right {
  position: relative;
}
.module-business .business-item .layer-bg {
  height: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 0;
}
.module-business .business-item .layer-circle {
  border: 5px solid transparent;
  border-radius: 50%;
  flex: 0 0 auto;
  height: 40px;
  transition: 0.26s ease;
  transition-delay: 0s;
  width: 40px;
}
.module-business .business-item .layer-circle-inner {
  border: 1px solid transparent;
  border-radius: 50%;
  flex: 0 0 auto;
  height: 40px;
  transition: 0.26s ease;
  transition-delay: 0s;
  width: 40px;
}
.module-business .module-body {
  background-color: initial;
  margin-top: -400px;
  position: relative;
  z-index: 1000;
}
.module-business .module-bg {
  left: 55%;
  pointer-events: none;
  position: absolute;
  top: 50%;
}
.module-business .module-bg img {
  left: 50%;
  mix-blend-mode: overlay;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.module-business .module-bg img:first-child {
  mix-blend-mode: normal;
}
.module-business .k-line {
  bottom: 434px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  z-index: 0;
}
.module-business .k-line path {
  fill: url(#k);
}
.module-business .front-bg {
  position: relative;
}
.module-business .module-k-bg {
  align-items: flex-end;
  bottom: -269px;
  display: flex;
  justify-content: center;
  left: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.module-business .module-bg-2 {
  left: 55%;
  pointer-events: none;
  position: absolute;
  top: 50%;
}
.module-business .module-bg-2 img {
  left: 50%;
  mix-blend-mode: overlay;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.module-business .wrapper-bg-light-6 {
  bottom: -450px;
  pointer-events: none;
  position: absolute;
  width: 100%;
}
.module-business .wrapper-bg {
  margin: -400px 0;
}
.module-business .bg-placeholder {
  background: #190C0D;
  padding: 500px 0;
  position: relative;
  z-index: 1;
}
.module-business .yellow-line {
  left: 0;
  position: absolute;
  top: -55px;
}
.module-business .yellow-line .main-line {
  fill: transparent;
  stroke-width: 10px;
}
.module-business .yellow-line .shadow-line {
  fill: transparent;
  stroke: rgba(0, 0, 0, 0.1);
  stroke-width: 10px;
  transform: translate3D(0, 26px, 0);
}
.module-business .blue-line .main-line {
  fill: transparent;
  stroke-width: 10px;
}
.module-business .blue-line .shadow-line {
  fill: transparent;
  stroke: rgba(0, 0, 0, 0.1);
  stroke-width: 10px;
  transform: translate3D(0, 20px, 0);
}
.module-industrial {
  overflow: hidden;
  padding-bottom: 293px;
}
.module-industrial .module-head {
  margin-bottom: 96px;
}
.module-industrial .module-head .title {
  margin-bottom: 0;
}
.module-industrial .industrial-list {
  cursor: -webkit-grab;
  cursor: grab;
}
.module-industrial .industrial-item {
  background-color: #292416!important;
  background-image: linear-gradient(173deg, rgba(255, 157, 43, 1), rgba(255, 204, 70, 0))!important;
  border-radius: 8px;
  flex: 0 0 auto;
  margin-right: 32px;
  padding: 3px;
  position: relative;
  width: 400px;
}
.module-industrial .industrial-item:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.module-industrial .industrial-item:last-child {
  margin-right: 0;
}
.module-industrial
  .industrial-item:hover
  .item-icon
  .wrapper-item_icon_content {
  transform: translateY(-10px) scale(1.45);
  transform-origin: center bottom;
}
.module-industrial
  .industrial-item:hover
  .item-icon
  .wrapper-item_icon_content:after {
  box-shadow: 0 0 20px 30px rgba(0, 0, 0, 0.3);
}
.module-industrial .industrial-item:hover .item-bg {
  opacity: 1;
}
.module-industrial .industrial-item:hover .item-desc {
  /* -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;/*给文字设置成透明*/
  /* transition: all 3s ease-in-out; */
  /* background-image: linear-gradient(
    300deg,
    #FF8F18 40%,
    #FFD514 50%,
    #FFD514 80%
  )!important; */ 
  color: #fff;
}
.module-industrial .industrial-item:hover .item-title {
  color: transparent;
}
.module-industrial .industrial-item .item-bg {
  background-repeat: no-repeat;
  background-size: 100%;
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: 0.36s ease;
  width: 100%;
  z-index: 11;
}
.module-industrial .industrial-item .box-item_con {
  background-color: #190C0D!important;
  border-radius: 5px;
  padding: 166px 53px 51px;
  position: relative;
  z-index: 10;
}
.module-industrial .industrial-item .item-icon {
  position: relative;
  transform: translateY(-34px);
}
.module-industrial .industrial-item .wrapper-item_icon_content {
  bottom: 0;
  height: 100px;
  position: absolute;
  right: 0;
  transition: 0.36s ease;
}
.module-industrial .industrial-item .wrapper-item_icon_content img {
  height: 100%;
  position: relative;
  z-index: 10;
}
.module-industrial .industrial-item .wrapper-item_icon_content:after {
  /* box-shadow: 0 0 20px 30px #FF9D2B; */
  content: "";
  left: 50%;
  position: absolute;
  top: 20%;
  transition: 0.26s ease;
}
.module-industrial .industrial-item .item-head {
  margin-bottom: 22px;
}
.module-industrial .industrial-item .item-title {
  /* -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(
    300deg,
    #FF8F18 40%,
    #FFD514 50%,
    #FFD514 80%
  ); */
  color: #fff!important;
  display: inline-block;
  font-size: 26px;
  line-height: 1.615;
  transition: 0.36s ease;
}
.module-industrial .industrial-item .item-subtitle {
  color: #FFFFFF;
  font-size: 14px;
  line-height: 2;
}
.module-industrial .industrial-item .item-desc {
  color: #FFFFFF;
  font-size: 14px;
  height: 72px;
  line-height: 1.714;
  overflow: hidden;
  transition: 0.36s ease;
}
.module-industrial .module-body {
  position: relative;
}
.module-industrial .btn-item_tab {
  bottom: calc(100% + 120px);
  position: absolute;
  right: 0;
}
.module-industrial .btn-item_tab .btn--next,
.module-industrial .btn-item_tab .btn--prev {
  background-image: linear-gradient(173deg, rgba(255, 157, 43, 1), rgba(255, 204, 70, 0));
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  font-size: 13px;
  height: 70px;
  position: relative;
  width: 70px;
}
.module-industrial .btn-item_tab .btn--next:after,
.module-industrial .btn-item_tab .btn--prev:after {
  background-color: #190C0D;
  border-radius: 50%;
  content: "";
  height: 80px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  transition: 0.36s ease;
  width: 80px;
}
.module-industrial .btn-item_tab .btn--next:hover:after,
.module-industrial .btn-item_tab .btn--prev:hover:after {
  height: 64px;
  width: 64px;
}
.module-industrial .btn-item_tab .btn--next .ic,
.module-industrial .btn-item_tab .btn--prev .ic {
  position: relative;
  z-index: 20;
}
.module-industrial .btn-item_tab .btn--next .ic:before,
.module-industrial .btn-item_tab .btn--prev .ic:before {
  display: inline-block;
  transition: 0.26s ease;
}
.module-industrial .btn-item_tab .btn--next .ic:after,
.module-industrial .btn-item_tab .btn--prev .ic:after {
  background-color: #190C0D;
  background-image: linear-gradient( 30deg, #FF8F18 10%, #FFD514 50%, #FFD514 80% );
  content: "";
  height: 2px;
  margin-top: -1px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transition: 0.26s ease;
  width: 20px;
}
.module-industrial .btn-item_tab .btn--next:hover .ic {
  color: #FF8F18!important;
}
.module-industrial .btn-item_tab .btn--next:hover .ic:before {
  transform: translateX(9px);
}
.module-industrial .btn-item_tab .btn--next:hover .ic:after {
  opacity: 1;
  transform: translateX(-16px);
}
.module-industrial .btn-item_tab .btn--next .ic:before {
  transform: translateX(2px);
}
.module-industrial .btn-item_tab .btn--next .ic:after {
  transform: translateX(-34px);
}
.module-industrial .btn-item_tab .btn--prev {
  margin-right: 25px;
}
.module-industrial .btn-item_tab .btn--prev:hover .ic {
  color: #FF8F18;
}
.module-industrial .btn-item_tab .btn--prev:hover .ic:before {
  transform: translateX(-6px);
}
.module-industrial .btn-item_tab .btn--prev:hover .ic:after {
  opacity: 1;
  transform: translateX(-15px);
}
.module-industrial .btn-item_tab .btn--prev .ic:before {
  transform: translateX(-2px);
}
.module-industrial .btn-item_tab .btn--prev .ic:after {
  transform: translateX(0);
}
.module-industrial .module-head .title {
  min-height: 2em;
}
.module-project {
  padding-bottom: 50px;
  position: relative;
  z-index: 10;
}
.module-project .wrapper-limit_width {
  background-color: #0e1d58;
  background-image: linear-gradient(142deg, transparent 75%, #0e1d58, #4fa4ce),
    linear-gradient(168deg, #69daff, #183299, #0e1d58, #0e1d58, transparent);
  border-radius: 13px;
  padding: 3px;
  position: relative;
}
.module-project .module-bg {
  background-position: -17% 72%;
  background-repeat: no-repeat;
  background-size: 40%;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.module-project .wrapper-module_con {
  background-color: #0e1d58;
  border-radius: 10px;
}
.module-project .box-module_con {
  box-shadow: 0 36px 72px 0 rgba(5, 13, 45, 0.2);
  padding: 65px 143px 65px 100px;
  position: relative;
  z-index: 10;
}
.module-project .module-head {
  margin: 0;
  padding-top: 26px;
}
.module-project .module-head .title {
  flex: 0 0 auto;
  font-size: 56px;
  line-height: 1.0714285714;
  margin: 0;
  min-width: 0;
  width: 290px;
}
.module-project .module-body {
  width: 850px;
}
.module-project .module-body > .state-pos_left {
  flex: 0 1 auto;
  padding-top: 30px;
  width: 430px;
}
.module-project .module-body > .state-pos_left .project-ic {
  margin-bottom: 17px;
}
.module-project .module-body > .state-pos_left .project-ic img {
  height: 45px;
}
.module-project .module-body > .state-pos_right {
  flex: 0 0 auto;
  position: relative;
  width: 210px;
}
.module-project .module-body .wrapper-btn {
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 210px;
  position: relative;
  width: 210px;
  z-index: 10;
}
.module-project .module-body .wrapper-btn .text {
  font-size: 17px;
  line-height: 1.059;
  margin: 10px 0;
  text-align: center;
  width: 110px;
}
.module-project .module-body .wrapper-btn .ae-icon {
  width: 68px;
}
.module-project .module-body .box-circle {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.module-project .module-body .box-circle .layer-circle-1 {
  background-image: linear-gradient(129deg, #304ee9, #3069f4 37%, #3084ff);
  border-radius: 50%;
  bottom: 0;
  box-shadow: 0 20px 79px 0 rgba(8, 19, 69, 0.8);
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 30;
}
.module-project .module-body .box-circle .layer-circle-3 {
  background-color: #0e1c57;
  border-radius: 50%;
  box-shadow: inset 0 0 0 10px #152b84, 0 0 0 0 #3ba0e9, 0 0 0 0 #3ba0e9;
  height: 300px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  transition: 0.36s ease;
  width: 300px;
  z-index: 10;
}
.module-project .module-body .wrapper-btn:hover + .box-circle .layer-circle-3 {
  box-shadow: inset 0 0 0 10px #fff, 0 0 80px 0 #3ba0e9, 0 0 50px 14px #3ba0e9;
  height: 270px;
  width: 270px;
}
.module-project .module-desc {
  color: #84b6e9;
  font-size: 14px;
  line-height: 1.857;
}
.module-contact {
  overflow: hidden;
  padding-bottom: 80px;
  padding-top: 100px;
  position: relative;
}
.module-contact a {
  color: inherit;
}
.module-contact .section-join {
  font-size: 56px;
  font-weight: 700;
  line-height: 1.071;
  padding-bottom: 250px;
}
.module-contact .btn-join_us {
  height: 12.5rem;
  pointer-events: none;
  position: relative;
  text-align: center;
  transform: translateZ(0);
  transform-origin: top;
  transition: 0.36s ease;
  width: 12.5rem;
  z-index: 10;
}
.module-contact .btn-join_us .title {
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(
    300deg,
    rgba(255, 213, 20, 1) 40%,
    rgba(255, 143, 24, 1) 50%,
    rgba(255, 143, 24, 1) 80%
  );
  color: transparent;
}
.module-contact .state-pos_right {
  white-space: nowrap;
}
.module-contact .btn--detail {
  border-radius: 50%;
  font-size: 16px;
  height: 70px;
  margin-top: 18px;
  position: relative;
  transition: 0.16s ease;
  width: 70px;
}
.module-contact .btn--detail .btn-bg {
  background-image: linear-gradient(
    300deg,
    rgba(255, 213, 20, 1) 40%,
    rgba(255, 143, 24, 1) 50%,
    rgba(255, 143, 24, 1) 80%
  );
  border-radius: 50%;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.module-contact .btn--detail .btn-bg:after {
  background: #362E17;
  border-radius: 50%;
  content: "";
  height: 64px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 64px;
}
.module-contact .btn--detail .ic {
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(
    300deg,
    #2490ff 40%,
    #1db5ff 50%,
    #22fcff 80%
  );
  color: #FF8F18;
  position: relative;
  transform: translateZ(0);
  z-index: 10;
}
.module-contact .btn {
  box-shadow: inset 0 0 0 40px #FFB216, 0 0 120px 0 rgba(255, 147, 24, 0.20), 0 0 50px 14px rgba(255, 147, 24, 0.20);
  /* fill: linear-gradient(90deg, #FF8F18 0%, #FFD514 100%);
  filter: drop-shadow(0px 0px 128px #FFAA2B); */
  transition: transform 0.5s ease,
    box-shadow 0.5s cubic-bezier(1, -5, 0.5, 5) 0.25s;
    background-color: #362E17;
}
.module-contact .btn:hover {
  transform: scale(0.579);
}
.module-contact .btn:hover + .btn-join_us {
  transform: translateY(-10px) scale(0.7);
}
.module-contact .btn:hover + .btn-join_us .btn--detail {
  opacity: 0;
}
.module-contact .btn:hover + .btn-join_us + .desc {
  opacity: 1;
  transform: translateY(54px);
}
.module-contact .wrapper-circle {
  height: 25rem;
  position: relative;
  width: 25rem;
}
.module-contact .wrapper-circle .desc {
  color: #FFFFFF;
  font-family: Poppins-SemiBold;
  font-size: 17px;
  font-weight: 700;
  left: 0;
  line-height: 1.765;
  margin: auto;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-align: center;
  transform: translateY(74px);
  transition: 0.36s ease;
  width: 361px;
  z-index: 11;
}
.module-contact .layer-bg {
  background: #190C0D;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -38%, 0);
}
.module-contact .layer-bg img:first-child {
  left: 50%;
  mix-blend-mode: overlay;
  position: relative;
  transform: translateX(-50%);
}
.module-contact .layer-bg img:last-child {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.module-contact .section-contact {
  border-radius: 55px;
  font-family: Poppins-Regular;
  font-size: 14px;
  margin: 80px auto 0;
  overflow: hidden;
  padding: 0 68px;
  position: relative;
  width: 910px;
}
.module-contact .layer-border {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.module-contact .layer-border svg {
  height: 100%;
  width: 100%;
}
.module-contact .layer-border rect {
  fill-opacity: 0;
  stroke-width: 3;
}
.module-contact .wrapper-con {
  height: 90px;
  position: relative;
  width: 100%;
  z-index: 10;
}
.module-contact .wrapper-con svg {
  flex: 0 0 auto;
  margin-right: 50px;
  width: 20px;
}
.module-contact .wrapper-message {
  display: flex;
  width: 100%;
}
.module-contact .text.big {
  font-size: 16px;
}
.module-contact .text.bold {
  font-family: Poppins-SemiBold;
}
.module-contact > .wrapper-limit_width {
  position: relative;
}
.module-contact .module-bg {
  bottom: 0;
  left: 0;
  mix-blend-mode: screen;
  pointer-events: none;
  position: absolute;
  width: 100%;
}
.module-contact .module-bg .placeholder,
.module-contact .module-bg video {
  width: 100%;
}
.btn-go_top {
  bottom: 0;
  height: 0;
  position: fixed;
  width: 100%;
  z-index: 99999;
}
.btn-go_top .wrapper-limit_width {
  position: relative;
}
.btn-go_top .ic {
  align-items: center;
  background: #152990;
  border-radius: 50%;
  bottom: 10vh;
  color: #33a9fd;
  cursor: pointer;
  display: flex;
  font-size: 26px;
  height: 50px;
  justify-content: center;
  opacity: 0;
  position: absolute;
  right: 0;
  transform: rotate(180deg);
  transition: 0.26s ease;
  visibility: hidden;
  width: 50px;
}
.btn-go_top .ic:hover {
  background-color: #1fd6e4;
  color: #fff;
}
.btn-go_top.state-show .ic {
  opacity: 1;
  visibility: visible;
}
.layer-page_lighter {
  mix-blend-mode: screen;
  pointer-events: none;
  position: fixed;
  top: 0;
  z-index: 99989;
}
.layer-page_lighter img {
  max-width: 100%;
}
.module-post_nav {
  background-color: initial;
  direction: ltr;
  display: flex;
  pointer-events: none;
  position: absolute;
  top: 50vh;
  width: 100%;
  writing-mode: tb;
  z-index: 10;
}
.module-post_nav .module-body {
  height: 60vh;
  padding-right: 28px;
  transform: translateX(-100%);
}
.module-post_nav .nav-list {
  border-right: 1px solid #0b2d60;
  display: inline-flex;
  pointer-events: all;
}
.module-post_nav .nav-item {
  color: rgba(31, 220, 230, 0.1);
  cursor: pointer;
  flex: 0 0 auto;
  height: 130px;
  margin-bottom: 100px;
  padding-right: 16px;
  transition: 0.26s ease;
}
.module-post_nav .nav-item .text {
  position: relative;
}
.module-post_nav .nav-item .text:after {
  background-image: linear-gradient(88deg, #4398f7, #33cafb 37%, #22fcff);
  content: "";
  height: 100%;
  position: absolute;
  right: -16px;
  top: 0;
  transform: scaley(0);
  transform-origin: top;
  transition: 0.26s ease;
  width: 2px;
}
.module-post_nav .nav-item.state-active,
.module-post_nav .nav-item:hover {
  color: #1fdce6;
}
.module-post_nav .nav-item.state-active .text,
.module-post_nav .nav-item:hover .text {
  position: relative;
}
.module-post_nav .nav-item.state-active .text:after,
.module-post_nav .nav-item:hover .text:after {
  transform: scaley(1);
}
.module-post_nav .nav-item:last-child {
  margin-bottom: 0;
}
.module-post_nav .wrapper-limit_width {
  align-items: flex-end;
  display: flex;
  justify-content: flex-start;
  padding: 0 !important;
}
.site-body[data-type="page-post"] {
  background: #081244;
  padding-top: 330px;
}
.site-body[data-type="page-post"] .module-contact {
  padding-bottom: 400px;
}
.site-body[data-type="page-post"] .module > .wrapper-limit_width {
  padding: 0 100px;
}
.post-module {
  margin-bottom: 222px;
}
.post-module img {
  width: 100%;
}
.post-module:last-child {
  margin-bottom: 0;
}
.post-module .module-list {
  position: relative;
  z-index: 10;
}
.post-module .module-head {
  margin-bottom: 68px;
  position: relative;
  width: 100%;
}
.post-module .module-head .wrapper {
  transform: translateY(-50%);
}
.post-module .module-head .title {
  display: inline-block;
  font-family: Poppins-SemiBold;
  font-size: 66px;
  font-weight: 700;
  line-height: 1.212;
  margin-bottom: 0;
  position: relative;
  width: 600px;
  z-index: 10;
}
.post-module .group-btn_download {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
.post-module .group-btn_download .btn_download--pdf {
  background-color: #FF8F18!important;
  /* background-image: linear-gradient(300deg, #304ee9, #3069f4 41%, #3084ff); */
  border-radius: 40px;
  box-shadow: 0 20px 79px 0 rgba(8, 19, 69, 0.42);
  color: #fff;
  cursor: pointer;
  height: 80px;
  padding: 0 50px;
  transition: box-shadow 0.36s ease;
}
.post-module .group-btn_download .btn_download--pdf:hover {
  background-image: linear-gradient(300deg, #33a9fd, #2dc7fe 41%, #27e4ff);
  box-shadow: 0 30px 60px 0 rgba(5, 10, 34, 0.5);
}
.post-module .group-btn_download .btn_download--pdf:hover .pdf-info .desc {
  color: #fff;
}
.post-module .group-btn_download .btn_download--pdf:hover .ic-down-btn {
  color: #33a9fd;
}
.post-module .group-btn_download .btn_download--pdf:hover .ic-down-btn:after {
  transform: translate3d(-50%, -50%, 0) scale(1.4);
}
.post-module .group-btn_download .icon-pdf {
  font-size: 29px;
  margin-right: 16px;
}
.post-module .group-btn_download .pdf-info {
  width: 178px;
}
.post-module .group-btn_download .pdf-info .file-name {
  color: #fff;
  font-size: 18px;
  line-height: 1.1;
  margin-bottom: 7px;
}
.post-module .group-btn_download .pdf-info .desc {
  color: #54bdff;
  font-size: 13px;
  line-height: 1.3;
  transition: 0.36s ease;
}
.post-module .group-btn_download .ic-down-btn {
  background-color: #fff;
  border-radius: 50%;
  color: #304ee9;
  font-size: 18px;
  height: 48px;
  position: relative;
  transition: 0.36s ease;
  width: 48px;
}
.post-module .group-btn_download .ic-down-btn:after {
  border: 1px solid #fff;
  border-radius: 50%;
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0) scale(0.9);
  transition: 0.36s ease;
  width: 100%;
}
.post-module .module-index {
  color: rgba(41, 60, 153, 0.302);
  font-family: Poppins-SemiBold;
  font-size: 216px;
  font-weight: 700;
  left: 0;
  line-height: 0.8;
  position: absolute;
  top: 0;
}
.post-module .module-item {
  margin-bottom: 142px;
  width: 680px;
}
.post-module .module-item:last-child {
  margin-bottom: 0;
}
.post-module .module-item.state-size_wide {
  width: 100%;
}
.post-module .module-item .item-title {
  color: #37afff;
  font-family: Poppins-SemiBold;
  font-size: 30px;
  line-height: 1.533;
  margin-bottom: 35px;
}
.post-module .module-item .item-desc {
  color: #37afff;
  font-size: 14px;
  line-height: 2;
}
.post-module .module-item p {
  margin-bottom: 28px;
}
.post-module .module-item p:last-of-type {
  margin-bottom: 0;
}
.post-module .module-item .col-head {
  margin-bottom: 40px;
}
.post-module .module-item .col-head p {
  margin: 0;
}
.post-module .module-item .col-head p:first-child {
  color: #37afff;
  font-family: Poppins-SemiBold;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
}
.post-module .module-item .col-head p:last-child {
  color: #309ae4;
  font-size: 16px;
}
.post-module .module-item .item-col {
  width: 330px;
}
.post-module .module-item .item-col .box {
  margin-bottom: 136px;
}
.post-module .module-item .item-col .box:last-child {
  margin-bottom: 0;
}
.post-module .module-item .item-footer {
  color: #37afff;
  font-size: 14px;
  line-height: 2;
  margin-top: 40px;
}
.post-module .subitem {
  display: flex;
  margin-bottom: 109px;
}
.post-module .subitem:last-child {
  margin-bottom: 0;
}
.post-module .subitem .subitem-head {
  width: 30.924%;
}
.post-module .subitem .subitem-body {
  width: 69.076%;
}
.post-module .subitem .subitem-index,
.post-module .subitem .subitem-title {
  color: #37afff;
  font-family: Poppins-SemiBold;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}
.post-module .subitem .subitem-title {
  max-width: 350px;
  padding-right: 50px;
}
.post-module .subitem .subitem-desc {
  color: #37afff;
  flex: 0 1 auto;
  font-size: 14px;
  line-height: 2;
}
.post-module-1 .module-body {
  position: relative;
}
.post-module-1 .module-icon {
  background-repeat: no-repeat;
  display: flex;
  justify-content: flex-end;
  padding-top: 45px;
  pointer-events: none;
  position: absolute;
  right: -100px;
  top: 0;
  width: 100%;
}
.post-module-1 .module-icon .box-module_icon {
  position: relative;
}
.post-module-1 .module-icon .icon-bg {
  left: 50%;
  mix-blend-mode: overlay;
  position: absolute;
  top: 50%;
  transform: translate3d(-65%, -50%, 0);
  width: 1220px;
}
.post-module-1 .module-icon .icon-img {
  position: relative;
  width: auto;
  z-index: 10;
}
.post-module-1 .module-icon .lighter {
  left: 30%;
  position: absolute;
  top: 42%;
}
.post-module-1 .module-icon .lighter img {
  left: 50%;
  mix-blend-mode: overlay;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: auto;
}
.post-module-2 {
  margin-bottom: 282px;
}
.post-module-2 .module-head {
  margin-bottom: 128px;
}
.post-module-2 .module-item {
  width: 500px;
}
.post-module-2 .module-item .item-title {
  margin-bottom: 47px;
}
.post-module-2 .module-body {
  position: relative;
}
.post-module-2 .module-icon {
  pointer-events: none;
  position: absolute;
  right: -100px;
  top: -170px;
}
.post-module-2 .box-module_icon {
  position: relative;
  z-index: 20;
}
.post-module-2 .box-module_icon--lighter {
  mix-blend-mode: overlay;
  z-index: 10;
}
.post-module-2 .box-module_icon--lighter img:nth-child(2) {
  opacity: 0.5;
}
.post-module-2 .box-module_icon--bg {
  z-index: 1;
}
.post-module-2 .box-module_icon--bg,
.post-module-2 .box-module_icon--lighter {
  left: 50%;
  position: absolute;
  top: 50%;
}
.post-module-2 .box-module_icon--bg img,
.post-module-2 .box-module_icon--lighter img {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: auto;
}
.post-module-3 .module-head {
  margin-bottom: 0;
}
.post-module-4 .module-head {
  z-index: 11;
}
.post-module-4 .module-body {
  position: relative;
}
.post-module-4 .module-icon {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  right: -100px;
  top: -220px;
  width: 100%;
}
.post-module-4 .box-module_icon {
  background: #081244;
  max-width: 60%;
  mix-blend-mode: screen;
  position: relative;
  width: 1336px;
}
.post-module-4 .box-module_icon > img {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.post-module-4 .box-module_icon:after {
  content: "";
  display: block;
  padding-top: 81.6616766467%;
}
.post-module-4 .box-module_icon img:first-child {
  mix-blend-mode: screen;
}
.site-head--mini {
  display: none !important;
}
.module-about .intro-item {
  margin-right: 10%;
  width: 23%;
}
.module-about > .wrapper-limit_width .module-bg {
  width: 70%;
}
.module-about > .wrapper-limit_width .module-bg img {
  width: 100%;
}
.module-banner > .wrapper-limit_width .box-video .placeholder,
.module-banner > .wrapper-limit_width .box-video video {
  max-width: 100%;
}
.module-about .intro-list {
  justify-content: space-between;
  margin: 0;
}
.module-about .intro-item {
  flex: 0 0 auto;
  margin: 0;
  width: 400px;
}
.module-contact .section-contact {
  background: transparent;
  max-width: 100%;
}
.site-head .btn--open_site_nav {
  height: 100%;
  width: 100%;
}
.site-head .state-pos_right--min {
  align-items: center;
  display: none;
  height: 100%;
  justify-content: center;
  transform: translateX(18px);
  width: 50px;
}
@media only screen and (min-width: 1961px) {
  .module-banner .banner-item .desc {
    font-size: 80px;
    line-height: 104px;
    margin-top: 38px;
    width: 1100px;
  }
  .banner-logo img {
    height: 120px;
  }
}
body[data-device="safari"] .module-business .blue-line .shadow-line,
body[data-device="safari"] .module-business .yellow-line .shadow-line {
  display: none;
}
body[data-device="safari"]
  .module-industrial
  .industrial-item:hover
  .item-title {
  color: #37afff;
}
.module-head br {
  display: none;
}
.module-business .module-k-bg {
  pointer-events: none;
}
.module-business .module-head .desc {
  max-width: 100%;
}
.module-banner .banner-item--mini {
  display: none;
}
.post-module .module-item {
  max-width: 60%;
}
.post-module .module-item.state-size_wide {
  max-width: 100%;
}
.post-module-1 .module-icon .box-module_icon {
  flex: 0 0 auto;
  text-align: right;
  width: 100%;
}
.post-module-1 .module-icon .icon-bg {
  transform: translate3d(-25%, -50%, 0);
}
.post-module-1 .module-icon .lighter {
  right: 8%;
  top: 35%;
}
.post-module-1 .module-icon .icon-img {
  max-width: 50%;
}
.post-module-2 .module-icon {
  max-width: 60%;
}
.post-module-2 .box-module_icon--bg,
.post-module-2 .box-module_icon--lighter {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.post-module-2 .box-module_icon--lighter img {
  width: 227.923%;
}
.post-module-2 .box-module_icon--lighter img:nth-child(2) {
  width: 183.07%;
}
.post-module-2 .box-module_icon--bg img {
  width: 83.424%;
}
.post-module .module-item .item-col {
  max-width: 30%;
}
.site-body[data-type="page-post"] .module > .wrapper-limit_width {
  padding: 0 6vw;
}
@media only screen and (max-width: 1680px) {
  .module-project .module-head {
    margin: 0 40px 0 0;
    padding-top: 26px;
  }
  .site-head {
    height: 118px;
  }
  .site-head .nav-item {
    margin-right: 30px;
  }
  .site-head .divide-line {
    margin: 0 25px;
  }
  .site-head .box-search {
    margin-left: -10px;
    margin-right: 10px;
    padding: 0 10px;
    position: relative;
  }
  .module-head .title {
    font-size: 68px;
  }
  .module-head .desc {
    font-size: 14px;
  }
  .module-banner .module-body {
    padding-bottom: 160px;
  }
  .module-banner > .wrapper-limit_width .box-video {
    max-width: 90%;
    width: 790px;
  }
  .module-banner > .wrapper-limit_width {
    padding-top: 80px;
  }
  .module-about > .wrapper-limit_width {
    padding-bottom: 140px;
  }
  .module-about .intro-item {
    width: 330px;
  }
  .module-project .box-module_con {
    padding: 65px 93px 65px 54px;
  }
  .module-project .module-head {
    padding-top: 16px;
  }
  .module-project .module-body .box-circle .layer-circle-3 {
    height: 270px;
    width: 270px;
  }
  .module-project .module-body > .state-pos_right {
    width: 180px;
  }
  .module-project .module-body .wrapper-btn {
    height: 180px;
    width: 180px;
  }
  .module-project .module-body {
    padding-left: 49px;
    width: 850px;
  }
  .module-project .module-body > .state-pos_left {
    padding-top: 20px;
    width: 410px;
  }
  .module-contact .wrapper-circle .desc {
    font-size: 15px;
  }
  .module-contact .btn:hover + .btn-join_us {
    transform: translateY(-7px) scale(0.7);
  }
  html {
    font-size: 28px;
  }
  .module-contact .btn--detail {
    height: 60px;
    width: 60px;
  }
  .module-contact .btn--detail .btn-bg:after {
    height: 54px;
    width: 54px;
  }
  .module-contact .section-join {
    font-size: 52px;
    line-height: 1.02;
  }
  .module-contact .btn:hover + .btn-join_us + .desc {
    opacity: 1;
    transform: translateY(44px);
  }
  .module-business .business-item {
    font-size: 20px;
    line-height: 76px;
  }
  .site-body[data-type="page-post"] .module > .wrapper-limit_width {
    padding: 0 5vw;
  }
  .module-post_nav .module-body {
    transform: translateX(-100%);
  }
}
@media only screen and (max-width: 1460px) {
  html {
    font-size: 26px;
  }
  .module-head .title {
    font-size: 60px;
  }
  .module-head .desc {
    font-size: 13px;
  }
  .site-head .nav-item {
    margin-right: 13px;
  }
  .module-about .intro-item {
    width: 270px;
  }
  .module-about .intro-item .item-title {
    font-size: 46px;
    margin-bottom: 20px;
  }
  .module-about .intro-item .item-desc {
    font-size: 12px;
    height: 96px;
  }
  .module-about .module-head {
    margin-bottom: 122px;
  }
  .module-business {
    padding-bottom: 332px;
    padding-top: 80px;
  }
  .module-business .business-item {
    font-size: 24px;
    line-height: 80px;
    width: 450px;
  }
  .module-business .business-item .btn-business {
    padding: 0 40px;
  }
  .module-project .module-head .title {
    font-size: 46px;
  }
  .module-project .module-body {
    align-items: center;
    padding-left: 0;
  }
  .module-project .module-body > .state-pos_left {
    width: 330px;
  }
  .module-project .module-body > .state-pos_right {
    height: 160px;
    width: 160px;
  }
  .module-project .module-body .box-circle .layer-circle-3 {
    height: 250px;
    width: 250px;
  }
  .module-project .module-body .wrapper-btn {
    height: 160px;
    padding-bottom: 8px;
    width: 160px;
  }
  .module-project .module-body .wrapper-btn .text {
    font-size: 14px;
    line-height: 1.259;
    margin: 3px 0 2px;
    text-align: center;
    width: 86px;
  }
  .module-project .module-desc {
    font-size: 13px;
  }
  .module-banner .module-body {
    padding-bottom: 220px;
  }
  .module-banner .banner-item .desc {
    font-size: 52px;
    line-height: 66px;
    margin-top: 18px;
    width: 615px;
  }
  .banner-logo img {
    height: 80px;
  }
  .site-head .nav-item {
    font-size: 14px;
  }
  .site-head .site-logo {
    height: 32px;
  }
  .module-about .intro-item {
    width: 300px;
  }
  .super-propaganda > .wrapper-limit_width {
    max-width: calc(100% - 560px);
    width: 1816px;
  }
  .site-head {
    z-index: 99999;
  }
  .site-body {
    position: relative;
    z-index: 10;
  }
  .module-post_nav .module-body {
    transform: translateX(-30px);
  }
  .module-contact .section-join {
    font-size: 48px;
    line-height: 1.02;
  }
  .module-contact .wrapper-circle .desc {
    font-size: 14px;
    width: 301px;
  }
  .module-project .module-head .title {
    font-size: 34px;
  }
  .module-project .module-body > .state-pos_left {
    padding-top: 0;
  }
}
@media only screen and (max-width: 1300px) {
  .module-business .module-head .wrapper-limit_width,
  .module > .wrapper-limit_width,
  .site-head > .wrapper-limit_width {
    max-width: 90%;
    width: 90%;
  }
  .super-propaganda > .wrapper-limit_width {
    max-width: calc(100% - 560px);
    width: 1816px;
  }
}
@media only screen and (max-width: 1068px) {
  html {
    font-size: 24px;
  }
  .site-head .site-logo {
    height: 22px;
  }
  .site-head .nav-item {
    font-size: 12px;
    margin-right: 10px;
    padding: 0 6px;
  }
  .site-head .nav-item:after {
    height: 8px;
    width: 12px;
  }
  .site-head .divide-line {
    margin: 0 15px;
  }
  .module-about .intro-item {
    width: 250px;
  }
  .module-about .intro-item .item-title {
    font-size: 46px;
  }
  .module-about > .wrapper-limit_width {
    padding-bottom: 80px;
  }
  .module-about {
    padding-bottom: 160px;
  }
  .site-head .btn-open_lang {
    border-width: 0;
    height: 30px;
    padding-left: 8px;
    width: auto;
  }
  .site-head .box-search {
    margin-right: 2px;
  }
  .module-banner .module-body {
    padding-bottom: 120px;
  }
  .module-about .intro-item {
    width: 200px;
  }
  .module-about .intro-item .item-title {
    font-size: 36px;
  }
  .module-about > .wrapper-limit_width .module-bg {
    width: 80%;
  }
  .module-head .title {
    font-size: 50px;
  }
  .module-head .desc {
    font-size: 13px;
  }
  .module-business .yellow-line {
    top: 0;
  }
  .module-business .business-list {
    margin: 0 auto;
    max-width: 90%;
  }
  .module-business .business-item {
    font-size: 15px;
    line-height: 80px;
    width: 460px;
  }
  .module-business .k-line {
    bottom: 334px;
    max-width: 90%;
  }
  .module-business .business-item:last-child .state-pos_right svg {
    width: 24px;
  }
  .module-industrial .module-head .title {
    width: 590px;
  }
  .module-industrial .industrial-item .item-title {
    position: relative;
    transform: translateZ(0);
    z-index: 10;
  }
  .module-industrial .industrial-item .box-item_con {
    transform: translateZ(0);
  }
  .module-business .business-item .state-pos_left {
    height: 70px;
  }
  .module-business .business-item:hover .layer-circle {
    height: 46px;
    width: 46px;
  }
  .module-business .business-item:hover .layer-circle-inner {
    height: 60px;
    width: 60px;
  }
  .module-business .business-item {
    margin-right: 30px;
  }
  .module-project .box-module_con {
    display: block;
    padding-bottom: 130px;
    text-align: center;
  }
  .module-project .module-body {
    display: block;
    width: auto;
  }
  .module-project .module-body > .state-pos_left {
    width: auto;
  }
  .module-project .module-body > .state-pos_right {
    margin: 120px auto auto;
  }
  .module-project .module-bg {
    background-position: -417% -102%;
    background-size: 90%;
    z-index: 10;
  }
  .module-contact .section-contact {
    font-size: 12px;
    padding: 0 50px;
  }
  .module-contact .text.big {
    font-size: 14px;
  }
  .module-contact .btn--detail {
    height: 50px;
    width: 50px;
  }
  .module-contact .btn--detail .btn-bg:after {
    height: 46px;
    width: 46px;
  }
  .module-contact .section-join {
    font-size: 52px;
    line-height: 1.02;
  }
  .module-contact .wrapper-circle .desc {
    font-size: 13px;
    line-height: 1.565;
    width: 250px;
  }
  .module-contact .btn:hover + .btn-join_us + .desc {
    opacity: 1;
    transform: translateY(42px);
  }
  .module-contact .wrapper-message .state-pos_left {
    margin-right: 0;
  }
  .module-contact .wrapper-con svg {
    margin-right: 40px;
  }
  .site-head .btn-open_search {
    font-size: 18px;
    transform: translateY(0);
  }
  .module-head .title {
    width: auto;
  }
  .post-module .module-head {
    margin-bottom: 28px;
  }
  .post-module .module-head .title {
    font-size: 56px;
    width: auto;
  }
  .post-module-1 .module-head .title {
    width: 560px;
  }
  .module-post_nav .module-body {
    transform: translateX(-20px);
  }
  .post-module .module-index {
    font-size: 176px;
  }
  .post-module .group-btn_download .ic-down-btn {
    height: 40px;
    width: 40px;
  }
  .post-module .group-btn_download .btn_download--pdf {
    height: 70px;
    padding: 0 40px;
  }
  .post-module .module-item .item-title {
    font-size: 28px;
    margin-bottom: 25px;
  }
  .post-module .module-item .item-desc {
    font-size: 13px;
  }
  .post-module .group-btn_download .pdf-info .file-name {
    font-size: 16px;
  }
  .post-module .group-btn_download .icon-pdf {
    font-size: 27px;
  }
  .post-module .group-btn_download .pdf-info .desc {
    font-size: 12px;
    line-height: 1.1;
  }
  .post-module .module-item {
    margin-bottom: 112px;
  }
  .post-module .module-item:last-child {
    margin-bottom: 0;
  }
  .post-module .module-item p {
    margin-bottom: 22px;
  }
  .post-module .subitem .subitem-body {
    width: 80%;
  }
  .post-module .subitem .subitem-title {
    font-size: 18px;
  }
  .post-module-4 .module-head .title,
  .post-module-5 .module-head .title,
  .post-module-6 .module-head .title {
    width: 500px;
  }
  .site-body[data-type="page-post"] .module > .wrapper-limit_width {
    padding-left: 7vw;
    padding-right: 2vw;
  }
  .post-module .subitem {
    display: flex;
    margin-bottom: 80px;
  }
  .module-contact .wrapper-message {
    justify-content: space-between;
  }
  .module-contact .wrapper-message svg {
    margin-right: 30px;
  }
  .module-contact .wrapper-message .state-pos_left {
    flex: 1 1 auto;
    margin-right: 2%;
  }
  .module-contact .wrapper-message a {
    margin-right: 20px;
  }
  .module-contact .wrapper-message a:last-child {
    margin-right: 0;
  }
  .module-contact .wrapper-message .state-pos_left {
    align-items: center;
  }
}
@media only screen and (max-width: 734px) {
  .module,
  .module-banner > .wrapper-limit_width,
  .module-business .bg-placeholder,
  .module-contact .layer-bg,
  .module-project .wrapper-module_con,
  .site-body,
  .site-body[data-type="page-post"],
  .site-head[data-state-size="normal"],
  body {
    background: #1A1817;
  }
  .module-banner .module-body,
  .module-banner .tip--scroll-down,
  .module-business .business-list,
  .module-business .module-head .wrapper-limit_width,
  .module > .wrapper-limit_width,
  .site-head > .wrapper-limit_width {
    max-width: 85.8666666667vw;
    width: 85.8666666667vw;
  }
  .site-head--mini {
    display: flex !important;
  }
  .site-head .state-pos_right {
    display: none;
  }
  .site-head .state-pos_right--min {
    display: flex;
  }
  .wrapper-line {
    height: 2px;
    position: relative;
    width: 17.5px;
  }
  .wrapper-line .line {
    background: #fff;
    height: 100%;
    position: absolute;
    transition: 0.26s ease;
    width: 100%;
  }
  .wrapper-line .line:first-child {
    transform: translateY(-5.5px);
  }
  .wrapper-line .line:last-child {
    transform: translateY(5.5px);
  }
  .btn--open_site_nav.state-active .line:first-child {
    transform: rotate(45deg);
  }
  .btn--open_site_nav.state-active .line:last-child {
    transform: rotate(-45deg);
  }
  body.open-mini-nav .line:first-child {
    transform: rotate(45deg);
  }
  body.open-mini-nav .line:last-child {
    transform: rotate(-45deg);
  }
  .site-head .site-logo {
    height: 26.5px;
  }
  .site-head {
    height: 94.5px;
  }
  .site-head[data-state-size="normal"] {
    height: 60px;
  }
  .module-banner .banner-item {
    display: none;
  }
  .module-head .title {
    font-size: 52px;
  }
  .module-head br {
    display: block;
  }
  .module-head .desc {
    font-size: 12px;
    max-width: 85.8666666667vw;
  }
  .module-about {
    padding-bottom: 105px;
  }
  .module-about .module-head {
    margin-bottom: 35.5px;
  }
  .module-about .module-head .desc span {
    display: block;
    margin-top: 10px;
  }
  .module-about .module-body {
    overflow: visible;
  }
  .module-about .intro-item {
    margin-right: 79px;
    overflow: hidden;
    width: 245px;
  }
  .module-about .intro-item:last-child {
    margin-right: 0;
  }
  .module-about .intro-item .item-title {
    font-size: 45.335px;
    line-height: 1.5;
    margin-bottom: 15px;
    padding-bottom: 0;
  }
  .module-about .intro-item .item-desc {
    font-size: 8px;
    height: 82px;
    line-height: 1.733;
  }
  .module-about > .wrapper-limit_width .module-bg {
    right: auto;
    width: 100%;
  }
  .module-about > .wrapper-limit_width {
    padding-bottom: 30.6666666667vw;
  }
  .module-business .module-head .desc {
    width: 430px;
  }
  .module-business {
    padding-bottom: 120px;
  }
  .module-business .module-k-bg {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
  }
  .module-business .module-k-bg img {
    width: 100%;
  }
  .module-business .k-line {
    bottom: auto;
    left: 50%;
    max-width: 120%;
    right: auto;
    top: 50%;
    transform: translate3D(-50%, -50%, 0);
  }
  .module-business .module-head {
    margin: 0;
  }
  .module-business .wrapper-bg-light-6 {
    width: 100%;
  }
  .module-business .wrapper-bg-light-6 img {
    flex: 0 0 auto;
    min-width: 1470px;
    width: 100%;
  }
  .module-business .business-item .state-pos_left .wrapper-text {
    font-size: 12px;
  }
  .module-business .business-item:first-child .state-pos_right .ic {
    width: 18px;
  }
  .module-business .business-item:last-child .state-pos_right .ic {
    width: 22px;
  }
  .module-business .business-item {
    margin-right: 0;
    width: 49%;
  }
  .module-business .business-list {
    justify-content: space-between;
  }
  .module-business .business-item .btn-business {
    justify-content: space-between;
    padding: 0 28px;
  }
  .module-business .business-item .state-pos_left {
    height: 60px;
  }
  .module-business .business-item:hover .layer-circle-inner {
    height: 50px;
    width: 50px;
  }
  .module-business .business-item:hover .layer-circle {
    height: 36px;
    width: 36px;
  }
  .module-business .business-item .layer-circle {
    border-width: 3px;
  }
  .module-business .business-item .state-pos_right {
    margin-left: 0;
  }
  .module-industrial .btn-item_tab {
    display: none;
  }
  .module-industrial .industrial-item .box-item_con {
    background-color: #0f1c61;
    border-radius: 10px;
    padding: 110px 33px 44px;
  }
  .module-industrial .industrial-item .item-bg {
    border-radius: 12px;
  }
  .module-industrial .industrial-item {
    border-radius: 12px;
    margin-right: 26px;
    width: 259px;
  }
  .module-industrial .industrial-item:last-child {
    margin-right: 0;
  }
  .module-industrial .industrial-item .wrapper-item_icon_content {
    height: 91px;
  }
  .module-industrial .industrial-item .item-desc {
    font-size: 9.335px;
    height: 33.34462px;
  }
  .module-industrial .industrial-item .item-title {
    font-size: 17.335px;
    line-height: 1.567;
  }
  .module-industrial .industrial-item .item-subtitle {
    font-size: 10px;
    line-height: 1.811;
  }
  .module-industrial .industrial-item .item-head {
    margin-bottom: 13px;
  }
  .module-industrial .industrial-item .item-icon {
    transform: translateY(0);
  }
  .module-industrial
    .industrial-item:hover
    .item-icon
    .wrapper-item_icon_content {
    transform: none;
  }
  .module-industrial
    .industrial-item
    .item-icon
    .wrapper-item_icon_content:after {
    display: none;
  }
  .module-industrial .module-head .title {
    font-size: 48.665px;
  }
  .module-industrial {
    padding-bottom: 95px;
  }
  .module-industrial .module-head {
    margin-bottom: 56px;
  }
  .module-industrial .industrial-item-nav {
    margin-top: 35px;
    padding-left: 5px;
  }
  .module-industrial .industrial-item-nav .dot {
    align-items: center;
    display: flex;
    height: 0;
    justify-items: center;
    margin-right: 21px;
    width: 0;
  }
  .module-industrial .industrial-item-nav .dot:last-child {
    margin-right: 0;
  }
  .module-industrial .industrial-item-nav .dot:after {
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    content: "";
    display: block;
    flex: 0 0 auto;
    height: 4px;
    transition: 0.26s ease;
    width: 4px;
  }
  .module-industrial .industrial-item-nav .dot.state-active:after {
    background-color: #fff;
    border-radius: 50%;
    height: 6px;
    width: 6px;
  }
  .module-contact .btn,
  .module-contact .btn--detail .btn-bg:after {
    background: #362E17;
  }
  .module-contact .layer-bg {
    width: 140%;
  }
  .module-contact .layer-bg img {
    width: 100%;
  }
  html {
    font-size: 4.0533333333vw;
  }
  .module-contact .section-join {
    font-size: 7.1106666667vw;
  }
  .module-contact .btn--detail {
    height: 8vw;
    width: 8vw;
  }
  .module-contact .btn--detail .btn-bg:after {
    height: 7.2vw;
    width: 7.2vw;
  }
  .module-contact .btn--detail {
    font-size: 2.4vw;
  }
  .module-contact .btn + .btn-join_us + .desc {
    font-size: 2.1333333333vw;
    width: 45.3333333333vw;
  }
  .module-contact .btn:hover + .btn-join_us + .desc {
    transform: translateY(6.6666666667vw);
  }
  .module-contact .btn:hover + .btn-join_us {
    transform: translateY(-30px) scale(0.9);
  }
  .module-contact .layer-border {
    display: none;
  }
  .module-contact .wrapper-message {
    display: block;
    text-align: center;
  }
  .module-contact .section-contact {
    padding: 0;
  }
  .module-contact .wrapper-message .state-pos_left {
    color: #2989d3;
    display: block;
    font-size: 2.844vw;
  }
  .module-contact .wrapper-message .state-pos_left .big {
    color: #fff;
    font-size: 3.2vw;
  }
  .module-contact .wrapper-con svg {
    flex: 0 0 auto;
    height: 5.3333333333vw;
    margin: 0 0 2.4vw;
    width: 5.3333333333vw;
  }
  .module-contact .section-contact {
    border-radius: 0;
    margin-top: 0;
  }
  .module-contact a {
    display: block;
    line-height: 6.1333333333vw;
  }
  .module-contact .state-pos_right {
    font-size: 2.844vw;
  }
  .module-contact .state-pos_right #p-36 {
    height: auto;
    margin-bottom: 2.4vw;
    margin-top: 3vw;
    width: 7.333333vw;
  }
  .module-contact .wrapper-con {
    height: auto;
  }
  .module-contact {
    padding-bottom: 33.3333333333vw;
  }
  .module-contact .section-join {
    padding-bottom: 13.3333333333vw;
  }
  .module-about .intro-list {
    display: inline-flex;
  }
  .super-propaganda > .wrapper-limit_width {
    max-width: calc(100% - 460px);
  }
  .super-propaganda .box-video {
    height: 230px;
    width: 230px;
  }
  .super-propaganda .placeholder,
  .super-propaganda video {
    width: 100%;
  }
  .super-propaganda .btn--close {
    height: 30px;
    width: 30px;
  }
  .super-propaganda .box-btn {
    font-size: 10px;
  }
  .super-propaganda .box-info .title {
    font-size: 24px;
  }
  .super-propaganda .box-info .subtitle {
    font-size: 13px;
  }
  .module-contact .btn {
    box-shadow: inset 0 0 0 5.3333333333vw #FFB216, 0 0 16vw 0 rgba(255, 147, 24, 0.20), 0 0 6.6666666667vw 1.8666666667vw rgba(255, 147, 24, 0.20);
    transition: transform 0.5s ease,
      box-shadow 0.5s cubic-bezier(1, -5, 0.5, 5) 0.25s;
  }
  .module-contact .btn--detail {
    margin-top: 2.4vw;
  }
  .module-business .module-bg-2 img,
  .module-business .module-bg img {
    max-width: 171.7333333333vw;
    width: auto;
  }
  .module-business .module-bg {
    left: 50%;
    top: 50%;
  }
  .module-banner .layer-light img {
    width: 300vw;
  }
  .module-industrial .industrial-item {
    background-image: linear-gradient(144deg, #194ddd, #101c62 50%, #101c62);
  }
  .module-about .intro-item .item-desc {
    font-size: 11px;
    height: 95.315px;
  }
  .module-industrial .industrial-item .item-desc {
    font-size: 11px;
    height: 39.292px;
    line-height: 1.786;
  }
  .module-business .business-list {
    display: block;
  }
  .module-business .business-item {
    margin-bottom: 20px;
    width: 100%;
  }
  .module-business .business-item:last-child {
    margin: 0;
  }
  .super-propaganda .box-btn {
    left: 20px;
    right: auto;
  }
  .module-business .blue-line .main-line,
  .module-business .blue-line .shadow-line,
  .module-business .yellow-line .main-line,
  .module-business .yellow-line .shadow-line {
    stroke-width: 20px;
  }
  .module-business .bg-placeholder {
    padding: 480px 0;
  }
  .module-business {
    padding-top: 60px;
  }
  .module-banner .tip--scroll-down {
    height: 0;
    left: 0;
    margin: 0 auto;
    right: 0;
  }
  .module-banner .tip--scroll-down .box-dot {
    margin: 0;
  }
  .module-banner .module-body {
    align-items: flex-end;
    justify-content: flex-start;
    margin: 0 auto;
    right: 0;
  }
  .module-banner .banner-item--mini {
    display: block;
    font-family: Poppins-SemiBold;
    font-size: 7.4666666667vw;
    line-height: 1.202;
    transform: translateY(-100%);
  }
  .module-banner .module-body {
    align-items: flex-start;
    padding-top: calc(100vh - 152px);
  }
  .module-banner .tip--scroll-down {
    top: calc(100vh - 102px);
  }
  .module-project {
    background-image: linear-gradient(180deg, #172673, #0b1757);
    border-radius: 40px 40px 0 0;
    padding-top: 80px;
  }
  .module-project .wrapper-module_con {
    background-color: initial;
  }
  .module-project .module-bg,
  .module-project .wrapper-limit_width {
    background: none !important;
  }
  .module-project .box-module_con {
    box-shadow: none;
  }
  .module-project .module-head .title {
    font-size: 48.665px;
    line-height: 0.949;
  }
  .module-project .module-head {
    display: block;
    font-weight: 900;
    margin: 0 0 47px;
    padding: 0;
    text-align: left;
  }
  .module-project .box-module_con {
    align-items: flex-start;
    padding: 0;
  }
  .module-project .module-body {
    text-align: left;
  }
  .module-project .module-body > .state-pos_left {
    background-image: linear-gradient(
      157deg,
      #7dcafc,
      rgba(20, 34, 108, 0.5) 30%,
      transparent 55%
    );
    border-radius: 24px;
    position: relative;
  }
  .module-project .module-body > .state-pos_left .ic {
    margin-bottom: 16px;
    padding: 32px 31px 0;
    position: relative;
    z-index: 10;
  }
  .module-project .module-body > .state-pos_left:before {
    background-image: url(../image/project-item-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 23px;
    bottom: 0;
    content: "";
    left: 0;
    mix-blend-mode: overlay;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
  }
  .module-project .module-body > .state-pos_left:after {
    background-clip: content-box;
    background-image: linear-gradient(180deg, #13226b, #101d63),
      linear-gradient(90deg, #13216a, #101d63);
    border: 2px solid transparent;
    border-radius: 25px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  .module-project .module-body > .state-pos_right {
    background-image: linear-gradient(
      201deg,
      #7dcafc,
      rgba(20, 34, 108, 0.5) 30%,
      transparent 55%
    );
    border-radius: 24px;
    height: auto;
    margin: 0;
    width: 100%;
  }
  .module-project .module-body > .state-pos_right:before {
    background-image: url(../image/project-item-bg-2.png);
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 23px;
    bottom: 0;
    content: "";
    left: 0;
    mix-blend-mode: overlay;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
  }
  .module-project .module-body > .state-pos_right .box-circle {
    display: none;
  }
  .module-project .module-body > .state-pos_right:after {
    background-clip: content-box;
    background-image: linear-gradient(180deg, #101d64, #0c1859);
    border: 2px solid transparent;
    border-radius: 25px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  .module-project .module-desc {
    font-size: 9.935px;
    line-height: 1.66;
    padding: 0 31px 63px;
    position: relative;
    z-index: 10;
  }
  .module-project .module-body .wrapper-btn {
    display: flex;
    flex-direction: row;
    height: auto;
    justify-content: normal;
    padding: 39px 0 63px 14px;
    width: auto;
  }
  .module-project .module-body .wrapper-btn .text {
    font-size: 18px;
    margin: 0;
    width: auto;
  }
  .module-project .module-body .wrapper-btn .text br {
    display: none;
  }
  .module-project .module-body .wrapper-btn .ae-icon {
    margin-right: 7px;
    width: 68px;
  }
  .module-project .module-body .wrapper-btn .ic-arrow {
    align-items: center;
    background: #3072f7;
    border-radius: 50%;
    display: flex;
    height: 34px;
    justify-content: center;
    margin-right: 7px;
    position: absolute;
    right: 0;
    right: 24px;
    width: 34px;
  }
  .module-project .module-body .wrapper-btn .ic-arrow:after {
    border: 2px solid #fff;
    border-radius: 50%;
    content: "";
    height: 50px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 50px;
  }
  .module-contact {
    padding-top: 20px;
  }
  body.open-mini-nav {
    overflow: hidden;
  }
  body.open-mini-nav .wrapper-site_body {
    border-radius: 40px;
    transform: translateX(-70vw) scale(0.7) !important;
  }
  body.open-mini-nav .wrapper-site_body:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99999;
  }
  body.open-mini-nav .site-head {
    background: transparent !important;
    box-shadow: 0 0 0 transparent;
    height: 94.5px !important;
  }
  body.open-mini-nav .super-propaganda {
    display: none;
  }
  .module-post_nav {
    background-color: initial;
  }
  .post-module .group-btn_download {
    position: static;
  }
  .post-module-1 .module-head .wrapper {
    transform: translateY(0);
  }
  .post-module .group-btn_download .btn_download--pdf {
    margin-bottom: 40px;
    margin-top: 100px;
  }
  .post-module-1 .module-index {
    top: 60px;
  }
  .post-module-1 .module-icon {
    display: none;
  }
  .post-module .module-item {
    max-width: 100%;
  }
  .site-body[data-type="page-post"] {
    padding-top: 170px;
  }
  .post-module .module-item {
    margin-bottom: 62px;
  }
  .post-module .module-item:last-child {
    margin-bottom: 0;
  }
  .post-module {
    margin-bottom: 162px;
  }
  .post-module-2 .module-item {
    width: 100%;
  }
  .post-module-2 .module-icon {
    display: none;
  }
  .post-module .subitem {
    display: block;
    margin-bottom: 50px;
  }
  .post-module .subitem:last-child {
    margin-bottom: 0;
  }
  .post-module .subitem .subitem-head {
    display: flex;
    margin-bottom: 10px;
    width: 100%;
  }
  .post-module .subitem .subitem-head .subitem-index {
    margin-right: 20px;
    white-space: nowrap;
  }
  .post-module .subitem .subitem-body {
    width: 100%;
  }
  .post-module .module-head .title {
    font-size: 42px;
  }
  .post-module .module-index {
    font-size: 156px;
    white-space: nowrap;
  }
  .post-module .module-item .item-col {
    max-width: 32%;
  }
  .post-module-4 .module-icon {
    display: none;
  }
  .post-module-4 .module-head .title {
    width: auto;
  }
  .post-module .module-item p {
    margin-bottom: 14px;
  }
  .post-module .group-btn_download {
    display: inline-block;
  }
  .site-body[data-type="page-post"] .module > .wrapper-limit_width {
    padding: 0;
  }
  .layer-page_lighter,
  .module-post_nav {
    display: none;
  }
  .post-module-1 .module-head .title {
    max-width: 100%;
  }
  .post-module .group-btn_download .pdf-info {
    width: 140px;
  }
  .site-body[data-type="page-post"] .module-contact {
    padding-bottom: 200px;
  }
  .post-module .module-item .item-desc,
  .post-module .module-item .item-footer,
  .post-module .subitem .subitem-desc {
    font-size: 14px;
    line-height: 1.6;
  }
  .post-module .module-item .item-title {
    line-height: 1.333;
  }
  .post-module .module-item .item-desc > .flex {
    display: block;
    margin-top: 20px;
  }
  .post-module .module-body {
    position: relative;
    z-index: 10;
  }
  .post-module .module-item .item-col .box {
    margin-bottom: 60px;
  }
  .post-module .module-item .item-col .box:last-child {
    margin-bottom: 0;
  }
  .post-module .module-item .item-col {
    margin-bottom: 60px;
    max-width: 100%;
    width: 100%;
  }
  .post-module .module-item .item-col:last-child {
    margin-bottom: 0;
  }
  .post-module .module-item .col-head {
    margin-bottom: 10px;
  }
  .post-module-4 .module-head .title,
  .post-module-5 .module-head .title,
  .post-module-6 .module-head .title {
    max-width: 100%;
  }
  .module-business .module-body,
  .module-business .wrapper-bg {
    margin: 0;
  }
  .module-business .bg-placeholder {
    margin: -100px 0;
    padding: 200px 0;
  }
  .post-module .subitem .subitem-title {
    padding: 0;
  }
  .module-project .module-head .title {
    width: 100%;
  }
  .module-head .title,
  .module-industrial .module-head .title,
  .module-project .module-head .title {
    font-size: 10.6666666667vw;
  }
  .module-industrial .module-head .title {
    display: block;
  }
}
html.has-scroll-smooth {
  overflow: hidden;
}
html.has-scroll-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.has-scroll-smooth body {
  overflow: hidden;
}
.has-scroll-smooth [data-scroll-container] {
  min-height: 100vh;
}
[data-scroll-direction="horizontal"] [data-scroll-container] {
  display: inline-block;
  height: 100vh;
  white-space: nowrap;
}
[data-scroll-direction="horizontal"] [data-scroll-section] {
  display: inline-block;
  height: 100%;
  vertical-align: top;
  white-space: nowrap;
}
.c-scrollbar {
  height: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform-origin: center right;
  transition: transform 0.3s, opacity 0.3s;
  width: 11px;
}
.c-scrollbar:hover {
  transform: scaleX(1.45);
}
.c-scrollbar:hover,
.has-scroll-dragging .c-scrollbar,
.has-scroll-scrolling .c-scrollbar {
  opacity: 1;
}
[data-scroll-direction="horizontal"] .c-scrollbar {
  bottom: 0;
  height: 10px;
  top: auto;
  transform: scaleY(1);
  width: 100%;
}
[data-scroll-direction="horizontal"] .c-scrollbar:hover {
  transform: scaleY(1.3);
}
.c-scrollbar_thumb {
  background-color: #000;
  border-radius: 10px;
  cursor: -webkit-grab;
  cursor: grab;
  margin: 2px;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 0;
  width: 7px;
}
.has-scroll-dragging .c-scrollbar_thumb {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
[data-scroll-direction="horizontal"] .c-scrollbar_thumb {
  bottom: 0;
  right: auto;
}