/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
@layer properties;
@font-face {
  font-family: 'dincond';
  src: url('../font/dincond-black.woff') format('woff'), url('../font/dincond-black.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
html {
  --tw-leading: 1;
  line-height: 1;
}
body {
  overflow-x: hidden;
  background-color: var(--color-white, #fff);
  color: #333333;
  font-family: "Microsoft YaHei", Arial, helvetica, sans-serif;
}
.dincond {
  font-family: 'dincond';
}
.container {
  margin-inline: auto;
  padding-inline: calc(var(--spacing, 0.25rem) * 3);
}
::-webkit-scrollbar {
  width: 9px;
  background-color: #f4f6f8;
}
::-webkit-scrollbar-thumb {
  width: 5px;
  border-radius: 4px;
  border-style: var(--tw-border-style);
  border-width: 2px;
  --tw-border-style: solid;
  border-style: solid;
  border-color: #f4f6f8;
  background-color: var(--color-primary-500, #0e66cc);
}
::-webkit-scrollbar-corner {
  background-color: var(--color-white, #fff);
}
::-webkit-scrollbar:horizontal {
  height: 9px;
}
::-webkit-selection, ::-moz-selection, ::selection {
  background-color: var(--color-primary-500, #0e66cc);
  color: var(--color-white, #fff);
}
.scrolling {
  overflow-x: scroll;
  overflow-y: hidden;
}
.scrolling>li {
  display: inline-block;
}
.scrolling::-webkit-scrollbar {
  display: none;
}
a, .swiper-button-prev, .swiper-button-next, botton {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
a {
  &:link {
    color: #444444;
    text-decoration-line: none;
  }
  &:visited {
    color: #444444;
    text-decoration-line: none;
  }
  &:hover {
    color: var(--color-secondary, #d9251b);
    text-decoration-line: none;
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
}
.empty {
  grid-column: 1 / -1;
  display: flex;
  min-height: 200px;
  width: 100%;
  align-items: center;
  justify-content: center;
  img {
    height: 160px;
    width: 160px;
  }
}
.empty_small {
  display: flex;
  min-height: 200px;
  width: 100%;
  align-items: center;
  justify-content: center;
  img {
    height: 100px;
    width: 100px;
  }
}
.imgbox {
  position: relative;
  overflow: hidden;
}
.imgbox:after {
  display: block;
  height: 100%;
  width: 100%;
  --tw-content: '';
  content: var(--tw-content);
}
.imgbox img, .imgbox video, .imgbox div.contbox {
  position: absolute;
  top: calc(1/2 * 100%);
  left: calc(1/2 * 100%);
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
}
.imgbox video {
  margin-inline: auto;
}
.imgbox_3_1:after {
  margin-top: 33.33%;
}
.imgbox_5_2:after {
  margin-top: 40%;
}
.imgbox_2_1:after {
  margin-top: 50%;
}
.imgbox_16_9:after {
  margin-top: 56.25%;
}
.imgbox_5_3:after {
  margin-top: 60%;
}
.imgbox_3_2:after {
  margin-top: 66.66%;
}
.imgbox_4_3:after {
  margin-top: 75%;
}
.imgbox_1_1:after {
  margin-top: 100%;
}
.imgbox_3_4:after {
  margin-top: 133.33%;
}
.imgbox_400_330:after {
  margin-top: 82.5%;
}
.imgbox_1920_738:after {
  margin-top: 38.4375%;
}
section {
  padding-block: calc(var(--spacing, 0.25rem) * 10);
  @media (width >= 40rem) {
    padding-block: calc(var(--spacing, 0.25rem) * 12);
  }
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing, 0.25rem) * 14);
  }
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing, 0.25rem) * 16);
  }
  @media (width >= 80rem) {
    padding-block: calc(var(--spacing, 0.25rem) * 18);
  }
  @media (width >= 96rem) {
    padding-block: calc(var(--spacing, 0.25rem) * 20);
  }
}
.hover_line {
  position: relative;
  &::after {
    position: absolute;
    bottom: -1px;
    left: calc(var(--spacing, 0.25rem) * 0);
    height: 2px;
    width: 100%;
    transform-origin: 0;
    --tw-scale-x: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    background-color: var(--color-primary-500, #0e66cc);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 500ms;
    transition-duration: 500ms;
    --tw-content: '';
    content: var(--tw-content);
  }
  &:hover::after {
    transform-origin: 0;
    --tw-scale-x: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}
.hover_line_center {
  position: relative;
  &::after {
    position: absolute;
    bottom: -2px;
    left: calc(1/2 * 100%);
    height: calc(var(--spacing, 0.25rem) * 1);
    width: calc(var(--spacing, 0.25rem) * 0);
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background-color: var(--color-primary-500, #0e66cc);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 500ms;
    transition-duration: 500ms;
    --tw-content: '';
    content: var(--tw-content);
  }
  &:hover::after {
    width: 100%;
  }
}
.hover_line_white {
  &::after {
    background-color: var(--color-white, #fff);
  }
}
.hover_play {
  i {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  &:hover i {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    rotate: 360deg;
  }
  .play_btn {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  &:hover .play_btn {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    rotate: 360deg;
  }
}
.hover_brightness {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  &:hover {
    --tw-brightness: brightness(120%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
}
.hover_brightness-lg {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  &:hover {
    --tw-brightness: brightness(200%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
}
.brightness-lg {
  &:hover {
    img {
      --tw-brightness: brightness(1000%);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
  }
}
.ImgScale {
  img {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  &:hover {
    img {
      transform-origin: center;
      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.IScale {
  i, img {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 1000ms;
    transition-duration: 1000ms;
  }
  &:hover {
    i {
      --tw-translate-x: calc(var(--spacing, 0.25rem) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.lineT_3 {
  border-left-style: var(--tw-border-style);
  border-left-width: 3px;
  border-left-color: var(--color-primary-500, #0e66cc);
  padding-left: 0.625rem;
}
.lineT_5 {
  border-left-style: var(--tw-border-style);
  border-left-width: 5px;
  border-left-color: var(--color-primary-500, #0e66cc);
  padding-left: 1.25rem;
}
.diamond {
  position: relative;
  margin-inline: auto;
  height: 60px;
  width: 60px;
  &::after {
    position: absolute;
    z-index: 0;
    display: block;
    height: 60px;
    width: 60px;
    rotate: 45deg;
    border-style: var(--tw-border-style);
    border-width: 3px;
    border-color: var(--color-primary-500, #0e66cc);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    --tw-content: '';
    content: var(--tw-content);
  }
  &:hover {
    &::after {
      rotate: 0deg;
      border-color: var(--color-secondary, #d9251b);
      background-color: var(--color-secondary, #d9251b);
    }
    i {
      color: var(--color-white, #fff);
    }
  }
  i {
    color: var(--color-primary-700, #04396f);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
}
.tixing {
  &::after {
    position: absolute;
    top: calc(var(--spacing, 0.25rem) * 0);
    left: -24%;
    z-index: 0;
    display: block;
    height: 100%;
    width: 120%;
    --tw-skew-x: skewX(30deg);
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    background-color: rgba(53,152,166,0.95);
    --tw-content: '';
    content: var(--tw-content);
  }
}
.hr-space-square {
  display: flex;
  justify-content: space-between;
  border-style: var(--tw-border-style);
  border-width: 0px;
  color: #d0d0d5;
  background: linear-gradient(#efefef, #efefef) no-repeat center;
  background-size: calc(100% - 1rem - 0.375rem) 1px;
  &::before, &::after {
    margin: 0.1875rem;
    box-sizing: border-box;
    display: block;
    height: 0.5rem;
    width: 0.5rem;
    rotate: 45deg;
    background-color: #efefef;
    --tw-content: '';
    content: var(--tw-content);
  }
}
.mainInfo {
  img {
    display: inline-block;
  }
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-leading: 2;
  line-height: 2;
  color: var(--color-gray-500, oklch(55.1% 0.027 264.364));
  h2 {
    position: relative;
    margin-bottom: calc(var(--spacing, 0.25rem) * 8);
    padding-left: calc(var(--spacing, 0.25rem) * 10);
    font-size: var(--text-lg, 1.125rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    color: var(--color-gray-400, oklch(70.7% 0.022 261.325));
    &:nth-child(n+2) {
      margin-top: calc(var(--spacing, 0.25rem) * 12);
    }
    &::before {
      position: absolute;
      top: calc(1/2 * 100%);
      left: calc(var(--spacing, 0.25rem) * 0);
      z-index: 10;
      display: block;
      height: calc(var(--spacing, 0.25rem) * 3);
      width: calc(var(--spacing, 0.25rem) * 3);
      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      border-radius: calc(infinity * 1px);
      background-color: var(--color-primary-500, #0e66cc);
      --tw-content: '';
      content: var(--tw-content);
    }
    &::after {
      position: absolute;
      top: calc(1/2 * 100%);
      left: calc(var(--spacing, 0.25rem) * 2);
      z-index: 20;
      display: block;
      height: calc(var(--spacing, 0.25rem) * 3);
      width: calc(var(--spacing, 0.25rem) * 3);
      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      border-radius: calc(infinity * 1px);
      background-attachment: scroll;
      --tw-content: '';
      content: var(--tw-content);
    }
  }
}
.table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table {
  width: 100%;
  text-align: left;
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  border-collapse: collapse;
  background-color: transparent;
}
.table caption {
  padding-inline: calc(var(--spacing, 0.25rem) * 3);
  padding-block: calc(var(--spacing, 0.25rem) * 2);
  color: var(--color-gray-500, oklch(55.1% 0.027 264.364));
}
.table thead th {
  background-color: var(--color-gray-50, oklch(98.5% 0.002 247.839));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-gray-900, oklch(21% 0.034 264.665));
}
.table > :not(caption) > * > * {
  padding: calc(var(--spacing, 0.25rem) * 3);
  vertical-align: middle;
  border-bottom: 1px solid rgba(0,0,0,0.08);
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-gray-50, oklch(98.5% 0.002 247.839));
}
.table-hover tbody tr {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.table-hover tbody tr:hover {
  background-color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
}
.table-bordered {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-200, oklch(92.8% 0.006 264.531));
}
.table-bordered > :not(caption) > * {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-gray-200, oklch(92.8% 0.006 264.531));
}
.table-bordered > :not(caption) > * > * {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-200, oklch(92.8% 0.006 264.531));
}
table {
  width: auto;
  min-width: 100%;
  table-layout: fixed;
  tr, td, th {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-300, oklch(87.2% 0.01 258.338));
  }
  th {
    background-color: var(--color-gray-300, oklch(87.2% 0.01 258.338));
  }
  tbody {
    tr {
      &:hover {
        background-color: var(--color-gray-100, oklch(96.7% 0.003 264.542));
      }
    }
  }
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-leading: initial;
      --tw-border-style: solid;
      --tw-duration: initial;
      --tw-content: "";
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-font-weight: initial;
    }
  }
}