@charset "utf-8";

html {
  margin: 0;
  padding: 0;
  overflow-y: scroll;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  color: #334155;
  background: #e8eff2;
  font: 15px/1.8 "Microsoft YaHei", "PingFang SC", "Noto Sans SC", Arial, sans-serif;
}

a {
  color: #1f5f8b;
}

img {
  max-width: 100%;
  height: auto;
}

.main {
  min-width: 0;
}

.block_header,
.top_bg_resize {
  width: 986px;
  margin-left: auto;
  margin-right: auto;
}

.header_text,
.header_text2,
.body_resize,
.FBG_resize {
  width: 984px;
  margin-left: auto;
  margin-right: auto;
}

.footer_resize {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.block_header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: 72px;
}

.menu {
  float: none;
  width: auto;
  height: auto;
  padding: 18px 0 12px;
}

.menu ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  height: auto;
}

.menu ul li {
  float: none;
  height: auto;
  padding: 0;
}

.menu ul li a,
.menu ul li a:hover,
.menu ul li a.active,
.menu ul li a span,
.menu ul li a:hover span,
.menu ul li a.active span {
  display: block;
  background: none;
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.menu ul li a {
  padding: 8px 12px;
  border-radius: 8px;
  color: #456b79;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.menu ul li a span {
  padding: 0;
}

.menu ul li a:hover,
.menu ul li a.active {
  background: #d8e5ea;
  color: #264653;
}

.header_text2 {
  height: 72px;
  padding-top: 29px;
}

.header_text2 h2 {
  font-size: 28px;
}

.body_resize p,
.FBG p,
.header_text p,
.left li,
.body_resize a,
.footer a,
.footer p {
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", Arial, sans-serif;
}

.footer a,
.footer p {
  font-size: 15px;
}

.body_resize p,
.FBG p,
.header_text p,
.left li {
  font-size: 15px;
  line-height: 1.85;
}

.body_resize h2,
.body_resize h3,
.header_text .div .left1 h2,
.header_text2 h2 {
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", Arial, sans-serif;
}

.body_resize h2 {
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 100% 100%;
  padding-top: 8px;
  padding-left: 36px;
  padding-right: 8px;
  padding-bottom: 8px;
}

.body_resize .left h2,
.body_resize .right h2 {
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 36px;
}

.products-page .Recent,
.products-page .Recent2 {
  float: none;
  width: 100%;
  height: auto;
  margin: 0 0 16px;
  padding: 16px;
  border: 1px solid #d8e5ea;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 8px 18px rgba(148, 163, 184, 0.12);
  box-sizing: border-box;
}

.products-page .FBG_resize {
  padding: 16px;
  box-sizing: border-box;
  background: #e1ecef;
}

.buy-page .body_resize,
.contact-page .body_resize,
.downloads-page .body_resize {
  padding-left: 0;
  padding-right: 0;
}

.contact-page .body {
  padding-top: 8px;
}

.contact-page .body_resize {
  border: none;
  background: transparent;
}

.contact-page .contact-layout {
  display: flex;
  align-items: stretch;
  gap: 24px;
}

.contact-page .contact-main-column {
  flex: 1 1 0;
  min-width: 0;
}

.contact-page .contact-main-column > .body_resize {
  width: auto;
  margin-left: 0;
  margin-right: 0;
}

.contact-page .contact-side-column {
  flex: 0 0 340px;
  display: flex;
}

.contact-page .contact-intro-block,
.contact-page .contact-methods-wrap,
.contact-page .contact-info-wrap {
  border: 1px solid #B0DAE5;
  background: #ffffff;
}

.buy-page .left,
.contact-page .left,
.downloads-page .left {
  float: none;
  width: auto;
  padding-left: 16px;
  padding-right: 16px;
}

.buy-page .body_resize > table,
.buy-page .body_resize > table > tbody,
.buy-page .body_resize > table > tbody > tr {
  display: block;
  width: 100%;
}

.buy-page .body_resize > table > tbody > tr > td {
  display: block;
  width: auto !important;
}

.contact-page .contact-methods-wrap,
.contact-page .contact-info-wrap {
  margin-top: 24px;
}

.contact-page .contact-layout .contact-info-wrap {
  margin-top: 0;
  display: flex;
  width: 100%;
}

.buy-page .body_resize > table > tbody > tr > td:nth-child(2) {
  display: none;
}

.buy-page .right {
  float: none;
  width: auto;
  padding: 16px;
  border-top: 1px solid #d8e5ea;
}

.contact-page .right {
  float: none;
  width: auto;
  padding: 0;
  border-top: none;
  background: transparent;
}

.contact-page .contact-intro-section,
.contact-page .contact-methods-block,
.contact-page .contact-info-block {
  margin-bottom: 12px;
}

.contact-page .contact-intro-section,
.contact-page .contact-methods-block,
.contact-page .contact-info-block,
.contact-page .contact-intro-section p,
.contact-page .contact-methods-block p,
.contact-page .contact-info-block p {
  line-height: 1.7;
}

.contact-page .contact-intro-section,
.contact-page .contact-methods-block,
.contact-page .contact-info-block {
  padding: 18px 20px;
  background: transparent;
}

.contact-page .contact-intro-section,
.contact-page .contact-methods-block,
.contact-page .contact-info-block {
  padding: 16px 18px;
}

.contact-page .contact-methods-list {
  margin: 0;
  padding-left: 20px;
}

.contact-page .contact-methods-list li {
  margin-bottom: 10px;
}

.contact-page .contact-methods-signoff {
  margin-bottom: 0;
}

.contact-page .contact-info-block {
  margin-top: 0;
  min-height: 100%;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .contact-page .contact-layout {
    display: block;
  }

  .contact-page .contact-side-column {
    width: auto;
    display: block;
  }

  .contact-page .contact-layout .contact-info-wrap {
    margin-top: 24px;
    display: block;
  }

}

.downloads-page .left {
  padding-right: 16px;
}

.buy-page .left,
.buy-page .left table,
.buy-page .left td,
.buy-page .left div,
.buy-page .left p,
.buy-page .left a,
.buy-page .left font,
.buy-page .left .STYLE6,
.buy-page .left .STYLE10,
.buy-page .left .STYLE11 {
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", Arial, sans-serif;
}

.buy-page .left .STYLE6,
.buy-page .left .STYLE10,
.buy-page .left .STYLE11 {
  font-size: inherit;
  line-height: 1.75;
}

.buy-page .left td,
.buy-page .left td p,
.buy-page .left .STYLE6,
.buy-page .left .STYLE11 {
  color: #334155;
}

.buy-page .left > table:first-of-type {
  table-layout: auto;
}

.buy-page .left > h2 {
  margin-bottom: 16px;
}

.buy-page .left > table {
  margin-bottom: 24px;
}

.buy-page .buy-section-gap td {
  height: 18px;
  padding: 0;
  font-size: 0;
  line-height: 0;
}

.buy-page .left > table:first-of-type td:nth-child(1) {
  width: 240px !important;
  white-space: nowrap;
}

.buy-page .left > table:first-of-type td:nth-child(2) {
  width: 160px !important;
  white-space: normal;
}

.buy-page .left > table:first-of-type td:nth-child(3) {
  white-space: normal;
}

.products-page .Recent,
.products-page .Recent2,
.buy-page .body_resize table,
.downloads-page .body_resize table {
  width: 100%;
}

.products-page .Recent table,
.products-page .Recent2 table {
  clear: both;
  float: none;
  width: 100%;
  margin-top: 8px;
  margin-left: 0;
  margin-right: 0;
}

.products-page .Recent td,
.products-page .Recent2 td,
.products-page .Recent div table td {
  text-align: right;
  vertical-align: top;
}

.products-page .Recent td a,
.products-page .Recent2 td a,
.products-page .Recent div table td a {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.8;
}

.legacy-article-page .body_resize {
  padding-top: 20px;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}

.legacy-article-page .body_resize > table {
  width: 100%;
}

.legacy-article-page .integnps-hero-image,
.legacy-article-page .integnps-machines-image {
  display: inline !important;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0;
}

.legacy-article-page .integnps-hero-image {
  max-width: 550px;
}

.legacy-article-page .integnps-machines-image {
  max-width: 353px;
}

.legacy-detail-page .body_resize {
  padding-left: 0;
  padding-right: 0;
}

.legacy-detail-page .left,
.legacy-detail-page .right {
  float: none;
  width: auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}

.legacy-article-page .STYLE1,
.legacy-article-page .STYLE2,
.legacy-detail-page .STYLE1,
.legacy-detail-page .STYLE2 {
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", Arial, sans-serif;
  font-size: inherit;
  line-height: inherit;
}

.en-index-page .download-note {
  color: #6b7280;
}

.accent-red {
  color: #c2410c;
}

.accent-blue {
  color: #1d4ed8;
}

.index-page .header_text .div .left1 h2 {
  font-size: 21px;
  line-height: 1.3;
  padding-top: 6px;
  padding-bottom: 8px;
}

.index-page .header_text .div {
  width: 952px;
}

.index-page .header_text p,
.index-page .header_text .div .left1 p.uli {
  font-size: 12px;
  line-height: 1.65;
}

.index-page .header_text p {
  padding-right: 24px;
  padding-bottom: 12px;
}

.index-page .header_text .div .left1 p.uli {
  padding-top: 1px;
  padding-bottom: 1px;
}

.index-page .body_resize {
  padding-left: 0;
  padding-right: 0;
}

.en-index-page .body_resize {
  padding-left: 0;
  padding-right: 0;
}

.en-index-page .block_header,
.en-index-page .header_text2,
.en-index-page .body_resize,
.en-index-page .footer_resize {
  position: static;
  left: auto;
}

.en-index-page .body_resize > div {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 20px 16px 0;
  box-sizing: border-box;
}

.en-index-page blockquote {
  margin: 0;
}

.en-index-page .intro-media-table {
  table-layout: fixed;
}

.en-index-page .intro-media-cell {
  width: 178px;
  padding-left: 12px;
  padding-right: 12px;
  text-align: right;
  vertical-align: top;
}

.en-index-page .intro-media-image {
  display: block;
  width: 166px;
  max-width: 100%;
  height: auto;
  margin: 0 0 0 auto;
}

.en-index-page .body_resize h2 {
  font-size: 14px;
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 36px;
}

.en-index-page .STYLE1,
.en-index-page .STYLE2 {
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: inherit;
  line-height: inherit;
}

.en-index-page blockquote p,
.en-index-page blockquote li,
.en-index-page blockquote td,
.en-index-page blockquote th,
.en-index-page .STYLE1,
.en-index-page .STYLE2 {
  font-size: 16px;
  line-height: 1.85;
}

.en-doc-page {
  color: #334155;
  background: #e8eff2;
  font: 14px/1.75 "Segoe UI", Arial, sans-serif;
}

.en-doc-page .en-doc-wrap {
  width: 984px;
  margin: 28px auto 0;
  padding: 28px 20px 32px;
  box-sizing: border-box;
  background: #ffffff;
}

.en-doc-page p,
.en-doc-page li,
.en-doc-page td,
.en-doc-page th {
  color: #334155;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.75;
}

.en-doc-page table {
  max-width: 100%;
}

.en-index-page table[border="1"],
.en-doc-page table[border="1"] {
  display: block;
  width: 100% !important;
  max-width: 100%;
  overflow-x: auto;
}

.en-index-page table[border="1"] td,
.en-index-page table[border="1"] th,
.en-doc-page table[border="1"] td,
.en-doc-page table[border="1"] th {
  white-space: normal;
}

.en-index-page .footer,
.en-doc-page .en-doc-footer {
  margin-top: 18px;
}

.en-index-page .footer p.leftt {
  text-align: center;
}

.en-doc-page .footer p.leftt {
  text-align: left;
}

.index-page .body_resize .left {
  float: none;
  width: auto;
  padding-left: 16px;
  padding-right: 16px;
}

.index-page .body_resize .left p {
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
}

.index-page .body_resize .left table {
  max-width: 952px;
  margin-left: auto;
  margin-right: auto;
}

.downloads-page .left {
  width: auto;
  float: none;
  padding-left: 16px;
  padding-right: 16px;
}

.footer {
  height: auto;
  background: #b1dce8;
}

.footer_resize {
  padding: 12px 0 18px;
}

.footer p.leftt {
  float: none;
  width: auto;
  padding: 0 12px;
  line-height: 1.9;
  text-align: center;
}

.footer p.rightt {
  display: none;
}

.footer .sep {
  color: #94a3b8;
  padding: 0 2px;
}

.footer .copyright {
  display: inline-block;
  margin-left: 8px;
  color: #64748b;
}

.footer .compliance {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 0;
  text-align: center;
}

.footer .compliance a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 8px;
  line-height: 1.4;
  vertical-align: middle;
}

