* {
  margin: 0;
  padding: 0;
}
:root {
  --gray: #646464;
  --white: #ffffff;
  --dark-blue: #003863;
  --blue-gradient: -webkit-linear-gradient(left, #0071c2, #00a7ff 25%, #26b5ff);
}
@font-face {
  font-family: "HYQiHeiX1-55W";
  src: url("../../fonts/SohoGothicPro-Light.OTF");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HYQiHeiX1-75W";
  src: url("../../fonts/SohoGothicPro-Regular.OTF");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SohoGothicPro-Medium";
  src: url("../../fonts/SohoGothicPro-Medium.OTF");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SohoGothicPro-Regular";
  src: url("../../fonts/SohoGothicPro-Regular.OTF");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SohoGothicPro-Light";
  src: url("../../fonts/SohoGothicPro-Light.OTF");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SohoGothicPro-Bold";
  src: url("../../fonts/SohoGothicPro-Bold.otf");
  font-weight: normal;
  font-style: normal;
}
div {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
img {
  -webkit-touch-callout: default;
  border: 0;
  vertical-align: middle;
  pointer-events: none;
  width: 100%;
}
li {
  list-style: none;
}
a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
input,
select {
  background: none;
  border: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  box-shadow: none;
}
html {
  scroll-behavior: smooth;
  font-family: "HYQiHeiX1-55W", Arial, "Source Han Sans CN", "noto sans", "microsoft yahei", Helvetica, sans-serif;
}
.font-HYQiHeiX1-75W {
  font-family: "HYQiHeiX1-75W";
}
.font-SGP_m {
  font-family: "SohoGothicPro-Medium";
}
.font-SGP_r {
  font-family: "SohoGothicPro-Regular" !important;
}
.font-SGP_b {
  font-family: "SohoGothicPro-Bold";
}
.font-SGP_l {
  font-family: "SohoGothicPro-Light";
}
.font-bd {
  font-weight: bolder !important;
}
.fontSS {
  font-size: 0.3rem;
  line-height: 0.4rem;
  margin-top: 0.28rem;
}
.fontMM {
  font-size: 0.4rem;
  line-height: 0.6rem;
  margin-top: 0.32rem;
}
.fontLL {
  font-size: 0.6rem;
  line-height: 0.6rem;
  font-family: "HYQiHeiX1-75W";
}
.fontXL {
  font-size: 0.66rem;
  line-height: 0.66rem;
  font-family: "HYQiHeiX1-75W";
}
.font44 {
  font-size: 44px !important;
  line-height: 1.5;
}
.font40 {
  font-size: 40px !important;
  line-height: 1.5;
}
.font30 {
  font-size: 0.35rem;
  line-height: 1.5;
}
.font26 {
  font-size: 26px;
  line-height: 1.5;
}
.font22 {
  font-size: 22px;
  line-height: 1.5;
}
.font20 {
  font-size: 20px;
  line-height: 1.5;
}
.font18 {
  font-size: 18px;
  line-height: 1.6;
}
.font16 {
  font-size: 16px;
  line-height: 1.6;
}
.font16_1 {
  font-size: 16px;
  line-height: 1.6;
}
.font14 {
  font-size: 14px;
  line-height: 1.6;
}
.font13 {
  font-size: 13px;
  line-height: 1.4;
}
.font-gradient-blue_1 {
  background-image: -webkit-linear-gradient(left, #0071c2, #00a7ff 25%, #26b5ff);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-background-size: 200% 100%;
  display: inline-block;
}
.font-gradient-blue_2 {
  background: linear-gradient(to right top, #005EB1, #00C6FD);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  display: inline-block;
}
.font-gradient-blue_3 {
  background-image: linear-gradient(to right, #006fb6, #009eff);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-background-size: 100% 100%;
  display: inline-block;
}
.font-gradient-blue_4 {
  background-image: -webkit-linear-gradient(left, #0071c2, #00a7ff 25%, #26b5ff);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-background-size: 200% 100%;
  display: inline-block;
}
.font-gradient-blue_5 {
  background-image: linear-gradient(to top right, #26b5ff, #0071c2 75%, #0071c2);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-background-size: 200% 100%;
  display: inline-block;
}
.font-white {
  color: white!important;
  background-image: none;
  -webkit-text-fill-color: unset;
  -webkit-background-clip: initial;
  -webkit-background-size: 100% 100%;
}
.font-gray {
  color: #646464 !important;
  background-image: none;
  -webkit-text-fill-color: unset;
  -webkit-background-clip: initial;
  -webkit-background-size: 100% 100%;
}
.font-darkBlue {
  color: var(--dark-blue) !important;
  background-image: none;
  -webkit-text-fill-color: unset;
  -webkit-background-clip: initial;
  -webkit-background-size: 100% 100%;
}
.font-darkRed {
  color: #e83428 !important;
  background-image: none;
  -webkit-text-fill-color: unset;
  -webkit-background-clip: initial;
  -webkit-background-size: 100% 100%;
}
.titleA {
  background-image: -webkit-linear-gradient(left, #0071c2, #00a7ff 25%, #26b5ff);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-background-size: 200% 100%;
  display: inline-block;
  /*font-size: 0.66rem;*/  
  font-size: 44px !important;

  line-height: 1.5;
  font-family: "HYQiHeiX1-75W";
  text-transform: capitalize;
  font-family: "SohoGothicPro-Regular";
}
.titleB {
  font-size: 44px !important;
  line-height: 1.5;
  font-family: "HYQiHeiX1-75W";
  color: white;
  background-image: none;
  -webkit-text-fill-color: unset;
  -webkit-background-clip: initial;
  -webkit-background-size: 100% 100%;
  text-transform: capitalize;
  font-family: "SohoGothicPro-Regular";
}
.titleC {
  font-size: 40px !important;
  line-height: 1.5;
  font-family: "HYQiHeiX1-75W";
  color: white;
  background-image: none;
  -webkit-text-fill-color: unset;
  -webkit-background-clip: initial;
  -webkit-background-size: 100% 100%;
  text-transform: capitalize;
}
.titleD {
  font-size: 26px !important;
  line-height: 1.5;
  color: white;
  background-image: none;
  -webkit-text-fill-color: unset;
  -webkit-background-clip: initial;
  -webkit-background-size: 100% 100%;
  text-transform: capitalize;
}
.titleE {
  font-size: 26px !important;
  line-height: 1.5;
  color: var(--dark-blue) !important;
  background-image: none;
  -webkit-text-fill-color: unset;
  -webkit-background-clip: initial;
  -webkit-background-size: 100% 100%;
  text-transform: capitalize;
}
.titleF {
  font-size: 26px !important;
  line-height: 1.5;
  color: white;
  background-image: none;
  -webkit-text-fill-color: unset;
  -webkit-background-clip: initial;
  -webkit-background-size: 100% 100%;
  text-transform: capitalize;
}
.desc {
  font-size: 14px;
  line-height: 1.6;
  color: white;
  background-image: none;
  -webkit-text-fill-color: unset;
  -webkit-background-clip: initial;
  -webkit-background-size: 100% 100%;
}
.descSS {
  font-size: 14px;
  line-height: 1.6;
  color: white;
  background-image: none;
  -webkit-text-fill-color: unset;
  -webkit-background-clip: initial;
  -webkit-background-size: 100% 100%;
}
.sp_show {
  display: none;
}
.pc_show {
  display: block;
}
.t-center {
  text-align: center;
}
.t-left {
  text-align: left;
}
.t_Cap {
  text-transform: capitalize;
}
.t_Up {
  text-transform: uppercase;
}
@media screen and (min-width: 1920px) {
  .fontMM {
    font-size: 40px;
  line-height: 1.5;
    margin-top: 28px;
  }
  .fontSS {
    font-size: 40px;
  line-height: 1.5;
    margin-top: 28px;
  }
  .fontLL {
    font-size: 40px;
  line-height: 1.5;
    margin-top: 28px;
  }
 
}
@media screen and (min-width: 980px) and (max-width: 1280px) {
  .font26 {
    font-size: 22px;
  }
  /*.font44 {*/
  /*  font-size: 36px;*/
  /*}*/
  /*.font40 {*/
  /*  font-size: 30px;*/
  /*}*/
  .descSS {
    font-size: 12px;
  }
}
@media screen and (max-width: 980px) {
  .fontMM {
    font-size: 0.32rem;
  }
  .fontXL {
    font-size: 0.6rem;
  }
  .font44 {
    font-size: 0.48rem;
  }
  .font40 {
    font-size: 0.48rem!important;
  }
  .font26 {
    font-size: 0.32rem;
  }
  .font22 {
    font-size: 0.32rem;
  }
  .font20 {
    font-size: 0.32rem;
  }
  .font18 {
    font-size: 0.28rem;
  }
  .font16 {
    font-size: 0.28rem;
  }
  .font16_1 {
    font-size: 0.28rem;
  }
  .font14 {
    font-size: 0.28rem;
  }
  .font13 {
    font-size: 0.2rem;
    }
  .desc {
    font-size: 0.28rem;
  }
  .descSS {
    font-size: 0.24rem;
  }
  .titleA {
    font-size: 0.6rem !important;
  }
  .titleB {
    font-size: 0.6rem !important;
  }
  .titleC {
    font-size: 0.48rem !important;
  line-height: 1.5;
    font-family: "HYQiHeiX1-75W";
  }
  .titleD {
    font-size: 0.32rem !important;
  }
  .titleE {
    font-size: 0.32rem !important;
  }
  br.pc_only {
    display: none;
  }
  .sp_show {
    display: block !important;
  }
  .pc_show {
    display: none !important;
  }
  .sp_center {
    text-align: center!important;
    justify-content: center!important;
  }
  .sp_left {
    text-align: left !important;
    justify-content: left !important;
  }
  .sp_font-white {
    color: white!important;
    background-image: none;!important
    -webkit-text-fill-color: unset;
    -webkit-background-clip: initial;
    -webkit-background-size: 100% 100%;
  }
}
.mt0 {
  margin-top: 0 !important;
}
.pt0 {
  padding-top: 0px!important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt028rem {
  margin-top: 0.28rem !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt45 {
  margin-top: 45px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mt100 {
  margin-top: 100px !important;
}
.pb0 {
  padding-bottom: 0px!important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.pb0 {
  padding-bottom: 0px!important;
}
@media screen and (max-width: 980px) {
.spMt0 {
    margin-top: 0 !important;
  }
  .spMb0 {
    margin-bottom: 0 !important;
  }
  .spPt0 {
    padding-top: 0px!important;
  }
  .spPb0 {
    padding-bottom: 0px!important;
  }
  .spMt24rem {
    margin-top: 0.24rem !important;
  }
  .spMt32rem {
    margin-top: 0.32rem !important;
  }
  .spMt36rem {
    margin-top: 0.36rem !important;
  }
  .spMt48rem {
    margin-top: 0.48rem !important;
  }
  .spMt40rem {
    margin-top: 0.4rem !important;
  }
  .spMt5rem {
    margin-top: 0.5rem !important;
  }
  .spMb24rem {
    margin-bottom: 0.24rem !important;
  }
  .spMb32rem {
    margin-bottom: 0.32rem !important;
  }
  .spMb36rem {
    margin-bottom: 0.36rem !important;
  }
  .spMb48rem {
    margin-bottom: 0.48rem !important;
  }
  .spMb5rem {
    margin-bottom: 0.5rem !important;
  }
  .spPb0 {
    padding-bottom: 0px!important;
  }
    .sp-center{
      text-align: center !important;
      justify-content: center !important;

}
}
a.btn_showText {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-top: 30px;
  margin-top: 28px;
  background-image: url(../../images/module/arrow_blue_2_bottom.svg);
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
a.btn_showText:hover {
  background-image: url(../../images/module/arrow_top.svg);
}
.btn_showText.active {
  background-image: url(../../images/module/arrow_top.svg);
}
a.btn_normal {
  font-size: 18px;
  line-height: 41px;
  padding: 0px 30px;
  border-radius: 45px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  min-width: 150px;
  height: 45px;
  box-sizing: border-box;
  color: #fff;
  background-image: -webkit-linear-gradient(left, #006ec4, #00c9ff);
  text-transform: capitalize;
}
a.btn_normal:hover {
  color: #003863;
  border: 1px solid transparent;
  background-image: linear-gradient(to right, #fff, #fff), linear-gradient(155deg, #00A7FF, #0061A3);
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}
a.btn_white {
  font-size: 18px;
  line-height: 41px;
  height: 45px;
  padding: 0px 30px;
  border-radius: 45px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  min-width: 150px;
  box-sizing: border-box;
  color: #fff;
  border: 1px solid #fff;
  text-transform: capitalize;
}
a.btn_white:hover {
  background: linear-gradient(to right, #006ec0 0%, #00bdfc 100%);
  border: none;
}
a.btn.active {
  background: linear-gradient(to right, #006ec0 0%, #00bdfc 100%);
  border: none;
  padding: 11px 46px;
}
.btn_blue_1 {
  font-size: 18px;
  line-height: 41px;
  height: 45px;
  padding: 0px 30px;
  border-radius: 45px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  min-width: 150px;
  box-sizing: border-box;
  color: #003863;
  border: 1px solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to right, #fff, #fff), linear-gradient(155deg, #00A7FF, #0061A3);
  text-transform: capitalize;
}
.btn_blue_1:hover {
  border: 1px solid #ffffff;
  background: -webkit-linear-gradient(left, #00A7FF, #0061A3);
  color: #ffffff;
}
.btn_blue_2 {
  right: 0;
  bottom: 0px;
  display: inline-block;
  padding: 0px 10px;
  line-height: 41px;
  height: 45px;
  font-size: 18px;
  color: #003863;
  border-radius: 45px;
  text-align: center;
  min-width: 150px;
  text-transform: capitalize;
  background-image: url(../../images/module/cta-bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  box-sizing: border-box;
}
.btn_blue_2:hover {
  background: -webkit-linear-gradient(left, #00A7FF, #0061A3);
  color: #ffffff;
}
.btn_blue_3 {
  right: 0;
  bottom: 0px;
  display: inline-block;
  padding: 0px 10px;
  line-height: 41px;
  height: 45px;
  font-size: 18px;
  color: #003863;
  border-radius: 45px;
  text-align: center;
  min-width: 150px;
  text-transform: capitalize;
  background-image: url(../../images/module/cta-bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  box-sizing: border-box;
}
.btn_blue_3:hover {
  background: -webkit-linear-gradient(left, #00A7FF, #0061A3);
  color: #ffffff;
}
@media screen and (max-width: 980px) {
  .btn_showText {
    width: 0.6rem;
    height: 0.6rem;
    margin-top: 0.36rem;
  }
  a.btn_normal {
    padding: 0rem 0.35rem;
    font-size: 0.26rem;
    border-radius: 0.6rem;
    display: inline-block;
    left: 50%;
    min-width: 2rem;
    height: 0.6rem;
    line-height: 0.54rem;
    box-sizing: border-box;
  }
  a.btn_white {
    border-radius: 0.6rem;
    font-size: 0.26rem;
    padding: 0rem 0.35rem;
    min-width: 2rem;
    height: 0.6rem;
    line-height: 0.54rem;
    box-sizing: border-box;
  }
  .btn_blue_1 {
    font-size: 0.26rem;
    padding: 0rem 0.35rem;
    border-radius: 0.6rem;
    min-width: 2rem;
    height: 0.6rem;
    line-height: 0.54rem;
    box-sizing: border-box;
  }
  .btn_blue_2 {
    font-size: 0.26rem;
    padding: 0rem 0.15rem;
    min-width: 2rem;
    height: 0.6rem;
    line-height: 0.54rem;
    box-sizing: border-box;
  }
  .btn_blue_3 {
    font-size: 0.26rem;
    padding: 0rem 0.15rem;
    min-width: 2rem;
    height: 0.6rem;
    line-height: 0.54rem;
    box-sizing: border-box;
  }
}
.page .ani-text01 {
  opacity: 0;
  transform: translateY(30px);
  transition: transform 0.3s cubic-bezier(0.61, 1, 0.88, 1) 0.3s, opacity 0.3s cubic-bezier(0.61, 1, 0.88, 1) 0.3s;
}
.page .ani-text01.start {
  opacity: 1;
  transform: translateY(0px);
}
.page .ani-text-15 {
  opacity: 0;
  transform: translateY(30px);
  transition: transform 0.1s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.1s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 1.5s;
}
.page .ani-text-14 {
  opacity: 0;
  transform: translateY(30px);
  transition: transform 0.1s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.1s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 1.4s;
}
.page .ani-text-13 {
  opacity: 0;
  transform: translateY(30px);
  transition: transform 0.1s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.1s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 1.3s;
}
.page .ani-text-12 {
  opacity: 0;
  transform: translateY(30px);
  transition: transform 0.1s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.1s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 1.2s;
}
.page .ani-text-11 {
  opacity: 0;
  transform: translateY(30px);
  transition: transform 0.1s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.1s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 1.1s;
}
.page .ani-text-10 {
  opacity: 0;
  transform: translateY(30px);
  transition: transform 0.1s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.1s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 1s;
}
.page .ani-text-9 {
  opacity: 0;
  transform: translateY(30px);
  transition: transform 0.1s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.1s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 0.9s;
}
.page .ani-text-8 {
  opacity: 0;
  transform: translateY(30px);
  transition: transform 0.1s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.1s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 0.8s;
}
.page .ani-text-7 {
  opacity: 0;
  transform: translateY(30px);
  transition: transform 0.1s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.1s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 0.7s;
}
.page .ani-text-6 {
  opacity: 0;
  transform: translateY(30px);
  transition: transform 0.1s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.1s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 0.6s;
}
.page .ani-text-5 {
  opacity: 0;
  transform: translateY(30px);
  transition: transform 0.1s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.1s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 0.5s;
}
.page .ani-text-4 {
  opacity: 0;
  transform: translateY(30px);
  transition: transform 0.1s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.1s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 0.4s;
}
.page .ani-text-3 {
  opacity: 0;
  transform: translateY(30px);
  transition: transform 0.1s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.1s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 0.3s;
}
.page .ani-text-2 {
  opacity: 0;
  transform: translateY(30px);
  transition: transform 0.1s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.1s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 0.2s;
}
.page .ani-text-1 {
  opacity: 0;
  transform: translateY(30px);
  transition: transform 0.1s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.1s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 0.1s;
}
.page.active .ani-text-15 {
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.3s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 3s;
}
.page.active .anb_text-15 {
  transition: all 0.5s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 3s;
}
.page.active .ani-text-14 {
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.3s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 2.8s;
}
.page.active .anb_text-14 {
  transition: all 0.5s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 2.8s;
}
.page.active .ani-text-13 {
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.3s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 2.6s;
}
.page.active .anb_text-13 {
  transition: all 0.5s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 2.6s;
}
.page.active .ani-text-12 {
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.3s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 2.4s;
}
.page.active .anb_text-12 {
  transition: all 0.5s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 2.4s;
}
.page.active .ani-text-11 {
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.3s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 2.2s;
}
.page.active .anb_text-11 {
  transition: all 0.5s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 2.2s;
}
.page.active .ani-text-10 {
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.3s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 2s;
}
.page.active .anb_text-10 {
  transition: all 0.5s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 2s;
}
.page.active .ani-text-9 {
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.3s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 1.8s;
}
.page.active .anb_text-9 {
  transition: all 0.5s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 1.8s;
}
.page.active .ani-text-8 {
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.3s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 1.6s;
}
.page.active .anb_text-8 {
  transition: all 0.5s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 1.6s;
}
.page.active .ani-text-7 {
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.3s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 1.4s;
}
.page.active .anb_text-7 {
  transition: all 0.5s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 1.4s;
}
.page.active .ani-text-6 {
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.3s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 1.2s;
}
.page.active .anb_text-6 {
  transition: all 0.5s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 1.2s;
}
.page.active .ani-text-5 {
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.3s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 1s;
}
.page.active .anb_text-5 {
  transition: all 0.5s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 1s;
}
.page.active .ani-text-4 {
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.3s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 0.8s;
}
.page.active .anb_text-4 {
  transition: all 0.5s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 0.8s;
}
.page.active .ani-text-3 {
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.3s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 0.6s;
}
.page.active .anb_text-3 {
  transition: all 0.5s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 0.6s;
}
.page.active .ani-text-2 {
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.3s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 0.4s;
}
.page.active .anb_text-2 {
  transition: all 0.5s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 0.4s;
}
.page.active .ani-text-1 {
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.61, 1, 0.88, 1), opacity 0.3s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 0.2s;
}
.page.active .anb_text-1 {
  transition: all 0.5s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 0.2s;
}
.hover_shadow01 {
  transition: all 0.3s cubic-bezier(0.61, 1, 0.88, 1);
  pointer-events: auto;
}
.hover_shadow01:hover {
  transform: scale(1.02)!important;
  box-shadow: 5px 5px 10px rgba(0, 134, 225, 0.3) !important;
}
.hover_shadow02 {
  transition: all 0.3s cubic-bezier(0.61, 1, 0.88, 1);
  pointer-events: auto;
}
.hover_shadow02:hover {
  transform: scale(1.03)!important;
  box-shadow: 5px 5px 10px #98d0f9 !important;
}
.hover_text01:hover .hoverDarkBlue {
  color: var(--dark-blue) !important;
  background-image: none;
  -webkit-text-fill-color: unset;
  -webkit-background-clip: initial;
  -webkit-background-size: 100% 100%;
}
.hover_scale01 {
  transition: all 0.3s cubic-bezier(0.61, 1, 0.88, 1);
  pointer-events: auto;
}
.hover_scale01:hover {
  transform: scale(1.03);
}
.hover_translateY01 {
  transition: all 0.3s cubic-bezier(0.61, 1, 0.88, 1);
  transform: translateY(0px);
  pointer-events: auto;
}
.hover_translateY01:hover {
  transform: translateY(-10px);
}
.an_title {
  transform: translateY(20px);
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.61, 1, 0.88, 1) 0.5s;
}
.an_title.an_title__active {
  transform: translateY(0px);
  opacity: 1;
}
.an_title__delay {
  transform: translateY(20px);
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.61, 1, 0.88, 1) 0.5s;
}
.an_title__delay.an_title__active {
  transform: translateY(0px);
  opacity: 1;
}
.page[class*="module-"]{
  transform: translateY(20px);
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.61, 1, 0.88, 1) 0.5s;
}
.page.page_unAn {
  opacity: 1;
  transform: translateY(0px);
}
.page.active {
  opacity: 1;
  transform: translateY(0px);
}
.bg_white {
  background: #ffffff;
}
.bg_gray_01 {
  background: #f9f9f9;
}
.bg_gray_02 {
  background: #f3f3f3;
}
.n_w {
  white-space: nowrap;
}
/*an_opacity 只是简单的显示隐藏过度*/
.an_opacity {
  opacity: 0;
  visibility: hidden;
}
.page.active .an_opacity {
  opacity: 1;
  visibility: visible;
}
/*trasition_F 是柱形图片增长动画*/
@keyframes bg_toTop {
  0% {
    opacity: 0;
    visibility: hidden;
    height: 0%;
  }
  100% {
    opacity: 1;
    visibility: visible;
    height: 100%;
  }
}
.an_F {
  height: 0%;
  opacity: 0;
  visibility: hidden;
}
.page.active .an_F {
  height: 100%;
  opacity: 1;
  visibility: visible;
}
.bgToTop {
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 0px;
}
.bgToTop img {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0px;
}
/*
   trasition_G 是背景增长图片
   如果从右->左 right:0px
   如果从左->右 left:0px
   */
.bgToRight {
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0px;
}
.bgToRight img {
  height: 100%;
  width: auto;
  position: absolute;
  left: 0px;
}
.bgToLeft {
  height: 100%;
  overflow: hidden;
  position: absolute;
  right: 0px;
}
.bgToLeft img {
  height: 100%;
  width: auto;
  position: absolute;
  right: 0px;
}
.an_G {
  width: 0%;
  opacity: 0;
  visibility: hidden;
}
.page.active .an_G {
  width: 100%;
  opacity: 1;
  visibility: visible;
}
.text-overflow-news {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ts_banner_content .banner_Wrap {
    flex-direction: column;
    width: 1460px;
    max-width: calc(100% - 2rem);
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
.ts_banner_content .font40 {
        margin-bottom: 30px;
}
.ts_banner_content {
    width: 100%;
    position: relative;
    z-index: 2;
    padding: 100px 0;
    background: #fff;
}
.ts_banner_content.pd_0{
    padding-top: 0 !important;
}
@media screen and (min-width: 980px) and (max-width: 1280px) {
.ts_banner_content  .banner_Wrap {
        width: 980px !important;
    }
}
@media screen and (max-width: 980px) {
.ts_banner_content .banner_Wrap{
        max-width: calc(100% - 1rem) !important;
    }
}