#app {
  font-family: Avenir,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333
}

.header[data-v-86982cae] {
  position: fixed;
  top: 0;
  left: 0;
  height: 98px;
  width: 100%;
  color: #fff;
  z-index: 888
}

.lls-dropdown[data-v-86982cae] {
  color: inherit
}

.header_con[data-v-86982cae] {
  display: flex;
  justify-content: space-between;
  height: 100%
}

.logo[data-v-86982cae] {
  margin-top: 30px;
  height: 38px;
  width: 135px;
  background: url(../../static/img/logo-w.9ac70e80.svg) no-repeat 50%;
  background-size: contain;
  cursor: pointer
}

.nav_pc[data-v-86982cae] {
  height: 98px;
  display: flex;
  align-items: center
}

.nav_pc .nav_item[data-v-86982cae] {
  margin-right: 30px;
  cursor: pointer
}

.nav_pc .nav_item .txt-wrap[data-v-86982cae] {
  padding: 5px 0
}

.nav_pc .nav_item .txt[data-v-86982cae] {
  position: relative;
  font-size: 16px
}

.nav_pc .nav_item .txt[data-v-86982cae]:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -7px;
  transform: translateX(-50%);
  transition: width .3s ease;
  height: 2px;
  width: 0;
  background-color: #fff
}

.nav_pc .nav_item:hover .txt[data-v-86982cae]:after,.nav_pc .nav_item_active .txt[data-v-86982cae]:after {
  width: 100%
}

.login_btn[data-v-86982cae] {
  margin-top: 30px;
  width: 85px;
  height: 32px;
  font-weight: 500;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  background: hsla(0,0%,100%,.2);
  border: 1px solid #fff;
  border-radius: 4px
}

.login_btn .txt[data-v-86982cae] {
  display: block;
  height: 100%;
  line-height: 30px
}

.lang_con[data-v-86982cae] {
  position: relative;
  cursor: pointer
}

.lang_con i[data-v-86982cae] {
  margin-left: 8px;
  transition: transform .3s
}

.lang_con .rotateIcon[data-v-86982cae] {
  transform: rotate(180deg)
}

.lang_con .lang_btn_group[data-v-86982cae] {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  border: 1px solid #f3f4f6;
  border-radius: 4px
}

.lang_con .lang_btn_group .lang_btn_item[data-v-86982cae] {
  width: 64px;
  padding: 6px 16px;
  cursor: pointer
}

.lang_con .lang_btn_group .lang_btn_item[data-v-86982cae]:hover {
  color: #1d62cb;
  background-color: #fafafa
}

.nav_mobile[data-v-86982cae] {
  display: none;
  margin-top: 40px;
  height: 18px;
  width: 18px;
  background: url(../../static/img/menu-w.ece0ec38.svg) no-repeat 50%;
  background-size: contain
}

.header_w[data-v-86982cae] {
  color: #333
}

.header_w .logo[data-v-86982cae] {
  background-image: url(../../static/img/logo.6bec5bbc.svg)
}

.header_w .nav_pc .nav_item .txt[data-v-86982cae]:after {
  background-color: #1d62cb
}

.header_w .nav_mobile[data-v-86982cae] {
  background-image: url(../../static/img/menu.24e3d949.svg)
}

.header_w .login_btn[data-v-86982cae] {
  color: #1d62cb;
  border-color: #1d62cb
}

.nav_drawer .nav_mobile_menu[data-v-86982cae] {
  position: absolute;
  right: -365px;
  top: 0;
  width: 365px;
  height: 100vh;
  padding: 30px 40px;
  color: #333;
  background-color: #fff;
  transition: all .5s ease;
  z-index: 1
}

.nav_drawer .nav_mobile_menu_show[data-v-86982cae] {
  right: 0!important
}

.nav_drawer .mobile_menu_top[data-v-86982cae] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px
}

.nav_drawer .mobile_menu_top .mobile_logo[data-v-86982cae] {
  margin-top: 0;
  background-image: url(../../static/img/logo.6bec5bbc.svg)
}

.nav_drawer .mobile_menu_top .mobile_login[data-v-86982cae] {
  width: 85px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: hsla(0,0%,100%,.2);
  border: 1px solid #1d62cb;
  border-radius: 4px
}

.nav_drawer .mobile_menu_top .mobile_login a[data-v-86982cae] {
  color: #1d62cb
}

.nav_drawer .mobile_menu_top .nav_mobile[data-v-86982cae] {
  margin-top: 0;
  background-image: url(../../static/img/menu.24e3d949.svg)
}

.nav_drawer .mobile_menu_mid .lls-menu-vertical[data-v-86982cae] {
  border-right: 0;
  margin-left: -10px
}

.nav_drawer .mobile_menu_mid[data-v-86982cae] .lls-menu-item,.nav_drawer .mobile_menu_mid[data-v-86982cae] .lls-submenu__title {
  font-size: 15px
}

.nav_drawer .mobile_menu_mid[data-v-86982cae] .lls-submenu__title:hover {
  background-color: transparent
}

.nav_drawer .mobile_menu_mid[data-v-86982cae] .lls-submenu.is-active>.lls-submenu__title {
  font-weight: 400
}

.nav_drawer .mobile_menu_mid[data-v-86982cae] .lls-menu-item.is-active {
  color: #254b6f;
  font-weight: 400;
  background-color: transparent
}

.nav_drawer .mobile_menu_mid .nav_mobile_item[data-v-86982cae] {
  height: 32px;
  margin-bottom: 12px
}

.nav_drawer .mobile_menu_mid .nav_mobile_item .txt[data-v-86982cae] {
  display: block;
  width: 100%
}

.nav_drawer .mobile_menu_mid .nav_item_active[data-v-86982cae] {
  color: #1d62cb
}

.nav_drawer .mobile_menu_mid .nav_item_active .txt span[data-v-86982cae] {
  position: relative;
  display: inline-block
}

.nav_drawer .mobile_menu_mid .nav_item_active .txt span[data-v-86982cae]:after {
  content: "";
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #1d62cb
}

.nav_drawer .mobile_mask[data-v-86982cae] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background: rgba(18,42,75,.7)
}

.header_bg_mask[data-v-86982cae] {
  position: absolute;
  top: -100%;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 1px 6px 2px hsla(0,0%,86.7%,.24);
  transition: top .3s ease;
  z-index: -1
}

.header_bg_mask_down[data-v-86982cae] {
  top: 0
}

@media screen and (max-width: 767px) {
  .nav_pc[data-v-86982cae] {
    display:none
  }

  .nav_mobile[data-v-86982cae] {
    display: block
  }

  .nav_drawer .nav_mobile_menu[data-v-86982cae] {
    padding: 30px 25px;
    right: -325px;
    top: 0;
    width: 325px
  }
}

@media screen and (min-width: 768px)and (max-width:1079px) {
  .nav_pc[data-v-86982cae] {
    display:none
  }

  .nav_mobile[data-v-86982cae] {
    display: block
  }
}

@media screen and (min-width: 1300px) {
  .header[data-v-86982cae] {
    height:98px
  }
}

.footer[data-v-b8f9f8ba] {
  width: 100%;
  color: #fff;
  background-color: #122a4b
}

.footer_con[data-v-b8f9f8ba] {
  padding-top: 60px;
  display: flex;
  flex-wrap: wrap
}

.footer_con .tit[data-v-b8f9f8ba] {
  font-weight: 400;
  color: #a0aab7
}

.footer_item[data-v-b8f9f8ba] {
  margin-bottom: 60px;
  width: 188px
}

.footer_item .tit[data-v-b8f9f8ba] {
  margin-bottom: 40px;
  font-size: 16px;
  line-height: 24px
}

.footer_item ul>li[data-v-b8f9f8ba] {
  margin-bottom: 20px
}

.footer_item ul>li[data-v-b8f9f8ba]:last-child {
  margin-bottom: 0
}

.follow_list .follow_icon[data-v-b8f9f8ba] {
  position: relative;
  margin-right: 35px;
  display: inline-block;
  height: 30px;
  width: 30px;
  background: url(../../static/img/f-i-wechat.3b68cb80.svg) no-repeat 50%;
  background-size: cover;
  cursor: pointer
}

.follow_list .follow_icon[data-v-b8f9f8ba]:nth-child(2) {
  background-image: url(../../static/img/f-i-linkedin.f3a16a57.svg)
}

.follow_list .follow_icon a[data-v-b8f9f8ba] {
  display: inline-block;
  height: 30px;
  width: 30px
}

.follow_list .follow_icon .code[data-v-b8f9f8ba] {
  position: absolute;
  left: 0;
  bottom: calc(100% + 10px);
  height: 0;
  width: 0;
  border-radius: 4px;
  box-shadow: 0 1px 6px 2px hsla(0,0%,86.7%,.24);
  opacity: 0;
  transition: opacity .5s
}

.follow_list .follow_icon1:hover .code[data-v-b8f9f8ba] {
  height: 176px;
  width: 176px;
  opacity: 1
}

.follow_list .follow_icon1[data-v-b8f9f8ba]:hover:before {
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  height: 30px;
  width: 50px
}

.footer_logo[data-v-b8f9f8ba] {
  width: 135px;
  height: 38px;
  background: url(../../static/img/logo-w.9ac70e80.svg) no-repeat 50%;
  background-size: cover;
  cursor: pointer
}

@media screen and (max-width: 767px) {
  .footer[data-v-b8f9f8ba] {
    min-width:375px
  }

  .footer .tit[data-v-b8f9f8ba] {
    height: 48px;
    margin-bottom: 16px
  }

  .footer_item[data-v-b8f9f8ba] {
    width: 50%
  }
}

@media screen and (min-width: 768px)and (max-width:1299px) {
  .footer_item[data-v-b8f9f8ba] {
    margin-bottom:60px;
    width: 33.333%
  }
}

@media screen and (min-width: 1300px) {
  .footer_con[data-v-b8f9f8ba] {
    flex-wrap:nowrap
  }

  .footer_item[data-v-b8f9f8ba] {
    margin-right: 20px
  }

  .footer_logo[data-v-b8f9f8ba] {
    margin-left: 74px
  }
}

.layout .lls-drawer.rtl {
  width: 606px!important;
  border-radius: 0
}

.layout .drawer_scroll_outside {
  margin: 20px 0 0;
  height: 100vh
}

.layout .drawer_top {
  height: 60px;
  padding: 20px 103px 0
}

.layout .drawer_top .close_btn {
  margin-left: auto;
  height: 16px;
  width: 16px;
  background: url(../../static/img/close.c674d596.svg) no-repeat 50%;
  background-size: contain;
  cursor: pointer
}

.layout .drawer_scroll {
  padding-bottom: 80px;
  height: calc(100vh - 40px);
  overflow: auto
}

.layout .drawer_scroll::-webkit-scrollbar {
  width: 10px;
  height: 7px;
  background-color: #f4f4f4
}

.layout .drawer_scroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(0,0,0,.2)
}

.layout .drawer_con {
  position: relative;
  margin: 0 auto;
  padding: 0 103px
}

.layout .watchDemo_desc,.layout .watchDemo_tips {
  margin: 20px 0
}

.layout .watchDemo_submit {
  text-align: right
}

.layout .drawer_con2 .watchDemo_desc {
  width: 260px
}

.layout .lls-select {
  width: 100%
}

.layout .lls-form-item {
  margin-bottom: 10px
}

.layout .lls-form--label-top .lls-form-item__label {
  padding: 0
}

.layout .form_name {
  display: flex;
  justify-content: space-between
}

.layout .form_name .lls-form-item {
  width: calc(50% - 10px)
}

.layout .w20 {
  text-align: center
}

.capability[data-v-4a9a95c4] {
  padding: 60px 0
}

.capability .aboutUs_tit[data-v-4a9a95c4] {
  padding-bottom: 20px
}

.capability .aboutUs_con[data-v-4a9a95c4] {
  padding-bottom: 28px
}

.capability .aboutUs_con .aboutUs_item[data-v-4a9a95c4] {
  margin-bottom: 12px;
  display: flex
}

.capability .aboutUs_con .aboutUs_awards[data-v-4a9a95c4] {
  flex-shrink: 0;
  margin-right: 10px;
  height: 30px;
  width: 30px;
  background: url(../../static/img/awards.b7603510.svg) no-repeat 50%;
  background-size: contain
}

.capability .aboutUs_con .aboutUs_txt[data-v-4a9a95c4] {
  margin-top: 2px
}

.capability .aboutUs_con .aboutUs_txt_tips[data-v-4a9a95c4] {
  position: relative;
  margin-top: 10px;
  padding-left: 14px;
  font-weight: 400;
  font-style: normal
}