.footer .compliance img {
  display: block;
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
}

@media (max-width: 1024px) {
  .block_header,
  .top_bg_resize {
    width: calc(100% - 32px);
    max-width: 986px;
  }

  .header_text,
  .header_text2,
  .body_resize,
  .FBG_resize {
    width: calc(100% - 32px);
    max-width: 984px;
  }

  .footer_resize {
    width: calc(100% - 32px);
    max-width: 960px;
  }

  .en-doc-page .en-doc-wrap {
    width: calc(100% - 32px);
    max-width: 984px;
  }

  .header_text {
    height: auto;
    padding-bottom: 20px;
  }

  .header_text .div,
  .body_resize,
  .FBG_resize {
    width: 100%;
  }

  .header_text img.screen,
  .header_text .div .left1,
  .left,
  .right,
  .blog {
    float: none;
    width: auto;
  }
}

@media (max-width: 720px) {
  body {
    font-size: 13px;
  }

  .block_header,
  .header_text,
  .header_text2,
  .body_resize,
  .FBG_resize,
  .footer_resize {
    max-width: calc(100% - 20px);
    width: calc(100% - 20px);
  }

  .top_bg_resize {
    max-width: calc(100% - 20px);
    width: calc(100% - 20px);
  }

  .en-doc-page .en-doc-wrap {
    width: calc(100% - 20px);
    max-width: calc(100% - 20px);
    margin-top: 16px;
    padding: 20px 14px 24px;
  }

  .menu {
    padding-top: 12px;
  }

  .menu ul {
    justify-content: flex-start;
  }

  .menu ul li a {
    padding: 7px 10px;
    font-size: 13px;
  }

  .header_text2 {
    height: 56px;
    padding-top: 18px;
  }

  .header_text2 h2 {
    font-size: 22px;
    padding-left: 16px;
  }

  .left,
  .right {
    padding-left: 12px;
    padding-right: 12px;
  }

  .Recent,
  .Recent2 {
    float: none;
    width: auto;
    height: auto;
  }

  .footer p.leftt {
    padding-left: 8px;
    padding-right: 8px;
  }
}