:root {
  --nq-inner-blue: #176bff;
  --nq-inner-blue-deep: #0f3c84;
  --nq-inner-ink: #101828;
  --nq-inner-muted: #667085;
  --nq-inner-line: #e7eef6;
  --nq-inner-soft: #f5f8fc;
}

body {
  background: #fff;
  color: var(--nq-inner-ink);
}

body > header,
body > header .nq-navbar-glass {
  width: 100%;
}

.section {
  background: #fff;
}

.section-content {
  max-width: 1200px;
}

.server-banner,
.server-banner2,
.product-banner {
  min-height: 320px;
  height: auto !important;
  padding: 76px 0 !important;
  background: linear-gradient(135deg, #eef6ff 0%, #f8fbff 48%, #ffffff 100%) !important;
  color: var(--nq-inner-ink) !important;
}

.server-banner h1,
.server-banner2 h1,
.product-banner h1 {
  color: var(--nq-inner-ink) !important;
  font-size: 42px !important;
  line-height: 1.18 !important;
  font-weight: 850 !important;
}

.server-banner-desc,
.server-banner-desc2 {
  max-width: 680px !important;
  color: #344054 !important;
  font-size: 16px !important;
  line-height: 28px !important;
}

.btn,
.btn-normal,
.btn-orgin,
.product-btn,
.event-btn,
.search-btn,
.nq-inner-page a.btn {
  border-radius: 8px !important;
  border-color: var(--nq-inner-blue) !important;
  background: var(--nq-inner-blue) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.btn:hover,
.btn-normal:hover,
.btn-orgin:hover,
.product-btn:hover,
.event-btn:hover,
.search-btn:hover {
  background: var(--nq-inner-blue-deep) !important;
  border-color: var(--nq-inner-blue-deep) !important;
  color: #fff !important;
}

.product-hot,
.product-cloud,
.product-efficient,
.document-announce,
.document-nav,
.about-reason,
.about-example {
  background: var(--nq-inner-soft) !important;
}

.product-item,
.news-box,
.news-index,
.docement-list .document-box,
.about-details .about-details-item,
.about-reason .reason-box,
.about-box .box-list .box-item {
  border: 1px solid var(--nq-inner-line) !important;
  border-radius: 8px !important;
  box-shadow: 0 14px 34px rgba(34, 82, 130, .06) !important;
}

.product-item .product-item-top {
  background: linear-gradient(180deg, #f4f9ff 0%, #fff 100%) !important;
}

.product-active-text,
.product-text-item,
.news-box .news-list .news-item .news-number {
  background: #edf7ff !important;
  color: var(--nq-inner-blue) !important;
  border-color: #d8ecff !important;
}

.price,
.money,
.product-des .link-rule,
.more-pro,
.more-pro .link-rule,
.product-hot .hot-price .price,
.product-item:hover h4,
.docement-list .document-box a:hover,
.news-box .news-list .news-item a:hover,
.document-announce .announce-list .announce-item a:hover {
  color: var(--nq-inner-blue) !important;
}

.product-item .product-item-bottom .product-price-box .price-left .price,
.product-event .event-item:hover .event-name {
  color: var(--nq-inner-blue) !important;
}

.product-country .country-item.active,
.product-country .country-item:hover {
  color: var(--nq-inner-blue) !important;
  background: linear-gradient(180deg, #e8f3ff 0%, rgba(255, 255, 255, 0) 100%) !important;
}

.product-event .event-item {
  border-top-color: var(--nq-inner-blue) !important;
}

.news-box .news-box-head .news-title::before,
.layout-paragraph .layout-paragraph-s::before,
.document-details .document-view-item::before,
.page .guide-box .active::before {
  background: var(--nq-inner-blue) !important;
}

.input-search input {
  border-color: var(--nq-inner-line) !important;
}

.about h1,
.about-details h2,
.section-title h2 {
  color: var(--nq-inner-ink) !important;
}

.about-together .reason-box,
.about-time {
  background: linear-gradient(135deg, #10243f, var(--nq-inner-blue)) !important;
}

@media (max-width: 768px) {
  body {
    padding-top: 64px;
  }

  .server-banner,
  .server-banner2,
  .product-banner {
    padding: 48px 20px !important;
  }

  .server-banner h1,
  .server-banner2 h1,
  .product-banner h1 {
    font-size: 32px !important;
  }

  .product-item,
  .docement-list .document-box,
  .news-box,
  .bottom-news {
    width: 100% !important;
  }
}