.capability .aboutUs_con .aboutUs_txt_tips[data-v-4a9a95c4]:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  height: 4px;
  width: 4px;
  background-color: #333;
  border-radius: 50%
}

.capability .aboutUs_btn[data-v-4a9a95c4] {
  height: 42px;
  width: 110px;
  font-weight: 500;
  line-height: 42px;
  text-align: center;
  color: #1d62cb;
  border: 1px solid #1d62cb;
  border-radius: 4px;
  cursor: pointer
}

.capability .w1440[data-v-4a9a95c4] {
  width: 100%;
  max-width: 100%
}

.capability .w1440 img[data-v-4a9a95c4] {
  display: none
}

@media screen and (max-width: 767px) {
  .aboutUs_tit[data-v-4a9a95c4] {
    font-size:36px;
    line-height: 44px
  }

  .aboutUs_txt[data-v-4a9a95c4] {
    font-size: 15px;
    line-height: 26px
  }
}

@media screen and (min-width: 1300px) {
  .capability[data-v-4a9a95c4] {
    height:663px
  }

  .capability .w1440[data-v-4a9a95c4] {
    position: relative;
    max-width: 1440px;
    margin: 0 auto
  }

  .capability .w1440 img[data-v-4a9a95c4] {
    display: block;
    position: absolute;
    z-index: -1;
    top: -60px;
    right: 0;
    height: 663px;
    width: auto
  }

  .capability .aboutUs_item .aboutUs_txt[data-v-4a9a95c4] {
    width: 566px
  }
}

.lls_partners[data-v-37fa5a2a] {
  padding: 60px 0;
  width: 100%;
  min-width: 325px;
  background-color: #fafafa
}

.partners_tit[data-v-37fa5a2a] {
  margin-bottom: 40px;
  text-align: center
}

.partners_con[data-v-37fa5a2a] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap
}

.partners_comp[data-v-37fa5a2a] {
  margin: 0 10px 20px;
  margin-bottom: 20px;
  height: 63px;
  width: 188px;
  background: url(../../static/img/comp1.2296e8bd.png) no-repeat 50%;
  background-size: contain
}

.partners_comp2[data-v-37fa5a2a] {
  background-image: url(../../static/img/comp2.97e3d135.png)
}

.partners_comp3[data-v-37fa5a2a] {
  background-image: url(../../static/img/comp3.7f3e2762.png)
}

.partners_comp4[data-v-37fa5a2a] {
  background-image: url(../../static/img/comp4.024216ee.png)
}

.partners_comp5[data-v-37fa5a2a] {
  background-image: url(../../static/img/comp5.0ffc1e8f.png)
}

.partners_comp6[data-v-37fa5a2a] {
  background-image: url(../../static/img/comp6.299239ef.png)
}

.partners_comp7[data-v-37fa5a2a] {
  width: 326px;
  background-image: url(../../static/img/comp7.462700cc.png)
}

.partners_comp8[data-v-37fa5a2a] {
  width: 260px;
  background-image: url(../../static/img/comp8.16bb0fc2.png)
}

.partners_comp9[data-v-37fa5a2a] {
  background-image: url(../../static/img/comp9.a247a35e.png)
}

@media screen and (max-width: 500px) {
  .partners_con[data-v-37fa5a2a] {
    min-width:341px;
    width: calc(100% - 34px);
    margin: 0 auto
  }
}

@media screen and (max-width: 767px) {
  .partners_tit[data-v-37fa5a2a] {
    font-size:36px;
    line-height: 44px
  }

  .partners_con[data-v-37fa5a2a] {
    justify-content: space-around
  }

  .partners_comp[data-v-37fa5a2a] {
    margin: 0 8px 20px;
    width: 154px;
    height: 52px
  }

  .partners_comp7[data-v-37fa5a2a] {
    width: 274.25px
  }

  .partners_comp8[data-v-37fa5a2a] {
    width: 218.73px
  }

  .partners_comp9[data-v-37fa5a2a] {
    width: 158.16px
  }
}

@media screen and (min-width: 768px)and (max-width:1227px) {
  .partners_con[data-v-37fa5a2a] {
    justify-content:space-around
  }
}

@media screen and (min-width: 1228px)and (max-width:1248px) {
  .partners_comp1[data-v-37fa5a2a] {
    margin-left:0
  }

  .partners_comp6[data-v-37fa5a2a] {
    margin-right: 0
  }
}

.thumb-example[data-v-36f57bfa] {
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: 564px;
  background-color: #fff;
  position: relative
}

.thumb-example .swiper-pagination-posi[data-v-36f57bfa] {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto
}

.thumb-example .swiper-pagination-posi .swiper-pagination[data-v-36f57bfa] {
  top: 420px;
  left: 0;
  margin: auto
}

.thumb-example .swiper-pagination-posi .swiper-pagination span[data-v-36f57bfa] {
  margin-right: 10px
}

.thumb-example .swiper-pagination-posi .swiper-pagination[data-v-36f57bfa].swiper-pagination-bullet {
  border-radius: 0!important;
  background: #fff!important;
  opacity: 1;
  margin-right: 10px
}

.thumb-example .swiper-pagination-posi .swiper-pagination[data-v-36f57bfa].swiper-pagination-bullet-active {
  background-color: #1d62cb!important
}

.swiper[data-v-36f57bfa] {
  height: 100%;
  width: 100%;
  margin-bottom: 10px
}

.swiper .swiper-slide[data-v-36f57bfa] {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  color: #fff
}

.swiper .slide1[data-v-36f57bfa] {
  background-image: url(../../static/img/Payment&FX_Banner.6de53a95.png)
}

.swiper .slide2[data-v-36f57bfa] {
  background-image: url(../../static/img/DigitalTrade_Banner.42ebf756.png)
}

.swiper .slide3[data-v-36f57bfa] {
  background-image: url(../../static/img/DigitalFinance_Banner.887b3d94.png)
}

.swiper .slide4[data-v-36f57bfa] {
  background-image: url(../../static/img/InternationTrade_HomeBanner.50e2940a.png)
}

.swiper .banner_tit[data-v-36f57bfa] {
  padding: 198px 0 20px;
  white-space: nowrap
}

.swiper .banner_desc[data-v-36f57bfa] {
  margin-bottom: 40px
}

.swiper .banner_btn_group[data-v-36f57bfa] {
  display: flex;
  align-items: center
}

.swiper .banner_btn_group>span[data-v-36f57bfa] {
  margin-left: 30px;
  margin-right: 41px;
  color: #a0aab7
}

.swiper .banner_btn_group .banner_login[data-v-36f57bfa] {
  height: 42px;
  width: 125px;
  font-weight: 500;
  color: var(--whiteColor);
  text-align: center;
  line-height: 42px;
  border: 1px solid var(--whiteColor);
  border-radius: 4px;
  cursor: pointer
}

.swiper .banner_btn_group .banner_login[data-v-36f57bfa]:hover {
  color: var(--themeBGColor);
  background-color: var(--whiteColor)
}

.swiper .banner_btn_group .banner_watchDemo[data-v-36f57bfa] {
  display: flex;
  align-items: center;
  height: 42px;
  width: 158px;
  line-height: 42px;
  background: hsla(0,0%,100%,.08);
  border-radius: 21px 4px 4px 21px;
  cursor: pointer
}

.swiper .banner_btn_group .banner_watchDemo i[data-v-36f57bfa] {
  margin-right: 15px;
  height: 42px;
  width: 42px;
  border-radius: 50%;
  background: url(data:image/png;base64,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) no-repeat 50%;
  background-size: contain
}

.swiper .banner_btn_group .banner_watchDemo:hover i[data-v-36f57bfa] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH4AAAB+CAYAAADiI6WIAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAeLSURBVHgB7Z3tcds4EIZfZe7/JRUYqiBxBaEriFOB5QouruCkCpJUYLmCSyqwUsH5KjBTQZwKdFhx6YFokuIXSCy4zwwsUZESxS93F1gAiwUiY7/fG/vwzjZ6PLPtNT83/BZT8dHUtien0fVP2x7oerFYPCAiFhCMFZlETWx7j0xsaq/hB7oZHrj9oEd7M6QQijjhrdiJffiATPB3mBa6CXa2fbc3wQ6CECG8I/YK/iy6Lymym+BOwk0QrPDsxv9CJraBLFLbNrbtQg0HwQnP1n1l2yXCte42bG3bSO4PeIUEt+1+Hy+3+2zEEQSTWzz/Mm6RddbmwBYBeIBXmAgr+GvbPtunj5iP6MTKtsepPcAkFm//wyv7QKLHEMP7kCKz/i1GZlThZ+jWm7LFyO5/NFdvRaee+r9Q0ctY2XbPnnAUvAvvxPIt1LXXYWyjuP95n+UwvOLV1bNrv4e8BMzUpLZd+HT93ix+nyViyLUbKG0xyFx/Ak94Ed5+YUq1kqWra++OQSb+3/DA4MLzF/0CZSjWPsQfNMbzF1xD8cHaxvwNBmIw4VX0URhM/EGEV9FHZRDxewuvok9Cb/F7Ca+iT8qNFb9zJ7qz8DzGvIcyJRddl3l1El4zcsFAK3/Pu2T4WgvPeWTNyIVDikz8pzYf6pLAobhuoISCQaZJK1pZPE8b3kIJkZW1+rumb24svMb14GkV79u4enXxYUN9r8beuJHw7OJXUEInabqK56SrVxcvDnL5y1O9/CYWry5eFuTyT/byay2erf0RikSWdR29UxbvZfWHMgq1Hb1Ki1drj4LKXH6dxau1y6dSw1KLV2uPilKrr7J4tfZ4uCp78YXFq7VHR+m4vsziEygxQeP6T8UXyyyerN1AiYnUWvzSfeHI4nk5lYFMUmTlx5SXmOJ2rKKrv4I8UmQ9V4pj5/b5kl9Tjrl0L4rCJ5DHxh2uUJqS3do19AZwOTLq5xgvddWsFbku+5h3bHR4mvE8pnct/hKRQUMY29bI3H/jZUkR86yxK/x7RAq7/5V9eoF5u/9njQ9uUnLSps7VV8GrVOa6zuANecLc4qeuAj0qXF6MrH+O7j+hH6/ciznhuP+5xf+EfuTCv8VMcW6AuQz/DlrnMf4XhNar6RLj67C/Cxr+UQ0fgzihkc6bV/Y/6vM4D3Hw1uOY4z/VHTwjV6+iFyjE/xjz/+ck/Kx69G3gG4Dy/7HFf0PCGyi10PCP8/+DFB4KgIPwZ1AaEVH690+N8S1x4j+FgBQyMSp8R+jkScHTvyp8X5z0r6j4v6DjkSCYoRM4feDJrn8gYKSkwg8ML/6gmc6gPelkp1DFCq9fD77Xr8LPFBV+YNjVf0DgqPADIqlsDAmfQukFn7RFS7mo4qeEuY/0Dyi9EHpq5pNafEf2fPo1spIj0pJgT2TxP6E0huM4ufUV5PKbhG9V9XiucG+dlmTR0izpae5DjE+h1GJFpx0oFMcN4iDVGF+DE8cp/24QDw9k8bqnvAC7dYrjnxAnT7q8ugCPx2OI41Vky6v5YvZWz26dZtXWiHuNwkHrXPj/MFNoeMZxfC4Vug9a58LvMDM4zUo9dbLyBPNhRz/yGE+u7RcE0nGbNI3H15jnsrMlLRg9WDwvHog+znMcp4kU2iY1R9Ef8lLm7rTsD0RKIY7PeefQs8au8N8gEA5TlX/mTJcmUJ41PoqPQsfzF2XVmYVOl/rkqLplcQWOxK1BtzxjdkD4dKlPdu5F0eITyD0hmjqnJLSBUsaRZ9QixvOgvogxM8dKULHzYntXmcWL2AmitOLFUWQvLJ6TOd+hxMJ2UXL+XNVhRAnkdvKUY5ZlwpduqODe3w6KdEqtnagr+Z1ArV46yyrhK7dQqdWLp9LaCT1UOF6WnQ8V5g9+hSKNWmsnTi5i0HG9OFJk6dm07k0nt0nzuP4GihQ2p0QnGi9b4hmvBErIkIu/bvLGNsIbZAsa1OWHSYoGLj6ncUUM/gvV5YfLpqnoRKtSKFzMT3v54fGVtWlMl6XJ5OrJ5RsoIZDadr4oHBN+itbFj/gfoBKeuq9+elJkcb21Fp2qXnEs+Qhlaq7bxHWXzuXOOJevnb3pODpMuS296tzxwT2xnNogiQ0fmtCZQfaW2w7fGnpi81j0Fp0YrKiAij8Kg4hODF1NYg0V3xeDiU4MXutdxffCoKITXor8q/iDcsOd6EHxdroDr9mj/WsGShcoKfOxz5CtDq/Hekgq4x0YKVrMtHXBa716/uJ0PptO7DSHflfnPkUnRjvIh/erU9w3UMo4rHRqO8vWldGEJ9j1r227guKyQ4+8exdGPZrEOZ4zttOZu0JWToJfjCk6McmZNM7pjHPekk2xfDmWay8yqqsvY4buf4eR3XrQcEmy7T5e7vdZbiMIJrf4Ivu4PADFcCoxducrEdOV4ITP4RsggcwhYIqs//Kly7KoMQhWeBd2kSvb3iPcmyA/U/ZbaNZdhgjhXfgmuER2E0xdnpRKrFGZUBFiu4gT3oXDAYmf2PaWn/va6ZMXeqZ67ztqobrxJogWvgx7M+Ti06Ox7Yyv82YqPpo6j9R+O88fYht+/Q8JJYOdlaKZ6wAAAABJRU5ErkJggg==)
}

