@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-title {
  margin-top: 70px;
  margin-bottom: 30px;
  text-align: center;
  font-size: 28px;
  letter-spacing: 1px;
  font-weight: 400; }
  .section-title span {
    position: relative; }
    .section-title span::before {
      content: '<';
      position: absolute;
      left: -30px;
      top: 50%;
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
      color: #4a81ff; }
    .section-title span::after {
      content: '>';
      position: absolute;
      right: -30px;
      top: 50%;
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
      color: #4a81ff; }

@media only screen and (max-width: 576px) {
  .section-title {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 18px; }
    .section-title span {
      position: relative; }
      .section-title span::before {
        left: -20px; }
      .section-title span::after {
        right: -20px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.ability-card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  padding: 60px 0;
  background-color: #ffffff;
  border: solid 1px #e6e8f4;
  transition: box-shadow ease-in-out .3s; }
  .ability-card:hover {
    box-shadow: 0px 3px 10px 0px rgba(43, 75, 196, 0.11); }

.ability-card__left {
  width: 230px;
  height: 105px;
  font-size: 18px;
  line-height: 30px;
  color: #24374e;
  text-align: center;
  border-right: solid 1px #e2e3e7; }
  .ability-card__left .ability-logo {
    width: 50px;
    height: 50px;
    margin: 0 auto 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; }

.ability-card__right {
  -ms-flex: 1;
      flex: 1;
  height: 105px;
  padding: 0 45px;
  font-size: 14px;
  line-height: 20px;
  color: #7a8ba6; }

.ability-card__more {
  position: absolute;
  right: 25px;
  bottom: 20px; }
  .ability-card__more .gaia-btn {
    margin-right: 10px; }
    .ability-card__more .gaia-btn:last-child {
      margin-right: 0px; }

@media only screen and (max-width: 576px) {
  .ability-card {
    padding: 40px 0;
    font-size: 12px; }
  .ability-card__left {
    width: 110px;
    height: 80px;
    font-size: 12px;
    line-height: normal; }
    .ability-card__left .ability-logo {
      width: 40px;
      height: 40px;
      margin: 0 auto 10px; }
  .ability-card__right {
    -ms-flex: 1;
        flex: 1;
    height: 80px;
    padding: 0 22px;
    font-size: 12px;
    line-height: 21px;
    color: #7a8ba6; }
  .ability-card__more {
    right: 15px;
    bottom: 10px; }
    .ability-card__more .gaia-btn {
      font-size: 12px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.gaia-btn {
  display: inline-block;
  box-sizing: content-box;
  padding: 0 20px;
  font-size: 14px;
  line-height: 32px;
  height: 30px;
  border: 1px solid #8393ac;
  cursor: pointer;
  text-decoration: none;
  color: #8393ac;
  border-radius: 3px;
  background-color: #ffffff;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .gaia-btn:hover {
    background-color: #4a81ff;
    color: #ffffff;
    border-color: #4a81ff; }
  .gaia-btn:disabled {
    cursor: not-allowed; }

.gaia-btn, .gaia-btn:active, .gaia-btn:focus {
  outline: 0; }

.gaia-btn-small {
  font-size: 12px;
  line-height: 20px;
  height: 20px; }

.gaia-btn-large {
  font-size: 16px;
  line-height: 44px;
  height: 44px; }

.gaia-btn-primary {
  background-color: #4a81ff;
  border-color: #4a81ff;
  color: #ffffff; }
  .gaia-btn-primary:hover {
    opacity: .86; }

.gaia-btn-success {
  background-color: #21c286;
  border-color: #21c286;
  color: #ffffff; }
  .gaia-btn-success:hover {
    background-color: rgba(33, 194, 134, 0.86);
    border-color: rgba(33, 194, 134, 0.86); }

.gaia-btn-warning {
  background-color: #ec971f;
  border-color: #ec971f;
  color: #ffffff; }
  .gaia-btn-warning:hover {
    background-color: rgba(236, 151, 31, 0.86);
    border-color: rgba(236, 151, 31, 0.86); }

.gaia-btn-danger {
  background-color: #ff4d4f;
  border-color: #ff4d4f;
  color: #ffffff; }
  .gaia-btn-danger:hover {
    background-color: rgba(255, 77, 79, 0.86);
    border-color: rgba(255, 77, 79, 0.86); }

.gaia-btn-link {
  border-color: transparent;
  background-color: transparent; }
  .gaia-btn-link:hover {
    color: #4a81ff;
    border-color: transparent;
    background-color: transparent;
    opacity: .86; }

.gaia-btn-background-ghost {
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff; }
  .gaia-btn-background-ghost:hover {
    background-color: #ffffff;
    color: #4a81ff;
    border-color: #ffffff; }

.gaia-btn-primary.gaia-btn-background-ghost {
  background-color: transparent;
  border-color: #4a81ff;
  color: #4a81ff; }
  .gaia-btn-primary.gaia-btn-background-ghost:hover {
    background-color: #4a81ff;
    color: #ffffff;
    border-color: #4a81ff; }

.gaia-btn-success.gaia-btn-background-ghost {
  background-color: transparent;
  border-color: #21c286;
  color: #21c286; }
  .gaia-btn-success.gaia-btn-background-ghost:hover {
    background-color: rgba(33, 194, 134, 0.86);
    border-color: rgba(33, 194, 134, 0.86);
    color: #ffffff; }

.gaia-btn-warning.gaia-btn-background-ghost {
  background-color: transparent;
  border-color: #ec971f;
  color: #ec971f; }
  .gaia-btn-warning.gaia-btn-background-ghost:hover {
    background-color: rgba(236, 151, 31, 0.86);
    border-color: rgba(236, 151, 31, 0.86);
    color: #ffffff; }

.gaia-btn-danger.gaia-btn-background-ghost {
  background-color: transparent;
  border-color: #ff4d4f;
  color: #ff4d4f; }
  .gaia-btn-danger.gaia-btn-background-ghost:hover {
    background-color: rgba(255, 77, 79, 0.86);
    border-color: rgba(255, 77, 79, 0.86);
    color: #ffffff; }

@media only screen and (max-width: 576px) {
  .gaia-btn {
    display: inline-block;
    padding: 0 16px;
    font-size: 14px;
    line-height: 25px;
    height: 25px; }
  .gaia-btn-small {
    font-size: 12px;
    line-height: 20px;
    height: 20px; }
  .gaia-btn-large {
    font-size: 14px;
    line-height: 30px;
    height: 30px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.gaia-tabs {
  overflow: hidden;
  background-color: #ffffff; }

.gaia-tabs-bar {
  position: relative;
  background-color: #ffffff;
  border-bottom: 1px solid #e6e8f4; }

.gaia-tabs-nav {
  display: -ms-flexbox;
  display: flex; }

.gaia-tabs-nav .gaia-tab {
  position: relative;
  -ms-flex: 1;
      flex: 1;
  text-align: center;
  cursor: pointer; }
  .gaia-tabs-nav .gaia-tab:hover, .gaia-tabs-nav .gaia-tab.gaia-tab-active {
    color: #4a81ff; }
  .gaia-tabs-nav .gaia-tab span {
    display: inline-block;
    height: 70px;
    line-height: 70px;
    padding: 0 16px; }
  .gaia-tabs-nav .gaia-tab::before {
    content: '';
    position: absolute;
    right: 0;
    top: 27px;
    height: 16px;
    width: 1px;
    background-color: #e6e8f4; }
  .gaia-tabs-nav .gaia-tab:last-child::before {
    display: none; }

.gaia-tabs-content {
  display: -ms-flexbox;
  display: flex;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
  background-color: #ffffff; }

.gaia-tab-pane.gaia-tab-pane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none; }

.gaia-tab-pane {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  opacity: 1;
  transition: opacity .45s; }

.gaia-tabs-inkbar {
  background-color: #4a81ff;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.gaia-tabs-horizontal {
  display: -ms-flexbox;
  display: flex; }
  .gaia-tabs-horizontal .gaia-tabs-bar {
    float: left;
    z-index: 2;
    border-bottom: none;
    border-right: 1px solid #e6e8f4; }
  .gaia-tabs-horizontal .gaia-tabs-nav {
    display: block; }
  .gaia-tabs-horizontal .gaia-tabs-inkbar {
    position: absolute;
    left: 0;
    top: 0; }
  .gaia-tabs-horizontal .gaia-tabs-nav .gaia-tab::before {
    display: none; }
  .gaia-tabs-horizontal .gaia-tabs-content {
    display: block; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.gaia-callapse {
  border: 1px solid #e6e8f4; }

.gaia-collapse-item {
  border-bottom: 1px solid #e6e8f4; }
  .gaia-collapse-item:last-child {
    border-bottom: none; }

.gaia-collapse-header {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 50px;
  padding: 0 45px 0 20px;
  background-color: #f5f6ff;
  color: #24374e;
  cursor: pointer; }
  .gaia-collapse-header .gaia-collapse-arrow {
    position: absolute;
    right: 25px;
    top: 21px;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: #999999;
    -ms-transform: rotate(135deg);
        transform: rotate(135deg);
    transition: transform .2s; }

.gaia-collapse-content {
  border-top: 1px solid #e6e8f4;
  background-color: #ffffff;
  transition: all .2s;
  overflow: hidden;
  padding: 0 20px; }

.gaia-collapse-item-active .gaia-collapse-header {
  font-weight: 500; }
  .gaia-collapse-item-active .gaia-collapse-header .gaia-collapse-arrow {
    -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }

@media only screen and (max-width: 576px) {
  .gaia-collapse-header {
    -ms-flex-pack: center;
        justify-content: center; } }

@charset "UTF-8";
.tooltip {
  position: relative;
  display: -ms-flexbox;
  display: flex; }
  .tooltip a {
    cursor: pointer; }
  .tooltip-content.left {
    position: absolute;
    box-sizing: border-box;
    background-color: #fff;
    border-bottom-color: #fff;
    /*为了给after伪元素自动继承*/
    color: #333333;
    font-size: 14px;
    padding: 8px 8px;
    width: auto;
    white-space: nowrap;
    box-sizing: border-box;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    z-index: 1;
    right: 110%;
    top: -4px; }
    .tooltip-content.left::before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      top: 30%;
      border-style: solid;
      border-width: 6px;
      border-color: transparent transparent #fff #fff;
      box-shadow: -2px 2px 3px 0 #eee; }
    .tooltip-content.left img {
      max-width: 150px;
      max-height: 150px; }
    .tooltip-content.left p {
      padding: 5px; }
    .tooltip-content.left::before {
      right: -4px;
      -ms-transform: rotate(225deg);
          transform: rotate(225deg); }
  .tooltip-content.left-top {
    position: absolute;
    box-sizing: border-box;
    background-color: #fff;
    border-bottom-color: #fff;
    /*为了给after伪元素自动继承*/
    color: #333333;
    font-size: 14px;
    padding: 8px 8px;
    width: auto;
    white-space: nowrap;
    box-sizing: border-box;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    z-index: 1;
    right: 154%;
    top: -4px; }
    .tooltip-content.left-top::before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      top: 30%;
      border-style: solid;
      border-width: 6px;
      border-color: transparent transparent #fff #fff;
      box-shadow: -2px 2px 3px 0 #eee; }
    .tooltip-content.left-top img {
      max-width: 150px;
      max-height: 150px; }
    .tooltip-content.left-top p {
      padding: 5px; }
    .tooltip-content.left-top::before {
      right: -4px;
      top: 4%;
      -ms-transform: rotate(225deg);
          transform: rotate(225deg); }
  .tooltip-content.right-top {
    position: absolute;
    box-sizing: border-box;
    background-color: #fff;
    border-bottom-color: #fff;
    /*为了给after伪元素自动继承*/
    color: #333333;
    font-size: 14px;
    padding: 8px 8px;
    width: auto;
    white-space: nowrap;
    box-sizing: border-box;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    z-index: 1;
    left: calc(100% + 10px);
    top: -4px; }
    .tooltip-content.right-top::before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      top: 30%;
      border-style: solid;
      border-width: 6px;
      border-color: transparent transparent #fff #fff;
      box-shadow: -2px 2px 3px 0 #eee; }
    .tooltip-content.right-top img {
      max-width: 150px;
      max-height: 150px; }
    .tooltip-content.right-top p {
      padding: 5px; }
    .tooltip-content.right-top::before {
      left: -4px;
      top: 10px;
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
  .tooltip-content.top-left {
    position: absolute;
    box-sizing: border-box;
    background-color: #fff;
    border-bottom-color: #fff;
    /*为了给after伪元素自动继承*/
    color: #333333;
    font-size: 14px;
    padding: 8px 8px;
    width: auto;
    white-space: nowrap;
    box-sizing: border-box;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    z-index: 1;
    left: -5px;
    bottom: calc(100% + 15px); }
    .tooltip-content.top-left::before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      top: 30%;
      border-style: solid;
      border-width: 6px;
      border-color: transparent transparent #fff #fff;
      box-shadow: -2px 2px 3px 0 #eee; }
    .tooltip-content.top-left img {
      max-width: 150px;
      max-height: 150px; }
    .tooltip-content.top-left p {
      padding: 5px; }
    .tooltip-content.top-left::before {
      top: calc(100% - 8px);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }
  .tooltip-content.right {
    position: absolute;
    box-sizing: border-box;
    background-color: #fff;
    border-bottom-color: #fff;
    /*为了给after伪元素自动继承*/
    color: #333333;
    font-size: 14px;
    padding: 8px 8px;
    width: auto;
    white-space: nowrap;
    box-sizing: border-box;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    z-index: 1;
    left: calc(100% + 10px);
    top: -4px; }
    .tooltip-content.right::before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      top: 30%;
      border-style: solid;
      border-width: 6px;
      border-color: transparent transparent #fff #fff;
      box-shadow: -2px 2px 3px 0 #eee; }
    .tooltip-content.right img {
      max-width: 150px;
      max-height: 150px; }
    .tooltip-content.right p {
      padding: 5px; }
    .tooltip-content.right::before {
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
      left: -4px; }
  .tooltip .qrcode {
    text-align: center; }
    .tooltip .qrcode img {
      width: 100px;
      height: 100px; }
    .tooltip .qrcode .qrcode-p {
      font-size: 10px !important; }

.gaia-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  filter: alpha(opacity=50); }

.gaia-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow: auto;
  outline: 0; }

.gaia-modal {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  list-style: none;
  position: relative;
  top: 100px;
  width: auto;
  margin: 0 auto;
  padding-bottom: 24px;
  pointer-events: none; }

.gaia-modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: auto; }

.gaia-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  height: 55px;
  width: 55px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: 0 0;
  border: 0;
  outline: 0;
  cursor: pointer;
  text-align: center; }
  .gaia-modal-close .icon-close {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    text-transform: none;
    text-rendering: auto; }
    .gaia-modal-close .icon-close::before, .gaia-modal-close .icon-close::after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 7px;
      width: 2px;
      background-color: rgba(0, 0, 0, 0.45);
      -ms-transform: rotate(40deg);
          transform: rotate(40deg);
      transition: background-color .3s; }
    .gaia-modal-close .icon-close::after {
      -ms-transform: rotate(-40deg);
          transform: rotate(-40deg); }
  .gaia-modal-close:hover .icon-close::before, .gaia-modal-close:hover .icon-close::after {
    background-color: rgba(0, 0, 0, 0.85); }

.gaia-modal-header {
  padding: 16px 24px;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0; }

.gaia-modal-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  word-wrap: break-word; }

.gaia-modal-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word; }
  .gaia-modal-body .gaia-modal-confirm-title {
    display: block;
    overflow: hidden;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4; }
  .gaia-modal-body .gaia-modal-confirm-content {
    margin-top: 8px;
    color: rgba(0, 0, 0, 0.65);
    font-size: 14px; }

.gaia-modal-footer {
  padding: 10px 16px;
  text-align: right;
  background: 0 0;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px; }

.gaia-modal-footer button + button {
  margin-bottom: 0;
  margin-left: 8px; }

.title-desc-desc {
  width: 100%;
  text-align: center;
  margin: 0px auto;
  margin-bottom: 30px;
  font-size: 16px;
  color: #6474a4;
  letter-spacing: 2px; }

@media only screen and (max-width: 400px) {
  .media-title-desc-desc {
    font-size: 12px;
    margin-bottom: 18px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-banner {
  min-height: 365px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  color: #24374e; }

.section-banner.left {
  text-align: left; }

.section-banner.center {
  text-align: center; }
  .section-banner.center .service-banner-desc {
    width: 540px;
    margin-left: auto;
    margin-right: auto; }

.section-banner.dark {
  color: #ffffff; }

.service-banner-title {
  margin-top: 80px;
  margin-bottom: 17px;
  font-size: 38px; }
  .service-banner-title span {
    position: relative; }
  .service-banner-title .badge-icon {
    position: absolute;
    top: -5px;
    left: 100%; }
  .service-banner-title .play-icon {
    width: 40px;
    height: 40px;
    vertical-align: -8px;
    margin-left: 8px;
    cursor: pointer;
    transition: transform .2s ease-in; }
    .service-banner-title .play-icon:hover {
      -ms-transform: scale(1.1);
          transform: scale(1.1); }

.service-banner-desc {
  width: 500px;
  line-height: 2;
  font-size: 14px;
  margin-bottom: 26px; }

.service-banner-btns .gaia-btn {
  margin-right: 10px; }
  .service-banner-btns .gaia-btn:last-child {
    margin-right: 0px; }

.service-banner-extra {
  font-size: 14px;
  margin-bottom: 20px;
  margin-top: 20px; }
  .service-banner-extra p {
    margin-block-start: 10px;
    margin-block-end: 10px; }

.video-modal-wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  transition: 0.35s;
  z-index: 12000;
  background-color: rgba(0, 0, 0, 0.3); }
  .video-modal-wrap.modal-show {
    display: -ms-flexbox;
    display: flex; }
  .video-modal-wrap .por-player {
    width: 700px;
    height: 500px;
    position: relative;
    background-color: #000; }
    .video-modal-wrap .por-player .por-player-close {
      position: absolute;
      top: 2px;
      right: 2px;
      width: 24px;
      height: 24px;
      cursor: pointer; }
      .video-modal-wrap .por-player .por-player-close > svg {
        transition: transform .2s ease-in; }
        .video-modal-wrap .por-player .por-player-close > svg:hover {
          -ms-transform: scale(1.3);
              transform: scale(1.3); }
    .video-modal-wrap .por-player > video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      outline: none; }

@media only screen and (min-width: 576.01px) {
  .service-banner-btns .gaia-btn:first-child {
    padding: 0 30px; }
  .section-banner.center .service-banner-btns .gaia-btn {
    padding: 0 30px; } }

@media only screen and (max-width: 576px) {
  .section-banner {
    min-height: 200px;
    background-size: auto 60%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #eff4fa; }
  .service-banner-title {
    margin-top: 35px;
    margin-bottom: 17px;
    font-size: 16px; }
    .service-banner-title .badge-icon {
      top: -15px;
      -ms-transform: scale(0.5);
          transform: scale(0.5);
      -ms-transform-origin: 0 100%;
          transform-origin: 0 100%; }
    .service-banner-title .play-icon {
      width: 18px;
      height: 18px;
      vertical-align: -4px;
      margin-left: 4px; }
  .service-banner-desc {
    width: 64%;
    font-size: 12px; }
  .service-banner-extra {
    display: none; }
  .service-banner-btns {
    margin-bottom: 20px; }
  .video-modal-wrap .por-player {
    width: 100%;
    height: 71.42857143vw; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
/* Slider */
.hs-banner {
  /* Slider */
  /* Icons */
  /* Arrows */
  /* Dots */ }
  .hs-banner .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent; }
  .hs-banner .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0; }
  .hs-banner .slick-list:focus {
    outline: none; }
  .hs-banner .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }
  .hs-banner .slick-slider .slick-track,
  .hs-banner .slick-slider .slick-list {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .hs-banner .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .hs-banner .slick-track:before,
  .hs-banner .slick-track:after {
    display: table;
    content: ''; }
  .hs-banner .slick-track:after {
    clear: both; }
  .hs-banner .slick-loading .slick-track {
    visibility: hidden; }
  .hs-banner .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px; }
  .hs-banner [dir='rtl'] .slick-slide {
    float: right; }
  .hs-banner .slick-slide img {
    display: block; }
  .hs-banner .slick-slide.slick-loading img {
    display: none; }
  .hs-banner .slick-slide.dragging img {
    pointer-events: none; }
  .hs-banner .slick-initialized .slick-slide {
    display: block; }
  .hs-banner .slick-loading .slick-slide {
    visibility: hidden; }
  .hs-banner .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }
  .hs-banner .slick-arrow.slick-hidden {
    display: none; }
  .hs-banner .slick-prev,
  .hs-banner .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent; }
  .hs-banner .slick-prev:hover,
  .hs-banner .slick-prev:focus,
  .hs-banner .slick-next:hover,
  .hs-banner .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent; }
  .hs-banner .slick-prev:hover:before,
  .hs-banner .slick-prev:focus:before,
  .hs-banner .slick-next:hover:before,
  .hs-banner .slick-next:focus:before {
    opacity: 1; }
  .hs-banner .slick-prev.slick-disabled:before,
  .hs-banner .slick-next.slick-disabled:before {
    opacity: .25; }
  .hs-banner .slick-prev:before,
  .hs-banner .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hs-banner .slick-prev {
    left: -25px; }
  .hs-banner [dir='rtl'] .slick-prev {
    right: -25px;
    left: auto; }
  .hs-banner .slick-prev:before {
    content: '\2190'; }
  .hs-banner [dir='rtl'] .slick-prev:before {
    content: '\2192'; }
  .hs-banner .slick-next {
    right: -25px; }
  .hs-banner [dir='rtl'] .slick-next {
    right: auto;
    left: -25px; }
  .hs-banner .slick-next:before {
    content: '\2192'; }
  .hs-banner [dir='rtl'] .slick-next:before {
    content: '\2190'; }
  .hs-banner .slick-dotted.slick-slider {
    margin-bottom: 30px; }
  .hs-banner .slick-dots {
    position: absolute;
    bottom: 25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center; }
  .hs-banner .slick-dots li {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 5px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
  .hs-banner .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 80px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent; }
  .hs-banner .slick-dots li button:hover,
  .hs-banner .slick-dots li button:focus {
    outline: none; }
  .hs-banner .slick-dots li button:hover:before,
  .hs-banner .slick-dots li button:focus:before {
    opacity: 1; }
  .hs-banner .slick-dots li button:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 5px;
    content: '';
    text-align: center;
    background: #ccc;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hs-banner .slick-dots li button:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 5px;
    content: '';
    text-align: center;
    background: #578aff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hs-banner .slick-dots li.slick-active button:before {
    opacity: 1; }
  .hs-banner .slick-dots li.slick-active button:after {
    opacity: 1;
    width: 80px;
    animation: animation 4s linear 1; }

@keyframes animation {
  from {
    width: 0px; }
  to {
    width: 80px; } }

@keyframes animation {
  from {
    width: 0px; }
  to {
    width: 80px; } }

.banner-container .banner1 .double-circle {
  position: absolute;
  left: 50%;
  border-radius: 50%;
  background: transparent; }

.banner-container .banner1 .double-circle .circle {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid #eee;
  border-radius: 50%; }

.banner-container .banner1 .circle-size-0 {
  width: 16px;
  height: 6px; }

.banner-container .banner1 .circle-size-0 .size-0 {
  width: 44px;
  height: 14px;
  margin-top: -7px;
  margin-left: -22px; }

.banner-container .banner1 .circle-size-1 {
  width: 16px;
  height: 8px; }

.banner-container .banner1 .circle-size-1 .size-1 {
  width: 56px;
  height: 28px;
  margin-top: -14px;
  margin-left: -28px; }

.banner-container .banner1 .circle-size-2 {
  width: 24px;
  height: 12px; }

.banner-container .banner1 .circle-size-2 .size-2 {
  width: 56px;
  height: 28px;
  margin-top: -14px;
  margin-left: -28px; }

.banner-container .banner1 .inner-delay-0 {
  animation: banner-move1 12s linear infinite; }

.banner-container .banner1 .outer-delay-0 {
  opacity: 0;
  animation: banner-move1 12s linear 2s infinite; }

.banner-container .banner1 .inner-delay-1 {
  opacity: 0;
  animation: banner-move1 12s linear 3s infinite; }

.banner-container .banner1 .outer-delay-1 {
  opacity: 0;
  animation: banner-move1 12s linear 5s infinite; }

.banner-container .banner1 .inner-delay-2 {
  opacity: 0;
  animation: banner-move1 12s linear 6s infinite; }

.banner-container .banner1 .outer-delay-2 {
  opacity: 0;
  animation: banner-move1 12s linear 8s infinite; }

.banner-container .banner1 .left-0 {
  top: 518px;
  margin-left: -557px;
  transform: rotateX(45deg); }

.banner-container .banner1 .left-1 {
  top: 561px;
  margin-left: -396px;
  transform: rotateX(30deg); }

.banner-container .banner1 .left-2 {
  top: 476px;
  margin-left: -127px; }

.banner-container .banner1 .right-0 {
  top: 515px;
  margin-left: 94px;
  transform: rotateX(30deg); }

.banner-container .banner1 .right-1 {
  top: 487px;
  margin-left: 312px;
  transform: rotateX(30deg); }

.banner-container .banner1 .right-2 {
  top: 528px;
  margin-left: 590px;
  transform: rotateX(45deg); }

.banner-container .banner1 .bg-blur {
  position: absolute;
  top: 335px;
  left: 0;
  width: 100%;
  height: 283px;
  background: url(/static/img/banner-index/bg-1024-blur.png) no-repeat bottom center; }

.banner-container .banner1 .bubble {
  position: absolute;
  transition-duration: 3s;
  left: 50%;
  top: 0;
  width: 1616px;
  height: 640px;
  margin-left: -808px;
  background: url(/static/img/banner-index/bubble.png) no-repeat center center;
  background-size: contain;
  animation: 6s rote infinite; }

.banner-container .banner1 .aurora-wrap {
  position: absolute;
  top: 330px;
  left: 0;
  width: 100%;
  height: 300px; }

.banner-container .banner1 .aurora-wrap .green-round {
  width: 100%;
  height: 100%;
  background: url(/static/img/banner-index/green-round.png) no-repeat bottom center;
  animation: grad-change 8s linear infinite; }

.banner-container .banner1 .aurora-wrap .red-aurora {
  position: absolute;
  top: -70px;
  left: 50%;
  width: 1050px;
  height: 300px;
  margin-left: -700px;
  background: url(/static/img/banner-index/red-aurora.png) no-repeat;
  animation: grad-change 3s linear infinite; }

.banner-container .banner1 .aurora-wrap .green-aurora {
  position: absolute;
  top: 70px;
  left: 48%;
  width: 505px;
  height: 84px;
  background: url(/static/img/banner-index/green-aurora.png) no-repeat;
  animation: grad-change1 3s linear infinite; }

.banner-container .banner1 .aurora-wrap .blue-aurora {
  position: absolute;
  top: -50px;
  left: 50%;
  width: 1016px;
  height: 302px;
  margin-left: -508px;
  background: url(/static/img/banner-index/blue-aurora.png) no-repeat;
  animation: grad-change 3s linear infinite;
  opacity: 0.7; }

.banner-container .banner1 .banner-line {
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 2180px;
  height: 193px;
  margin-left: -1090px;
  opacity: 0.7; }

@keyframes grad-change {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

@keyframes grad-change1 {
  0% {
    opacity: 0.7; }
  50% {
    opacity: 0; }
  100% {
    opacity: 0.7; } }

@keyframes banner-move1 {
  0% {
    transform: scale(0.5, 0.5);
    opacity: 0; }
  40% {
    transform: scale(1.6, 1.6);
    opacity: 1; }
  80% {
    transform: scale(3, 3);
    opacity: 0; }
  100% {
    transform: scale(3, 3);
    opacity: 0; } }

@keyframes rote {
  0% {
    transform: rotate(-15deg) scale(1) translate3d(0, 0, 0px); }
  50% {
    transform: rotate(0) scale(1.2) translate3d(15px, 5px, 2px); }
  100% {
    transform: rotate(-15deg) scale(1) translate3d(0, 0, 0); } }

@media only screen and (max-width: 576px) {
  .section-banner-mobile .banner-each {
    width: 100vw;
    height: 60vw;
    overflow: hidden;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
  .section-banner-mobile .banner1 {
    position: relative;
    background-image: url(/static/img/index/index-banner-mobile.jpg);
    cursor: default; }
  .section-banner-mobile .cls-1 {
    fill: none;
    stroke: #fff;
    stroke-dasharray: 3;
    animation: dash 5s linear infinite; }
  @keyframes dash {
    from {
      stroke-dashoffset: 0; }
    to {
      stroke-dashoffset: 100; } } }

/* Slider */
.hs-banner {
  /* Slider */
  /* Icons */
  /* Arrows */
  /* Dots */ }
  .hs-banner .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent; }
  .hs-banner .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0; }
  .hs-banner .slick-list:focus {
    outline: none; }
  .hs-banner .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }
  .hs-banner .slick-slider .slick-track,
  .hs-banner .slick-slider .slick-list {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .hs-banner .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .hs-banner .slick-track:before,
  .hs-banner .slick-track:after {
    display: table;
    content: ''; }
  .hs-banner .slick-track:after {
    clear: both; }
  .hs-banner .slick-loading .slick-track {
    visibility: hidden; }
  .hs-banner .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px; }
  .hs-banner [dir='rtl'] .slick-slide {
    float: right; }
  .hs-banner .slick-slide img {
    display: block; }
  .hs-banner .slick-slide.slick-loading img {
    display: none; }
  .hs-banner .slick-slide.dragging img {
    pointer-events: none; }
  .hs-banner .slick-initialized .slick-slide {
    display: block; }
  .hs-banner .slick-loading .slick-slide {
    visibility: hidden; }
  .hs-banner .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }
  .hs-banner .slick-arrow.slick-hidden {
    display: none; }
  .hs-banner .slick-prev,
  .hs-banner .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent; }
  .hs-banner .slick-prev:hover,
  .hs-banner .slick-prev:focus,
  .hs-banner .slick-next:hover,
  .hs-banner .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent; }
  .hs-banner .slick-prev:hover:before,
  .hs-banner .slick-prev:focus:before,
  .hs-banner .slick-next:hover:before,
  .hs-banner .slick-next:focus:before {
    opacity: 1; }
  .hs-banner .slick-prev.slick-disabled:before,
  .hs-banner .slick-next.slick-disabled:before {
    opacity: .25; }
  .hs-banner .slick-prev:before,
  .hs-banner .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hs-banner .slick-prev {
    left: -25px; }
  .hs-banner [dir='rtl'] .slick-prev {
    right: -25px;
    left: auto; }
  .hs-banner .slick-prev:before {
    content: '\2190'; }
  .hs-banner [dir='rtl'] .slick-prev:before {
    content: '\2192'; }
  .hs-banner .slick-next {
    right: -25px; }
  .hs-banner [dir='rtl'] .slick-next {
    right: auto;
    left: -25px; }
  .hs-banner .slick-next:before {
    content: '\2192'; }
  .hs-banner [dir='rtl'] .slick-next:before {
    content: '\2190'; }
  .hs-banner .slick-dotted.slick-slider {
    margin-bottom: 30px; }
  .hs-banner .slick-dots {
    position: absolute;
    bottom: 25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center; }
  .hs-banner .slick-dots li {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 5px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
  .hs-banner .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 80px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent; }
  .hs-banner .slick-dots li button:hover,
  .hs-banner .slick-dots li button:focus {
    outline: none; }
  .hs-banner .slick-dots li button:hover:before,
  .hs-banner .slick-dots li button:focus:before {
    opacity: 1; }
  .hs-banner .slick-dots li button:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 5px;
    content: '';
    text-align: center;
    background: #ccc;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hs-banner .slick-dots li button:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 5px;
    content: '';
    text-align: center;
    background: #578aff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hs-banner .slick-dots li.slick-active button:before {
    opacity: 1; }
  .hs-banner .slick-dots li.slick-active button:after {
    opacity: 1;
    width: 80px;
    animation: animation 4s linear 1; }

@keyframes animation {
  from {
    width: 0px; }
  to {
    width: 80px; } }

@keyframes animation {
  from {
    width: 0px; }
  to {
    width: 80px; } }

.banner-container .banner1 .double-circle {
  position: absolute;
  left: 50%;
  border-radius: 50%;
  background: transparent; }

.banner-container .banner1 .double-circle .circle {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid #eee;
  border-radius: 50%; }

.banner-container .banner1 .circle-size-0 {
  width: 16px;
  height: 6px; }

.banner-container .banner1 .circle-size-0 .size-0 {
  width: 44px;
  height: 14px;
  margin-top: -7px;
  margin-left: -22px; }

.banner-container .banner1 .circle-size-1 {
  width: 16px;
  height: 8px; }

.banner-container .banner1 .circle-size-1 .size-1 {
  width: 56px;
  height: 28px;
  margin-top: -14px;
  margin-left: -28px; }

.banner-container .banner1 .circle-size-2 {
  width: 24px;
  height: 12px; }

.banner-container .banner1 .circle-size-2 .size-2 {
  width: 56px;
  height: 28px;
  margin-top: -14px;
  margin-left: -28px; }

.banner-container .banner1 .inner-delay-0 {
  animation: banner-move1 12s linear infinite; }

.banner-container .banner1 .outer-delay-0 {
  opacity: 0;
  animation: banner-move1 12s linear 2s infinite; }

.banner-container .banner1 .inner-delay-1 {
  opacity: 0;
  animation: banner-move1 12s linear 3s infinite; }

.banner-container .banner1 .outer-delay-1 {
  opacity: 0;
  animation: banner-move1 12s linear 5s infinite; }

.banner-container .banner1 .inner-delay-2 {
  opacity: 0;
  animation: banner-move1 12s linear 6s infinite; }

.banner-container .banner1 .outer-delay-2 {
  opacity: 0;
  animation: banner-move1 12s linear 8s infinite; }

.banner-container .banner1 .left-0 {
  top: 518px;
  margin-left: -557px;
  transform: rotateX(45deg); }

.banner-container .banner1 .left-1 {
  top: 561px;
  margin-left: -396px;
  transform: rotateX(30deg); }

.banner-container .banner1 .left-2 {
  top: 476px;
  margin-left: -127px; }

.banner-container .banner1 .right-0 {
  top: 515px;
  margin-left: 94px;
  transform: rotateX(30deg); }

.banner-container .banner1 .right-1 {
  top: 487px;
  margin-left: 312px;
  transform: rotateX(30deg); }

.banner-container .banner1 .right-2 {
  top: 528px;
  margin-left: 590px;
  transform: rotateX(45deg); }

.banner-container .banner1 .bg-blur {
  position: absolute;
  top: 335px;
  left: 0;
  width: 100%;
  height: 283px;
  background: url(/static/img/banner-index/bg-1024-blur.png) no-repeat bottom center; }

.banner-container .banner1 .bubble {
  position: absolute;
  transition-duration: 3s;
  left: 50%;
  top: 0;
  width: 1616px;
  height: 640px;
  margin-left: -808px;
  background: url(/static/img/banner-index/bubble.png) no-repeat center center;
  background-size: contain;
  animation: 6s rote infinite; }

.banner-container .banner1 .aurora-wrap {
  position: absolute;
  top: 330px;
  left: 0;
  width: 100%;
  height: 300px; }

.banner-container .banner1 .aurora-wrap .green-round {
  width: 100%;
  height: 100%;
  background: url(/static/img/banner-index/green-round.png) no-repeat bottom center;
  animation: grad-change 8s linear infinite; }

.banner-container .banner1 .aurora-wrap .red-aurora {
  position: absolute;
  top: -70px;
  left: 50%;
  width: 1050px;
  height: 300px;
  margin-left: -700px;
  background: url(/static/img/banner-index/red-aurora.png) no-repeat;
  animation: grad-change 3s linear infinite; }

.banner-container .banner1 .aurora-wrap .green-aurora {
  position: absolute;
  top: 70px;
  left: 48%;
  width: 505px;
  height: 84px;
  background: url(/static/img/banner-index/green-aurora.png) no-repeat;
  animation: grad-change1 3s linear infinite; }

.banner-container .banner1 .aurora-wrap .blue-aurora {
  position: absolute;
  top: -50px;
  left: 50%;
  width: 1016px;
  height: 302px;
  margin-left: -508px;
  background: url(/static/img/banner-index/blue-aurora.png) no-repeat;
  animation: grad-change 3s linear infinite;
  opacity: 0.7; }

.banner-container .banner1 .banner-line {
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 2180px;
  height: 193px;
  margin-left: -1090px;
  opacity: 0.7; }

@keyframes grad-change {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

@keyframes grad-change1 {
  0% {
    opacity: 0.7; }
  50% {
    opacity: 0; }
  100% {
    opacity: 0.7; } }

@keyframes banner-move1 {
  0% {
    transform: scale(0.5, 0.5);
    opacity: 0; }
  40% {
    transform: scale(1.6, 1.6);
    opacity: 1; }
  80% {
    transform: scale(3, 3);
    opacity: 0; }
  100% {
    transform: scale(3, 3);
    opacity: 0; } }

@keyframes rote {
  0% {
    transform: rotate(-15deg) scale(1) translate3d(0, 0, 0px); }
  50% {
    transform: rotate(0) scale(1.2) translate3d(15px, 5px, 2px); }
  100% {
    transform: rotate(-15deg) scale(1) translate3d(0, 0, 0); } }

.section-banner .banner-each {
  width: 100%;
  height: 640px;
  overflow: hidden;
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat; }

.section-banner .banner1 {
  position: relative;
  background-image: url(/static/img/index/index-banner.jpg);
  cursor: default; }

.section-banner .cls-1 {
  fill: none;
  stroke: #fff;
  stroke-dasharray: 3; }

@keyframes dash {
  from {
    stroke-dashoffset: 0; }
  to {
    stroke-dashoffset: 100; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.bottom-banner-wrapper {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.bottom-banner-content {
  display: -ms-flexbox;
  display: flex;
  padding: 0 100px;
  -ms-flex-align: center;
      align-items: center;
  min-height: 110px;
  overflow: hidden;
  color: #ffffff; }

.bottom-banner-title {
  font-size: 28px;
  font-weight: normal;
  letter-spacing: 2px;
  color: #24374e; }

.bottom-banner-divider {
  height: 28px;
  width: 1px;
  background-color: #ffffff;
  margin: 0 18px; }

.bottom-banner-desc {
  font-size: 18px;
  -ms-flex: 1;
      flex: 1;
  color: #8393ac; }

.dark .bottom-banner-title {
  color: #ffffff; }

.dark .bottom-banner-desc {
  color: #ffffff; }

.bottom-banner-btns .gaia-btn {
  height: 40px;
  line-height: 40px;
  padding: 0 30px; }

.bottom-banner-content.vertical {
  display: block;
  text-align: center;
  padding: 80px 0;
  min-height: 0; }
  .bottom-banner-content.vertical .bottom-banner-divider {
    display: none; }
  .bottom-banner-content.vertical .bottom-banner-title {
    margin-top: 0;
    margin-bottom: 20px; }
  .bottom-banner-content.vertical .bottom-banner-desc {
    margin: 0; }
  .bottom-banner-content.vertical .bottom-banner-btns {
    margin-top: 26px; }
    .bottom-banner-content.vertical .bottom-banner-btns .gaia-btn {
      padding: 0 55px; }

@media only screen and (max-width: 576px) {
  .bottom-banner-content {
    display: block;
    padding: 25px 0;
    height: auto;
    text-align: center; }
  .bottom-banner-divider {
    display: none; }
  .bottom-banner-title {
    font-size: 17px;
    margin-top: 0;
    margin-bottom: 0; }
  .bottom-banner-desc {
    font-size: 12px;
    margin: 8px 0 15px; }
  .bottom-banner-btns .gaia-btn {
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    padding: 0 18px; }
  .bottom-banner-content.vertical {
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 30px 0; }
    .bottom-banner-content.vertical .bottom-banner-title {
      margin-top: 0;
      margin-bottom: 10px; }
    .bottom-banner-content.vertical .bottom-banner-btns {
      margin-top: 20px; }
      .bottom-banner-content.vertical .bottom-banner-btns .gaia-btn {
        padding: 0 18px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-anchor {
  z-index: 9;
  background-color: #f9faff; }

.anchor-tabs, .anchor-tab-item {
  list-style: none;
  margin: 0;
  padding: 0; }

.anchor-tabs {
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #e6e8f4; }

.anchor-tab-item {
  position: relative;
  -ms-flex: 1;
      flex: 1;
  text-align: center;
  height: 65px; }
  .anchor-tab-item::before {
    content: '';
    position: absolute;
    right: 0;
    top: 25px;
    height: 15px;
    width: 1px;
    background-color: #e6e8f4; }
  .anchor-tab-item:last-child::before {
    display: none; }
  .anchor-tab-item a {
    position: relative;
    display: inline-block;
    padding: 0 14px;
    font-size: 16px;
    text-decoration: none;
    line-height: 65px;
    height: 65px;
    color: #24374e;
    cursor: pointer; }
  .anchor-tab-item:hover a, .anchor-tab-item.active a {
    color: #4a81ff; }
  .anchor-tab-item.active a::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background-color: #4a81ff; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.product-price-card {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e6e8f4;
  padding: 20px 18px;
  font-size: 14px; }
  .product-price-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    width: 50px;
    height: 4px;
    background-color: #4a81ff; }

.product-price-card__head {
  padding: 15px 0 20px;
  border-bottom: 1px solid #e6e8f4; }
  .product-price-card__head .title {
    font-size: 16px;
    color: #24374e;
    font-weight: 500;
    margin-bottom: 12px; }
  .product-price-card__head .desc {
    color: #8393ac;
    height: 40px;
    overflow: hidden; }

.product-price-card__body {
  padding-top: 16px;
  height: 174px;
  border-bottom: 1px solid #e6e8f4; }
  .product-price-card__body .spec {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px;
    color: #24374e; }
    .product-price-card__body .spec > div {
      -ms-flex: 1;
          flex: 1; }
    .product-price-card__body .spec:last-child {
      margin-bottom: 0; }

.product-price-card__footer {
  padding-top: 20px;
  padding-bottom: 4px;
  text-align: center; }
  .product-price-card__footer .price {
    margin-bottom: 15px; }
    .product-price-card__footer .price span {
      font-size: 22px;
      color: #fe581c;
      font-weight: 500; }
    .product-price-card__footer .price .old-price {
      display: block;
      margin-left: 15px;
      font-weight: normal;
      font-size: 14px;
      color: #8393ac;
      text-decoration: line-through; }
  .product-price-card__footer .btns {
    min-height: 32px; }

@media only screen and (max-width: 576px) {
  .product-price-card {
    padding: 15px 10px;
    font-size: 12px; }
  .product-price-card__head {
    padding: 10px 0 15px; }
  .product-price-card__head .title {
    font-size: 14px;
    margin-bottom: 6px; }
  .product-price-card__body {
    padding-top: 12px;
    height: 140px; }
  .product-price-card__body .spec {
    margin-bottom: 12px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.developer-resource-card {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e6e8f4;
  background-image: url(/static/img/bg_developer-resource.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: auto;
  padding: 30px 20px;
  font-size: 14px; }

.developer-resource-card__head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 20px; }
  .developer-resource-card__head img {
    margin-right: 20px; }
  .developer-resource-card__head .title {
    font-size: 16px;
    color: #24374e;
    font-weight: 500; }

.developer-resource-card__body {
  height: 100px;
  overflow: hidden; }
  .developer-resource-card__body .desc {
    color: #8393ac;
    line-height: 1.8; }

.developer-resource-card__footer .gaia-btn {
  margin-right: 20px; }
  .developer-resource-card__footer .gaia-btn:last-child {
    margin-right: 0px; }

@media only screen and (max-width: 576px) {
  .developer-resource-card {
    padding: 15px 10px;
    font-size: 12px; }
  .developer-resource-card__head {
    margin-bottom: 10px; }
  .developer-resource-card__head .title {
    font-size: 14px; }
  .developer-resource-card__body {
    height: 88px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.guide-card {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e6e8f4;
  padding: 30px 20px;
  font-size: 14px; }
  .guide-card img {
    float: right;
    position: relative;
    top: -1px; }
  .guide-card .title {
    font-size: 16px;
    color: #24374e;
    font-weight: 500;
    margin-bottom: 18px; }
  .guide-card .desc {
    color: #8393ac; }

@media only screen and (max-width: 576px) {
  .guide-card {
    padding: 15px 10px;
    font-size: 12px; }
  .guide-card .title {
    margin-bottom: 8px; }
  .guide-card img {
    width: 35px;
    height: 35px;
    top: 5px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.tutorial-card {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e6e8f4;
  font-size: 14px; }
  .tutorial-card .cover {
    height: 145px;
    width: 100%;
    overflow: hidden; }
    .tutorial-card .cover img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: all .3s; }
  .tutorial-card .title {
    font-size: 15px;
    color: #24374e;
    font-weight: 500;
    padding: 0 10px;
    margin: 10px 0;
    height: 45px;
    overflow: hidden; }
  .tutorial-card .desc {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    font-size: 13px;
    color: #8393ac;
    padding: 0 10px 12px; }
    .tutorial-card .desc span {
      -ms-flex: 1;
          flex: 1;
      margin: 0 8px; }
    .tutorial-card .desc .icon {
      display: inline-block;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat; }
    .tutorial-card .desc .icon.user {
      background-image: url(/static/img/ic_user.png);
      width: 10px;
      height: 13px; }
    .tutorial-card .desc .icon.play {
      background-image: url(/static/img/ic_play.png);
      width: 19px;
      height: 19px; }
  .tutorial-card:hover .cover img {
    -ms-transform: scale(1.15);
        transform: scale(1.15); }

@media only screen and (max-width: 576px) {
  .tutorial-card {
    font-size: 12px; }
  .tutorial-card .title {
    font-size: 12px;
    height: 50px; }
  .tutorial-card .desc {
    font-size: 11px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.case-card {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e6e8f4;
  padding: 30px 20px;
  font-size: 14px; }

.case-card__head .case-logo {
  width: 100%;
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; }

.case-card__title {
  margin-top: 25px;
  font-size: 18px;
  text-align: center; }

.case-card__body {
  padding-top: 30px;
  padding-bottom: 30px;
  height: 200px;
  color: #8393ac;
  line-height: 1.8; }

.case-card__footer {
  text-align: center; }

@media only screen and (max-width: 576px) {
  .case-card {
    padding: 15px 10px;
    font-size: 12px; }
  .case-card__title {
    margin-top: 10px;
    font-size: 14px; }
  .case-card__body {
    padding-top: 15px;
    padding-bottom: 15px;
    height: 170px;
    text-align: justify; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.scene-card {
  font-size: 14px;
  padding: 0 20px; }

.scene-card__head .scene-logo {
  width: 100%;
  height: 46px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; }

.scene-card__head .title {
  margin: 10px;
  margin-bottom: 20px;
  font-size: 16px;
  color: #24374e;
  font-weight: 500;
  text-align: center; }

.scene-card__body {
  height: 75px;
  margin-bottom: 20px;
  overflow: hidden;
  color: #8393ac;
  line-height: 1.8; }

.scene-card__footer {
  text-align: center; }

@media only screen and (max-width: 576px) {
  .scene-card {
    padding: 20px 10px;
    background-color: #ffffff;
    border: 1px solid #e6e8f4;
    font-size: 12px; }
  .scene-card__head .title {
    margin-bottom: 10px;
    font-size: 14px; }
  .scene-card__body {
    height: 66px;
    margin-bottom: 10px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.scene-card-1 {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 255px;
  font-size: 14px;
  padding: 50px 35px 35px;
  background-color: #ffffff;
  background-image: url(/static/img/bg_scene1.png);
  background-position: right 205px;
  background-size: auto;
  background-repeat: no-repeat;
  border: solid 1px #e6e8f4;
  transition: box-shadow ease-in-out .3s; }
  .scene-card-1:hover {
    box-shadow: 0px 3px 10px 0px rgba(43, 75, 196, 0.11); }
  .scene-card-1::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -24px;
    width: 48px;
    height: 4px;
    background-color: #2976ff; }

.scene-card-1__head {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #24374e;
  text-align: center; }

.scene-card-1__body {
  -ms-flex: 1;
      flex: 1;
  margin-top: 30px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 0px;
  color: #7a8ba6; }

.scene-card-1__footer {
  display: -ms-flexbox;
  display: flex; }
  .scene-card-1__footer .btn-label {
    font-size: 16px;
    color: #374567;
    margin-right: 20px;
    line-height: 32px; }
  .scene-card-1__footer .btn-items {
    -ms-flex: 1;
        flex: 1;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .scene-card-1__footer .btn-items .gaia-btn {
      margin-bottom: 5px;
      margin-right: 5px; }
      .scene-card-1__footer .btn-items .gaia-btn:last-child {
        margin-right: 0; }

@media only screen and (max-width: 576px) {
  .scene-card-1 {
    padding: 20px 10px;
    background-color: #ffffff;
    border: 1px solid #e6e8f4;
    font-size: 12px;
    height: 200px; }
  .scene-card-1__head {
    font-size: 14px; }
  .scene-card-1__footer .btn-label {
    font-size: 14px;
    margin-right: 10px;
    line-height: 27px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-scene-tab .scene-tab {
  background-color: #ffffff;
  border: 1px solid #e6e8f4; }

.section-scene-tab .scene-tabpane-content {
  display: -ms-flexbox;
  display: flex;
  margin: 30px;
  box-sizing: border-box; }

.section-scene-tab .scene-tabpane-content__left {
  height: 370px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-right: 1px solid #e6e8f4;
  padding-right: 20px; }
  .section-scene-tab .scene-tabpane-content__left img {
    display: block;
    height: 320px;
    width: 490px;
    margin: 0 auto; }

.section-scene-tab .scene-tabpane-content__right {
  -ms-flex: 1;
      flex: 1;
  height: 370px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-left: 25px; }
  .section-scene-tab .scene-tabpane-content__right .title {
    font-size: 16px;
    color: #24374e;
    font-weight: 500; }
  .section-scene-tab .scene-tabpane-content__right .desc {
    color: #8393ac;
    line-height: 1.8;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px; }
  .section-scene-tab .scene-tabpane-content__right .body {
    -ms-flex: 1;
        flex: 1;
    overflow: auto;
    padding: 10px 0;
    font-size: 14px;
    border-top: 1px dashed #e6e8f4; }
    .section-scene-tab .scene-tabpane-content__right .body p {
      margin-top: 10px;
      margin-bottom: 10px; }
  .section-scene-tab .scene-tabpane-content__right .footer {
    border-top: 1px dashed #e6e8f4;
    padding-top: 15px;
    padding-bottom: 20px; }
    .section-scene-tab .scene-tabpane-content__right .footer .btns {
      margin-top: 16px;
      width: 100%; }
    .section-scene-tab .scene-tabpane-content__right .footer .gaia-btn {
      margin-right: 10px; }
      .section-scene-tab .scene-tabpane-content__right .footer .gaia-btn:last-child {
        margin-right: 0px; }

.section-scene-tab .scene-tab .gaia-callapse {
  display: none; }

@media only screen and (max-width: 576px) {
  .section-scene-tab .scene-tab {
    border: none;
    font-size: 12px; }
  .section-scene-tab .scene-tab .gaia-tabs {
    display: none; }
  .section-scene-tab .scene-tab .gaia-callapse {
    display: block; }
  .section-scene-tab .gaia-collapse-header {
    font-size: 14px; }
  .section-scene-tab .gaia-collapse-content {
    padding: 0 10px; }
  .section-scene-tab .scene-tabpane-content {
    display: block;
    margin: 0;
    overflow: hidden; }
  .section-scene-tab .scene-tabpane-content__left {
    width: 100%;
    height: auto;
    padding: 25px 0;
    box-sizing: border-box;
    border-right: none;
    text-align: center; }
    .section-scene-tab .scene-tabpane-content__left img {
      width: 245px;
      height: 160px; }
  .section-scene-tab .scene-tabpane-content__right {
    height: auto; }
    .section-scene-tab .scene-tabpane-content__right .title {
      font-size: 14px; } }

/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;transition:.3s;-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-ms-transform:scale(0);transform:scale(0);-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-ms-transform-origin:50%;transform-origin:50%;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-scene-tab-swiper .scene-tab {
  border: none; }

.section-scene-tab-swiper .scene-tab, .section-scene-tab-swiper .gaia-tabs, .section-scene-tab-swiper .gaia-tabs-bar, .section-scene-tab-swiper .gaia-tabs-content {
  background-color: transparent; }

.section-scene-tab-swiper .scene-tabpane-content {
  display: -ms-flexbox;
  display: flex;
  margin: 30px;
  padding-top: 50px;
  box-sizing: border-box; }

.section-scene-tab-swiper .scene-tabpane-content__left {
  -ms-flex: 1;
      flex: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 330px;
  display: -ms-flexbox;
  display: flex;
  margin-right: 60px;
  -ms-flex-direction: column;
      flex-direction: column;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: right bottom; }
  .section-scene-tab-swiper .scene-tabpane-content__left .head {
    font-size: 16px;
    color: #24374e;
    font-weight: 500;
    margin: 25px 0; }
  .section-scene-tab-swiper .scene-tabpane-content__left .body {
    -ms-flex: 1;
        flex: 1;
    overflow: auto;
    color: #8393ac;
    line-height: 1.8;
    font-size: 14px;
    white-space: pre-wrap; }
  .section-scene-tab-swiper .scene-tabpane-content__left .footer {
    border-top: 1px dashed #e6e8f4;
    padding-top: 15px;
    padding-bottom: 20px; }
    .section-scene-tab-swiper .scene-tabpane-content__left .footer .btns {
      margin-top: 16px;
      width: 100%; }
    .section-scene-tab-swiper .scene-tabpane-content__left .footer .gaia-btn {
      margin-right: 10px; }
      .section-scene-tab-swiper .scene-tabpane-content__left .footer .gaia-btn:last-child {
        margin-right: 0px; }

.section-scene-tab-swiper .scene-tabpane-content__right {
  position: relative;
  width: 620px;
  height: 330px; }
  .section-scene-tab-swiper .scene-tabpane-content__right .swiper-img {
    border-radius: 5px;
    width: 620px;
    height: 330px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  .section-scene-tab-swiper .scene-tabpane-content__right .swiper-button-prev, .section-scene-tab-swiper .scene-tabpane-content__right .swiper-button-next {
    background-size: 8px 13px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    outline: none;
    background-color: #ffffff;
    box-shadow: 0px 0px 9px 0px rgba(16, 62, 237, 0.39); }
    .section-scene-tab-swiper .scene-tabpane-content__right .swiper-button-prev::after, .section-scene-tab-swiper .scene-tabpane-content__right .swiper-button-next::after {
      font-size: 14px; }
  .section-scene-tab-swiper .scene-tabpane-content__right .swiper-button-prev {
    left: -15px; }
  .section-scene-tab-swiper .scene-tabpane-content__right .swiper-button-next {
    right: -15px; }

.section-scene-tab-swiper .scene-tab .gaia-callapse {
  display: none; }

@media only screen and (max-width: 576px) {
  .section-scene-tab-swiper .scene-tab {
    border: none;
    font-size: 12px; }
  .section-scene-tab-swiper .scene-tab .gaia-tabs {
    display: none; }
  .section-scene-tab-swiper .scene-tab .gaia-callapse {
    display: block; }
  .section-scene-tab-swiper .gaia-collapse-header {
    font-size: 14px; }
  .section-scene-tab-swiper .gaia-collapse-content {
    padding: 0; }
  .section-scene-tab-swiper .scene-tabpane-content {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    margin: 0;
    padding: 15px;
    overflow: hidden; }
  .section-scene-tab-swiper .scene-tabpane-content__left {
    width: 100%;
    height: auto;
    margin-right: 0;
    box-sizing: border-box;
    border-right: none; }
    .section-scene-tab-swiper .scene-tabpane-content__left .head {
      font-size: 12px;
      margin: 25px 0 0; }
    .section-scene-tab-swiper .scene-tabpane-content__left .body {
      font-size: 12px;
      margin-top: 5px; }
  .section-scene-tab-swiper .scene-tabpane-content__right {
    height: auto;
    width: 100%;
    text-align: center;
    margin: -15px;
    padding: 15px; }
    .section-scene-tab-swiper .scene-tabpane-content__right .swiper-button-prev, .section-scene-tab-swiper .scene-tabpane-content__right .swiper-button-next {
      display: none; }
    .section-scene-tab-swiper .scene-tabpane-content__right .swiper-img {
      width: 310px;
      height: 166px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-step .steps {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.section-step .steps-item:not(:last-child) {
  position: relative;
  -ms-flex: 1;
      flex: 1; }
  .section-step .steps-item:not(:last-child)::after {
    position: absolute;
    content: '';
    top: 90px;
    right: 10px;
    left: 150px;
    border-top: 1px solid #d6deff; }

.section-step .steps-item-content {
  width: 140px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center; }
  .section-step .steps-item-content img {
    width: 52px;
    height: 52px; }
  .section-step .steps-item-content .steps-item-nth {
    font-size: 24px;
    line-height: 38px;
    letter-spacing: 1px;
    color: #4a81ff;
    margin: 20px 0 0; }
  .section-step .steps-item-content .steps-item-title {
    font-size: 18px;
    color: #3d4665; }
  .section-step .steps-item-content .steps-item-desc {
    width: 100%;
    height: 60px;
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #7a8ba6;
    overflow: hidden;
    text-align: justify; }

@media only screen and (max-width: 576px) {
  .section-step .steps {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
  .section-step .steps-item {
    position: relative;
    background-color: #ffffff;
    border: solid 1px #e6e8f4;
    padding: 20px 15px 20px 65px; }
  .section-step .steps-item:not(:last-child) {
    margin-bottom: 15px; }
    .section-step .steps-item:not(:last-child)::after {
      display: none; }
  .section-step .steps-item-content {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start; }
    .section-step .steps-item-content img {
      position: absolute;
      top: 24px;
      left: 22px;
      width: 28px;
      height: 28px; }
    .section-step .steps-item-content .steps-item-nth {
      font-size: 15px;
      line-height: normal;
      color: #4a81ff;
      margin: 0; }
    .section-step .steps-item-content .steps-item-title {
      font-size: 14px;
      color: #3d4665; }
    .section-step .steps-item-content .steps-item-desc {
      width: 100%;
      height: 32px;
      margin-top: 10px;
      font-size: 12px;
      line-height: 15px;
      color: #7a8ba6;
      overflow: hidden;
      text-align: justify; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.advantage-card {
  font-size: 14px;
  padding: 40px 20px;
  background-color: #ffffff;
  border: 1px solid #e6e8f4; }

.advantage-card__head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 20px;
  height: 40px;
  overflow: hidden; }
  .advantage-card__head img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .advantage-card__head .title {
    font-size: 16px;
    color: #24374e;
    font-weight: 500; }

.advantage-card__body {
  height: 100px;
  overflow: hidden;
  color: #8393ac;
  line-height: 1.8; }

.advantage-card.style2 {
  padding: 25px 20px; }
  .advantage-card.style2 .advantage-card__head {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    height: 95px; }
    .advantage-card.style2 .advantage-card__head img {
      width: 46px;
      height: 46px;
      margin-bottom: 15px;
      margin-right: 0; }
  .advantage-card.style2 .advantage-card__body {
    height: 100px;
    overflow: hidden; }

@media only screen and (max-width: 576px) {
  .advantage-card {
    font-size: 12px;
    padding: 20px 10px; }
  .advantage-card__head {
    margin-bottom: 10px;
    height: 20px; }
    .advantage-card__head img {
      width: 20px;
      height: 20px;
      margin-right: 5px; }
    .advantage-card__head .title {
      font-size: 14px; }
  .advantage-card.style2 {
    padding: 15px 10px; }
    .advantage-card.style2 .advantage-card__head {
      height: 55px; }
      .advantage-card.style2 .advantage-card__head img {
        width: 25px;
        height: 25px;
        margin-bottom: 6px;
        margin-right: 0; }
    .advantage-card.style2 .advantage-card__body {
      height: auto; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.speakers-tabs-table {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e6e8f4; }
  .speakers-tabs-table .gaia-tabs-bar {
    padding-top: 75px; }
  .speakers-tabs-table table {
    width: 100%; }
  .speakers-tabs-table thead th {
    height: 75px;
    vertical-align: middle;
    color: #4a81ff;
    text-align: center; }
  .speakers-tabs-table .speakers-table-body {
    max-height: 596px;
    overflow: hidden;
    display: block;
    overflow: hidden;
    overflow-y: auto; }
  .speakers-tabs-table tbody td {
    text-align: center;
    vertical-align: middle;
    height: 45px;
    font-size: 14px;
    color: #24374e; }
  .speakers-tabs-table .price {
    color: #fe581c; }
    .speakers-tabs-table .price .old-price {
      text-decoration: line-through;
      color: #ccc;
      font-size: 12px;
      margin-top: 5px;
      margin-left: 5px; }
  .speakers-tabs-table .service-tips {
    color: #8f9dae;
    margin-top: 30px;
    font-size: 14px; }

.speakers-tabs .gaia-tab {
  width: 180px;
  height: 75px;
  line-height: 75px;
  text-align: center;
  transition: all .3s; }

.speakers-tabs .gaia-tab.gaia-tab-active {
  background-color: #f4f5f9; }

.speakers-tabs .gaia-tab-pane {
  transition: none; }

.speakers-tabs-table .scene-title {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 180px;
  height: 75px;
  line-height: 75px;
  color: #4a81ff;
  font-weight: bold;
  z-index: 2; }
  .speakers-tabs-table .scene-title span {
    position: relative; }
  .speakers-tabs-table .scene-title .badge-icon {
    position: absolute;
    top: -8px;
    left: 100%; }

.audio-player {
  display: inline-block;
  width: 26px;
  height: 26px;
  border-right: 13px;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(/static/img/player.png);
  vertical-align: middle;
  cursor: pointer; }
  .audio-player.play {
    background-position: left center; }
  .audio-player audio {
    pointer-events: none; }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-picture img {
  display: block;
  width: 100%; }

.section-industry-picture .container {
  padding-bottom: 50px; }

@media only screen and (max-width: 576px) {
  .section-industry-picture .container {
    padding-bottom: 30px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-video-tutorial .video-tutorial-wrap {
  display: -ms-flexbox;
  display: flex;
  background-color: #ffffff;
  border: solid 1px #e6e8f4; }

.section-video-tutorial .video-box {
  position: relative;
  width: 781px;
  height: 450px;
  background-color: #000; }
  .section-video-tutorial .video-box video {
    width: 100%;
    height: 100%;
    outline: none; }
  .section-video-tutorial .video-box .mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.23);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
    .section-video-tutorial .video-box .mask .icon-play {
      display: inline-block;
      width: 60px;
      height: 60px;
      background: url(/static/img/ic_play-1.png);
      cursor: pointer; }

.section-video-tutorial .tutorial-box {
  position: relative;
  -ms-flex: 1;
      flex: 1;
  padding: 0 35px;
  font-size: 14px;
  color: #2b3e54;
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: auto;
  background-image: url(/static/img/bg_video-tutorial.png); }
  .section-video-tutorial .tutorial-box .tutorial-title {
    position: relative;
    font-size: 18px;
    font-weight: normal;
    line-height: 30px;
    color: #2b3e54;
    margin: 40px 0; }
    .section-video-tutorial .tutorial-box .tutorial-title::after {
      position: absolute;
      content: '';
      top: 45px;
      left: 0;
      width: 44px;
      height: 4px;
      background-color: #4a81ff; }
  .section-video-tutorial .tutorial-box .tutorial-desc {
    color: #7a8ba6;
    line-height: 1.8;
    white-space: pre-wrap; }
  .section-video-tutorial .tutorial-box .tutorial-lecturer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: end;
        justify-content: flex-end;
    padding: 35px; }
    .section-video-tutorial .tutorial-box .tutorial-lecturer .icon-user {
      display: inline-block;
      width: 14px;
      height: 14px;
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url(/static/img/ic_user.png);
      margin-right: 8px; }
    .section-video-tutorial .tutorial-box .tutorial-lecturer .title {
      margin-left: 18px;
      color: #7a8ba6; }

@media only screen and (max-width: 576px) {
  .section-video-tutorial .video-tutorial-wrap {
    display: block;
    padding: 16px 12px; }
  .section-video-tutorial .video-box {
    position: relative;
    width: 100% !important;
    height: auto !important; }
  .section-video-tutorial .tutorial-box {
    background: none;
    padding: 0;
    font-size: 12px; }
    .section-video-tutorial .tutorial-box .tutorial-title {
      margin: 16px 0 10px;
      font-size: 12px;
      line-height: normal; }
      .section-video-tutorial .tutorial-box .tutorial-title::after {
        display: none; }
    .section-video-tutorial .tutorial-box .tutorial-desc {
      margin: 10px 0 25px;
      line-height: 1.8; }
    .section-video-tutorial .tutorial-box .tutorial-lecturer {
      position: static;
      padding: 0; }
      .section-video-tutorial .tutorial-box .tutorial-lecturer .icon-user {
        margin-right: 6px; }
      .section-video-tutorial .tutorial-box .tutorial-lecturer .title {
        margin-left: 9px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-rich-text {
  position: relative;
  padding: 30px 20px;
  font-size: 14px; }

.section-industry-richtext .container {
  padding-bottom: 50px; }

@media only screen and (max-width: 576px) {
  .section-rich-text {
    padding: 15px 10px;
    font-size: 12px; }
  .section-industry-richtext .container {
    padding-bottom: 30px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
/* Slider */
.hs-banner {
  /* Slider */
  /* Icons */
  /* Arrows */
  /* Dots */ }
  .hs-banner .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent; }
  .hs-banner .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0; }
  .hs-banner .slick-list:focus {
    outline: none; }
  .hs-banner .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }
  .hs-banner .slick-slider .slick-track,
  .hs-banner .slick-slider .slick-list {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .hs-banner .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .hs-banner .slick-track:before,
  .hs-banner .slick-track:after {
    display: table;
    content: ''; }
  .hs-banner .slick-track:after {
    clear: both; }
  .hs-banner .slick-loading .slick-track {
    visibility: hidden; }
  .hs-banner .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px; }
  .hs-banner [dir='rtl'] .slick-slide {
    float: right; }
  .hs-banner .slick-slide img {
    display: block; }
  .hs-banner .slick-slide.slick-loading img {
    display: none; }
  .hs-banner .slick-slide.dragging img {
    pointer-events: none; }
  .hs-banner .slick-initialized .slick-slide {
    display: block; }
  .hs-banner .slick-loading .slick-slide {
    visibility: hidden; }
  .hs-banner .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }
  .hs-banner .slick-arrow.slick-hidden {
    display: none; }
  .hs-banner .slick-prev,
  .hs-banner .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent; }
  .hs-banner .slick-prev:hover,
  .hs-banner .slick-prev:focus,
  .hs-banner .slick-next:hover,
  .hs-banner .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent; }
  .hs-banner .slick-prev:hover:before,
  .hs-banner .slick-prev:focus:before,
  .hs-banner .slick-next:hover:before,
  .hs-banner .slick-next:focus:before {
    opacity: 1; }
  .hs-banner .slick-prev.slick-disabled:before,
  .hs-banner .slick-next.slick-disabled:before {
    opacity: .25; }
  .hs-banner .slick-prev:before,
  .hs-banner .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hs-banner .slick-prev {
    left: -25px; }
  .hs-banner [dir='rtl'] .slick-prev {
    right: -25px;
    left: auto; }
  .hs-banner .slick-prev:before {
    content: '\2190'; }
  .hs-banner [dir='rtl'] .slick-prev:before {
    content: '\2192'; }
  .hs-banner .slick-next {
    right: -25px; }
  .hs-banner [dir='rtl'] .slick-next {
    right: auto;
    left: -25px; }
  .hs-banner .slick-next:before {
    content: '\2192'; }
  .hs-banner [dir='rtl'] .slick-next:before {
    content: '\2190'; }
  .hs-banner .slick-dotted.slick-slider {
    margin-bottom: 30px; }
  .hs-banner .slick-dots {
    position: absolute;
    bottom: 25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center; }
  .hs-banner .slick-dots li {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 5px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
  .hs-banner .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 80px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent; }
  .hs-banner .slick-dots li button:hover,
  .hs-banner .slick-dots li button:focus {
    outline: none; }
  .hs-banner .slick-dots li button:hover:before,
  .hs-banner .slick-dots li button:focus:before {
    opacity: 1; }
  .hs-banner .slick-dots li button:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 5px;
    content: '';
    text-align: center;
    background: #ccc;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hs-banner .slick-dots li button:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 5px;
    content: '';
    text-align: center;
    background: #578aff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hs-banner .slick-dots li.slick-active button:before {
    opacity: 1; }
  .hs-banner .slick-dots li.slick-active button:after {
    opacity: 1;
    width: 80px;
    animation: animation 4s linear 1; }

@keyframes animation {
  from {
    width: 0px; }
  to {
    width: 80px; } }

@keyframes animation {
  from {
    width: 0px; }
  to {
    width: 80px; } }

.section-industry-banner {
  width: 100%; }
  .section-industry-banner div {
    outline: none; }
  .section-industry-banner .banner-bg {
    width: 100%;
    height: 600px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden; }
    .section-industry-banner .banner-bg .banner-title {
      margin-top: 180px;
      margin-bottom: 0;
      font-size: 40px;
      color: #fff;
      text-align: center; }
    .section-industry-banner .banner-bg .banner-desc {
      margin: 8px auto 0;
      width: 776px;
      line-height: 28px;
      text-align: center;
      color: #fff;
      letter-spacing: 2px; }
    .section-industry-banner .banner-bg .industry-banner-btns {
      margin-top: 37px;
      text-align: center; }
      .section-industry-banner .banner-bg .industry-banner-btns .gaia-btn {
        margin-right: 30px; }
        .section-industry-banner .banner-bg .industry-banner-btns .gaia-btn:nth-last-child(1) {
          margin-right: 0; }
      .section-industry-banner .banner-bg .industry-banner-btns button {
        padding: 0px 28px; }
  @media only screen and (max-width: 576px) {
    .section-industry-banner .banner-bg {
      height: 230px; }
      .section-industry-banner .banner-bg .banner-title {
        margin-top: 43px;
        padding-left: 16px;
        font-size: 20px;
        text-align: left; }
      .section-industry-banner .banner-bg .banner-desc {
        margin: 5px 0;
        padding-left: 16px;
        width: 280px;
        font-size: 10px;
        line-height: 18px;
        text-align: left; }
      .section-industry-banner .banner-bg .industry-banner-btns {
        margin-top: 14px;
        text-align: left;
        padding-left: 16px; }
        .section-industry-banner .banner-bg .industry-banner-btns button {
          padding: 0px 12px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-industry-policy {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden; }
  .section-industry-policy .card-list {
    margin-bottom: 35px; }
  .section-industry-policy .block-info .info-wrap {
    position: relative;
    padding: 10px 20px;
    margin: 3px 30px 3px 0;
    height: 110px; }
    .section-industry-policy .block-info .info-wrap:hover {
      box-shadow: 3px 3px 6px #eee; }
    .section-industry-policy .block-info .info-wrap p {
      margin: 0;
      letter-spacing: 1px; }
    .section-industry-policy .block-info .info-wrap .info-title {
      position: relative;
      margin: 9px 0 9px 12px;
      font-size: 18px;
      line-height: 21px;
      color: #191c3d; }
      .section-industry-policy .block-info .info-wrap .info-title::before {
        content: '';
        position: absolute;
        left: -12px;
        width: 4px;
        height: 21px;
        background-color: #4a81ff; }
    .section-industry-policy .block-info .info-wrap .info-desc {
      font-size: 14px;
      line-height: 20px;
      color: #646b97; }
    .section-industry-policy .block-info .info-wrap .info-wrap-link {
      position: absolute;
      left: 20px;
      bottom: 15px;
      font-size: 14px;
      color: #4a81ff;
      text-decoration: none; }
  .section-industry-policy .block-window {
    position: relative;
    height: 400px;
    padding: 0;
    background-color: #ebf2fb;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
    .section-industry-policy .block-window .window-wrap {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 120px;
      background-color: rgba(74, 129, 255, 0.82); }
      .section-industry-policy .block-window .window-wrap .window-wrap-title {
        position: relative;
        margin-top: 20px;
        margin-left: 36px;
        width: 430px;
        color: #fff;
        font-size: 20px;
        line-height: 30px;
        letter-spacing: 1px; }
        .section-industry-policy .block-window .window-wrap .window-wrap-title::after {
          content: '';
          position: absolute;
          bottom: -15px;
          left: 9px;
          width: 400px;
          height: 1px;
          background-color: #fff; }
      .section-industry-policy .block-window .window-wrap .window-wrap-link {
        position: absolute;
        right: 30px;
        bottom: 18px;
        font-size: 14px;
        color: #fff;
        text-decoration: none; }
  @media only screen and (max-width: 576px) {
    .section-industry-policy .gaia-row {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap-reverse;
          flex-wrap: wrap-reverse;
      margin-bottom: 0; }
      .section-industry-policy .gaia-row .block-window {
        height: 178px; }
        .section-industry-policy .gaia-row .block-window .window-wrap {
          height: 64px; }
          .section-industry-policy .gaia-row .block-window .window-wrap .window-wrap-title {
            margin-top: 6px;
            margin-left: 25px;
            width: 75%;
            font-size: 12px;
            line-height: 20px; }
            .section-industry-policy .gaia-row .block-window .window-wrap .window-wrap-title::after {
              bottom: -7px;
              left: 0;
              width: 90%;
              height: 1px;
              background-color: #fff; }
          .section-industry-policy .gaia-row .block-window .window-wrap .window-wrap-link {
            right: 18px;
            bottom: 5px;
            font-size: 12px; }
      .section-industry-policy .gaia-row .block-info {
        background-color: #fff; }
        .section-industry-policy .gaia-row .block-info .info-wrap {
          padding: 14px 0;
          margin: 0 20px;
          height: auto;
          border-bottom: 1px solid #eff0f3; }
          .section-industry-policy .gaia-row .block-info .info-wrap:last-child {
            border-bottom: none; }
          .section-industry-policy .gaia-row .block-info .info-wrap:hover {
            box-shadow: none; }
          .section-industry-policy .gaia-row .block-info .info-wrap .info-title {
            margin: 0;
            font-size: 14px;
            line-height: 22px;
            font-weight: bold; }
            .section-industry-policy .gaia-row .block-info .info-wrap .info-title::before {
              display: none; }
          .section-industry-policy .gaia-row .block-info .info-wrap .info-desc {
            margin-top: 4px;
            font-size: 12px;
            line-height: 18px; }
          .section-industry-policy .gaia-row .block-info .info-wrap .info-wrap-link {
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            font-size: 0; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-industry-solution {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden; }
  .section-industry-solution .card-list .solution-card {
    padding: 0 50px;
    height: 394px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #3c3d6e;
    transition: all .5s;
    color: #fff;
    overflow: hidden; }
    .section-industry-solution .card-list .solution-card i {
      display: inline-block;
      margin-top: 140px;
      width: 66px;
      height: 66px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: left;
      transition: all .5s; }
    .section-industry-solution .card-list .solution-card p {
      margin: 0; }
    .section-industry-solution .card-list .solution-card .info-title {
      font-size: 18px;
      line-height: 44px;
      font-weight: bold; }
    .section-industry-solution .card-list .solution-card .info-desc {
      font-size: 14px; }
    .section-industry-solution .card-list .solution-card .info-wrap-link {
      display: inline-block;
      margin-top: 400px;
      width: 154px;
      height: 46px;
      font-size: 14px;
      line-height: 46px;
      background-color: #4a81ff;
      border-radius: 4px;
      color: #fff;
      text-align: center;
      text-decoration: none;
      transition: all .5s; }
    .section-industry-solution .card-list .solution-card:hover {
      background-size: 110%;
      background-color: #1689ff; }
      .section-industry-solution .card-list .solution-card:hover i {
        margin-top: 56px;
        transition: all .5s; }
      .section-industry-solution .card-list .solution-card:hover .info-wrap-link {
        margin-top: 80px;
        background-color: #fff;
        color: #000;
        transition: all .5s; }
  @media only screen and (max-width: 576px) {
    .section-industry-solution {
      margin-bottom: 15px; }
      .section-industry-solution .card-list .solution-card {
        padding: 0 14px;
        height: auto; }
        .section-industry-solution .card-list .solution-card i {
          margin-top: 8px;
          width: 33px;
          height: 33px; }
        .section-industry-solution .card-list .solution-card p {
          margin: 0; }
        .section-industry-solution .card-list .solution-card .info-title {
          font-size: 14px;
          line-height: 22px; }
        .section-industry-solution .card-list .solution-card .info-desc {
          margin-top: 4px;
          min-height: 32px;
          max-height: 80px;
          font-size: 12px;
          overflow: hidden; }
        .section-industry-solution .card-list .solution-card .info-wrap-link {
          margin-top: 8px;
          margin-bottom: 14px;
          width: 82px;
          height: 24px;
          font-size: 12px;
          line-height: 24px;
          border-radius: 2px; }
        .section-industry-solution .card-list .solution-card:hover {
          background-size: 110%;
          background-color: #4a81ff; }
          .section-industry-solution .card-list .solution-card:hover i {
            margin-top: 8px;
            transition: all .5s; }
          .section-industry-solution .card-list .solution-card:hover .info-wrap-link {
            margin-top: 8px;
            background-color: #fff;
            color: #000;
            transition: all .5s; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-industry-advantage {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden; }
  .section-industry-advantage .card-list .advantage-card {
    margin: 25px;
    padding: 0;
    height: 220px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
    color: #3d4665;
    box-shadow: 0 2px 20px rgba(56, 115, 187, 0.2);
    overflow: hidden; }
    .section-industry-advantage .card-list .advantage-card i {
      position: absolute;
      margin-top: -25px;
      margin-left: -25px;
      width: 66px;
      height: 66px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center; }
    .section-industry-advantage .card-list .advantage-card p {
      margin: 0; }
    .section-industry-advantage .card-list .advantage-card .info-title {
      margin-top: 46px;
      font-size: 18px;
      color: #4f4f4f;
      line-height: 20px;
      text-align: center; }
    .section-industry-advantage .card-list .advantage-card .info-desc {
      margin-top: 15px;
      padding: 0 30px;
      font-size: 14px;
      line-height: 23px;
      white-space:  pre-wrap; }
  @media only screen and (max-width: 576px) {
    .section-industry-advantage {
      margin-top: 0 !important;
      padding-bottom: 0 !important; }
      .section-industry-advantage .card-list {
        margin-bottom: 0; }
        .section-industry-advantage .card-list .gaia-col-sm-1 {
          margin-bottom: 0; }
          .section-industry-advantage .card-list .gaia-col-sm-1 .advantage-card {
            height: 160px; }
        .section-industry-advantage .card-list .gaia-col-sm-2 {
          padding: 0; }
          .section-industry-advantage .card-list .gaia-col-sm-2:nth-of-type(odd) .advantage-card {
            margin-left: 25px;
            margin-right: 15px; }
        .section-industry-advantage .card-list .advantage-card {
          margin: 15px;
          height: 190px;
          box-shadow: 0 2px 6px rgba(56, 115, 187, 0.2); }
          .section-industry-advantage .card-list .advantage-card i {
            margin-top: -15px;
            margin-left: -15px;
            width: 32px;
            height: 32px; }
          .section-industry-advantage .card-list .advantage-card .info-title {
            margin-top: 18px;
            padding: 0 10px;
            font-size: 14px; }
          .section-industry-advantage .card-list .advantage-card .info-desc {
            margin-top: 10px;
            padding: 0 10px;
            font-size: 12px;
            line-height: 20px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
/* Slider */
.hs-banner {
  /* Slider */
  /* Icons */
  /* Arrows */
  /* Dots */ }
  .hs-banner .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent; }
  .hs-banner .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0; }
  .hs-banner .slick-list:focus {
    outline: none; }
  .hs-banner .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }
  .hs-banner .slick-slider .slick-track,
  .hs-banner .slick-slider .slick-list {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .hs-banner .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .hs-banner .slick-track:before,
  .hs-banner .slick-track:after {
    display: table;
    content: ''; }
  .hs-banner .slick-track:after {
    clear: both; }
  .hs-banner .slick-loading .slick-track {
    visibility: hidden; }
  .hs-banner .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px; }
  .hs-banner [dir='rtl'] .slick-slide {
    float: right; }
  .hs-banner .slick-slide img {
    display: block; }
  .hs-banner .slick-slide.slick-loading img {
    display: none; }
  .hs-banner .slick-slide.dragging img {
    pointer-events: none; }
  .hs-banner .slick-initialized .slick-slide {
    display: block; }
  .hs-banner .slick-loading .slick-slide {
    visibility: hidden; }
  .hs-banner .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }
  .hs-banner .slick-arrow.slick-hidden {
    display: none; }
  .hs-banner .slick-prev,
  .hs-banner .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent; }
  .hs-banner .slick-prev:hover,
  .hs-banner .slick-prev:focus,
  .hs-banner .slick-next:hover,
  .hs-banner .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent; }
  .hs-banner .slick-prev:hover:before,
  .hs-banner .slick-prev:focus:before,
  .hs-banner .slick-next:hover:before,
  .hs-banner .slick-next:focus:before {
    opacity: 1; }
  .hs-banner .slick-prev.slick-disabled:before,
  .hs-banner .slick-next.slick-disabled:before {
    opacity: .25; }
  .hs-banner .slick-prev:before,
  .hs-banner .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hs-banner .slick-prev {
    left: -25px; }
  .hs-banner [dir='rtl'] .slick-prev {
    right: -25px;
    left: auto; }
  .hs-banner .slick-prev:before {
    content: '\2190'; }
  .hs-banner [dir='rtl'] .slick-prev:before {
    content: '\2192'; }
  .hs-banner .slick-next {
    right: -25px; }
  .hs-banner [dir='rtl'] .slick-next {
    right: auto;
    left: -25px; }
  .hs-banner .slick-next:before {
    content: '\2192'; }
  .hs-banner [dir='rtl'] .slick-next:before {
    content: '\2190'; }
  .hs-banner .slick-dotted.slick-slider {
    margin-bottom: 30px; }
  .hs-banner .slick-dots {
    position: absolute;
    bottom: 25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center; }
  .hs-banner .slick-dots li {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 5px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
  .hs-banner .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 80px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent; }
  .hs-banner .slick-dots li button:hover,
  .hs-banner .slick-dots li button:focus {
    outline: none; }
  .hs-banner .slick-dots li button:hover:before,
  .hs-banner .slick-dots li button:focus:before {
    opacity: 1; }
  .hs-banner .slick-dots li button:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 5px;
    content: '';
    text-align: center;
    background: #ccc;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hs-banner .slick-dots li button:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 5px;
    content: '';
    text-align: center;
    background: #578aff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hs-banner .slick-dots li.slick-active button:before {
    opacity: 1; }
  .hs-banner .slick-dots li.slick-active button:after {
    opacity: 1;
    width: 80px;
    animation: animation 4s linear 1; }

@keyframes animation {
  from {
    width: 0px; }
  to {
    width: 80px; } }

@keyframes animation {
  from {
    width: 0px; }
  to {
    width: 80px; } }

.section-industry-case {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden; }
  .section-industry-case .container {
    position: relative; }
    .section-industry-case .container .card-list .slick-dots li.slick-active .partner-dot {
      color: #fff;
      background-color: #4a81ff !important; }
  .section-industry-case .industry-case-block {
    position: relative;
    outline: none; }
    .section-industry-case .industry-case-block .info-wrap {
      position: relative;
      padding-left: 50px;
      padding-right: 140px;
      width: 550px;
      height: 470px;
      background-color: #fafbff;
      overflow: hidden; }
      .section-industry-case .industry-case-block .info-wrap p {
        margin: 0;
        letter-spacing: 1px; }
      .section-industry-case .industry-case-block .info-wrap .info-title {
        position: relative;
        margin-top: 60px;
        font-size: 20px;
        line-height: 21px;
        color: #191c3d; }
      .section-industry-case .industry-case-block .info-wrap .info-desc {
        margin-top: 12px;
        font-size: 14px;
        line-height: 26px;
        color: #646b97;
        white-space: pre-wrap; }
      .section-industry-case .industry-case-block .info-wrap .case-use-ability {
        position: absolute;
        top: 278px; }
        .section-industry-case .industry-case-block .info-wrap .case-use-ability p {
          margin-bottom: 30px;
          font-size: 18px;
          color: #191c3d; }
        .section-industry-case .industry-case-block .info-wrap .case-use-ability .use-ability-link {
          display: inline-block;
          padding: 10px 14px;
          margin-right: 20px;
          margin-bottom: 10px;
          line-height: 14px;
          text-decoration: none;
          font-size: 14px;
          color: #3d4665;
          border: 1px solid #e7eaf1;
          background-color: #fff;
          border-radius: 17px; }
    .section-industry-case .industry-case-block .industry-case-img {
      position: absolute;
      right: 0;
      top: 58px;
      width: 510px;
      height: 354px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
  @media only screen and (max-width: 576px) {
    .section-industry-case .industry-case-block .info-wrap {
      margin-top: 144px;
      padding-left: 0;
      padding-right: 0;
      width: 100%;
      height: auto; }
      .section-industry-case .industry-case-block .info-wrap p {
        margin: 0;
        letter-spacing: 1px; }
      .section-industry-case .industry-case-block .info-wrap .info-title {
        margin-top: 16px;
        font-size: 14px;
        line-height: 14px; }
      .section-industry-case .industry-case-block .info-wrap .info-desc {
        margin-top: 12px;
        font-size: 12px;
        line-height: 20px;
        color: #3d4665;
        white-space: pre-wrap; }
      .section-industry-case .industry-case-block .info-wrap .case-use-ability {
        position: relative;
        top: 0; }
        .section-industry-case .industry-case-block .info-wrap .case-use-ability p {
          margin-top: 16px;
          margin-bottom: 12px;
          font-size: 14px;
          font-weight: bold; }
        .section-industry-case .industry-case-block .info-wrap .case-use-ability .use-ability-link {
          display: inline-block;
          padding: 4px 6px;
          margin-right: 12px;
          margin-bottom: 4px;
          font-size: 12px;
          line-height: 12px;
          border-radius: 12px; }
    .section-industry-case .industry-case-block .industry-case-img {
      left: 0;
      top: 0;
      width: 100%;
      height: 144px;
      background-size: auto; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-industry-process {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden; }
  .section-industry-process .card-list .process-card {
    position: relative;
    margin: 27px 47px 77px;
    padding: 0 20px;
    height: 190px;
    color: #3d4665;
    box-shadow: 0 2px 20px rgba(56, 115, 187, 0.2);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right; }
    .section-industry-process .card-list .process-card i {
      display: inline-block;
      margin-top: 36px;
      width: 45px;
      height: 45px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center; }
    .section-industry-process .card-list .process-card p {
      margin: 0; }
    .section-industry-process .card-list .process-card .info-title {
      margin-top: 18px;
      font-size: 18px;
      color: #4f4f4f;
      font-weight: bold;
      line-height: 20px; }
    .section-industry-process .card-list .process-card .info-desc {
      margin-top: 12px;
      font-size: 14px;
      line-height: 20px;
      color: #9da0ad;
      white-space:  pre-wrap; }
    .section-industry-process .card-list .process-card::after {
      content: '';
      position: absolute;
      right: -75px;
      top: 77px;
      width: 36px;
      height: 36px;
      background-image: url(/static/img/industry/icon-next.jpg); }
    .section-industry-process .card-list .process-card:nth-of-type(4) {
      background-color: #000; }
  .section-industry-process .card-list > div:last-child .process-card::after {
    display: none; }
  @media only screen and (max-width: 576px) {
    .section-industry-process .card-list {
      margin-bottom: 10px; }
      .section-industry-process .card-list .process-card {
        margin: 5px;
        padding: 15px;
        height: 120px;
        box-shadow: 0 2px 5px rgba(56, 115, 187, 0.2); }
        .section-industry-process .card-list .process-card i {
          margin-top: 0;
          width: 40px;
          height: 40px; }
        .section-industry-process .card-list .process-card .info-title {
          margin-top: 14px;
          font-size: 14px; }
        .section-industry-process .card-list .process-card .info-desc {
          margin-top: 10px;
          font-size: 12px;
          line-height: 16px; }
        .section-industry-process .card-list .process-card::after {
          display: none; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
/* Slider */
.hs-banner {
  /* Slider */
  /* Icons */
  /* Arrows */
  /* Dots */ }
  .hs-banner .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent; }
  .hs-banner .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0; }
  .hs-banner .slick-list:focus {
    outline: none; }
  .hs-banner .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }
  .hs-banner .slick-slider .slick-track,
  .hs-banner .slick-slider .slick-list {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .hs-banner .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .hs-banner .slick-track:before,
  .hs-banner .slick-track:after {
    display: table;
    content: ''; }
  .hs-banner .slick-track:after {
    clear: both; }
  .hs-banner .slick-loading .slick-track {
    visibility: hidden; }
  .hs-banner .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px; }
  .hs-banner [dir='rtl'] .slick-slide {
    float: right; }
  .hs-banner .slick-slide img {
    display: block; }
  .hs-banner .slick-slide.slick-loading img {
    display: none; }
  .hs-banner .slick-slide.dragging img {
    pointer-events: none; }
  .hs-banner .slick-initialized .slick-slide {
    display: block; }
  .hs-banner .slick-loading .slick-slide {
    visibility: hidden; }
  .hs-banner .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }
  .hs-banner .slick-arrow.slick-hidden {
    display: none; }
  .hs-banner .slick-prev,
  .hs-banner .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent; }
  .hs-banner .slick-prev:hover,
  .hs-banner .slick-prev:focus,
  .hs-banner .slick-next:hover,
  .hs-banner .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent; }
  .hs-banner .slick-prev:hover:before,
  .hs-banner .slick-prev:focus:before,
  .hs-banner .slick-next:hover:before,
  .hs-banner .slick-next:focus:before {
    opacity: 1; }
  .hs-banner .slick-prev.slick-disabled:before,
  .hs-banner .slick-next.slick-disabled:before {
    opacity: .25; }
  .hs-banner .slick-prev:before,
  .hs-banner .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hs-banner .slick-prev {
    left: -25px; }
  .hs-banner [dir='rtl'] .slick-prev {
    right: -25px;
    left: auto; }
  .hs-banner .slick-prev:before {
    content: '\2190'; }
  .hs-banner [dir='rtl'] .slick-prev:before {
    content: '\2192'; }
  .hs-banner .slick-next {
    right: -25px; }
  .hs-banner [dir='rtl'] .slick-next {
    right: auto;
    left: -25px; }
  .hs-banner .slick-next:before {
    content: '\2192'; }
  .hs-banner [dir='rtl'] .slick-next:before {
    content: '\2190'; }
  .hs-banner .slick-dotted.slick-slider {
    margin-bottom: 30px; }
  .hs-banner .slick-dots {
    position: absolute;
    bottom: 25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center; }
  .hs-banner .slick-dots li {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 5px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
  .hs-banner .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 80px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent; }
  .hs-banner .slick-dots li button:hover,
  .hs-banner .slick-dots li button:focus {
    outline: none; }
  .hs-banner .slick-dots li button:hover:before,
  .hs-banner .slick-dots li button:focus:before {
    opacity: 1; }
  .hs-banner .slick-dots li button:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 5px;
    content: '';
    text-align: center;
    background: #ccc;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hs-banner .slick-dots li button:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 5px;
    content: '';
    text-align: center;
    background: #578aff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .hs-banner .slick-dots li.slick-active button:before {
    opacity: 1; }
  .hs-banner .slick-dots li.slick-active button:after {
    opacity: 1;
    width: 80px;
    animation: animation 4s linear 1; }

@keyframes animation {
  from {
    width: 0px; }
  to {
    width: 80px; } }

@keyframes animation {
  from {
    width: 0px; }
  to {
    width: 80px; } }

.section-industry-partner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .section-industry-partner .industry-partner-card {
    outline: none; }
  .section-industry-partner .industry-partner-wrap {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: start;
    margin: 0 auto;
    padding: 50px 40px;
    width: 850px;
    font-size: 0;
    background-color: #fff;
    border: 1px solid #e4eaf9; }
    .section-industry-partner .industry-partner-wrap .slick-dots-ul {
      margin: 0; }
    .section-industry-partner .industry-partner-wrap .icon-wrap {
      padding-right: 40px;
      border-right: 1px solid #e4eaf9; }
      .section-industry-partner .industry-partner-wrap .icon-wrap i {
        display: inline-block;
        width: 130px;
        height: 130px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain; }
    .section-industry-partner .industry-partner-wrap .info-wrap {
      position: relative;
      margin-left: 40px;
      width: 630px;
      overflow: hidden; }
      .section-industry-partner .industry-partner-wrap .info-wrap p {
        margin: 0;
        letter-spacing: 1px; }
      .section-industry-partner .industry-partner-wrap .info-wrap .info-title {
        position: relative;
        font-size: 18px;
        line-height: 24px; }
      .section-industry-partner .industry-partner-wrap .info-wrap .info-desc {
        margin-top: 15px;
        font-size: 14px;
        line-height: 20px;
        color: #3d4665;
        white-space:  pre-wrap; }
  .section-industry-partner .apply-buttons {
    text-align: center; }
    .section-industry-partner .apply-buttons .apply-link {
      display: inline-block;
      margin-top: 114px;
      margin-bottom: 55px;
      width: 154px;
      height: 46px;
      line-height: 46px;
      background-color: #4a81ff;
      border-radius: 4px;
      color: #fff;
      text-align: center;
      text-decoration: none;
      box-shadow: 0 2px 20px rgba(56, 115, 187, 0.2); }
      .section-industry-partner .apply-buttons .apply-link:hover {
        background-color: rgba(74, 129, 255, 0.77); }
  .section-industry-partner .slick-dots li.slick-active .partner-dot {
    color: #fff;
    background-color: #4a81ff !important; }
  @media only screen and (max-width: 576px) {
    .section-industry-partner {
      margin-top: 0 !important; }
      .section-industry-partner .industry-partner-wrap {
        padding: 18px;
        width: auto;
        border: none; }
        .section-industry-partner .industry-partner-wrap .icon-wrap {
          position: absolute;
          padding: 0;
          bottom: 18px;
          right: 18px;
          border-right: none;
          opacity: 0.5; }
          .section-industry-partner .industry-partner-wrap .icon-wrap i {
            background-position: bottom; }
        .section-industry-partner .industry-partner-wrap .info-wrap {
          margin-left: 0;
          width: auto; }
          .section-industry-partner .industry-partner-wrap .info-wrap .info-title {
            font-size: 14px;
            line-height: 20px; }
          .section-industry-partner .industry-partner-wrap .info-wrap .info-desc {
            margin-top: 8px;
            height: 140px;
            font-size: 12px;
            overflow: hidden; }
      .section-industry-partner .apply-buttons .apply-link {
        margin-top: 48px;
        margin-bottom: 15px;
        width: 150px;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
        border-radius: 2px; }
      .section-industry-partner .slick-dots {
        margin-bottom: 18px !important; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-industry-ability {
  overflow: hidden;
  background: linear-gradient(#fff 284px, #f9fbff 285px); }
  .section-industry-ability .scene-tab {
    border: none;
    background-color: transparent; }
    .section-industry-ability .scene-tab .gaia-tabs-bar {
      border: none;
      background-color: transparent; }
      .section-industry-ability .scene-tab .gaia-tabs-bar .gaia-tabs-nav {
        padding: 0 200px; }
        .section-industry-ability .scene-tab .gaia-tabs-bar .gaia-tabs-nav span {
          height: auto; }
        .section-industry-ability .scene-tab .gaia-tabs-bar .gaia-tabs-nav .gaia-tab::before {
          display: none; }
        .section-industry-ability .scene-tab .gaia-tabs-bar .gaia-tabs-nav .gaia-tab:hover {
          color: #000; }
        .section-industry-ability .scene-tab .gaia-tabs-bar .gaia-tabs-nav .gaia-tab-active:hover {
          color: #4a81ff; }
      .section-industry-ability .scene-tab .gaia-tabs-bar .ability-tabs {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-direction: column;
            flex-direction: column; }
        .section-industry-ability .scene-tab .gaia-tabs-bar .ability-tabs i {
          width: 60px;
          height: 60px;
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain; }
        .section-industry-ability .scene-tab .gaia-tabs-bar .ability-tabs p {
          display: inline-block;
          margin-top: 8px;
          margin-bottom: 18px;
          color: #191c3d;
          line-height: 20px; }
      .section-industry-ability .scene-tab .gaia-tabs-bar .gaia-tab-active .ability-tabs p {
        color: #4a81ff; }
    .section-industry-ability .scene-tab .gaia-tabs, .section-industry-ability .scene-tab .gaia-tabs-content {
      min-height: 390px;
      background-color: transparent; }
  .section-industry-ability .industry-ability-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    padding-top: 70px;
    box-sizing: border-box; }
    .section-industry-ability .industry-ability-block .industry-ability-wrap {
      margin: 0 10px;
      width: 380px;
      font-size: 0;
      text-align: center; }
      .section-industry-ability .industry-ability-block .industry-ability-wrap a {
        text-decoration: none;
        color: #000; }
      .section-industry-ability .industry-ability-block .industry-ability-wrap p {
        margin: 0;
        font-size: 14px; }
      .section-industry-ability .industry-ability-block .industry-ability-wrap i {
        display: inline-block;
        width: 66px;
        height: 66px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left; }
      .section-industry-ability .industry-ability-block .industry-ability-wrap .info-title {
        margin-top: 16px; }
      .section-industry-ability .industry-ability-block .industry-ability-wrap .info-desc {
        padding: 0 20px;
        margin-top: 26px;
        margin-bottom: 85px;
        line-height: 22px;
        text-align: center;
        color: #646b97;
        white-space:  pre-wrap; }
        .section-industry-ability .industry-ability-block .industry-ability-wrap .info-desc span {
          display: inline-block;
          text-align: left; }
  @media only screen and (max-width: 576px) {
    .section-industry-ability {
      margin-bottom: 15px;
      background: none;
      background-color: #f9fbff; }
      .section-industry-ability .industry-ability-block {
        display: inline-block;
        -ms-flex-pack: distribute;
            justify-content: space-around;
        padding-top: 4px;
        box-sizing: border-box; }
        .section-industry-ability .industry-ability-block .industry-ability-wrap {
          margin: 0;
          width: 100%;
          text-align: left; }
          .section-industry-ability .industry-ability-block .industry-ability-wrap a {
            text-decoration: none;
            color: #000; }
          .section-industry-ability .industry-ability-block .industry-ability-wrap p {
            margin: 0;
            font-size: 12px; }
          .section-industry-ability .industry-ability-block .industry-ability-wrap i {
            display: none; }
          .section-industry-ability .industry-ability-block .industry-ability-wrap .info-title {
            margin-top: 20px;
            font-weight: bold; }
          .section-industry-ability .industry-ability-block .industry-ability-wrap .info-desc {
            margin-top: 12px;
            margin-bottom: 35px;
            padding: 0;
            line-height: 22px;
            text-align: left; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.section-industry-scene .scene-tab {
  margin-bottom: 50px;
  background-color: #ffffff;
  border: none; }
  .section-industry-scene .scene-tab .gaia-tabs-bar .gaia-tabs-nav .gaia-tab span {
    margin: 10px 36px 10px 0;
    padding: 0;
    height: 43px;
    width: 320px;
    text-align: right;
    line-height: 43px; }
  .section-industry-scene .scene-tab .gaia-tabs-bar .gaia-tabs-nav .gaia-tab::before {
    display: none; }
  .section-industry-scene .scene-tab .gaia-tabs-horizontal .gaia-tabs-inkbar {
    left: 356px; }
  .section-industry-scene .scene-tab .gaia-tabs-content {
    margin-left: 45px;
    padding: 0 68px 0 42px;
    width: 810px;
    height: 450px;
    border: 1px solid #2767fc;
    border-bottom-right-radius: 100px; }

.section-industry-scene .industry-scene-block {
  box-sizing: border-box; }
  .section-industry-scene .industry-scene-block .industry-scene-wrap {
    min-height: 225px;
    overflow: hidden;
    font-size: 0;
    border-bottom: 1px solid #f3f3f3; }
    .section-industry-scene .industry-scene-block .industry-scene-wrap:last-child {
      border: none; }
    .section-industry-scene .industry-scene-block .industry-scene-wrap p {
      margin: 0; }
    .section-industry-scene .industry-scene-block .industry-scene-wrap .info-title {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      margin-top: 26px;
      font-size: 16px;
      font-weight: bold; }
      .section-industry-scene .industry-scene-block .industry-scene-wrap .info-title i {
        display: inline-block;
        width: 60px;
        height: 60px;
        margin-right: 14px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left; }
    .section-industry-scene .industry-scene-block .industry-scene-wrap .info-desc {
      margin-top: 8px;
      line-height: 22px;
      font-size: 14px;
      text-align: left; }
      .section-industry-scene .industry-scene-block .industry-scene-wrap .info-desc span {
        display: inline-block;
        margin-right: 32px;
        color: #666;
        line-height: 38px; }
      .section-industry-scene .industry-scene-block .industry-scene-wrap .info-desc p {
        margin-bottom: 13px; }
        .section-industry-scene .industry-scene-block .industry-scene-wrap .info-desc p span {
          display: inline;
          margin-right: 0;
          line-height: 25px; }

@media only screen and (max-width: 576px) {
  .section-industry-scene .scene-tab {
    margin-bottom: 15px; }
  .section-industry-scene .industry-scene-block {
    box-sizing: border-box; }
    .section-industry-scene .industry-scene-block .industry-scene-wrap {
      margin: 0;
      width: 100%;
      min-height: auto;
      text-align: left; }
      .section-industry-scene .industry-scene-block .industry-scene-wrap .info-title {
        margin-top: 12px;
        font-size: 14px;
        font-weight: bold; }
        .section-industry-scene .industry-scene-block .industry-scene-wrap .info-title i {
          display: none; }
      .section-industry-scene .industry-scene-block .industry-scene-wrap .info-desc {
        margin-top: 12px;
        margin-bottom: 12px; }
        .section-industry-scene .industry-scene-block .industry-scene-wrap .info-desc span {
          margin-right: 20px;
          font-size: 12px;
          color: #666;
          line-height: 20px; }
        .section-industry-scene .industry-scene-block .industry-scene-wrap .info-desc p {
          margin-bottom: 13px; }
          .section-industry-scene .industry-scene-block .industry-scene-wrap .info-desc p span {
            display: inline;
            line-height: 20px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.sf-footer {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  min-width: 1200px;
  font-size: 12px;
  background: #141519;
  color: #7e8187;
  z-index: 1; }
  .sf-footer .sf-footer-top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin: 0 auto;
    padding-top: 25px;
    padding-bottom: 21px;
    width: 1200px;
    height: auto; }
    .sf-footer .sf-footer-top .footer-top-left {
      display: -ms-flexbox;
      display: flex; }
    .sf-footer .sf-footer-top .top-item {
      padding-top: 20px;
      padding-right: 100px;
      min-width: 60px; }
    .sf-footer .sf-footer-top .top-item h3 {
      margin: 0;
      padding: 0;
      font-size: 16px;
      font-weight: normal;
      color: #fff;
      line-height: 28px; }
    .sf-footer .sf-footer-top .top-item h4 {
      margin: 0;
      padding: 0;
      font-size: 14px;
      font-weight: normal;
      color: #7e8187;
      line-height: 18px; }
    .sf-footer .sf-footer-top .top-item ul {
      margin-top: 10px; }
    .sf-footer .sf-footer-top .top-item li {
      display: block;
      list-style: none;
      line-height: 26px;
      color: #ccc;
      font-size: 12px; }
      .sf-footer .sf-footer-top .top-item li p {
        margin: 0; }
      .sf-footer .sf-footer-top .top-item li a {
        color: #ccc;
        text-decoration: none; }
        .sf-footer .sf-footer-top .top-item li a:hover {
          color: #4679f1; }
      .sf-footer .sf-footer-top .top-item li span {
        color: #7e8187; }
    .sf-footer .sf-footer-top .fucusus .wx {
      width: 62px;
      height: 62px;
      margin-top: 6px;
      margin-right: 35px;
      color: #7e8187;
      text-align: center;
      font-size: 12px;
      background-size: cover; }
    .sf-footer .sf-footer-top .fucusus .office-wechat {
      margin-top: 5px;
      font-size: 12px; }
  .sf-footer .sf-footer-bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin: 0 auto;
    width: 1200px;
    border-top: 1px solid #2a3345;
    line-height: 48px;
    color: #7e8187;
    text-align: center; }
    .sf-footer .sf-footer-bottom a {
      margin: 0 15px;
      text-decoration: none;
      color: #7e8187; }
      .sf-footer .sf-footer-bottom a:hover {
        color: #4679f1; }
    .sf-footer .sf-footer-bottom .sf-beian {
      background: url(/static/img/beian.png) no-repeat left;
      background-size: contain;
      padding-left: 20px; }
  @media only screen and (max-width: 576px) {
    .sf-footer .scene-tab {
      margin-bottom: 15px; }
    .sf-footer .industry-scene-block {
      box-sizing: border-box; }
      .sf-footer .industry-scene-block .industry-scene-wrap {
        margin: 0;
        width: 100%;
        min-height: auto;
        text-align: left; }
        .sf-footer .industry-scene-block .industry-scene-wrap .info-title {
          margin-top: 12px;
          font-size: 14px;
          font-weight: bold; }
          .sf-footer .industry-scene-block .industry-scene-wrap .info-title i {
            display: none; }
        .sf-footer .industry-scene-block .industry-scene-wrap .info-desc {
          margin-top: 12px;
          margin-bottom: 12px; }
          .sf-footer .industry-scene-block .industry-scene-wrap .info-desc span {
            margin-right: 20px;
            font-size: 12px;
            color: #666;
            line-height: 20px; }
          .sf-footer .industry-scene-block .industry-scene-wrap .info-desc p {
            margin-bottom: 13px; }
            .sf-footer .industry-scene-block .industry-scene-wrap .info-desc p span {
              display: inline;
              line-height: 20px; } }

.frist-drictory-tab {
  margin: 0;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 16px;
  border-bottom: #e6e8f4 solid 1px;
  position: relative; }
  .frist-drictory-tab .directory-tab {
    cursor: pointer;
    width: 100px;
    text-align: center;
    line-height: 61px;
    margin: 0px 20px;
    position: relative; }
    .frist-drictory-tab .directory-tab .frist-icon {
      position: absolute;
      padding-right: 5px;
      left: 0px; }
  .frist-drictory-tab .frist-drictory-active {
    border-bottom: #4a81ff solid 3px;
    color: #4a81ff; }

.second-drictory-tab {
  margin-bottom: 20px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 14px; }
  .second-drictory-tab .directory-tab {
    position: relative;
    cursor: pointer;
    width: 120px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin: 20px 10px 0 20px;
    border: #e6e8f4 solid 1px; }
  .second-drictory-tab .second-drictory-active {
    border: #4a81ff solid 1px;
    color: #4a81ff; }

.no-direc-display {
  display: none; }

@media only screen and (max-width: 400px) {
  .media-frist-drictory-tab {
    font-size: 14px; }
    .media-frist-drictory-tab .media-directory-tab {
      line-height: 41px; }
  .media-second-drictory-tab {
    font-size: 13px;
    margin-bottom: 10px; }
    .media-second-drictory-tab .media-directory-tab {
      height: 30px;
      margin: 10px 10px 0 10px;
      line-height: 30px; } }

.new-product-block {
  width: 100%;
  position: relative;
  border: #e6e8f4 solid 1px;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .new-product-block .left {
    position: relative;
    width: 580px;
    left: 0px;
    padding-top: 0px;
    padding-bottom: 20px;
    border-right: #e6e8f4 solid 1px; }
    .new-product-block .left .left-icon {
      position: absolute;
      top: 0px;
      left: 0px; }
    .new-product-block .left .left-top {
      position: relative;
      padding-top: 20px; }
      .new-product-block .left .left-top .item-desc {
        position: relative;
        margin-right: 55px;
        padding-top: 13px;
        left: 30px;
        height: 100px;
        border-bottom: #e6e8f4 solid 1px; }
        .new-product-block .left .left-top .item-desc .item-desc-title {
          font-size: 16px;
          letter-spacing: 2px;
          margin: 10px 0px; }
        .new-product-block .left .left-top .item-desc .item-desc-desc {
          font-size: 14px;
          color: #93a1b7;
          letter-spacing: 1px; }
      .new-product-block .left .left-top .item-desc:last-child {
        border: none;
        padding-bottom: 10px; }
      .new-product-block .left .left-top .item-desc:first-child {
        padding-top: 0px; }
    .new-product-block .left .left-bottom {
      width: 100%;
      left: 30px;
      bottom: 20px;
      position: absolute;
      padding-top: 20px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: start;
          justify-content: flex-start;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      font-size: 14px; }
      .new-product-block .left .left-bottom .bottom-item {
        position: relative;
        padding-right: 5%;
        margin-top: 20px;
        margin-right: 5%;
        border-right: #e6e8f4 solid 1px;
        text-align: left; }
        .new-product-block .left .left-bottom .bottom-item .bottom-title {
          color: #93a1b7;
          margin-bottom: 10px; }
      .new-product-block .left .left-bottom .bottom-item:first-child {
        padding-left: 0px; }
      .new-product-block .left .left-bottom .bottom-item:last-child {
        border: none; }
  .new-product-block .right {
    position: relative;
    top: 0px;
    left: 0px;
    width: 340px;
    font-size: 14px;
    margin: 0 auto; }
    .new-product-block .right .resouce-type {
      height: 33px;
      position: relative;
      margin-top: 40px;
      margin-bottom: 20px;
      left: 10%;
      line-height: 33px; }
      .new-product-block .right .resouce-type .type-title {
        color: #93a1b7; }
      .new-product-block .right .resouce-type .select-select {
        width: 180px;
        height: 33px;
        position: absolute;
        left: 23%; }
      .new-product-block .right .resouce-type select {
        border: solid #e6e8f4 2px;
        font-size: 14px; }
    .new-product-block .right .resouce-desc {
      position: relative; }
      .new-product-block .right .resouce-desc .resource-item-desc {
        margin-bottom: 20px;
        position: relative;
        left: 10%; }
        .new-product-block .right .resouce-desc .resource-item-desc .item-desc-title {
          color: #93a1b7; }
        .new-product-block .right .resouce-desc .resource-item-desc .item-desc-desc {
          position: absolute;
          left: 23%; }
    .new-product-block .right .actual-price {
      position: relative;
      left: 10%;
      color: #fe581c;
      margin-bottom: 5px;
      font-size: 20px; }
      .new-product-block .right .actual-price .price-price {
        font-size: 26px; }
      .new-product-block .right .actual-price .price-unit {
        color: black; }
      .new-product-block .right .actual-price .no-price {
        display: none; }
    .new-product-block .right .save-price {
      width: 250px;
      position: relative;
      left: 10%;
      color: #93a1b7;
      margin-bottom: 20px;
      height: 20px; }
      .new-product-block .right .save-price .save-price-icon {
        display: inline-block;
        margin-right: 5px;
        background-position: center;
        vertical-align: middle; }
        .new-product-block .right .save-price .save-price-icon img {
          background-position: center; }
      .new-product-block .right .save-price .save-price-price {
        display: inline-block;
        text-align: center; }
      .new-product-block .right .save-price .no-save-price {
        display: none; }
    .new-product-block .right .purchase-btn {
      cursor: pointer;
      position: relative;
      bottom: 0px;
      margin-bottom: 20px;
      background-color: #4a81ff;
      border-radius: 10px;
      color: #ffffff;
      width: 280px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      left: 30px;
      font-size: 16px;
      letter-spacing: 2px; }
    .new-product-block .right .no-btn {
      display: none; }
  .new-product-block .no-display {
    display: none; }

@media only screen and (max-width: 500px) {
  .media-new-product-block {
    font-size: 12px !important; }
    .media-new-product-block .left .media-left-top {
      width: 100%;
      padding-top: 20px; }
      .media-new-product-block .left .media-left-top .media-item-desc {
        margin-bottom: 0px;
        padding-bottom: 0px;
        padding-top: 10px;
        height: 120px; }
        .media-new-product-block .left .media-left-top .media-item-desc .media-item-desc-title {
          font-size: 14px;
          margin: 4px 0px 0px 0px; }
        .media-new-product-block .left .media-left-top .media-item-desc .media-left-top-desc {
          font-size: 13px;
          line-height: 13x; }
    .media-new-product-block .left .media-left-bottom {
      width: 310px;
      font-size: 13px;
      position: relative; }
    .media-new-product-block .media-right {
      position: relative;
      border-top: #e6e8f4 solid 1px;
      font-size: 14px;
      margin: 0 auto; }
      .media-new-product-block .media-right .resouce-type select {
        font-size: 13px; }
      .media-new-product-block .media-right .resouce-desc .resource-item-desc .media-item-desc-desc {
        font-size: 13px; }
      .media-new-product-block .media-right .media-purchase-btn {
        width: 80%; } }

.price-table-frist-directory {
  margin: 0px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 16px;
  border-bottom: #e6e8f4 solid 1px;
  position: relative; }
  .price-table-frist-directory .price-frist-drictory {
    cursor: pointer;
    width: 100px;
    text-align: center;
    line-height: 61px;
    margin: 0px 20px;
    position: relative; }
  .price-table-frist-directory .price-frist-drictory-active {
    border-bottom: #4a81ff solid 3px;
    color: #4a81ff; }
  .price-table-frist-directory.price-no-display {
    display: none; }

@media only screen and (max-width: 400px) {
  .price-table-frist-directory .media-price-frist-drictory {
    font-size: 14px;
    line-height: 41px;
    margin: 0px 10px;
    width: 80px; } }

.price-table-desc {
  position: relative;
  margin: 0px auto;
  width: 100%;
  font-size: 16px;
  margin-bottom: 20px;
  overflow-x: auto; }
  .price-table-desc .table-desc-title {
    width: 100%;
    margin: 10px auto;
    text-align: center;
    color: #6474a4;
    letter-spacing: 1px; }
  .price-table-desc .table-desc-desc {
    width: 100%;
    overflow-x: auto;
    margin: 0px auto;
    text-align: center; }
    .price-table-desc .table-desc-desc table {
      margin: 0 auto !important; }

.price-table-no-display {
  display: none; }

@media only screen and (max-width: 400px) {
  .media-price-table-desc {
    overflow-x: auto;
    font-size: 14px; } }

.ads-section {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  position: relative;
  margin-bottom: 10px;
  background-color: #f9f9f9; }
  .ads-section .item-ads-section {
    position: relative;
    margin-bottom: 35px; }
    .ads-section .item-ads-section .section-title {
      font-size: 16px;
      position: relative;
      margin-bottom: 14px;
      margin-top: 10px;
      text-align: left;
      padding-left: 5px; }
    .ads-section .item-ads-section .section-label-desc {
      font-size: 14px;
      position: relative;
      padding: 0px;
      padding-top: 4px;
      display: -ms-flexbox;
      display: flex;
      cursor: pointer; }
      .ads-section .item-ads-section .section-label-desc .section-label {
        padding: 0px 10px;
        height: 34px;
        background-color: #ffebdd;
        color: #ff975b;
        line-height: 35px;
        text-align: center; }
      .ads-section .item-ads-section .section-label-desc .section-desc {
        position: relative;
        padding-left: 5%;
        width: 70%;
        display: inline-block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 35px; }
      .ads-section .item-ads-section .section-label-desc .section-desc:hover {
        color: #ff975b; }

.ads-no-display {
  display: none; }

@media only screen and (max-width: 470px) {
  .ads-section {
    width: 100%;
    font-size: 14px !important; }
    .ads-section .media-item-ads-section {
      width: 100%;
      margin-bottom: 25px; }
      .ads-section .media-item-ads-section .media-section-title {
        font-size: 14px;
        margin-bottom: 6px; }
      .ads-section .media-item-ads-section .media-section-label-desc {
        line-height: 100%;
        width: 100%; }
        .ads-section .media-item-ads-section .media-section-label-desc .media-section-label {
          height: 23px;
          font-size: 13px;
          padding: 2px 8px;
          letter-spacing: 1px;
          position: relative;
          line-height: 20px;
          text-align: center;
          width: 20%; }
        .ads-section .media-item-ads-section .media-section-label-desc .media-section-desc {
          position: relative;
          font-size: 13px;
          line-height: 20px;
          width: 240px; } }

.section-text-link-ads2 {
  width: 100%;
  padding-top: 30px !important; }
  .section-text-link-ads2 .container {
    width: 1200px;
    padding-left: 260px;
    box-sizing: border-box;
    margin: 0 auto; }
    .section-text-link-ads2 .container .tag-wrap {
      background-color: #fff;
      border: 1px solid #EEEFF8;
      border-radius: 2px;
      padding: 24px 32px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      font-size: 14px; }
      .section-text-link-ads2 .container .tag-wrap > a {
        display: inline-block;
        box-sizing: border-box;
        text-decoration: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 20px; }
        .section-text-link-ads2 .container .tag-wrap > a:nth-last-child(1), .section-text-link-ads2 .container .tag-wrap > a:nth-last-child(2) {
          margin-bottom: 0px; }
        .section-text-link-ads2 .container .tag-wrap > a:nth-child(odd) {
          margin-right: 20px; }
        .section-text-link-ads2 .container .tag-wrap > a .tag {
          display: inline-block;
          padding: 3px 6px;
          border: 1px solid #000000;
          border-radius: 2px;
          margin-right: 10px; }
        .section-text-link-ads2 .container .tag-wrap > a .desc {
          color: #213146; }

@media only screen and (max-width: 550px) {
  .section-text-link-ads2 {
    width: 100%;
    overflow: hidden; }
    .section-text-link-ads2 .container {
      width: 100%;
      padding-left: 0px;
      font-size: 12px; }
      .section-text-link-ads2 .container .tag-wrap {
        padding: 12px 16px;
        border: 1px solid #EEEFF8;
        font-size: 12px; }
        .section-text-link-ads2 .container .tag-wrap > a {
          width: 100% !important;
          margin-bottom: 10px !important;
          margin-right: 0 !important; }
          .section-text-link-ads2 .container .tag-wrap > a:nth-last-child(1) {
            margin-bottom: 0px !important; }
          .section-text-link-ads2 .container .tag-wrap > a .tag {
            border: 1px solid #000000; } }

/*!
 * Viewer.js v1.11.7
 * https://fengyuanchen.github.io/viewerjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-11-24T04:32:14.526Z
 */

.viewer-zoom-in::before, .viewer-zoom-out::before, .viewer-one-to-one::before, .viewer-reset::before, .viewer-prev::before, .viewer-play::before, .viewer-next::before, .viewer-rotate-left::before, .viewer-rotate-right::before, .viewer-flip-horizontal::before, .viewer-flip-vertical::before, .viewer-fullscreen::before, .viewer-fullscreen-exit::before, .viewer-close::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 560 40%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M49.6 17.9h20.2v3.9H49.6zm123.1 2 10.9-11 2.7 2.8-8.2 8.2 8.2 8.2-2.7 2.7-10.9-10.9zm94 0-10.8-11-2.7 2.8 8.1 8.2-8.1 8.2 2.7 2.7 10.8-10.9zM212 9.3l20.1 10.6L212 30.5V9.3zm161.5 4.6-7.2 6 7.2 5.9v-4h12.4v4l7.3-5.9-7.3-6v4h-12.4v-4zm40.2 12.3 5.9 7.2 5.9-7.2h-4V13.6h4l-5.9-7.3-5.9 7.3h4v12.6h-4zm35.9-16.5h6.3v2h-4.3V16h-2V9.7Zm14 0h6.2V16h-2v-4.3h-4.2v-2Zm6.2 14V30h-6.2v-2h4.2v-4.3h2Zm-14 6.3h-6.2v-6.3h2v4.4h4.3v2Zm-438 .1v-8.3H9.6v-3.9h8.2V9.7h3.9v8.2h8.1v3.9h-8.1v8.3h-3.9zM93.6 9.7h-5.8v3.9h2V30h3.8V9.7zm16.1 0h-5.8v3.9h1.9V30h3.9V9.7zm-11.9 4.1h3.9v3.9h-3.9zm0 8.2h3.9v3.9h-3.9zm244.6-11.7 7.2 5.9-7.2 6v-3.6c-5.4-.4-7.8.8-8.7 2.8-.8 1.7-1.8 4.9 2.8 8.2-6.3-2-7.5-6.9-6-11.3 1.6-4.4 8-5 11.9-4.9v-3.1Zm147.2 13.4h6.3V30h-2v-4.3h-4.3v-2zm14 6.3v-6.3h6.2v2h-4.3V30h-1.9zm6.2-14h-6.2V9.7h1.9V14h4.3v2zm-13.9 0h-6.3v-2h4.3V9.7h2V16zm33.3 12.5 8.6-8.6-8.6-8.7 1.9-1.9 8.6 8.7 8.6-8.7 1.9 1.9-8.6 8.7 8.6 8.6-1.9 2-8.6-8.7-8.6 8.7-1.9-2zM297 10.3l-7.1 5.9 7.2 6v-3.6c5.3-.4 7.7.8 8.7 2.8.8 1.7 1.7 4.9-2.9 8.2 6.3-2 7.5-6.9 6-11.3-1.6-4.4-7.9-5-11.8-4.9v-3.1Zm-157.3-.6c2.3 0 4.4.7 6 2l2.5-3 1.9 9.2h-9.3l2.6-3.1a6.2 6.2 0 0 0-9.9 5.1c0 3.4 2.8 6.3 6.2 6.3 2.8 0 5.1-1.9 6-4.4h4c-1 4.7-5 8.3-10 8.3a10 10 0 0 1-10-10.2 10 10 0 0 1 10-10.2Z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 280px;
    color: transparent;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    width: 20px;
  }

.viewer-zoom-in::before {
  background-position: 0 0;
  content: 'Zoom In';
}

.viewer-zoom-out::before {
  background-position: -20px 0;
  content: 'Zoom Out';
}

.viewer-one-to-one::before {
  background-position: -40px 0;
  content: 'One to One';
}

.viewer-reset::before {
  background-position: -60px 0;
  content: 'Reset';
}

.viewer-prev::before {
  background-position: -80px 0;
  content: 'Previous';
}

.viewer-play::before {
  background-position: -100px 0;
  content: 'Play';
}

.viewer-next::before {
  background-position: -120px 0;
  content: 'Next';
}

.viewer-rotate-left::before {
  background-position: -140px 0;
  content: 'Rotate Left';
}

.viewer-rotate-right::before {
  background-position: -160px 0;
  content: 'Rotate Right';
}

.viewer-flip-horizontal::before {
  background-position: -180px 0;
  content: 'Flip Horizontal';
}

.viewer-flip-vertical::before {
  background-position: -200px 0;
  content: 'Flip Vertical';
}

.viewer-fullscreen::before {
  background-position: -220px 0;
  content: 'Enter Full Screen';
}

.viewer-fullscreen-exit::before {
  background-position: -240px 0;
  content: 'Exit Full Screen';
}

.viewer-close::before {
  background-position: -260px 0;
  content: 'Close';
}

.viewer-container {
  bottom: 0;
  direction: ltr;
  font-size: 0;
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.viewer-container::selection,
  .viewer-container *::selection {
    background-color: transparent;
  }

.viewer-container:focus {
    outline: 0;
  }

.viewer-container img {
    display: block;
    height: auto;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
  }

.viewer-canvas {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

.viewer-canvas > img {
    height: auto;
    margin: 15px auto;
    max-width: 90% !important;
    width: auto;
  }

.viewer-footer {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
}

.viewer-navbar {
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

.viewer-list {
  box-sizing: content-box;
  height: 50px;
  margin: 0;
  overflow: hidden;
  padding: 1px 0;
}

.viewer-list > li {
    color: transparent;
    cursor: pointer;
    float: left;
    font-size: 0;
    height: 50px;
    line-height: 0;
    opacity: 0.5;
    overflow: hidden;
    transition: opacity 0.15s;
    width: 30px;
  }

.viewer-list > li:focus,
    .viewer-list > li:hover {
      opacity: 0.75;
    }

.viewer-list > li:focus {
      outline: 0;
    }

.viewer-list > li + li {
      margin-left: 1px;
    }

.viewer-list > .viewer-loading {
    position: relative;
  }

.viewer-list > .viewer-loading::after {
      border-width: 2px;
      height: 20px;
      margin-left: -10px;
      margin-top: -10px;
      width: 20px;
    }

.viewer-list > .viewer-active,
  .viewer-list > .viewer-active:focus,
  .viewer-list > .viewer-active:hover {
    opacity: 1;
  }

.viewer-player {
  background-color: #000;
  bottom: 0;
  cursor: none;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.viewer-player > img {
    left: 0;
    position: absolute;
    top: 0;
  }

.viewer-toolbar > ul {
    display: inline-block;
    margin: 0 auto 5px;
    overflow: hidden;
    padding: 6px 3px;
  }

.viewer-toolbar > ul > li {
      background-color: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      cursor: pointer;
      float: left;
      height: 24px;
      overflow: hidden;
      transition: background-color 0.15s;
      width: 24px;
    }

.viewer-toolbar > ul > li:focus,
      .viewer-toolbar > ul > li:hover {
        background-color: rgba(0, 0, 0, 0.8);
      }

.viewer-toolbar > ul > li:focus {
        box-shadow: 0 0 3px #fff;
        outline: 0;
        position: relative;
        z-index: 1;
      }

.viewer-toolbar > ul > li::before {
        margin: 2px;
      }

.viewer-toolbar > ul > li + li {
        margin-left: 1px;
      }

.viewer-toolbar > ul > .viewer-small {
      height: 18px;
      margin-bottom: 3px;
      margin-top: 3px;
      width: 18px;
    }

.viewer-toolbar > ul > .viewer-small::before {
        margin: -1px;
      }

.viewer-toolbar > ul > .viewer-large {
      height: 30px;
      margin-bottom: -3px;
      margin-top: -3px;
      width: 30px;
    }

.viewer-toolbar > ul > .viewer-large::before {
        margin: 5px;
      }

.viewer-tooltip {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  color: #fff;
  display: none;
  font-size: 12px;
  height: 20px;
  left: 50%;
  line-height: 20px;
  margin-left: -25px;
  margin-top: -10px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 50px;
}

.viewer-title {
  color: #ccc;
  display: inline-block;
  font-size: 12px;
  line-height: 1.2;
  margin: 5px 5%;
  max-width: 90%;
  min-height: 14px;
  opacity: 0.8;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: opacity 0.15s;
  white-space: nowrap;
}

.viewer-title:hover {
    opacity: 1;
  }

.viewer-button {
  -webkit-app-region: no-drag;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  height: 80px;
  overflow: hidden;
  position: absolute;
  right: -40px;
  top: -40px;
  transition: background-color 0.15s;
  width: 80px;
}

.viewer-button:focus,
  .viewer-button:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }

.viewer-button:focus {
    box-shadow: 0 0 3px #fff;
    outline: 0;
  }

.viewer-button::before {
    bottom: 15px;
    left: 15px;
    position: absolute;
  }

.viewer-fixed {
  position: fixed;
}

.viewer-open {
  overflow: hidden;
}

.viewer-show {
  display: block;
}

.viewer-hide {
  display: none;
}

.viewer-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.viewer-invisible {
  visibility: hidden;
}

.viewer-move {
  cursor: move;
  cursor: grab;
}

.viewer-fade {
  opacity: 0;
}

.viewer-in {
  opacity: 1;
}

.viewer-transition {
  transition: all 0.3s;
}

@keyframes viewer-spinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.viewer-loading::after {
    animation: viewer-spinner 1s linear infinite;
    border: 4px solid rgba(255, 255, 255, 0.1);
    border-left-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    content: '';
    display: inline-block;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 1;
  }

@media (max-width: 767px) {
  .viewer-hide-xs-down {
    display: none;
  }
}

@media (max-width: 991px) {
  .viewer-hide-sm-down {
    display: none;
  }
}

@media (max-width: 1199px) {
  .viewer-hide-md-down {
    display: none;
  }
}

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.cf-wrap {
  overflow: hidden;
  padding-bottom: 20px; }
  .cf-wrap .c-framework {
    width: 1200px;
    height: auto;
    box-sizing: border-box;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    background-color: #fff;
    padding: 20px; }
    .cf-wrap .c-framework .img-wrap {
      width: 64%;
      height: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
      .cf-wrap .c-framework .img-wrap > img {
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
        padding: 20px;
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06);
        cursor: pointer; }
    .cf-wrap .c-framework .richtext {
      width: 34%;
      padding-left: 20px;
      box-sizing: border-box; }
      .cf-wrap .c-framework .richtext hr {
        border: none;
        border-bottom: 1px solid #eee; }

@media only screen and (max-width: 576px) {
  .cf-wrap .c-framework {
    width: 100%;
    padding: 0 10px;
    -ms-flex-direction: column;
        flex-direction: column; }
    .cf-wrap .c-framework .img-wrap {
      width: 100%; }
    .cf-wrap .c-framework .richtext {
      width: 100%;
      padding: 10px; }
      .cf-wrap .c-framework .richtext strong {
        font-size: 13px !important; }
      .cf-wrap .c-framework .richtext span,
      .cf-wrap .c-framework .richtext div,
      .cf-wrap .c-framework .richtext p,
      .cf-wrap .c-framework .richtext hr {
        font-size: 12px !important;
        line-height: 1.3 !important; }
      .cf-wrap .c-framework .richtext hr {
        border: none;
        border-bottom: 1px solid #eee; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.pa-wrap {
  overflow: hidden; }
  .pa-wrap .pa-ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: start;
        align-items: flex-start;
    width: 1200px;
    margin: 0 auto; }
    .pa-wrap .pa-ul .pa-item {
      width: 290px;
      height: 300px;
      box-sizing: border-box;
      padding: 40px 24px 16px 24px;
      background-color: #fff;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: start;
          justify-content: flex-start;
      -ms-flex-direction: column;
          flex-direction: column;
      margin-right: 13.33px;
      margin-bottom: 20px; }
      .pa-wrap .pa-ul .pa-item:nth-child(4n) {
        margin-right: 0; }
      .pa-wrap .pa-ul .pa-item:hover {
        box-shadow: 0px 2px 10px 0px rgba(53, 101, 210, 0.06); }
      .pa-wrap .pa-ul .pa-item .img-wrap {
        width: 60px;
        height: 60px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center; }
        .pa-wrap .pa-ul .pa-item .img-wrap > img {
          max-width: 100%;
          max-height: 100%; }
      .pa-wrap .pa-ul .pa-item .title {
        font-weight: 500;
        color: #202020;
        margin: 14px 0;
        font-size: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%; }
      .pa-wrap .pa-ul .pa-item .desc {
        width: 100%;
        font-size: 14px;
        line-height: 22px;
        color: #6E758C;
        letter-spacing: 1px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical; }

@media only screen and (max-width: 576px) {
  .pa-wrap .pa-ul {
    width: 100%;
    margin-right: 0;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
    .pa-wrap .pa-ul .pa-item {
      width: 46%;
      height: 250px;
      padding: 10px;
      margin-bottom: 10px;
      margin-right: 0; }
      .pa-wrap .pa-ul .pa-item .img-wrap {
        width: 50px;
        height: 50px; }
      .pa-wrap .pa-ul .pa-item .title {
        font-size: 14px; }
      .pa-wrap .pa-ul .pa-item .desc {
        font-size: 12px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.sp-wrap {
  overflow: hidden;
  padding-bottom: 20px; }
  .sp-wrap .sp-ul {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .sp-wrap .sp-ul .sp-left {
      width: 346px;
      height: 390px;
      box-sizing: border-box;
      background-color: #fff;
      border-radius: 3px;
      box-shadow: 0px 2px 10px 0px rgba(54, 101, 210, 0.06);
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center; }
      .sp-wrap .sp-ul .sp-left .img-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        width: 250px;
        height: 90px; }
        .sp-wrap .sp-ul .sp-left .img-wrap > img {
          max-width: 100%;
          max-height: 100%; }
      .sp-wrap .sp-ul .sp-left div {
        max-width: 80%;
        line-height: 1.3;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
      .sp-wrap .sp-ul .sp-left .subTitle {
        color: #202020;
        font-size: 18px;
        margin: 40px 0 20px; }
      .sp-wrap .sp-ul .sp-left .subDesc {
        color: #6e758c;
        font-size: 16px; }
      .sp-wrap .sp-ul .sp-left .btn {
        margin-top: 40px;
        display: inline-block;
        height: 40px;
        box-sizing: border-box;
        padding: 0 16px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        background-color: #4a81ff;
        border-radius: 4px;
        text-decoration: none;
        color: #fff;
        text-align: center;
        line-height: 40px; }
        .sp-wrap .sp-ul .sp-left .btn:hover {
          opacity: 0.8; }
    .sp-wrap .sp-ul .sp-right {
      width: calc(100% - 374px);
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between; }
      .sp-wrap .sp-ul .sp-right .sp-item {
        width: 49%;
        height: 188px;
        box-sizing: border-box;
        background-color: #fff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-align: center;
            align-items: center;
        padding: 12px 14px;
        transition: .3s; }
        .sp-wrap .sp-ul .sp-right .sp-item:hover {
          box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.1); }
          .sp-wrap .sp-ul .sp-right .sp-item:hover .sp-item-right .title {
            color: #4a81ff; }
        .sp-wrap .sp-ul .sp-right .sp-item .img-wrap {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-align: center;
              align-items: center;
          width: 100px;
          height: 100%; }
          .sp-wrap .sp-ul .sp-right .sp-item .img-wrap > img {
            max-width: 100%;
            max-height: 100%; }
        .sp-wrap .sp-ul .sp-right .sp-item .sp-item-right {
          width: calc(100% - 118px);
          border-left: 2px solid #f3f3f3;
          padding-left: 16px; }
          .sp-wrap .sp-ul .sp-right .sp-item .sp-item-right .title {
            width: 100%;
            font-size: 16px;
            color: #202020;
            font-weight: 500;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .sp-wrap .sp-ul .sp-right .sp-item .sp-item-right .desc {
            color: #6E758C;
            font-size: 14px;
            line-height: 24 px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            letter-spacing: 1px;
            margin: 10px 0; }
          .sp-wrap .sp-ul .sp-right .sp-item .sp-item-right .btn {
            text-decoration: none;
            color: #4a81ff;
            font-size: 14px;
            position: relative; }
            .sp-wrap .sp-ul .sp-right .sp-item .sp-item-right .btn:hover::after {
              -ms-transform: translate(2px);
                  transform: translate(2px); }
            .sp-wrap .sp-ul .sp-right .sp-item .sp-item-right .btn::after {
              content: ">";
              position: absolute;
              right: -12px;
              font-weight: bold;
              top: 0;
              transition: .2s; }

@media only screen and (max-width: 576px) {
  .sp-wrap {
    overflow: hidden;
    padding-bottom: 10px; }
    .sp-wrap .sp-ul {
      width: 100%;
      -ms-flex-direction: column;
          flex-direction: column; }
      .sp-wrap .sp-ul .sp-left {
        background-color: transparent;
        width: 100%;
        height: auto; }
        .sp-wrap .sp-ul .sp-left .img-wrap {
          width: 150px;
          height: 60px; }
        .sp-wrap .sp-ul .sp-left .subTitle {
          margin: 10px 0 8px;
          font-size: 15px; }
        .sp-wrap .sp-ul .sp-left .subDesc {
          font-size: 13px;
          padding-bottom: 18px; }
        .sp-wrap .sp-ul .sp-left .btn {
          display: none; }
      .sp-wrap .sp-ul .sp-right {
        width: 100%;
        padding-left: 2%;
        -ms-flex-pack: start;
            justify-content: flex-start; }
        .sp-wrap .sp-ul .sp-right .sp-item {
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-align: start;
              align-items: flex-start;
          margin-bottom: 10px;
          height: 200px;
          width: 47%;
          box-sizing: border-box;
          margin-right: 2%; }
          .sp-wrap .sp-ul .sp-right .sp-item:nth-child(3n) {
            margin-right: 2%; }
          .sp-wrap .sp-ul .sp-right .sp-item:nth-child(2n) {
            margin-right: 0; }
          .sp-wrap .sp-ul .sp-right .sp-item .img-wrap {
            width: 50px;
            height: 50px; }
          .sp-wrap .sp-ul .sp-right .sp-item .sp-item-right {
            width: 100%;
            border-left: none;
            padding-left: 0; }
            .sp-wrap .sp-ul .sp-right .sp-item .sp-item-right .title {
              font-size: 14px;
              color: #4a81ff; }
            .sp-wrap .sp-ul .sp-right .sp-item .sp-item-right .desc {
              font-size: 12px;
              margin: 4px 0; }
            .sp-wrap .sp-ul .sp-right .sp-item .sp-item-right .btn {
              font-size: 12px; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.cc-wrap {
  overflow: hidden;
  padding-bottom: 20px; }
  .cc-wrap .cc-ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: start;
        align-items: flex-start;
    width: 1200px;
    margin: 0 auto; }
    .cc-wrap .cc-ul .cc-item {
      width: 364px;
      height: 314px;
      box-sizing: border-box;
      border: 1px solid #eee;
      padding: 40px 24px 16px 24px;
      background-color: #fff;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: start;
          justify-content: flex-start;
      -ms-flex-direction: column;
          flex-direction: column;
      margin-right: 54px;
      margin-bottom: 20px;
      position: relative;
      overflow: hidden; }
      .cc-wrap .cc-ul .cc-item:nth-child(3n) {
        margin-right: 0; }
      .cc-wrap .cc-ul .cc-item:hover {
        box-shadow: 0 5px 15px 0 rgba(83, 92, 126, 0.1); }
        .cc-wrap .cc-ul .cc-item:hover .mask {
          animation: maskAni .3s linear .4s;
          animation-fill-mode: forwards; }
      .cc-wrap .cc-ul .cc-item .img-wrap {
        width: 200px;
        height: 80px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center; }
        .cc-wrap .cc-ul .cc-item .img-wrap > img {
          max-width: 100%;
          max-height: 100%; }
      .cc-wrap .cc-ul .cc-item .title {
        font-weight: 500;
        color: #202020;
        margin: 14px 0;
        font-size: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%; }
      .cc-wrap .cc-ul .cc-item .desc {
        width: 100%;
        font-size: 14px;
        line-height: 20px;
        color: #6E758C;
        letter-spacing: 1px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical; }
      .cc-wrap .cc-ul .cc-item .mask {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background-color: #4a81ff;
        transition: .5s;
        text-align: center;
        padding: 30px; }
        .cc-wrap .cc-ul .cc-item .mask .title {
          color: #fff;
          font-size: 18px; }
        .cc-wrap .cc-ul .cc-item .mask .desc {
          color: #fff;
          font-size: 14px;
          line-height: 22px;
          margin: 20px 0;
          text-align: left;
          letter-spacing: 1px;
          text-indent: 2em;
          -webkit-line-clamp: 7; }
        .cc-wrap .cc-ul .cc-item .mask .btn {
          text-decoration: none;
          color: #fff;
          display: inline-block;
          width: 100px;
          height: 32px;
          line-height: 32px;
          border: 1px solid #FFFFFF;
          border-radius: 4px;
          font-size: 14px; }
          .cc-wrap .cc-ul .cc-item .mask .btn:hover {
            opacity: 0.8; }

@keyframes maskAni {
  from {
    opacity: 0.5;
    transform: translateY(0px); }
  to {
    opacity: 1;
    transform: translateY(-314px); } }

@media only screen and (max-width: 576px) {
  .cc-wrap {
    padding-bottom: 10px; }
    .cc-wrap .cc-ul {
      width: 100%;
      padding-left: 2%; }
      .cc-wrap .cc-ul .cc-item {
        width: 47%;
        height: 214px;
        box-sizing: border-box;
        margin-bottom: 10px;
        padding: 14px 10px;
        margin-right: 2%; }
        .cc-wrap .cc-ul .cc-item:nth-child(3n) {
          margin-right: 2%; }
        .cc-wrap .cc-ul .cc-item:nth-child(2n) {
          margin-right: 0; }
        .cc-wrap .cc-ul .cc-item:last-child {
          -ms-flex-item-align: start;
              align-self: flex-start; }
        .cc-wrap .cc-ul .cc-item .img-wrap {
          width: 100px;
          height: 40px; }
        .cc-wrap .cc-ul .cc-item .title {
          font-size: 14px;
          margin: 10px 0 8px; }
        .cc-wrap .cc-ul .cc-item .desc {
          font-size: 12px;
          line-height: 1.5; }
        .cc-wrap .cc-ul .cc-item .mask {
          padding: 6px; }
          .cc-wrap .cc-ul .cc-item .mask .title {
            font-size: 14px; }
          .cc-wrap .cc-ul .cc-item .mask .desc {
            font-size: 12px;
            margin: 6px 0 10px;
            line-height: 1.3; }
  @keyframes maskAni {
    from {
      opacity: 0.5;
      transform: translateY(0px); }
    to {
      opacity: 1;
      transform: translateY(-214px); } } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.bc-wrap {
  overflow: hidden;
  padding-bottom: 20px; }
  .bc-wrap .bc-ul {
    width: 1200px;
    height: auto;
    box-sizing: border-box;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .bc-wrap .bc-ul .bc-item {
      width: 48%;
      box-sizing: border-box;
      margin-bottom: 20px;
      background-color: #fff;
      display: -ms-flexbox;
      display: flex;
      padding: 20px 24px; }
      .bc-wrap .bc-ul .bc-item .img-wrap {
        width: 70px;
        height: 70px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center; }
        .bc-wrap .bc-ul .bc-item .img-wrap > img {
          max-width: 100%;
          max-height: 100%; }
      .bc-wrap .bc-ul .bc-item .bc-info {
        padding-left: 20px;
        width: calc(100% - 70px); }
        .bc-wrap .bc-ul .bc-item .bc-info .title {
          font-size: 18px;
          font-weight: 500;
          color: #010101;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .bc-wrap .bc-ul .bc-item .bc-info .desc {
          font-size: 14px;
          color: #6E758C;
          padding-top: 6px;
          line-height: 22px;
          letter-spacing: 1px;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical; }

@media only screen and (max-width: 576px) {
  .bc-wrap {
    padding-bottom: 10px; }
    .bc-wrap .bc-ul {
      width: 100%;
      -ms-flex-pack: distribute;
          justify-content: space-around; }
      .bc-wrap .bc-ul .bc-item {
        width: 46%;
        padding: 10px; }
        .bc-wrap .bc-ul .bc-item .img-wrap {
          width: 38px;
          height: 38px; }
        .bc-wrap .bc-ul .bc-item .bc-info {
          width: calc(100% - 38px);
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: start;
              justify-content: flex-start;
          -ms-flex-align: center;
              align-items: center; }
          .bc-wrap .bc-ul .bc-item .bc-info .title {
            font-size: 13px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            white-space: normal; }
          .bc-wrap .bc-ul .bc-item .bc-info .desc {
            display: none; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.sf-wrap {
  overflow: hidden;
  padding-bottom: 20px; }
  .sf-wrap .s-framework {
    width: 1200px;
    height: auto;
    box-sizing: border-box;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    background-color: #fff;
    padding: 20px; }
    .sf-wrap .s-framework .img-wrap {
      width: 64%;
      height: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
      .sf-wrap .s-framework .img-wrap > img {
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box;
        padding: 20px;
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06);
        cursor: pointer; }
    .sf-wrap .s-framework .right {
      width: 34%;
      padding-left: 20px;
      box-sizing: border-box; }
      .sf-wrap .s-framework .right .r-top,
      .sf-wrap .s-framework .right .r-middle,
      .sf-wrap .s-framework .right .r-bottom {
        border-bottom: 2px solid #F7F8FA;
        padding-bottom: 20px; }
        .sf-wrap .s-framework .right .r-top.r-bottom,
        .sf-wrap .s-framework .right .r-middle.r-bottom,
        .sf-wrap .s-framework .right .r-bottom.r-bottom {
          border-bottom: none; }
        .sf-wrap .s-framework .right .r-top .title,
        .sf-wrap .s-framework .right .r-middle .title,
        .sf-wrap .s-framework .right .r-bottom .title {
          font-size: 18px;
          font-weight: 500;
          margin-bottom: 6px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
      .sf-wrap .s-framework .right .r-top .btn {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        padding: 0 10px;
        text-align: center;
        background-color: #4a81ff;
        border-radius: 4px;
        margin-top: 10px; }
        .sf-wrap .s-framework .right .r-top .btn:hover {
          opacity: .8; }
      .sf-wrap .s-framework .right .r-middle {
        padding-top: 20px; }
      .sf-wrap .s-framework .right .r-bottom {
        padding-top: 20px; }
        .sf-wrap .s-framework .right .r-bottom .bt-ul {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: justify;
              justify-content: space-between;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
        .sf-wrap .s-framework .right .r-bottom .bt-item {
          display: inline-block;
          width: 120px;
          height: 80px;
          box-sizing: border-box;
          border: 1px solid #F7F8FA;
          padding: 10px;
          margin-top: 10px;
          text-decoration: none;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-direction: column;
              flex-direction: column; }
          .sf-wrap .s-framework .right .r-bottom .bt-item:hover {
            box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06); }
          .sf-wrap .s-framework .right .r-bottom .bt-item .bt-img-wrap {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
                justify-content: center;
            -ms-flex-align: center;
                align-items: center;
            width: 32px;
            height: 32px; }
            .sf-wrap .s-framework .right .r-bottom .bt-item .bt-img-wrap > img {
              max-width: 100%;
              max-height: 100%; }
          .sf-wrap .s-framework .right .r-bottom .bt-item .bt-title {
            width: 100%;
            text-align: center;
            font-size: 13px;
            color: #A1A5B4;
            margin-top: 10px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }

@media only screen and (max-width: 576px) {
  .sf-wrap .s-framework {
    width: 100%;
    padding: 0 10px;
    -ms-flex-direction: column;
        flex-direction: column; }
    .sf-wrap .s-framework .img-wrap {
      width: 100%; }
    .sf-wrap .s-framework .right {
      width: 100%;
      padding: 10px; }
      .sf-wrap .s-framework .right .r-top .btn {
        height: 26px;
        line-height: 26px;
        font-size: 12px; }
      .sf-wrap .s-framework .right .r-bottom .bt-item {
        width: 100px;
        height: 60px;
        padding: 6px; }
        .sf-wrap .s-framework .right .r-bottom .bt-item .bt-img-wrap {
          width: 20px;
          height: 20px; }
        .sf-wrap .s-framework .right .r-bottom .bt-item .bt-title {
          margin-top: 6px; }
      .sf-wrap .s-framework .right strong {
        font-size: 13px !important; }
      .sf-wrap .s-framework .right span,
      .sf-wrap .s-framework .right div,
      .sf-wrap .s-framework .right p,
      .sf-wrap .s-framework .right hr {
        font-size: 12px !important;
        line-height: 1.3 !important; } }

@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.ov-wrap {
  overflow: hidden;
  padding-bottom: 20px; }
  .ov-wrap .ov-tabs {
    width: 1200px;
    height: auto;
    box-sizing: border-box;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    border-bottom: 2px solid #F7F8FA; }
    .ov-wrap .ov-tabs .ov-tab {
      text-align: center;
      height: 60px;
      line-height: 60px;
      font-size: 18px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      cursor: pointer;
      position: relative; }
      .ov-wrap .ov-tabs .ov-tab::after {
        content: "";
        width: 0%;
        height: 2px;
        background-color: #4A81FF;
        position: absolute;
        left: 50%;
        bottom: 0;
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        transition: width .2s linear; }
      .ov-wrap .ov-tabs .ov-tab:hover, .ov-wrap .ov-tabs .ov-tab.active {
        color: #4A81FF; }
        .ov-wrap .ov-tabs .ov-tab:hover::after, .ov-wrap .ov-tabs .ov-tab.active::after {
          width: 50%; }
  .ov-wrap .swiper-container {
    width: 1200px;
    margin: 0 auto; }
    .ov-wrap .swiper-container .swiper-wrapper {
      padding: 40px 0; }
      .ov-wrap .swiper-container .swiper-wrapper .swiper-slide {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: justify;
            justify-content: space-between; }
        .ov-wrap .swiper-container .swiper-wrapper .swiper-slide .img-wrap {
          width: 49%;
          height: 400px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-align: center;
              align-items: center; }
          .ov-wrap .swiper-container .swiper-wrapper .swiper-slide .img-wrap > img {
            width: 100%;
            height: auto;
            cursor: pointer; }
        .ov-wrap .swiper-container .swiper-wrapper .swiper-slide .richtext {
          width: 49%;
          max-height: 400px;
          overflow-y: auto;
          box-sizing: border-box;
          padding: 0 30px; }
          .ov-wrap .swiper-container .swiper-wrapper .swiper-slide .richtext::-webkit-scrollbar {
            width: 10px; }
          .ov-wrap .swiper-container .swiper-wrapper .swiper-slide .richtext::-webkit-scrollbar-track {
            box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            border-radius: 3px; }
          .ov-wrap .swiper-container .swiper-wrapper .swiper-slide .richtext::-webkit-scrollbar-thumb {
            border-radius: 7px;
            box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            background-color: #E8E8E8; }

@media only screen and (max-width: 576px) {
  .ov-wrap .ov-tabs {
    width: 100%;
    border-bottom: 1px solid #F7F8FA; }
    .ov-wrap .ov-tabs .ov-tab {
      height: 30px;
      font-size: 12px;
      line-height: 30px; }
      .ov-wrap .ov-tabs .ov-tab::after {
        height: 1px; }
  .ov-wrap .swiper-container {
    width: 100%;
    height: auto; }
    .ov-wrap .swiper-container .swiper-wrapper {
      padding: 10px 0; }
      .ov-wrap .swiper-container .swiper-wrapper .swiper-slide {
        -ms-flex-direction: column;
            flex-direction: column;
        overflow: hidden;
        height: 0px; }
        .ov-wrap .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active {
          height: auto !important; }
        .ov-wrap .swiper-container .swiper-wrapper .swiper-slide .img-wrap {
          height: auto;
          width: 100%; }
        .ov-wrap .swiper-container .swiper-wrapper .swiper-slide .richtext {
          width: 100%;
          height: auto;
          max-height: none;
          overflow-y: visible;
          font-size: 12px;
          padding: 10px;
          line-height: 1.5; }
          .ov-wrap .swiper-container .swiper-wrapper .swiper-slide .richtext strong > span {
            font-size: 14px !important; } }