@charset "utf-8";

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-family:
    "Microsoft YaHei", "Open Sans", "Source Han Sans", sans-serif, Arial;
  /*"PingFang SC", */
}

body,
html {
  font-size: 14px;
  color: #000;
}

nav ul,
ul {
  list-style: none;
  margin: 0;
}

.hide {
  visibility: hidden;
}

a {
  text-decoration: none;
  color: #000;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0;
}

p {
  margin-bottom: 0;
}

/**字体*/
.tl {
  text-align: left;
}

.tc {
  text-align: center;
}

.colfff {
  color: #fff;
}

.col777 {
  color: #6b7777;
}

.col272 {
  color: #667272;
}

.col461 {
  color: #4e5461;
}

.cold1f {
  color: #1d1d1f;
}

.col420 {
  color: #132420;
}

.col280 {
  color: #6B7280;
}

.normal {
  font-weight: normal;
}

.bold {
  font-weight: bold;
}

.bold-900 {
  font-weight: 900;
}

.f-12 {
  font-size: 12px;
}

.f-13 {
  font-size: 13px;
}

.f-14 {
  font-size: 14px;
}

.f-16 {
  font-size: 16px !important;
}

.f-18 {
  font-size: 18px;
}

.f-19 {
  font-size: 19px;
}

.f-20 {
  font-size: 20px;
}

.f-22 {
  font-size: 22px;
}

.f-24 {
  font-size: 24px;
}

.f-26 {
  font-size: 26px;
}

.f-28 {
  font-size: 28px;
}

.f-30 {
  font-size: 30px;
}

.f-32 {
  font-size: 32px;
}

.f-36 {
  font-size: 36px;
}

.f-38 {
  font-size: 38px;
}

.f-40 {
  font-size: 40px;
}

.f-42 {
  font-size: 42px;
}

.f-46 {
  font-size: 46px;
}

.f-48 {
  font-size: 48px;
}

.f-62 {
  font-size: 62px;
}

.pointer {
  cursor: pointer;
}