@media screen and (max-width: 767px) {
  .banner_tit[data-v-36f57bfa] {
    padding-top:188px
  }

  .banner_desc[data-v-36f57bfa] {
    margin-bottom: 20px;
    height: 48px
  }

  .banner_btn_group[data-v-36f57bfa] {
    display: flex;
    align-items: center
  }

  .banner_btn_group>span[data-v-36f57bfa] {
    margin-left: 10px!important;
    margin-right: 21px!important;
    color: #a0aab7
  }
}

@media screen and (min-width: 768px)and (max-width:1299px) {
  .banner_tit[data-v-36f57bfa] {
    font-size:42px;
    line-height: 50px
  }

  .banner_desc[data-v-36f57bfa] {
    font-size: 20px;
    line-height: 26px
  }
}

@media screen and (min-width: 1300px) {
  .banner_tit[data-v-36f57bfa] {
    font-size:42px;
    line-height: 50px
  }

  .banner_desc[data-v-36f57bfa] {
    font-size: 20px;
    line-height: 26px
  }
}

.exchangeRate_con[data-v-64663e8e] {
  padding: 60px 0
}

.exchangeRate_top[data-v-64663e8e] {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.exchangeRate_top .exchangeRate_more[data-v-64663e8e] {
  display: flex;
  align-items: center;
  align-self: flex-end;
  margin-bottom: 8px;
  font-weight: 500;
  color: #1d62cb;
  cursor: pointer
}

.exchangeRate_top .exchangeRate_more span[data-v-64663e8e] {
  margin-right: 8px
}

.exchangeRate_top .exchangeRate_more i[data-v-64663e8e] {
  width: 42px;
  height: 10px;
  background: url(../../static/img/arrow.71916a3d.svg) no-repeat 50%;
  background-size: cover
}

.exchangeRate_describe[data-v-64663e8e] {
  margin-top: 20px;
  margin-bottom: 40px
}

.exchangeContent_outside[data-v-64663e8e] {
  position: relative
}

.exchangeContent_top[data-v-64663e8e] {
  margin-bottom: 20px;
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  align-items: center
}

.exchangeContent_top .switch_btn_m[data-v-64663e8e] {
  margin: 0 30px;
  height: 20px;
  width: 20px;
  background: url(../../static/img/switch.59d6db45.svg) no-repeat 50%;
  background-size: contain;
  cursor: pointer
}

.exchangeContent_top .switch_btn_l[data-v-64663e8e],.exchangeContent_top .switch_btn_r[data-v-64663e8e] {
  height: 42px;
  background-color: #f3f4f6;
  border-radius: 4px
}

.exchangeContent_top .lls-select[data-v-64663e8e] {
  width: 230px;
  height: 42px
}

.exchangeContent_top .lls-select[data-v-64663e8e] .lls-input {
  height: 42px
}

.exchangeContent_top[data-v-64663e8e] input {
  font-size: 13px;
  padding: 11px 16px;
  border: 0;
  background-color: #f3f4f6;
  width: 100%;
  height: 42px
}

.exchangeContent_inside[data-v-64663e8e] {
  display: flex
}

.exchangeContent_left[data-v-64663e8e] {
  flex: 1
}

.date_change[data-v-64663e8e] {
  margin-bottom: 20px;
  width: 156px;
  height: 42px;
  position: relative;
  display: flex;
  align-items: center
}

.date_change .date1[data-v-64663e8e] {
  margin-right: 30px;
  width: 66px;
  white-space: nowrap;
  cursor: pointer
}

.date_change .date2[data-v-64663e8e] {
  width: 56px;
  white-space: nowrap;
  cursor: pointer
}

.date_change .curTime[data-v-64663e8e] {
  font-weight: 600
}

.date_change .date_line[data-v-64663e8e] {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 66px;
  background-color: #1d62cb;
  transition: left .3s
}

.date_change .date_line2[data-v-64663e8e] {
  left: 95px;
  width: 56px
}

.exchange_rate_group[data-v-64663e8e] {
  display: flex;
  align-items: center;
  font-family: Rubik
}

.exchange_rate_group .rate[data-v-64663e8e] {
  margin-left: 5px;
  margin-right: 30px;
  font-size: 16px
}

.exchange_rate_group .time[data-v-64663e8e] {
  color: #8d959f
}

#charts1[data-v-64663e8e] {
  width: 100%;
  height: 100%;
  min-height: 213px
}

.exchangeContent_right[data-v-64663e8e] {
  margin-left: 20px;
  padding: 15px;
  width: 189px;
  background: rgba(243,244,246,.2);
  border: 1px solid #f3f4f6;
  border-radius: 4px
}

.exchangeContent_right li[data-v-64663e8e] {
  height: 10%;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.exchangeContent_right li span[data-v-64663e8e]:first-child {
  font-family: Rubik
}

.exchangeContent_right li span[data-v-64663e8e]:nth-child(2) {
  color: #8d959f
}

@media screen and (max-width: 767px) {
  .exchangeRate_top h3[data-v-64663e8e] {
    font-size:36px;
    line-height: 44px
  }

  .exchangeRate_top .exchangeRate_more>span[data-v-64663e8e] {
    display: none
  }

  .exchangeContent_top .switch_btn_m[data-v-64663e8e] {
    margin: 0 20px
  }

  .exchangeContent_top .lls-select[data-v-64663e8e] {
    width: 100%
  }

  .exchangeContent_top .lls-select[data-v-64663e8e] .lls-input {
    width: 80px
  }

  .exchangeContent_top[data-v-64663e8e] input {
    width: 66px;
    height: 100%
  }

  .exchangeContent_right[data-v-64663e8e] {
    display: none!important
  }

  .exchange_rate_group[data-v-64663e8e] {
    flex-wrap: wrap
  }
}

@media screen and (min-width: 1300px) {
  .exchangeContent_top[data-v-64663e8e] {
    position:absolute
  }

  .date_change[data-v-64663e8e] {
    margin-left: auto;
    margin-bottom: 40px
  }
}

.home .introduce[data-v-71e9900f] {
  color: #fff;
  width: 100%;
  background-color: #122a4b
}

.home .introduce_con[data-v-71e9900f] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center
}

.home .introduce_con .introduce_item[data-v-71e9900f] {
  margin-bottom: 60px;
  padding: 0 10px
}

.home .introduce_con .introduce_line[data-v-71e9900f] {
  margin: 0 auto 44.5px;
  height: 15px;
  width: 1px;
  background-color: #a0aab7
}

.home .introduce_con .introduce_txt[data-v-71e9900f] {
  margin: 0 auto
}

.home .business[data-v-71e9900f] {
  padding: 60px 0;
  color: #fff;
  text-align: center;
  background: linear-gradient(226.94deg,#1e60c7 8.64%,#4ab5f1 96.24%)
}

.home .business .business_con[data-v-71e9900f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap
}

.home .business .business_item[data-v-71e9900f] {
  height: 100%;
  background: url(../../static/img/business_bg1.05c2dc75.png) no-repeat 50%;
  background-size: cover;
  border: 1px solid rgba(141,213,254,.3);
  border-radius: 4px;
  position: relative;
  cursor: pointer
}

.home .business .business_item[data-v-71e9900f]:hover {
  background-color: rgba(5,51,115,.1)
}

.home .business .business_item .business_name[data-v-71e9900f] {
  margin-bottom: 20px
}

.home .business .business_item .business_txt[data-v-71e9900f] {
  margin: 0 auto;
  height: calc(100% - 70px)
}

.home .business .business_item .business_arrow[data-v-71e9900f] {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  margin: auto;
  height: 10px;
  width: 42px;
  background: url(../../static/img/arrow-w.a93f8e6a.svg) no-repeat 50%;
  background-size: cover
}

.home .business .business_item[data-v-71e9900f]:nth-child(2) {
  background-image: url(../../static/img/business_bg2.0cb04572.png)
}

.home .business .business_item[data-v-71e9900f]:nth-child(3) {
  background-image: url(../../static/img/business_bg3.7b29b158.png)
}

.home .partners[data-v-71e9900f] {
  background-color: #fafafa
}

@media screen and (max-width: 767px) {
  .introduce_item[data-v-71e9900f] {
    width:100%
  }

  .business_item[data-v-71e9900f] {
    width: 100%;
    padding: 40px 20px;
    min-height: 242px;
    margin-bottom: 20px
  }

  .business_item[data-v-71e9900f]:nth-child(3) {
    margin-bottom: 0
  }
}

@media screen and (min-width: 768px)and (max-width:1299px) {
  .introduce_item[data-v-71e9900f] {
    width:33.3%
  }

  .business_con .business_item[data-v-71e9900f] {
    width: calc(25% - 10px);
    padding: 40px 20px;
    min-height: 440px
  }

  .business_con>div[data-v-71e9900f]:nth-child(2) {
    margin-left: 10px;
    margin-right: 10px
  }

  .business_con>div[data-v-71e9900f]:nth-child(3) {
    margin-right: 10px
  }
}

@media screen and (min-width: 1200px) {
  .partners .w[data-v-71e9900f] {
    width:100%;
    max-width: 1248px
  }
}

@media screen and (min-width: 1300px) {
  .home[data-v-71e9900f] {
    min-height:calc(100vh - 340px)
  }

  .home .introduce[data-v-71e9900f] {
    height: 266px
  }

  .home .introduce_item[data-v-71e9900f] {
    width: 33.3%
  }

  .home .introduce_con .introduce_txt[data-v-71e9900f] {
    width: 398px;
    margin-top: 20px;
    margin-bottom: 60px
  }

  .home .business[data-v-71e9900f] {
    height: 386px
  }

  .home .business .business_item[data-v-71e9900f] {
    width: calc(25% - 10px);
    min-height: 280px;
    padding: 38px
  }

  .home .business .business_item .business_txt[data-v-71e9900f] {
    width: 256px
  }

  .home .partners[data-v-71e9900f].partners_comp9 {
    margin-right: 0
  }
}

.kt-main[data-v-6d443f18] {
  padding: 24px
}

.kt-main .kt-r-lab[data-v-6d443f18] {
  font-size: 20px;
  color: #202d40;
  margin-bottom: 12px;
  font-weight: 600
}

.kt-main .kt-r-msg[data-v-6d443f18] {
  font-size: 14px;
  color: #8492a6;
  margin-bottom: 36px
}

.kt-main .kt-form-item[data-v-6d443f18] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px
}

.kt-main .kt-form-item .kt-opt[data-v-6d443f18] {
  width: calc(50% - 8px)
}

.kt-main .kt-form-long[data-v-6d443f18] {
  margin-bottom: 24px
}

.kt-main .kt-xy[data-v-6d443f18] {
  font-size: 14px;
  color: #8492a6;
  margin-bottom: 36px
}

.kt-main .kt-xy span[data-v-6d443f18] {
  color: #0069ff;
  cursor: pointer
}

.kt-main .kt-btn[data-v-6d443f18] {
  height: 50px;
  width: 100%;
  font-size: 18px;
  letter-spacing: 4px
}

.head-main[data-v-5aa85e50] {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
  width: 100%;
  z-index: 10
}

.head-main .head-row[data-v-5aa85e50] {
  display: flex;
  align-items: center;
  justify-content: space-between
}

