:root {
  --header-height: 74px;
  --blue-deep: #09264b;
  --blue-mid: #1f5f95;
  --gold: #dec242;
  --text-main: #1c2733;
  --text-soft: #687482;
  color: var(--text-main);
  background: #ffffff;
  font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
}

* {
  box-sizing: border-box;
}

html {
  overflow-x: clip;
  overflow-y: visible;
  scroll-behavior: smooth;
}

body {
  min-width: 320px;
  margin: 0;
  overflow-x: clip;
  overflow-y: visible;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font: inherit;
}

a[href],
button,
summary,
label,
select,
input[type="button"],
input[type="checkbox"],
input[type="file"],
input[type="radio"],
input[type="range"],
input[type="reset"],
input[type="submit"],
[role="button"],
[tabindex]:not([tabindex="-1"]),
[data-home-contact-toggle],
[data-history-year],
.about-honor-tab[data-honor-category],
[data-office-index],
[data-job-index],
[data-apply-open],
.swiper,
.swiper-wrapper,
.swiper-slide,
.swiper-button-prev,
.swiper-button-next,
.swiper-pagination-clickable .swiper-pagination-bullet,
.insun-carousel__dot {
  cursor: pointer;
}

button:disabled,
input:disabled,
select:disabled,
[aria-disabled="true"],
.swiper-lock,
.swiper-lock .swiper-wrapper,
.swiper-lock .swiper-slide,
.swiper.is-static-carousel,
.swiper.is-static-carousel .swiper-wrapper,
.swiper.is-static-carousel .swiper-slide,
.swiper-button-disabled,
.swiper-button-lock {
  cursor: default;
}

img {
  display: block;
  max-width: 100%;
}

@media (max-width: 767px) {
  :root {
    --header-height: 48px;
    --mobile-page-x: 20px;
    --mobile-content-width: min(352px, calc(100vw - 40px));
    --mobile-section-height: 720px;
  }
}