/* 小屏幕（平板，大于等于 768px） */
@media screen and (max-width: 768px) {
  .f-18 {
    font-size: 16px;
  }

  .f-20,
  .f-22 {
    font-size: 18px;
  }

  .f-24 {
    font-size: 20px;
  }

  .f-28,
  .f-30,
  .f-32 {
    font-size: 22px;
  }

  .f-36,
  .f-40 {
    font-size: 24px;
  }

  .f-42 {
    font-size: 26px;
  }

  .f-48,
  .f-46 {
    font-size: 30px;
  }

  .f-62 {
    font-size: 40px;
  }
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media screen and (max-width: 992px) {}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media screen and (max-width: 1200px) {}

.lh-14 {
  line-height: 14px;
}

.lh-16 {
  line-height: 16px !important;
}

.lh-18 {
  line-height: 18px;
}

.lh-21 {
  line-height: 21px;
}

.lh-24 {
  line-height: 24px;
}

.lh-26 {
  line-height: 26px;
}

.lh-36 {
  line-height: 36px;
}

.lh-42 {
  line-height: 45px;
}

.lh-60 {
  line-height: 60px;
}

@media screen and (max-width: 768px) {
  .lh-36 {
    line-height: 20px;
  }

  .lh-42 {
    line-height: 24px;
  }

  .lh-60 {
    line-height: 38px;
  }
}

/*spacing*/
.mt4 {
  margin-top: 4px;
}

.mt10 {
  margin-top: 10px;
}

.mt12 {
  margin-top: 12px;
}

.mt16 {
  margin-top: 16px;
}

.mt18 {
  margin-top: 18px;
}

.mt20 {
  margin-top: 20px;
}

.mt22 {
  margin-top: 22px;
}

.mt26 {
  margin-top: 26px;
}

.mt30 {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mt40 {
  margin-top: 40px;
}

.mt46 {
  margin-top: 46px;
}

.mt50 {
  margin-top: 50px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb64 {
  margin-bottom: 64px;
}

.mb100 {
  margin-bottom: 100px;
}

.mt56 {
  margin-top: 56px;
}

.mt60 {
  margin-top: 60px;
}

.mt80 {
  margin-top: 80px;
}

.mt100 {
  margin-top: 100px;
}

.ml4 {
  margin-left: 4px;
}

.ml8 {
  margin-left: 8px;
}

.ml10 {
  margin-left: 10px;
}

.ml16 {
  margin-left: 16px;
}

.ml30 {
  margin-left: 30px;
}

.ml45 {
  margin-left: 45px;
}

.mr8 {
  margin-right: 8px;
}

.mr16 {
  margin-right: 16px;
}

.mr45 {
  margin-right: 45px;
}

.mr50 {
  margin-right: 50px;
}

.mtb100 {
  margin: 100px 0;
}

.pb20 {
  padding-bottom: 20px;
}

.pb35 {
  padding-bottom: 35px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb50 {
  padding-bottom: 50px;
}

.pb100 {
  padding-bottom: 100px;
}

.ptb80 {
  padding: 80px 0;
}

.ptb45 {
  padding: 45px 0;
}

.ptb100 {
  padding: 100px 0;
}

.white-space-left50 {
  margin-left: 50px;
}

.white-space {
  margin-left: 100px;
}

.white-space-right {
  margin-right: 100px;
}

.pt20 {
  padding-top: 20px;
}

.pt40 {
  padding-top: 40px;
}

.pt60 {
  padding-top: 60px;
}

.pt100 {
  padding-top: 100px;
}

.pl30 {
  padding-left: 30px;
}

.pl45 {
  padding-left: 45px;
}

.pr12 {
  padding-right: 12px;
}

.pr30 {
  padding-right: 30px;
}

.pr45 {
  padding-right: 45px;
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media screen and (max-width: 992px) {
  .white-space-left50 {
    margin-left: 25px;
  }

  .white-space {
    margin-left: 50px;
  }

  .white-space-right {
    margin-right: 50px;
  }
}

/* 小屏幕（平板，大于等于 768px） */
@media screen and (max-width: 768px) {
  .mt16 {
    margin-top: 8px;
  }

  .mt22 {
    margin-top: 11px;
  }

  .mt26 {
    margin-top: 13px;
  }

  .mt30 {
    margin-top: 15px;
  }

  .mt35 {
    margin-top: 18px;
  }

  .mt40 {
    margin-top: 20px;
  }

  .mb50 {
    margin-bottom: 50px;
  }

  .mt56 {
    margin-top: 28px;
  }

  .mt60 {
    margin-top: 30px;
  }

  .mt80 {
    margin-top: 40px;
  }

  .mt96 {
    margin-top: 50px;
  }

  .mt100 {
    margin-top: 50px;
  }

  .ml16 {
    margin-left: 8px;
  }

  .ml30 {
    margin-left: 15px;
  }

  .ml45 {
    margin-left: 22.5px;
  }

  .mtb100 {
    margin: 50px 0;
  }

  .ptb80 {
    padding: 40px 0;
  }

  .ptb100 {
    padding: 50px 0;
  }

  .pt100 {
    padding-top: 50px;
  }

  .pb100 {
    padding-bottom: 50px;
  }

  .white-space-left50 {
    margin-left: 0px;
  }

  .white-space {
    margin-left: 0px;
  }

  .white-space-right {
    margin-right: 0px;
  }

  .small-space-mt50 {
    margin-top: 50px;
  }

  .small-space-mb50 {
    margin-bottom: 50px;
  }
}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media screen and (max-width: 1200px) {}

.width100 {
  width: 100%;
}

.width100-32 {
  width: calc(100% - 32px);
}

.height100 {
  height: 100%;
}

/*布局*/
.layFlex {
  display: flex;
}

.layRow {
  display: flex;
  align-items: center;
}

.layCol {
  display: flex;
  flex-direction: column;
}

.layTop {
  align-items: flex-start !important;
}

.layCenter {
  align-items: center !important;
}

.layBottom {
  align-items: flex-end;
}

.flex-none {
  flex: none;
}

.left {
  justify-content: flex-start !important;
}

.center {
  justify-content: center;
}

.right {
  justify-content: flex-end;
}

.between {
  justify-content: space-between !important;
}

.rowReverse {
  flex-direction: row-reverse;
}

.rowWrap {
  flex-wrap: wrap;
}

.stretch {
  /*填满 宽度||高度*/
  align-items: stretch;
}

.flex-none {
  flex: none !important;
}

.flex-inherit {
  flex: inherit;
}

.flex-1 {
  flex: 1;
}

.flex-1_5 {
  flex: 1.5;
}

.flex-2 {
  flex: 2;
}

.flex-grow1 {
  flex-grow: 1;
}

.rel {
  position: relative;
}

.abs {
  position: absolute;
}

.line1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
}

.line2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media screen and (max-width: 992px) {
  .white-space-left50 {
    margin-left: 25px;
  }

  .white-space {
    margin-left: 50px;
  }

  .white-space-right {
    margin-right: 50px;
  }
}

/* 小屏幕（平板，大于等于 768px） */
@media screen and (max-width: 768px) {
  .mt16 {
    margin-top: 8px;
  }

  .mt22 {
    margin-top: 11px;
  }

  .mt26 {
    margin-top: 13px;
  }

  .mt30 {
    margin-top: 15px;
  }

  .mt35 {
    margin-top: 18px;
  }

  .mt40 {
    margin-top: 20px;
  }

  .mb50 {
    margin-bottom: 50px;
  }

  .mt56 {
    margin-top: 28px;
  }

  .mt60 {
    margin-top: 30px;
  }

  .mt80 {
    margin-top: 40px;
  }

  .mt96 {
    margin-top: 50px;
  }

  .mt100 {
    margin-top: 50px;
  }

  .ml16 {
    margin-left: 8px;
  }

  .ml30 {
    margin-left: 15px;
  }

  .ml45 {
    margin-left: 22.5px;
  }

  .mtb100 {
    margin: 50px 0;
  }

  .ptb80 {
    padding: 40px 0;
  }

  .ptb100 {
    padding: 50px 0;
  }

  .white-space-left50 {
    margin-left: 0px;
  }

  .white-space {
    margin-left: 0px;
  }

  .white-space-right {
    margin-right: 0px;
  }

  .small-space-mt50 {
    margin-top: 30px;
  }

  .small-space-mb50 {
    margin-bottom: 30px;
  }
}

/* 免费试用 start */
.free-try {
  overflow: hidden;
  background: url(../images/free-try-bg.png) no-repeat center / cover;
}

.free-try .banner-freeTrial-btn {
  background: url(../images/index/detail-bg.png) no-repeat center;
  width: fit-content;
  background-size: 100% 100%;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}

.free-try-en {
  background: none !important;
}

.free-try-en>div>div {
  overflow: hidden;
  background: url(../images/free-try-bg.png) no-repeat center / contain;
  background-size: 100% 100%;
  border-radius: 20px;
}

/* 免费试用 end */
.banner-freeTrial-btn {
  width: fit-content;
  color: #fff;
  font-size: 18px;
  line-height: 20px;
  cursor: pointer;
  padding: 20px 50px;
  border-radius: 30px;
  background: #0B0C0F;
  transition: color cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
  display: block;
}

.banner-freeTrial-btn:hover {
  opacity: 0.8;
  color: #ffffff;
}

.banner-schedule-btn {
  width: fit-content;
  color: #0B0C0F;
  font-size: 16px;
  line-height: 20px;
  cursor: pointer;
  padding: 20px 50px;
  border-radius: 30px;
  border: 1px solid #0B0C0F;
  transition: color cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
}

.businessResult .banner-schedule-btn {
  padding: 14px 39px;
}

.banner-schedule-btn:hover {
  color: #000;
  opacity: 0.8;
}

@media screen and (max-width: 768px) {

  .banner-freeTrial-btn,
  .banner-schedule-btn {
    padding: 15px 24px;
    font-size: 16px;
  }
}

/*页面底部 begin*/
.foot-wrap {
  background-color: #0e0e11;
}

.foot-nav-wrap {
  padding-top: 28px;
  padding-bottom: 28px;
  border-bottom: 1px solid #4b4b4d;
}

.foot-wrap .logo {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.foot-wrap .logo-tips {
  color: rgba(255, 255, 255, 0.6);
  margin-top: 20px;
}

.foot-nav li {
  margin-top: 16px;
}

.foot-nav li a,
.contact-phone {
  color: rgba(255, 255, 255, 0.6);
}

.foot-nav li:hover a,
.social-label {
  color: #fff;
}

.foot-nav-wrap h4 {
  color: #fff;
  font-size: 14px;
  line-height: 18px;
}

.foot-nav-wrap .qrcode {
  width: 82px;
  height: 82px;
  bottom: 52px;
  position: absolute;
  left: -25px;
  transition: all 0.3s ease;
}

.foot-nav-wrap .col-md-4 {
  padding-left: 40px !important;
  padding-right: 0px !important;
}

.foot-nav li img {
  width: 36px;
  height: 36px;
}

.foot-comInf-wrap {
  padding-top: 14px;
  padding-bottom: 14px;
}

.foot-comInf-wrap * {
  color: rgba(255, 255, 255, 0.6);
}

.foot-comInf-wrap a:hover {
  color: #fff;
}

.foot-menu-panel svg {
  display: none;
}

@media screen and (max-width: 768px) {

  .foot-wrap .logo-tips,
  [class*="shrink-"] {
    margin-top: 16px;
  }

  .foot-wrap ul {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition:
      max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1),
      opacity 0.6s ease;
  }

  .foot-menu-wrap {
    flex-direction: column;
  }

  .foot-menu-panel svg {
    display: block;
  }

  .foot-nav-wrap .col-md-4 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .foot-menu-panel .arrow-icon {
    transition: transform 0.3s ease;
    transform: rotate(0deg);
  }

  .foot-menu-panel.active .arrow-icon {
    transform: rotate(180deg);
  }

  .foot-menu-panel.active ul {
    opacity: 1;
    max-height: 500px;
  }

}

.copyright-content * {
  font-size: 12px;
  color: #8b8585;
}

.copyright-content span {
  display: inline-block;
  margin-left: 10px;
  line-height: 1.5;
}

.copyright-content a:hover,
.copyright-content a:active,
.copyright-content a:hover *,
.copyright-content a:active * {
  color: #fff;
}

.copyright-content {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0px;
}

.copyright-content .copyright-icon_record {
  display: inline-block;
}

.copyright-content .copyright-icon_record a {
  position: relative;
  padding-left: 34px;
  color: #999999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.copyright-content .copyright-icon_record a:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 10px;
  z-index: 9;
  padding-top: 15px;
  background: url(../images/icon_record.png) no-repeat center;
}

.copyright-content .copyright-icon_record a span {
  margin-left: 0;
  margin-right: 6px;
}

@media screen and (max-width: 992px) {
  .copyright-content {
    display: inline-block;
  }
}

/*页面底部 end*/
/* 共通 start */
.contactUs-btn {
  background: url(../images/index/detail-bg.png) no-repeat center;
  width: fit-content;
  background-size: 100% 100%;
  color: #fff;
  font-size: 16px;
  padding: 14px 25px;
  cursor: pointer;
}

.contactUs-btn::after {
  content: '';
  width: 19px;
  height: 14px;
  display: inline-block;
  background: url(../images/deployment/right-arrow.png) no-repeat center;
  margin-left: 10px;
}

.contactUs-btn:hover {
  color: #fff;
  opacity: 0.8;
}

.sub-title {
  font-size: 24px;
  line-height: 36px;
  background: linear-gradient(90deg,
      #FFC000 0%,
      #A8E63A 40%,
      #00FF98 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-weight: bold;
}

.introduction-item {
  gap: 85px;
}

.introduction-item img {
  max-width: 100%;
  max-height: 100%;
  object-fit: scale-down;
}

.introduction-item img {
  max-width: 100%;
  max-height: 100%;
  object-fit: scale-down;
}

.introduction-item+.introduction-item {
  margin-top: 60px;
}

.introduction-item .img-wrapper {
  width: -webkit-fill-available;
}

.introduction-item .detail-list li+li {
  margin-top: 36px;
}

.product-section {
  background: url(../images/product-bg.png) no-repeat center / contain;
  background-size: 100% 100%;
  padding-top: 120px;
}

.product-section img {
  max-width: 100%;
  max-height: 100%;
  object-fit: scale-down;
}

@media screen and (max-width: 768px) {

  .introduction-item {
    flex-direction: column;
    gap: 40px;
  }

  .introduction-item+.introduction-item {
    margin-top: 40px;
  }

  .contactUs-btn {
    margin-top: 30px;
  }

  .sub-title {
    font-size: 22px;
  }
}

/* 共通 end */