@media screen and (min-width: 1366px) {
  .head-main .head-row[data-v-5aa85e50] {
    width:1280px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .head-main .head-row[data-v-5aa85e50] {
    width:1280px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .head-main .head-row[data-v-5aa85e50] {
    width:100%
  }
}

@media screen and (max-width: 1060px) {
  .head-main .head-row[data-v-5aa85e50] {
    width:100%
  }
}

@media screen and (max-width: 500px) {
  .head-main .head-row[data-v-5aa85e50] {
    width:100%
  }
}

.head-main .head-row .head-l[data-v-5aa85e50] {
  display: flex;
  align-items: center
}

.head-main .head-row .head-l img[data-v-5aa85e50] {
  margin-right: 8px
}

.head-main .head-row .head-l .logo-line[data-v-5aa85e50] {
  border-left: 1px solid #e3e8f0;
  padding-left: 12px;
  color: #8492a6;
  font-size: 14px
}

.head-main .head-row .head-l .menu-row[data-v-5aa85e50] {
  margin-left: 36px;
  display: flex;
  color: #202d40;
  font-weight: 600;
  font-size: 16px;
  text-shadow: 0 4px 8px 0 rgba(0,0,0,.1)
}

.head-main .head-row .head-l .menu-row div[data-v-5aa85e50] {
  margin-right: 36px;
  cursor: pointer
}

.head-main .head-row .head-l .menu-row>.active-tab[data-v-5aa85e50] {
  color: #2564fd
}

.head-main .head-row .head-r[data-v-5aa85e50] {
  height: 42px;
  background-color: #2564fd;
  border-radius: 4px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
  padding: 0 24px;
  color: #fff;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.head-row[data-v-a81af492] {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 10;
  position: fixed;
  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.1)
}

@media screen and (min-width: 1366px) {
  .head-row[data-v-a81af492] {
    width:1280px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .head-row[data-v-a81af492] {
    width:1280px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .head-row[data-v-a81af492] {
    width:100%
  }
}

@media screen and (max-width: 1060px) {
  .head-row[data-v-a81af492] {
    width:100%
  }
}

@media screen and (max-width: 500px) {
  .head-row[data-v-a81af492] {
    width:100%
  }
}

.head-row .head-l[data-v-a81af492] {
  display: flex;
  align-items: center;
  font-size: 17px;
  font-weight: 600;
  color: #202d40;
  flex: 1
}

.head-row .head-l img[data-v-a81af492] {
  margin-right: 4px;
  height: 40px;
  margin-left: 8px
}

.head-row .head-r[data-v-a81af492] {
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center
}

.head-row .head-r div[data-v-a81af492] {
  height: 36px;
  background-color: #2564fd;
  border-radius: 4px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
  padding: 0 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center
}

.head-row .head-r i[data-v-a81af492] {
  padding: 0 10px
}

.head-row .nav_drawer .nav_mobile_menu[data-v-a81af492] {
  position: absolute;
  top: 0;
  height: 100vh;
  color: #333;
  background-color: #fff;
  transition: all .5s ease;
  z-index: 1
}

@media screen and (min-width: 1366px) {
  .head-row .nav_drawer .nav_mobile_menu[data-v-a81af492] {
    width:386px;
    right: -386px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .head-row .nav_drawer .nav_mobile_menu[data-v-a81af492] {
    width:386px;
    right: -386px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .head-row .nav_drawer .nav_mobile_menu[data-v-a81af492] {
    width:386px;
    right: -386px
  }
}

@media screen and (max-width: 1060px) {
  .head-row .nav_drawer .nav_mobile_menu[data-v-a81af492] {
    width:386px;
    right: -386px
  }
}

@media screen and (max-width: 500px) {
  .head-row .nav_drawer .nav_mobile_menu[data-v-a81af492] {
    width:376px;
    right: -376px
  }
}

.head-row .nav_drawer .nav_mobile_menu_show[data-v-a81af492] {
  right: 0!important
}

.head-row .nav_drawer .mobile_menu_top[data-v-a81af492] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
  padding: 10px
}

.head-row .nav_drawer .mobile_menu_top .mobile_logo[data-v-a81af492] {
  display: flex;
  align-items: center;
  font-size: 17px;
  font-weight: 600;
  color: #202d40
}

.head-row .nav_drawer .mobile_menu_top .mobile_logo img[data-v-a81af492] {
  margin-right: 4px;
  height: 40px;
  margin-left: 8px
}

.head-row .nav_drawer .mobile_menu_top .applyBtn[data-v-a81af492] {
  height: 36px;
  background-color: #2564fd;
  border-radius: 4px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
  padding: 0 12px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center
}

.head-row .nav_drawer .mobile_menu_top .closeBtn[data-v-a81af492] {
  font-weight: 900
}

.head-row .nav_drawer .mobile_menu_mid[data-v-a81af492] {
  padding: 30px 20px
}

.head-row .nav_drawer .mobile_menu_mid .lls-menu-vertical[data-v-a81af492] {
  border-right: 0;
  margin-left: -10px
}

.head-row .nav_drawer .mobile_menu_mid[data-v-a81af492] .lls-menu-item {
  font-size: 15px
}

.head-row .nav_drawer .mobile_menu_mid[data-v-a81af492] .lls-menu-item:hover {
  color: #2564fd
}

.foot-main[data-v-2d83fa3e] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 36px 0
}

.foot-main .foot-row[data-v-2d83fa3e] {
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between
}

@media screen and (min-width: 1366px) {
  .foot-main .foot-row[data-v-2d83fa3e] {
    width:1280px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .foot-main .foot-row[data-v-2d83fa3e] {
    width:1280px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .foot-main .foot-row[data-v-2d83fa3e] {
    width:100%
  }
}

@media screen and (max-width: 1060px) {
  .foot-main .foot-row[data-v-2d83fa3e] {
    width:100%
  }
}

@media screen and (max-width: 500px) {
  .foot-main .foot-row[data-v-2d83fa3e] {
    width:100%
  }
}

.foot-main .foot-row .foot-l[data-v-2d83fa3e] {
  display: flex
}

.foot-main .foot-row .foot-l .fl-b[data-v-2d83fa3e] {
  color: #202d40;
  font-size: 16px;
  margin-right: 48px
}

.foot-main .foot-row .foot-l .fl-b div[data-v-2d83fa3e] {
  margin-bottom: 24px;
  cursor: pointer
}

.foot-main .foot-row .foot-l .fl-b div a[data-v-2d83fa3e]:hover {
  color: #2564fd
}

.foot-main .foot-row .foot-l .fl-b div[data-v-2d83fa3e]:first-child {
  font-weight: 600;
  font-size: 18px;
  cursor: none
}

.foot-main .foot-row .foot-r[data-v-2d83fa3e] {
  display: flex;
  margin-right: 36px
}

.foot-main .foot-row .foot-r .fr-info[data-v-2d83fa3e] {
  margin-right: 100px
}

.foot-main .foot-row .foot-r .fr-info>img[data-v-2d83fa3e] {
  margin-bottom: 24px
}

.foot-main .foot-row .foot-r .fr-info .fr-cont[data-v-2d83fa3e] {
  display: flex;
  align-items: center;
  color: #202d40;
  font-size: 14px;
  margin-bottom: 24px
}

.foot-main .foot-row .foot-r .fr-info .fr-cont img[data-v-2d83fa3e] {
  width: 16px;
  margin-right: 8px
}

.foot-main .foot-row .foot-r .fr-info .fr-cont span[data-v-2d83fa3e]:nth-child(3) {
  width: 300px;
  margin-left: 16px
}

.foot-main .foot-row .foot-r .fr-wx[data-v-2d83fa3e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  color: #202d40
}

.foot-main .foot-row .foot-r .fr-wx img[data-v-2d83fa3e] {
  margin-bottom: 8px;
  width: 120px
}

.foot-row[data-v-724efc90] {
  padding: 36px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between
}

@media screen and (min-width: 1366px) {
  .foot-row[data-v-724efc90] {
    width:1280px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .foot-row[data-v-724efc90] {
    width:1280px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .foot-row[data-v-724efc90] {
    width:100%
  }
}

@media screen and (max-width: 1060px) {
  .foot-row[data-v-724efc90] {
    width:100%
  }
}

@media screen and (max-width: 500px) {
  .foot-row[data-v-724efc90] {
    width:100%
  }
}

.foot-row .fr-info[data-v-724efc90] {
  margin-right: 20px
}

.foot-row .fr-info>img[data-v-724efc90] {
  margin-bottom: 24px
}

.foot-row .fr-info .fr-cont[data-v-724efc90] {
  display: flex;
  align-items: center;
  color: #202d40;
  font-size: 14px;
  margin-bottom: 12px
}

.foot-row .fr-info .fr-cont img[data-v-724efc90] {
  width: 16px;
  margin-right: 8px
}

.foot-row .fr-wx[data-v-724efc90] {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
  color: #202d40
}

.foot-row .fr-wx img[data-v-724efc90] {
  margin-bottom: 8px;
  width: 100px
}

@media screen and (max-width: 767px) {
  .layout .lls-drawer.rtl {
    width:325px!important;
    border-radius: 0
  }

  .layout .drawer_top {
    padding: 20px 25px 0
  }

  .layout .drawer_scroll {
    padding-bottom: 150px
  }

  .layout .drawer_con {
    padding: 0 25px
  }

  .layout .watchDemo_tit {
    font-size: 36px;
    line-height: 44px
  }

  .layout .form_name {
    flex-wrap: wrap
  }

  .layout .form_name .lls-form-item {
    width: 100%
  }
}

.quick-box[data-v-245b0c5a] {
  border-radius: 4px 0 4px 0;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
  background-color: #fff;
  z-index: 199;
  position: fixed;
  right: 0;
  bottom: 100px;
  overflow: hidden
}

.quick-box .quick-item[data-v-245b0c5a] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.quick-box .quick-item[data-v-245b0c5a]:hover {
  background-color: #fff
}

.quick-box .quick-item:hover img[data-v-245b0c5a] {
  filter: drop-shadow(#2564FD -40px 0);
  transform: translateX(40px)
}

.quick-box .quick-item[data-v-245b0c5a]:first-child {
  border-radius: 4px 0 0 0;
  border-bottom: 1px solid #e3e8f0
}

.quick-box .quick-item[data-v-245b0c5a]:nth-child(3) {
  border-radius: 0 0 0 4px;
  border-top: 1px solid #e3e8f0
}

.quick-wx[data-v-245b0c5a] {
  position: fixed;
  z-index: 3;
  right: 48px;
  bottom: 188px;
  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
  border-radius: 4px;
  width: 150px;
  font-size: 14px;
  flex-direction: column;
  padding: 16px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none
}

.quick-wx div[data-v-245b0c5a] {
  margin-top: 6px
}

.quick-call[data-v-245b0c5a] {
  position: fixed;
  z-index: 3;
  right: 48px;
  bottom: 144px;
  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
  border-radius: 4px;
  font-size: 18px;
  padding: 0 16px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  display: none
}

.quick-call img[data-v-245b0c5a] {
  margin-right: 8px
}

.quick-call span[data-v-245b0c5a] {
  color: #2564fd;
  margin-left: 8px
}

.wx-flex[data-v-245b0c5a] {
  display: flex
}

.home-main {
  padding-top: 70px
}

.home-main .b-title {
  color: #202d40;
  margin-bottom: 60px;
  font-weight: 600
}

@media screen and (min-width: 1366px) {
  .home-main .b-title {
    font-size:40px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .b-title {
    font-size:28px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .b-title {
    font-size:28px
  }
}

@media screen and (max-width: 1060px) {
  .home-main .b-title {
    font-size:24px
  }
}

@media screen and (max-width: 500px) {
  .home-main .b-title {
    font-size:24px
  }
}

.home-main .banner-bg {
  width: 100%;
  height: 640px;
  background: url(../../static/img/bg.bdd3d8c6.svg) no-repeat 50%;
  display: flex;
  align-items: center;
  justify-content: center
}

.home-main .banner-bg .banner-cont {
  display: flex;
  justify-content: space-between;
  padding: 0 12px
}

@keyframes rTl {
  0% {
    opacity: 0;
    right: -100px
  }

  to {
    opacity: 1;
    right: 0
  }
}

@media screen and (min-width: 1366px) {
  .home-main .banner-bg .banner-cont {
    width:1280px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .banner-bg .banner-cont {
    width:1280px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .banner-bg .banner-cont {
    width:100%
  }
}

@media screen and (max-width: 1060px) {
  .home-main .banner-bg .banner-cont {
    width:100%
  }
}

@media screen and (max-width: 500px) {
  .home-main .banner-bg .banner-cont {
    width:100%
  }
}

.home-main .banner-bg .banner-cont .banner-left {
  color: #fff;
  font-size: 20px;
  display: flex;
  flex-direction: column;
  width: 500px
}

.home-main .banner-bg .banner-cont .banner-left>span:first-child {
  font-size: 48px;
  margin: 48px 0 24px;
  opacity: 0;
  animation: hTs .3s ease-in-out 0s forwards
}

.home-main .banner-bg .banner-cont .banner-left>span:nth-child(2) {
  opacity: 0;
  animation: hTs .3s ease-in-out .2s forwards
}

.home-main .banner-bg .banner-cont .banner-left div {
  margin-top: 36px;
  width: 176px;
  height: 60px;
  opacity: 0;
  animation: hTs .3s ease-in-out .4s forwards
}

.home-main .banner-bg .banner-cont img {
  width: 700px;
  position: relative;
  animation: rTl .3s ease-in-out 0s forwards
}

.home-main .banner-bg-m {
  height: 260px;
  background: url(../../static/img/bg-m.82bc721b.png) no-repeat 50%;
  background-size: 100% 100%
}

.home-main .banner-bg-m .banner-cont {
  padding-top: 24px
}

.home-main .banner-bg-m .banner-cont img {
  width: 100%
}

.home-main .banner-msg {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 36px 24px;
  color: #202d40;
  font-size: 14px;
  text-align: center
}

.home-main .banner-msg div {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 12px
}

.home-main .cp-bg {
  justify-content: center;
  flex-direction: column;
  margin-top: 84px
}

.home-main .cp-bg,.home-main .cp-bg .cp-cont {
  display: flex;
  align-items: center
}

@media screen and (min-width: 1366px) {
  .home-main .cp-bg .cp-cont {
    width:1280px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .cp-bg .cp-cont {
    width:1280px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .cp-bg .cp-cont {
    width:100%
  }
}

@media screen and (max-width: 1060px) {
  .home-main .cp-bg .cp-cont {
    width:100%
  }
}

@media screen and (max-width: 500px) {
  .home-main .cp-bg .cp-cont {
    width:100%
  }
}

.home-main .cp-bg .cp-cont .cp-item {
  flex: 1
}

.home-main .cp-bg .cp-cont .cp-item .cp-tit {
  height: 80px;
  color: #fff;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #202d40
}

.home-main .cp-bg .cp-cont .cp-item .cp-tit img {
  margin-right: 12px
}

.home-main .cp-bg .cp-cont .cp-item .cp-tit-r {
  background-color: #2564fd
}

.home-main .cp-bg .cp-cont .cp-item .cp-body {
  padding: 24px 0;
  background-color: #fbfbfb;
  overflow: hidden
}

.home-main .cp-bg .cp-cont .cp-item .cp-body div {
  height: 64px;
  margin: 12px 0;
  display: flex;
  align-items: center;
  justify-content: end;
  position: relative;
  padding: 0 24px;
  color: #202d40;
  opacity: 0
}

@media screen and (min-width: 1366px) {
  .home-main .cp-bg .cp-cont .cp-item .cp-body div {
    font-size:18px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .cp-bg .cp-cont .cp-item .cp-body div {
    font-size:16px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .cp-bg .cp-cont .cp-item .cp-body div {
    font-size:16px
  }
}

@media screen and (max-width: 1060px) {
  .home-main .cp-bg .cp-cont .cp-item .cp-body div {
    font-size:14px
  }
}

@media screen and (max-width: 500px) {
  .home-main .cp-bg .cp-cont .cp-item .cp-body div {
    font-size:12px
  }
}

.home-main .cp-bg .cp-cont .cp-item .cp-body div img {
  margin: 0 12px;
  visibility: hidden
}

.home-main .cp-bg .cp-cont .cp-item .cp-body .cp-hover {
  background: linear-gradient(270deg,rgba(32,45,64,.1),rgba(32,45,64,0));
  transition: .5s
}

.home-main .cp-bg .cp-cont .cp-item .cp-body .cp-hover img {
  visibility: visible
}

.home-main .cp-bg .cp-cont .cp-item .cp-body .cp-hover:after {
  bottom: 0
}

.home-main .cp-bg .cp-cont .cp-item .cp-body .cp-hover:after,.home-main .cp-bg .cp-cont .cp-item .cp-body .cp-hover:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(270deg,rgba(32,45,64,.1),rgba(32,45,64,0))
}

.home-main .cp-bg .cp-cont .cp-item .cp-body .cp-hover:before {
  top: 0
}

.home-main .cp-bg .cp-cont .cp-item .cp-body-r {
  background-color: #fbfcff
}

.home-main .cp-bg .cp-cont .cp-item .cp-body-r div {
  justify-content: start;
  color: #2564fd
}

.home-main .cp-bg .cp-cont .cp-item .cp-body-r .cp-hover {
  background: linear-gradient(90deg,rgba(37,100,253,.1),rgba(37,100,253,0))
}

.home-main .cp-bg .cp-cont .cp-item .cp-body-r .cp-hover img {
  visibility: visible
}

.home-main .cp-bg .cp-cont .cp-item .cp-body-r .cp-hover:after,.home-main .cp-bg .cp-cont .cp-item .cp-body-r .cp-hover:before {
  background: linear-gradient(90deg,rgba(37,100,253,.1),rgba(37,100,253,0))
}

.home-main .cp-bg .cp-cont .cp-item .cp-body-r .cp-hover:before {
  content: ""
}

.home-main .cp-bg .cp-cont .cp-mid {
  width: 160px;
  box-shadow: 0 4px 16px 0 rgba(0,0,0,.1);
  z-index: 1
}

.home-main .cp-bg .cp-cont .cp-mid .cp-vs {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center
}

.home-main .cp-bg .cp-cont .cp-mid .cp-m-body {
  padding: 24px 0;
  overflow: hidden
}

.home-main .cp-bg .cp-cont .cp-mid .cp-m-body .cp-m-item {
  height: 64px;
  margin: 12px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  font-weight: 600;
  opacity: 0;
  transition: .5s;
  cursor: pointer
}

@media screen and (min-width: 1366px) {
  .home-main .cp-bg .cp-cont .cp-mid .cp-m-body .cp-m-item {
    font-size:18px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .cp-bg .cp-cont .cp-mid .cp-m-body .cp-m-item {
    font-size:16px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .cp-bg .cp-cont .cp-mid .cp-m-body .cp-m-item {
    font-size:16px
  }
}

@media screen and (max-width: 1060px) {
  .home-main .cp-bg .cp-cont .cp-mid .cp-m-body .cp-m-item {
    font-size:14px
  }
}

@media screen and (max-width: 500px) {
  .home-main .cp-bg .cp-cont .cp-mid .cp-m-body .cp-m-item {
    font-size:12px
  }
}

.home-main .cp-bg .cp-cont .cp-mid .cp-m-body .cp-m-item img {
  margin-bottom: 4px
}

@media screen and (min-width: 1366px) {
  .home-main .cp-bg .cp-cont .cp-mid .cp-m-body .cp-m-item img {
    width:20px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .cp-bg .cp-cont .cp-mid .cp-m-body .cp-m-item img {
    width:18px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .cp-bg .cp-cont .cp-mid .cp-m-body .cp-m-item img {
    width:18px
  }
}

@media screen and (max-width: 1060px) {
  .home-main .cp-bg .cp-cont .cp-mid .cp-m-body .cp-m-item img {
    width:18px
  }
}

@media screen and (max-width: 500px) {
  .home-main .cp-bg .cp-cont .cp-mid .cp-m-body .cp-m-item img {
    width:18px
  }
}

.home-main .cp-bg .cp-cont .cp-mid .cp-m-body .cp-m-item:hover {
  color: #2564fd
}

.home-main .cp-bg .cp-cont .cp-mid .cp-m-body .cp-m-item:hover img {
  filter: drop-shadow(#2564FD -100px 0);
  transform: translateX(100px)
}

.home-main .cp-bg .cp-cont .cp-mid .cp-m-body .cp-m-item:hover:after {
  content: url(../../static/img/g-def.cbfb749e.svg);
  position: absolute;
  left: 18px;
  bottom: 12px
}

.home-main .cp-bg .cp-cont .cp-mid .cp-m-body .cp-m-item:hover:before {
  content: url(../../static/img/g-act.f32ccbe1.svg);
  position: absolute;
  right: 18px;
  bottom: 12px
}

.home-main .cp-bg .cp-cont .cp-mid .cp-m-body .cp-m-item-h {
  color: #2564fd
}

.home-main .cp-bg .cp-cont .cp-mid .cp-m-body .cp-m-item-h img {
  filter: drop-shadow(#2564FD -100px 0);
  transform: translateX(100px)
}

.home-main .cp-bg .cp-cont .cp-mid .cp-m-body .cp-m-item-h:after {
  content: url(../../static/img/g-def.cbfb749e.svg);
  position: absolute;
  left: 18px;
  bottom: 12px
}

.home-main .cp-bg .cp-cont .cp-mid .cp-m-body .cp-m-item-h:before {
  content: url(../../static/img/g-act.f32ccbe1.svg);
  position: absolute;
  right: 18px;
  bottom: 12px
}

@keyframes lTn {
  0% {
    right: 100px;
    opacity: 0
  }

  to {
    right: 0;
    opacity: 1
  }
}

@keyframes rTn {
  0% {
    left: 100px;
    opacity: 0
  }

  to {
    left: 0;
    opacity: 1
  }
}

.home-main .cp-bg .cp-item1 {
  animation: lTn .5s ease-in-out 0s forwards
}

.home-main .cp-bg .cp-item2 {
  animation: lTn .5s ease-in-out .2s forwards
}

.home-main .cp-bg .cp-item3 {
  animation: lTn .5s ease-in-out .4s forwards
}

.home-main .cp-bg .cp-item4 {
  animation: lTn .5s ease-in-out .6s forwards
}

.home-main .cp-bg .cp-item5 {
  animation: rTn .5s ease-in-out 0s forwards
}

.home-main .cp-bg .cp-item6 {
  animation: rTn .5s ease-in-out .2s forwards
}

.home-main .cp-bg .cp-item7 {
  animation: rTn .5s ease-in-out .4s forwards
}

.home-main .cp-bg .cp-item8 {
  animation: rTn .5s ease-in-out .6s forwards
}

.home-main .cp-bg .cp-item9 {
  animation: hTs .5s ease-in-out 0s forwards
}

.home-main .cp-bg .cp-item10 {
  animation: hTs .5s ease-in-out .2s forwards
}

.home-main .cp-bg .cp-item11 {
  animation: hTs .5s ease-in-out .4s forwards
}

.home-main .cp-bg .cp-item12 {
  animation: hTs .5s ease-in-out .6s forwards
}

.home-main .cp-bg-m {
  margin-top: 12px
}

.home-main .cp-bg-m .cp-cont .cp-item .cp-tit {
  font-size: 14px;
  padding: 0 8px;
  font-weight: 600
}

.home-main .cp-bg-m .cp-cont .cp-item .cp-tit img {
  display: none;
  width: 24px;
  margin-right: 4px
}

.home-main .cp-bg-m .cp-cont .cp-item .cp-body {
  padding: 12px 0
}

.home-main .cp-bg-m .cp-cont .cp-item .cp-body div {
  padding: 0 12px
}

.home-main .cp-bg-m .cp-cont .cp-item .cp-body div img {
  display: none
}

.home-main .cp-bg-m .cp-cont .cp-mid {
  width: 80px
}

.home-main .cp-bg-m .cp-cont .cp-mid .cp-m-body {
  padding: 12px 0
}

.home-main .cp-bg-m .cp-cont .cp-mid .cp-m-body .cp-m-item-h:after,.home-main .cp-bg-m .cp-cont .cp-mid .cp-m-body .cp-m-item-h:before,.home-main .cp-bg-m .cp-cont .cp-mid .cp-m-body .cp-m-item:hover:after,.home-main .cp-bg-m .cp-cont .cp-mid .cp-m-body .cp-m-item:hover:before {
  content: ""
}

.home-main .ts-bg {
  margin-top: 84px;
  width: 100%;
  background-color: #f4f7ff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 0
}

.home-main .ts-bg .ts-cont {
  padding: 0 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: .6s;
  position: relative;
  margin-top: 160px;
  opacity: 0
}

@media screen and (min-width: 1366px) {
  .home-main .ts-bg .ts-cont {
    width:1280px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .ts-bg .ts-cont {
    width:1280px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .ts-bg .ts-cont {
    width:100%
  }
}

@media screen and (max-width: 1060px) {
  .home-main .ts-bg .ts-cont {
    width:100%
  }
}

@media screen and (max-width: 500px) {
  .home-main .ts-bg .ts-cont {
    width:100%
  }
}

.home-main .ts-bg .ts-cont .ts-flow {
  display: flex;
  justify-content: space-between;
  width: 100%
}

.home-main .ts-bg .ts-cont .ts-flow .ts-node {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-weight: 600;
  color: #202d40
}

@media screen and (min-width: 1366px) {
  .home-main .ts-bg .ts-cont .ts-flow .ts-node {
    font-size:18px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .ts-bg .ts-cont .ts-flow .ts-node {
    font-size:16px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .ts-bg .ts-cont .ts-flow .ts-node {
    font-size:16px
  }
}

@media screen and (max-width: 1060px) {
  .home-main .ts-bg .ts-cont .ts-flow .ts-node {
    font-size:14px
  }
}

@media screen and (max-width: 500px) {
  .home-main .ts-bg .ts-cont .ts-flow .ts-node {
    font-size:12px
  }
}

.home-main .ts-bg .ts-cont .ts-flow .ts-node img {
  margin-bottom: 12px
}

@media screen and (min-width: 1366px) {
  .home-main .ts-bg .ts-cont .ts-flow .ts-node img {
    width:64px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .ts-bg .ts-cont .ts-flow .ts-node img {
    width:48px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .ts-bg .ts-cont .ts-flow .ts-node img {
    width:48px
  }
}

@media screen and (max-width: 1060px) {
  .home-main .ts-bg .ts-cont .ts-flow .ts-node img {
    width:32px
  }
}

@media screen and (max-width: 500px) {
  .home-main .ts-bg .ts-cont .ts-flow .ts-node img {
    width:32px
  }
}

.home-main .ts-bg .ts-cont .ts-flow .ts-line {
  margin-top: 20px;
  flex: 1;
  height: 1px;
  border: 1px dashed #2564fd
}

.home-main .ts-bg .ts-cont .ts-flow .line-ls {
  margin-left: 24px
}

.home-main .ts-bg .ts-cont .ts-flow .line-rs {
  margin-right: 24px
}

.home-main .ts-bg .ts-cont .ts-msg {
  display: flex;
  align-items: center;
  margin-top: 12px
}

@keyframes gun {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.home-main .ts-bg .ts-cont .ts-msg .ts-ball {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center
}

@media screen and (min-width: 1366px) {
  .home-main .ts-bg .ts-cont .ts-msg .ts-ball img {
    width:360px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .ts-bg .ts-cont .ts-msg .ts-ball img {
    width:300px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .ts-bg .ts-cont .ts-msg .ts-ball img {
    width:300px
  }
}

@media screen and (max-width: 1060px) {
  .home-main .ts-bg .ts-cont .ts-msg .ts-ball img {
    width:300px
  }
}

@media screen and (max-width: 500px) {
  .home-main .ts-bg .ts-cont .ts-msg .ts-ball img {
    width:300px
  }
}

.home-main .ts-bg .ts-cont .ts-msg .ts-note {
  flex: 1
}

.home-main .ts-bg .ts-cont .ts-msg .ts-note>div:first-child {
  color: #202d40;
  font-weight: 600
}

@media screen and (min-width: 1366px) {
  .home-main .ts-bg .ts-cont .ts-msg .ts-note>div:first-child {
    font-size:28px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .ts-bg .ts-cont .ts-msg .ts-note>div:first-child {
    font-size:22px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .ts-bg .ts-cont .ts-msg .ts-note>div:first-child {
    font-size:22px
  }
}

@media screen and (max-width: 1060px) {
  .home-main .ts-bg .ts-cont .ts-msg .ts-note>div:first-child {
    font-size:18px
  }
}

@media screen and (max-width: 500px) {
  .home-main .ts-bg .ts-cont .ts-msg .ts-note>div:first-child {
    font-size:18px
  }
}

.home-main .ts-bg .ts-cont .ts-msg .ts-note div {
  margin-bottom: 24px;
  color: #5f6c80;
  font-weight: 400
}

@media screen and (min-width: 1366px) {
  .home-main .ts-bg .ts-cont .ts-msg .ts-note div {
    font-size:18px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .ts-bg .ts-cont .ts-msg .ts-note div {
    font-size:16px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .ts-bg .ts-cont .ts-msg .ts-note div {
    font-size:16px
  }
}

@media screen and (max-width: 1060px) {
  .home-main .ts-bg .ts-cont .ts-msg .ts-note div {
    font-size:14px
  }
}

@media screen and (max-width: 500px) {
  .home-main .ts-bg .ts-cont .ts-msg .ts-note div {
    font-size:12px
  }
}

.home-main .ts-bg .ts-cont .ts-msg .ts-note div span {
  color: #202d40;
  font-weight: 600
}

.home-main .ts-bg .ts-cont-normal {
  margin-top: 0;
  opacity: 1
}

.home-main .ts-bg-m {
  margin-top: 36px;
  padding: 40px 0 25px
}

.home-main .ts-bg-m .ts-cont .ts-flow .ts-node {
  justify-content: start
}

.home-main .ts-bg-m .ts-cont .ts-flow .ts-node span {
  text-align: center;
  font-weight: 600
}

.home-main .ts-bg-m .ts-cont .ts-flow .ts-line {
  margin-top: 14px
}

.home-main .ts-bg-m .ts-cont .ts-flow .line-ls {
  margin-left: 4px
}

.home-main .ts-bg-m .ts-cont .ts-flow .line-rs {
  margin-right: 4px
}

.home-main .ts-bg-m .ts-cont .ts-msg {
  margin-top: 24px
}

.home-main .ts-bg-m .ts-cont .ts-msg .ts-note {
  text-align: center;
  flex: 1
}

.home-main .ts-bg-m .ts-cont .ts-msg .ts-note>div:first-child {
  border-top: 1px dashed #e3e8f0;
  padding-top: 15px
}

.home-main .ts-bg-m .ts-cont .ts-msg .ts-note div {
  margin-bottom: 15px;
  display: flex;
  flex-direction: column
}

.home-main .ts-bg-m .ts-cont .ts-msg .ts-note div>span:first-child {
  font-weight: 600;
  margin-bottom: 4px
}

.home-main .ts-bg-m .ts-cont .ts-msg .ts-note div span {
  color: #202d40;
  font-size: 14px
}

.home-main .gj-bg {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 84px
}

.home-main .gj-bg .gj-item {
  display: flex;
  align-items: center;
  margin-bottom: 84px;
  overflow: hidden
}

.home-main .gj-bg .gj-item>img {
  transition: .5s;
  position: relative
}

@media screen and (min-width: 1366px) {
  .home-main .gj-bg .gj-item>img {
    width:50%
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .gj-bg .gj-item>img {
    width:60%
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .gj-bg .gj-item>img {
    width:80%
  }
}

@media screen and (max-width: 1060px) {
  .home-main .gj-bg .gj-item>img {
    width:140%
  }
}

@media screen and (max-width: 500px) {
  .home-main .gj-bg .gj-item>img {
    width:200%
  }
}

.home-main .gj-bg .gj-item .gj-msg {
  width: 500px;
  transition: .5s;
  opacity: 0;
  position: relative
}

.home-main .gj-bg .gj-item .gj-msg img {
  margin-bottom: 12px
}

@media screen and (min-width: 1366px) {
  .home-main .gj-bg .gj-item .gj-msg img {
    width:42px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .gj-bg .gj-item .gj-msg img {
    width:32px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .gj-bg .gj-item .gj-msg img {
    width:32px
  }
}

@media screen and (max-width: 1060px) {
  .home-main .gj-bg .gj-item .gj-msg img {
    width:32px
  }
}

@media screen and (max-width: 500px) {
  .home-main .gj-bg .gj-item .gj-msg img {
    width:32px
  }
}

.home-main .gj-bg .gj-item .gj-msg div {
  color: #202d40;
  font-weight: 600;
  margin-bottom: 24px
}

@media screen and (min-width: 1366px) {
  .home-main .gj-bg .gj-item .gj-msg div {
    font-size:28px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .gj-bg .gj-item .gj-msg div {
    font-size:22px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .gj-bg .gj-item .gj-msg div {
    font-size:22px
  }
}

@media screen and (max-width: 1060px) {
  .home-main .gj-bg .gj-item .gj-msg div {
    font-size:18px
  }
}

@media screen and (max-width: 500px) {
  .home-main .gj-bg .gj-item .gj-msg div {
    font-size:18px
  }
}

.home-main .gj-bg .gj-item .gj-msg span {
  color: #5f6c80
}

@media screen and (min-width: 1366px) {
  .home-main .gj-bg .gj-item .gj-msg span {
    font-size:18px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .gj-bg .gj-item .gj-msg span {
    font-size:16px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .gj-bg .gj-item .gj-msg span {
    font-size:16px
  }
}

@media screen and (max-width: 1060px) {
  .home-main .gj-bg .gj-item .gj-msg span {
    font-size:14px
  }
}

@media screen and (max-width: 500px) {
  .home-main .gj-bg .gj-item .gj-msg span {
    font-size:12px
  }
}

.home-main .gj-bg .gj-start {
  justify-content: start
}

.home-main .gj-bg .gj-start>img {
  left: -160px
}

@media screen and (min-width: 1366px) {
  .home-main .gj-bg .gj-start>img {
    margin-left:0
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .gj-bg .gj-start>img {
    margin-left:-140px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .gj-bg .gj-start>img {
    margin-left:-360px
  }
}

@media screen and (max-width: 1060px) {
  .home-main .gj-bg .gj-start>img {
    margin-left:-50%
  }
}

@media screen and (max-width: 500px) {
  .home-main .gj-bg .gj-start>img {
    margin-left:-100%
  }
}

.home-main .gj-bg .gj-start .img-normal {
  left: 0
}

.home-main .gj-bg .gj-start .gj-msg {
  margin-left: 60px;
  right: -160px
}

.home-main .gj-bg .gj-start .gj-msg-normal {
  opacity: 1;
  right: 0
}

.home-main .gj-bg .gj-end {
  justify-content: end
}

.home-main .gj-bg .gj-end>img {
  right: -160px
}

@media screen and (min-width: 1366px) {
  .home-main .gj-bg .gj-end>img {
    margin-right:0
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .gj-bg .gj-end>img {
    margin-right:-140px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .gj-bg .gj-end>img {
    margin-right:-360px
  }
}

@media screen and (max-width: 1060px) {
  .home-main .gj-bg .gj-end>img {
    margin-right:-100%
  }
}

@media screen and (max-width: 500px) {
  .home-main .gj-bg .gj-end>img {
    margin-right:-200%
  }
}

.home-main .gj-bg .gj-end .img-normal {
  right: 0
}

.home-main .gj-bg .gj-end .gj-msg {
  margin-right: 60px;
  left: -160px
}

.home-main .gj-bg .gj-end .gj-msg-normal {
  opacity: 1;
  left: 0
}

.home-main .gj-bg .gj-bg1 {
  width: 100%;
  height: 490px;
  background: url(../../static/img/gj-bg1.ed7526b3.svg) no-repeat 0
}

.home-main .gj-bg-m {
  margin-top: 36px
}

.home-main .gj-bg-m .gj-item {
  flex-direction: column;
  margin-bottom: 36px
}

.home-main .gj-bg-m .gj-item>img {
  margin-bottom: 24px
}

@media screen and (min-width: 1366px) {
  .home-main .gj-bg-m .gj-item>img {
    width:50%
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .gj-bg-m .gj-item>img {
    width:60%
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .gj-bg-m .gj-item>img {
    width:80%
  }
}

@media screen and (max-width: 1060px) {
  .home-main .gj-bg-m .gj-item>img {
    width:140%
  }
}

@media screen and (max-width: 500px) {
  .home-main .gj-bg-m .gj-item>img {
    width:200%
  }
}

@media screen and (min-width: 1366px) {
  .home-main .gj-bg-m .gj-item>img {
    margin-left:0
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .gj-bg-m .gj-item>img {
    margin-left:-140px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .gj-bg-m .gj-item>img {
    margin-left:-360px
  }
}

@media screen and (max-width: 1060px) {
  .home-main .gj-bg-m .gj-item>img {
    margin-left:-50%
  }
}

@media screen and (max-width: 500px) {
  .home-main .gj-bg-m .gj-item>img {
    margin-left:-100%
  }
}

@media screen and (min-width: 1366px) {
  .home-main .gj-bg-m .gj-item .img-r {
    margin-right:0
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .gj-bg-m .gj-item .img-r {
    margin-right:-140px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .gj-bg-m .gj-item .img-r {
    margin-right:-360px
  }
}

@media screen and (max-width: 1060px) {
  .home-main .gj-bg-m .gj-item .img-r {
    margin-right:-100%
  }
}

@media screen and (max-width: 500px) {
  .home-main .gj-bg-m .gj-item .img-r {
    margin-right:-200%
  }
}

.home-main .gj-bg-m .gj-item .gj-msg {
  width: 100%;
  opacity: 1;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column
}

.home-main .gj-bg-m .gj-item .gj-msg img {
  margin-bottom: 12px
}

.home-main .gj-bg-m .gj-item .gj-msg div {
  margin-bottom: 8px
}

.home-main .gj-bg-m .gj-item .gj-msg span {
  text-align: center
}

.home-main .hz-bg {
  width: 100%;
  height: 380px;
  background: url(../../static/img/h-bg.c39cad4c.svg) no-repeat 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 260px
}

.home-main .hz-bg .hz-cont {
  margin-top: 260px;
  padding-bottom: 260px;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden
}

@media screen and (min-width: 1366px) {
  .home-main .hz-bg .hz-cont {
    width:1280px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .hz-bg .hz-cont {
    width:1280px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .hz-bg .hz-cont {
    width:100%
  }
}

@media screen and (max-width: 1060px) {
  .home-main .hz-bg .hz-cont {
    width:100%
  }
}

@media screen and (max-width: 500px) {
  .home-main .hz-bg .hz-cont {
    width:100%
  }
}

.home-main .hz-bg .hz-cont .hz-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%
}

.home-main .hz-bg .hz-cont .hz-row .hz-item {
  width: calc(50% - 40px);
  height: 360px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 12px 36px 0 rgba(0,0,0,.1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  transition: .5s;
  opacity: 0
}

.home-main .hz-bg .hz-cont .hz-row .hz-item img {
  margin-bottom: 24px
}

@media screen and (min-width: 1366px) {
  .home-main .hz-bg .hz-cont .hz-row .hz-item img {
    width:128px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .hz-bg .hz-cont .hz-row .hz-item img {
    width:96px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .hz-bg .hz-cont .hz-row .hz-item img {
    width:96px
  }
}

@media screen and (max-width: 1060px) {
  .home-main .hz-bg .hz-cont .hz-row .hz-item img {
    width:48px
  }
}

@media screen and (max-width: 500px) {
  .home-main .hz-bg .hz-cont .hz-row .hz-item img {
    width:48px
  }
}

.home-main .hz-bg .hz-cont .hz-row .hz-item div {
  color: #202d40;
  font-weight: 600;
  margin-bottom: 12px
}

@media screen and (min-width: 1366px) {
  .home-main .hz-bg .hz-cont .hz-row .hz-item div {
    font-size:28px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .hz-bg .hz-cont .hz-row .hz-item div {
    font-size:22px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .hz-bg .hz-cont .hz-row .hz-item div {
    font-size:22px
  }
}

@media screen and (max-width: 1060px) {
  .home-main .hz-bg .hz-cont .hz-row .hz-item div {
    font-size:18px
  }
}

@media screen and (max-width: 500px) {
  .home-main .hz-bg .hz-cont .hz-row .hz-item div {
    font-size:18px
  }
}

.home-main .hz-bg .hz-cont .hz-row .hz-item span {
  color: #5f6c80;
  text-align: center
}

@media screen and (min-width: 1366px) {
  .home-main .hz-bg .hz-cont .hz-row .hz-item span {
    font-size:18px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .hz-bg .hz-cont .hz-row .hz-item span {
    font-size:16px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .hz-bg .hz-cont .hz-row .hz-item span {
    font-size:16px
  }
}

@media screen and (max-width: 1060px) {
  .home-main .hz-bg .hz-cont .hz-row .hz-item span {
    font-size:14px
  }
}

@media screen and (max-width: 500px) {
  .home-main .hz-bg .hz-cont .hz-row .hz-item span {
    font-size:12px
  }
}

.home-main .hz-bg .hz-cont .hz-row .hz-item:first-child {
  left: -160px
}

.home-main .hz-bg .hz-cont .hz-row .hz-item:nth-child(2) {
  right: -160px
}

.home-main .hz-bg .hz-cont .hz-row .hz-item-norman1 {
  left: 0!important;
  opacity: 1
}

.home-main .hz-bg .hz-cont .hz-row .hz-item-norman2 {
  right: 0!important;
  opacity: 1
}

.home-main .hz-bg-m {
  padding-top: 135px;
  height: 220px
}

.home-main .hz-bg-m .hz-cont .hz-row {
  justify-content: space-around
}

.home-main .hz-bg-m .hz-cont .hz-row .hz-item {
  padding: 0 12px;
  height: 200px
}

.home-main .zy-bg {
  width: 100%;
  height: 640px;
  background: url(../../static/img/z-bg.27cff48c.png) no-repeat 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 260px
}

.home-main .zy-bg .zy-cont {
  padding: 0 12px;
  display: flex;
  flex-direction: column;
  align-items: center
}

@media screen and (min-width: 1366px) {
  .home-main .zy-bg .zy-cont {
    width:1280px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .zy-bg .zy-cont {
    width:1280px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .zy-bg .zy-cont {
    width:100%
  }
}

@media screen and (max-width: 1060px) {
  .home-main .zy-bg .zy-cont {
    width:100%
  }
}

@media screen and (max-width: 500px) {
  .home-main .zy-bg .zy-cont {
    width:100%
  }
}

.home-main .zy-bg .zy-cont .zy-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%
}

.home-main .zy-bg .zy-cont .zy-row .zy-item {
  width: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  opacity: 0
}

.home-main .zy-bg .zy-cont .zy-row .zy-item img {
  margin-bottom: 24px
}

@media screen and (min-width: 1366px) {
  .home-main .zy-bg .zy-cont .zy-row .zy-item img {
    width:128px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .zy-bg .zy-cont .zy-row .zy-item img {
    width:96px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .zy-bg .zy-cont .zy-row .zy-item img {
    width:96px
  }
}

@media screen and (max-width: 1060px) {
  .home-main .zy-bg .zy-cont .zy-row .zy-item img {
    width:48px
  }
}

@media screen and (max-width: 500px) {
  .home-main .zy-bg .zy-cont .zy-row .zy-item img {
    width:48px
  }
}

.home-main .zy-bg .zy-cont .zy-row .zy-item div {
  color: #fff;
  font-weight: 600;
  margin-bottom: 12px
}

@media screen and (min-width: 1366px) {
  .home-main .zy-bg .zy-cont .zy-row .zy-item div {
    font-size:28px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .zy-bg .zy-cont .zy-row .zy-item div {
    font-size:22px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .zy-bg .zy-cont .zy-row .zy-item div {
    font-size:22px
  }
}

@media screen and (max-width: 1060px) {
  .home-main .zy-bg .zy-cont .zy-row .zy-item div {
    font-size:18px
  }
}

@media screen and (max-width: 500px) {
  .home-main .zy-bg .zy-cont .zy-row .zy-item div {
    font-size:18px
  }
}

.home-main .zy-bg .zy-cont .zy-row .zy-item span {
  color: #fff
}

@media screen and (min-width: 1366px) {
  .home-main .zy-bg .zy-cont .zy-row .zy-item span {
    font-size:18px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .zy-bg .zy-cont .zy-row .zy-item span {
    font-size:16px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .zy-bg .zy-cont .zy-row .zy-item span {
    font-size:16px
  }
}

@media screen and (max-width: 1060px) {
  .home-main .zy-bg .zy-cont .zy-row .zy-item span {
    font-size:14px
  }
}

@media screen and (max-width: 500px) {
  .home-main .zy-bg .zy-cont .zy-row .zy-item span {
    font-size:12px
  }
}

@keyframes hTs {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.home-main .zy-bg .zy-cont .zy-row .zy-item1 {
  animation: hTs .5s ease-in-out .2s forwards
}

.home-main .zy-bg .zy-cont .zy-row .zy-item2 {
  animation: hTs .5s ease-in-out .5s forwards
}

.home-main .zy-bg .zy-cont .zy-row .zy-item3 {
  animation: hTs .5s ease-in-out .8s forwards
}

.home-main .zy-bg-m {
  height: auto;
  padding: 36px 0;
  margin-top: 150px
}

.home-main .zy-bg-m .zy-cont .zy-row {
  flex-direction: column
}

.home-main .zy-bg-m .zy-cont .zy-row .zy-item {
  flex-direction: row;
  align-items: start;
  justify-content: start;
  width: 100%;
  border-bottom: 1px dashed #fff;
  margin: 12px 0 24px
}

.home-main .zy-bg-m .zy-cont .zy-row .zy-item img {
  margin-right: 24px
}

.home-main .gs-bg {
  justify-content: center;
  margin-top: 84px
}

.home-main .gs-bg,.home-main .gs-bg .gs-cont {
  display: flex;
  align-items: center;
  flex-direction: column
}

.home-main .gs-bg .gs-cont {
  background: url(../../static/img/gs-bg.f4511648.svg) no-repeat 50%;
  padding: 48px
}

@media screen and (min-width: 1366px) {
  .home-main .gs-bg .gs-cont {
    width:1280px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .gs-bg .gs-cont {
    width:1280px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .gs-bg .gs-cont {
    width:100%
  }
}

@media screen and (max-width: 1060px) {
  .home-main .gs-bg .gs-cont {
    width:100%
  }
}

@media screen and (max-width: 500px) {
  .home-main .gs-bg .gs-cont {
    width:100%
  }
}

.home-main .gs-bg .gs-cont .gs-msg {
  color: #202d40;
  text-align: center
}

@media screen and (min-width: 1366px) {
  .home-main .gs-bg .gs-cont .gs-msg {
    font-size:18px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .gs-bg .gs-cont .gs-msg {
    font-size:16px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .gs-bg .gs-cont .gs-msg {
    font-size:16px
  }
}

@media screen and (max-width: 1060px) {
  .home-main .gs-bg .gs-cont .gs-msg {
    font-size:14px
  }
}

@media screen and (max-width: 500px) {
  .home-main .gs-bg .gs-cont .gs-msg {
    font-size:12px
  }
}

.home-main .gs-bg .gs-cont .gs-row {
  display: flex;
  flex-wrap: wrap
}

.home-main .gs-bg .gs-cont .gs-row .gs-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 33%;
  margin-top: 36px
}

.home-main .gs-bg .gs-cont .gs-row .gs-item div {
  margin-bottom: 0
}

.home-main .gs-bg .gs-cont .gs-row .gs-item div .gs-count {
  color: #202d40;
  font-size: 56px;
  font-weight: 600
}

@media screen and (min-width: 1366px) {
  .home-main .gs-bg .gs-cont .gs-row .gs-item div span {
    font-size:18px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .gs-bg .gs-cont .gs-row .gs-item div span {
    font-size:16px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .gs-bg .gs-cont .gs-row .gs-item div span {
    font-size:16px
  }
}

@media screen and (max-width: 1060px) {
  .home-main .gs-bg .gs-cont .gs-row .gs-item div span {
    font-size:14px
  }
}

@media screen and (max-width: 500px) {
  .home-main .gs-bg .gs-cont .gs-row .gs-item div span {
    font-size:12px
  }
}

.home-main .gs-bg .gs-cont .gs-row .gs-item div .gs-cell {
  font-size: 30px
}

.home-main .gs-bg .gs-cont .gs-row .gs-item>span {
  color: #5f6c80;
  font-size: 24px
}

.home-main .gs-bg-m {
  margin-top: 48px
}

.home-main .gs-bg-m .gs-cont {
  padding: 12px
}

.home-main .gs-bg-m .gs-cont .gs-row .gs-item {
  width: 50%;
  margin-top: 24px
}

.home-main .gs-bg-m .gs-cont .gs-row .gs-item div .gs-count {
  font-size: 36px;
  font-weight: 600
}

.home-main .gs-bg-m .gs-cont .gs-row .gs-item div span {
  margin-left: -6px
}

.home-main .gs-bg-m .gs-cont .gs-row .gs-item div .gs-cell {
  font-size: 20px
}

.home-main .gs-bg-m .gs-cont .gs-row .gs-item>span {
  color: #5f6c80;
  font-size: 14px
}

.home-main .gd-bg {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 84px 0;
  background-color: #f9fbff
}

.home-main .gd-bg .gd-cont {
  overflow: hidden;
  height: 76px;
  display: flex;
  margin-top: 24px
}

@media screen and (min-width: 1366px) {
  .home-main .gd-bg .gd-cont {
    width:1280px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .gd-bg .gd-cont {
    width:1280px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .gd-bg .gd-cont {
    width:100%
  }
}

@media screen and (max-width: 1060px) {
  .home-main .gd-bg .gd-cont {
    width:100%
  }
}

@media screen and (max-width: 500px) {
  .home-main .gd-bg .gd-cont {
    width:100%
  }
}

.home-main .gd-bg .gd-cont ul.item {
  width: 3000px;
  display: flex;
  align-items: center;
  justify-content: center
}

.home-main .gd-bg .gd-cont ul.item img {
  background-color: #fff;
  width: 200px;
  margin: 0 24px
}

.home-main .gd-bg .gd-cont1 {
  overflow: hidden;
  height: 76px;
  margin-top: 24px
}

@media screen and (min-width: 1366px) {
  .home-main .gd-bg .gd-cont1 {
    width:1280px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .gd-bg .gd-cont1 {
    width:1280px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .gd-bg .gd-cont1 {
    width:100%
  }
}

@media screen and (max-width: 1060px) {
  .home-main .gd-bg .gd-cont1 {
    width:100%
  }
}

@media screen and (max-width: 500px) {
  .home-main .gd-bg .gd-cont1 {
    width:100%
  }
}

.home-main .gd-bg .gd-cont1 .item {
  left: 0;
  width: 5000px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative
}

.home-main .gd-bg .gd-cont1 .item img {
  background-color: #fff;
  width: 200px;
  margin: 0 24px
}

.home-main .gd-bg .gd-cont1 .item-move {
  animation: moveTl 60s linear 0s forwards
}

@keyframes moveTl {
  0% {
    left: 0
  }

  to {
    left: -3740px
  }
}

.home-main .gd-bg-m {
  padding: 36px 0
}

.home-main .gd-bg-m .gd-cont1 {
  margin-top: 0
}

.home-main .gd-bg-m .gd-cont1 .item img {
  margin: 0 7px
}

.home-main .kt-bg {
  width: 100%;
  background: url(../../static/img/sq-bg.bc932b58.svg) no-repeat 100% 100%;
  background-color: #202d40;
  padding: 84px 0;
  display: flex;
  align-items: center;
  justify-content: center
}

.home-main .kt-bg .kt-cont {
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between
}

@media screen and (min-width: 1366px) {
  .home-main .kt-bg .kt-cont {
    width:1280px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .kt-bg .kt-cont {
    width:1280px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .kt-bg .kt-cont {
    width:100%
  }
}

@media screen and (max-width: 1060px) {
  .home-main .kt-bg .kt-cont {
    width:100%
  }
}

@media screen and (max-width: 500px) {
  .home-main .kt-bg .kt-cont {
    width:100%
  }
}

.home-main .kt-bg .kt-cont .kt-l {
  color: #fff;
  width: 470px
}

@media screen and (min-width: 1366px) {
  .home-main .kt-bg .kt-cont .kt-l {
    font-size:18px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .kt-bg .kt-cont .kt-l {
    font-size:16px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .kt-bg .kt-cont .kt-l {
    font-size:16px
  }
}

@media screen and (max-width: 1060px) {
  .home-main .kt-bg .kt-cont .kt-l {
    font-size:14px
  }
}

@media screen and (max-width: 500px) {
  .home-main .kt-bg .kt-cont .kt-l {
    font-size:12px
  }
}

.home-main .kt-bg .kt-cont .kt-l .kt-msg {
  font-weight: 600
}

@media screen and (min-width: 1366px) {
  .home-main .kt-bg .kt-cont .kt-l .kt-msg {
    font-size:28px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .kt-bg .kt-cont .kt-l .kt-msg {
    font-size:22px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .kt-bg .kt-cont .kt-l .kt-msg {
    font-size:22px
  }
}

@media screen and (max-width: 1060px) {
  .home-main .kt-bg .kt-cont .kt-l .kt-msg {
    font-size:18px
  }
}

@media screen and (max-width: 500px) {
  .home-main .kt-bg .kt-cont .kt-l .kt-msg {
    font-size:18px
  }
}

.home-main .kt-bg .kt-cont .kt-l .kt-line {
  width: 100%;
  height: 2px;
  opacity: .2;
  border-top: 2px dashed #fff;
  margin: 48px 0
}

.home-main .kt-bg .kt-cont .kt-l .kt-note {
  margin: 36px 0;
  line-height: 36px;
  height: 144px
}

.home-main .kt-bg .kt-cont .kt-l .kt-comp {
  color: #8492a6;
  margin: 12px 0
}

.home-main .kt-bg .kt-cont .kt-l .kt-row {
  display: flex
}

.home-main .kt-bg .kt-cont .kt-l .kt-row div {
  margin-right: 12px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center
}

@media screen and (min-width: 1366px) {
  .home-main .kt-bg .kt-cont .kt-l .kt-row div {
    width:64px;
    height: 64px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .kt-bg .kt-cont .kt-l .kt-row div {
    width:48px;
    height: 48px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .kt-bg .kt-cont .kt-l .kt-row div {
    width:48px;
    height: 48px
  }
}

@media screen and (max-width: 1060px) {
  .home-main .kt-bg .kt-cont .kt-l .kt-row div {
    width:48px;
    height: 48px
  }
}

@media screen and (max-width: 500px) {
  .home-main .kt-bg .kt-cont .kt-l .kt-row div {
    width:48px;
    height: 48px
  }
}

.home-main .kt-bg .kt-cont .kt-l .kt-row div img {
  border-radius: 50%;
  cursor: pointer
}

@media screen and (min-width: 1366px) {
  .home-main .kt-bg .kt-cont .kt-l .kt-row div img {
    width:42px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .kt-bg .kt-cont .kt-l .kt-row div img {
    width:32px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .kt-bg .kt-cont .kt-l .kt-row div img {
    width:32px
  }
}

@media screen and (max-width: 1060px) {
  .home-main .kt-bg .kt-cont .kt-l .kt-row div img {
    width:32px
  }
}

@media screen and (max-width: 500px) {
  .home-main .kt-bg .kt-cont .kt-l .kt-row div img {
    width:32px
  }
}

.home-main .kt-bg .kt-cont .kt-l .kt-row .div-act {
  border: 2px solid #2564fd
}

.home-main .kt-bg .kt-cont .kt-r {
  background-color: #fff;
  border-radius: 16px;
  flex: 1;
  margin-left: 100px;
  padding: 24px 0
}

.home-main .kt-bg-m {
  background-color: #202d40;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 36px 0;
  margin-top: 36px
}

.home-main .kt-bg-m .kt-msg {
  color: #fff;
  font-weight: 600
}

@media screen and (min-width: 1366px) {
  .home-main .kt-bg-m .kt-msg {
    font-size:28px
  }
}

@media screen and (min-width: 1280px)and (max-width:1366px) {
  .home-main .kt-bg-m .kt-msg {
    font-size:22px
  }
}

@media screen and (min-width: 1060px)and (max-width:1280px) {
  .home-main .kt-bg-m .kt-msg {
    font-size:22px
  }
}

@media screen and (max-width: 1060px) {
  .home-main .kt-bg-m .kt-msg {
    font-size:18px
  }
}

@media screen and (max-width: 500px) {
  .home-main .kt-bg-m .kt-msg {
    font-size:18px
  }
}

.home-main .kt-bg-m .kt-cont {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  height: 160px;
  margin: 24px 0
}

.home-main .kt-bg-m .kt-cont .kt-border {
  width: 20px;
  height: 100%;
  background-color: #fff
}

.home-main .kt-bg-m .kt-cont .kt-box {
  width: calc(100% - 64px);
  height: 100%;
  padding: 12px;
  background-color: #fff;
  border-radius: 8px
}

.home-main .kt-bg-m .kt-cont .kt-box .kt-head {
  display: flex;
  margin-bottom: 12px
}

.home-main .kt-bg-m .kt-cont .kt-box .kt-head img {
  margin-right: 8px
}

.home-main .kt-bg-m .kt-cont .kt-box .kt-head div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #202d40;
  font-weight: 600
}

.home-main .kt-bg-m .kt-cont .kt-box .kt-head div span:nth-child(2) {
  color: #8492a6;
  font-weight: 400
}

.home-main .kt-bg-m .kt-cont .kt-box .kt-say {
  font-size: 12px
}

.home-main .kt-bg-m .kt-btn {
  padding: 0 12px;
  margin-top: 24px;
  width: calc(100% - 64px);
  height: 50px;
  background: #2564fd;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #fff
}

.home-main-m {
  padding-top: 60px
}

.home-main-m .b-title {
  margin-bottom: 24px
}

body,html {
  font: 14px/1.5 Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;
  font-weight: 400;
  color: #333;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent
}

*,:after,:before {
  box-sizing: border-box;
  margin: 0;
  padding: 0
}

a:active,a:focus,div:focus {
  outline: none
}

a,a:focus,a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none
}

ul {
  list-style: none
}

button,input,select,textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  -webkit-appearance: none
}

html {
  scroll-behavior: smooth
}

:root {
  --themeColor: #1d62cb;
  --themeBGColor: #122a4b;
  --blackColor: #333;
  --whiteColor: #fff
}

.fontHG {
  font-family: FZDaHei-B02S;
  font-size: 24px;
  line-height: 30px
}

.fontPG {
  font-family: PingFangSC,PingFang SC;
  font-size: 16px;
  font-style: normal;
  line-height: 24px
}

.font42 {
  font-size: 42px;
  line-height: 50px
}

.font36 {
  font-size: 36px;
  line-height: 44px
}

.font32 {
  font-size: 32px;
  line-height: 40px
}

.font24 {
  font-size: 24px;
  line-height: 30px
}

.font20 {
  font-size: 20px;
  line-height: 26px
}

.font16 {
  font-size: 16px;
  line-height: 24px
}

.font14 {
  font-size: 14px;
  line-height: 20px
}

.font12 {
  font-size: 12px
}

.font11 {
  font-size: 11px;
  line-height: 14px
}

@font-face {
  font-family: PingFangSC;
  src: url(../../static/fonts/PingFangSCRegularCompress.b9d0b995.ttf) format("truetype")
}

@font-face {
  font-family: FZDaHei-B02S;
  src: url(../../static/fonts/FZDaHei-B02S.e8a0f15e.ttf)
}

.w-e-text-container,.w-e-toolbar {
  height: auto!important;
  border: 0!important
}

.w-e-text,.w-e-text-container .w-e-tex {
  overflow: unset!important;
  padding: 0!important
}

.menu-dropdown {
  border-radius: 0!important;
  margin-top: 10px!important;
  padding: 0!important;
  border: none!important;
  box-shadow: 0 4px 30px 0 rgba(0,0,0,.25)!important
}

.menu-dropdown .lls-dropdown-menu__item {
  padding: 0!important;
  margin: 0!important
}

.menu-dropdown .lls-dropdown-menu__item div {
  color: #254b6f;
  box-sizing: border-box;
  font-size: 15px;
  padding: 15px 26px;
  min-width: 227px
}

.menu-dropdown .lls-dropdown-menu__item div:hover {
  background: linear-gradient(90deg,#dcebf9 9.03%,#f5f5f5 70.06%,rgba(228,239,249,0) 90.97%)
}

@media screen and (max-width: 767px) {
  .w {
    margin:0 auto;
    width: calc(100% - 50px);
    min-width: 325px
  }
}

@media screen and (min-width: 768px)and (max-width:1299px) {
  .w {
    margin:0 auto;
    width: calc(100% - 80px)
  }
}

@media screen and (min-width: 1300px) {
  .w {
    margin:0 auto;
    width: 1232px
  }
}

.apply {
  overflow: hidden;
  background: #ff9600;
  border-radius: 30px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  z-index: 3
}

.apply,.apply span {
  display: flex;
  position: relative
}

.apply span {
  font-size: 22px;
  z-index: 2
}

.apply:before {
  content: "";
  position: absolute;
  left: 0;
  z-index: 1;
  width: 200%;
  height: 100%;
  top: 0;
  bottom: 0;
  background: linear-gradient(122deg,transparent,transparent,#ffa45a,#ffa45a 72%,transparent 0,transparent);
  animation: publish-upgrade 2.5s ease-in-out infinite
}

@keyframes publish-upgrade {
  0% {
    transform: translateX(-100%)
  }

  to {
    transform: translateX(100%)
  }
}

.lls-carousel__item h3 {
  color: #475669;
  font-size: 14px;
  opacity: .75;
  line-height: 200px;
  margin: 0
}

.lls-carousel .is-active {
  color: red!important;
  width: 90%;
  margin-left: 5%
}

.lls-carousel__item:nth-child(2n) {
  background-color: #99a9bf
}

.lls-carousel__item:nth-child(odd) {
  background-color: #d3dce6
}