@media (max-width: 768px) {
  .hidden-mobile {
    display: none !important;
  }
}

@media (min-width: 769px) {
  .hidden-desktop {
    display: none !important;
  }
}
img {
  max-width: 100%;
}
.hidden {
  display: none !important;
}
:root {
  --text-color: #333;
  --text-color-2: #666;
}

:root {
  --swiper-theme-color: #0d43d7;
  --ant-blue: #0d43d7;
  --ant-purple: #722ed1;
  --ant-cyan: #13c2c2;
  --ant-green: #52c41a;
  --ant-magenta: #eb2f96;
  --ant-pink: #eb2f96;
  --ant-red: #f5222d;
  --ant-orange: #ff7700;
  --ant-yellow: #fadb14;
  --ant-volcano: #fa541c;
  --ant-geekblue: #2f54eb;
  --ant-gold: #faad14;
  --ant-lime: #a0d911;
  --ant-color-primary: #0d43d7;
  --ant-color-success: #52c41a;
  --ant-color-warning: #faad14;
  --ant-color-error: #ff4d4f;
  --ant-color-info: #0d43d7;
  --ant-color-link: #0d43d7;
  --ant-color-text-base: #000;
  --ant-color-bg-base: #fff;
  --ant-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --ant-font-family-code: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier,
    monospace;
  --ant-font-size: 14px;
  --ant-line-width: 1px;
  --ant-line-type: solid;
  --ant-motion-ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);
  --ant-motion-ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  --ant-motion-ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ant-motion-ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ant-motion-ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
  --ant-motion-ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6);
  --ant-motion-ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --ant-motion-ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  --ant-border-radius: 6px;
  --ant-size-popup-arrow: 16px;
  --ant-control-height: 32px;
  --ant-z-index-base: 0;
  --ant-z-index-popup-base: 1000;
  --ant-opacity-image: 1px;
  --ant-blue-1: #e6f4ff;
  --ant-blue-2: #bae0ff;
  --ant-blue-3: #91caff;
  --ant-blue-4: #69b1ff;
  --ant-blue-5: rgba(13, 67, 215, 0.5);
  --ant-blue-6: #0d43d7;
  --ant-blue-7: #0958d9;
  --ant-blue-8: rgba(13, 67, 215, 0.8);
  --ant-blue-9: #002c8c;
  --ant-blue-10: #001d66;
  --ant-purple-1: #f9f0ff;
  --ant-purple-2: #efdbff;
  --ant-purple-3: #d3adf7;
  --ant-purple-4: #b37feb;
  --ant-purple-5: #9254de;
  --ant-purple-6: #722ed1;
  --ant-purple-7: #531dab;
  --ant-purple-8: #391085;
  --ant-purple-9: #22075e;
  --ant-purple-10: #120338;
  --ant-cyan-1: #e6fffb;
  --ant-cyan-2: #b5f5ec;
  --ant-cyan-3: #87e8de;
  --ant-cyan-4: #5cdbd3;
  --ant-cyan-5: #36cfc9;
  --ant-cyan-6: #13c2c2;
  --ant-cyan-7: #08979c;
  --ant-cyan-8: #006d75;
  --ant-cyan-9: #00474f;
  --ant-cyan-10: #002329;
  --ant-green-1: #f6ffed;
  --ant-green-2: #d9f7be;
  --ant-green-3: #b7eb8f;
  --ant-green-4: #95de64;
  --ant-green-5: #73d13d;
  --ant-green-6: #52c41a;
  --ant-green-7: #389e0d;
  --ant-green-8: #237804;
  --ant-green-9: #135200;
  --ant-green-10: #092b00;
  --ant-magenta-1: #fff0f6;
  --ant-magenta-2: #ffd6e7;
  --ant-magenta-3: #ffadd2;
  --ant-magenta-4: #ff85c0;
  --ant-magenta-5: #f759ab;
  --ant-magenta-6: #eb2f96;
  --ant-magenta-7: #c41d7f;
  --ant-magenta-8: #9e1068;
  --ant-magenta-9: #780650;
  --ant-magenta-10: #520339;
  --ant-pink-1: #fff0f6;
  --ant-pink-2: #ffd6e7;
  --ant-pink-3: #ffadd2;
  --ant-pink-4: #ff85c0;
  --ant-pink-5: #f759ab;
  --ant-pink-6: #eb2f96;
  --ant-pink-7: #c41d7f;
  --ant-pink-8: #9e1068;
  --ant-pink-9: #780650;
  --ant-pink-10: #520339;
  --ant-red-1: #fff1f0;
  --ant-red-2: #ffccc7;
  --ant-red-3: #ffa39e;
  --ant-red-4: #ff7875;
  --ant-red-5: #ff4d4f;
  --ant-red-6: #f5222d;
  --ant-red-7: #cf1322;
  --ant-red-8: #a8071a;
  --ant-red-9: #820014;
  --ant-red-10: #5c0011;
  --ant-orange-1: #fff7e6;
  --ant-orange-2: #ffe7ba;
  --ant-orange-3: #ffd591;
  --ant-orange-4: #ffc069;
  --ant-orange-5: #ffa940;
  --ant-orange-6: #ff7700;
  --ant-orange-7: #d46b08;
  --ant-orange-8: rgba(255, 169, 64, 0.8);
  --ant-orange-9: rgba(255, 169, 64, 0.9);
  --ant-orange-10: #612500;
  --ant-yellow-1: #feffe6;
  --ant-yellow-2: #ffffb8;
  --ant-yellow-3: #fffb8f;
  --ant-yellow-4: #fff566;
  --ant-yellow-5: #ffec3d;
  --ant-yellow-6: #fadb14;
  --ant-yellow-7: #d4b106;
  --ant-yellow-8: #ad8b00;
  --ant-yellow-9: #876800;
  --ant-yellow-10: #614700;
  --ant-volcano-1: #fff2e8;
  --ant-volcano-2: #ffd8bf;
  --ant-volcano-3: #ffbb96;
  --ant-volcano-4: #ff9c6e;
  --ant-volcano-5: #ff7a45;
  --ant-volcano-6: #fa541c;
  --ant-volcano-7: #d4380d;
  --ant-volcano-8: #ad2102;
  --ant-volcano-9: #871400;
  --ant-volcano-10: #610b00;
  --ant-geekblue-1: #f0f5ff;
  --ant-geekblue-2: #d6e4ff;
  --ant-geekblue-3: #adc6ff;
  --ant-geekblue-4: #85a5ff;
  --ant-geekblue-5: #597ef7;
  --ant-geekblue-6: #2f54eb;
  --ant-geekblue-7: #1d39c4;
  --ant-geekblue-8: #10239e;
  --ant-geekblue-9: #061178;
  --ant-geekblue-10: #030852;
  --ant-gold-1: #fffbe6;
  --ant-gold-2: #fff1b8;
  --ant-gold-3: #ffe58f;
  --ant-gold-4: #ffd666;
  --ant-gold-5: #ffc53d;
  --ant-gold-6: #faad14;
  --ant-gold-7: #d48806;
  --ant-gold-8: #ad6800;
  --ant-gold-9: #874d00;
  --ant-gold-10: #613400;
  --ant-lime-1: #fcffe6;
  --ant-lime-2: #f4ffb8;
  --ant-lime-3: #eaff8f;
  --ant-lime-4: #d3f261;
  --ant-lime-5: #bae637;
  --ant-lime-6: #a0d911;
  --ant-lime-7: #7cb305;
  --ant-lime-8: #5b8c00;
  --ant-lime-9: #3f6600;
  --ant-lime-10: #254000;
  --ant-color-text: rgba(0, 0, 0, 0.88);
  --ant-color-text-secondary: rgba(0, 0, 0, 0.65);
  --ant-color-text-tertiary: rgba(0, 0, 0, 0.45);
  --ant-color-text-quaternary: rgba(0, 0, 0, 0.25);
  --ant-color-fill: rgba(0, 0, 0, 0.15);
  --ant-color-fill-secondary: rgba(0, 0, 0, 0.06);
  --ant-color-fill-tertiary: rgba(0, 0, 0, 0.04);
  --ant-color-fill-quaternary: rgba(0, 0, 0, 0.02);
  --ant-color-bg-layout: #f5f5f5;
  --ant-color-bg-container: #ffffff;
  --ant-color-bg-elevated: #ffffff;
  --ant-color-bg-spotlight: rgba(0, 0, 0, 0.85);
  --ant-color-bg-blur: transparent;
  --ant-color-border: #d9d9d9;
  --ant-color-border-secondary: #f0f0f0;
  --ant-color-primary-bg: #e6f4ff;
  --ant-color-primary-bg-hover: #bae0ff;
  --ant-color-primary-border: #91caff;
  --ant-color-primary-border-hover: #69b1ff;
  --ant-color-primary-hover: #4096ff;
  --ant-color-primary-active: #0958d9;
  --ant-color-primary-text-hover: #4096ff;
  --ant-color-primary-text: #0d43d7;
  --ant-color-primary-text-active: #0958d9;
  --ant-color-success-bg: #f6ffed;
  --ant-color-success-bg-hover: #d9f7be;
  --ant-color-success-border: #b7eb8f;
  --ant-color-success-border-hover: #95de64;
  --ant-color-success-hover: #95de64;
  --ant-color-success-active: #389e0d;
  --ant-color-success-text-hover: #73d13d;
  --ant-color-success-text: #52c41a;
  --ant-color-success-text-active: #389e0d;
  --ant-color-error-bg: #fff2f0;
  --ant-color-error-bg-hover: #fff1f0;
  --ant-color-error-border: #ffccc7;
  --ant-color-error-border-hover: #ffa39e;
  --ant-color-error-hover: #ff7875;
  --ant-color-error-active: #d9363e;
  --ant-color-error-text-hover: #ff7875;
  --ant-color-error-text: #ff4d4f;
  --ant-color-error-text-active: #d9363e;
  --ant-color-warning-bg: #fffbe6;
  --ant-color-warning-bg-hover: #fff1b8;
  --ant-color-warning-border: #ffe58f;
  --ant-color-warning-border-hover: #ffd666;
  --ant-color-warning-hover: #ffd666;
  --ant-color-warning-active: #d48806;
  --ant-color-warning-text-hover: #ffc53d;
  --ant-color-warning-text: #faad14;
  --ant-color-warning-text-active: #d48806;
  --ant-color-info-bg: #e6f4ff;
  --ant-color-info-bg-hover: #bae0ff;
  --ant-color-info-border: #91caff;
  --ant-color-info-border-hover: #69b1ff;
  --ant-color-info-hover: #69b1ff;
  --ant-color-info-active: #0958d9;
  --ant-color-info-text-hover: #4096ff;
  --ant-color-info-text: #0d43d7;
  --ant-color-info-text-active: #0958d9;
  --ant-color-link-hover: #69b1ff;
  --ant-color-link-active: #0958d9;
  --ant-color-bg-mask: rgba(0, 0, 0, 0.45);
  --ant-color-white: #fff;
  --ant-font-size-sm: 12px;
  --ant-font-size-lg: 16px;
  --ant-font-size-xl: 20px;
  --ant-font-size-heading-1: 36px;
  /* --ant-font-size-heading-2: 30px; */
  --ant-font-size-heading-2: 28px;
  --ant-font-size-heading-3: 24px;
  --ant-font-size-heading-4: 20px;
  --ant-font-size-heading-5: 16px;
  --ant-line-height: 1.5714285714285714;
  --ant-line-height-lg: 1.5;
  --ant-line-height-sm: 1.6666666666666667;
  --ant-font-height: 22px;
  --ant-font-height-lg: 24px;
  --ant-font-height-sm: 20px;
  --ant-line-height-heading-1: 1.2105263157894737;
  --ant-line-height-heading-2: 1.2666666666666666;
  --ant-line-height-heading-3: 1.3333333333333333;
  --ant-line-height-heading-4: 1.4;
  --ant-line-height-heading-5: 1.5;
  --ant-control-height-sm: 24px;
  --ant-control-height-xs: 16px;
  --ant-control-height-lg: 40px;
  --ant-motion-duration-fast: 0.1s;
  --ant-motion-duration-mid: 0.2s;
  --ant-motion-duration-slow: 0.3s;
  --ant-line-width-bold: 2px;
  --ant-border-radius-xs: 2px;
  --ant-border-radius-sm: 4px;
  --ant-border-radius-lg: 8px;
  --ant-border-radius-outer: 4px;
  --ant-color-fill-content: rgba(0, 0, 0, 0.06);
  --ant-color-fill-content-hover: rgba(0, 0, 0, 0.15);
  --ant-color-fill-alter: rgba(0, 0, 0, 0.02);
  --ant-color-bg-container-disabled: rgba(0, 0, 0, 0.04);
  --ant-color-border-bg: #ffffff;
  --ant-color-split: rgba(5, 5, 5, 0.06);
  --ant-color-text-placeholder: rgba(0, 0, 0, 0.25);
  --ant-color-text-disabled: rgba(0, 0, 0, 0.25);
  --ant-color-text-heading: rgba(0, 0, 0, 0.88);
  --ant-color-text-label: rgba(0, 0, 0, 0.65);
  --ant-color-text-description: rgba(0, 0, 0, 0.45);
  --ant-color-text-light-solid: #fff;
  --ant-color-highlight: #ff4d4f;
  --ant-color-bg-text-hover: rgba(0, 0, 0, 0.06);
  --ant-color-bg-text-active: rgba(0, 0, 0, 0.15);
  --ant-color-icon: rgba(0, 0, 0, 0.45);
  --ant-color-icon-hover: rgba(0, 0, 0, 0.88);
  --ant-color-error-outline: rgba(255, 38, 5, 0.06);
  --ant-color-warning-outline: rgba(255, 215, 5, 0.1);
  --ant-font-size-icon: 12px;
  --ant-line-width-focus: 4px;
  --ant-control-outline-width: 2px;
  --ant-control-interactive-size: 16px;
  --ant-control-item-bg-hover: rgba(0, 0, 0, 0.04);
  --ant-control-item-bg-active: #e6f4ff;
  --ant-control-item-bg-active-hover: #bae0ff;
  --ant-control-item-bg-active-disabled: rgba(0, 0, 0, 0.15);
  --ant-control-tmp-outline: rgba(0, 0, 0, 0.02);
  --ant-control-outline: rgba(5, 145, 255, 0.1);
  --ant-font-weight-strong: 600;
  --ant-opacity-loading: 0.65;
  --ant-link-decoration: none;
  --ant-link-hover-decoration: none;
  --ant-link-focus-decoration: none;
  --ant-control-padding-horizontal: 12px;
  --ant-control-padding-horizontal-sm: 8px;
  --ant-padding-xxs: 4px;
  --ant-padding-xs: 8px;
  --ant-padding-sm: 12px;
  --ant-padding: 16px;
  --ant-padding-md: 20px;
  --ant-padding-lg: 24px;
  --ant-padding-xl: 32px;
  --ant-padding-xxl: 40px;
  --ant-padding-content-horizontal-lg: 24px;
  --ant-padding-content-vertical-lg: 16px;
  --ant-padding-content-horizontal: 16px;
  --ant-padding-content-vertical: 12px;
  --ant-padding-content-horizontal-sm: 16px;
  --ant-padding-content-vertical-sm: 8px;
  --ant-margin-xxs: 4px;
  --ant-margin-xs: 8px;
  --ant-margin-sm: 12px;
  --ant-margin: 16px;
  --ant-margin-md: 20px;
  --ant-margin-lg: 24px;
  --ant-margin-xl: 32px;
  --ant-margin-xxl: 48px;
  --ant-box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12),
    0 9px 28px 8px rgba(0, 0, 0, 0.05);
  --ant-box-shadow-secondary: 0 6px 16px 0 rgba(0, 0, 0, 0.08),
    0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  --ant-box-shadow-tertiary: 0 1px 2px 0 rgba(0, 0, 0, 0.03),
    0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);
  --ant-box-shadow-popover-arrow: 2px 2px 5px rgba(0, 0, 0, 0.05);
  --ant-box-shadow-card: 0 1px 2px -2px rgba(0, 0, 0, 0.16),
    0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
  --ant-box-shadow-drawer-right: -6px 0 16px 0 rgba(0, 0, 0, 0.08),
    -3px 0 6px -4px rgba(0, 0, 0, 0.12), -9px 0 28px 8px rgba(0, 0, 0, 0.05);
  --ant-box-shadow-drawer-left: 6px 0 16px 0 rgba(0, 0, 0, 0.08),
    3px 0 6px -4px rgba(0, 0, 0, 0.12), 9px 0 28px 8px rgba(0, 0, 0, 0.05);
  --ant-box-shadow-drawer-up: 0 6px 16px 0 rgba(0, 0, 0, 0.08),
    0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  --ant-box-shadow-drawer-down: 0 -6px 16px 0 rgba(0, 0, 0, 0.08),
    0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05);
  --ant-box-shadow-tabs-overflow-left: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
  --ant-box-shadow-tabs-overflow-right: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
  --ant-box-shadow-tabs-overflow-top: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
  --ant-box-shadow-tabs-overflow-bottom: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
  --global-header-height: 150px;
}

@media only screen and (max-width: 920px) {
  :root {
    --global-header-height: 60px;
  }
}

body {
  font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
  line-height: 1.5;
  font-size: 14px;
}

.wrapper {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.header_scroll {
  border-bottom: 1px solid var(--ant-color-border);
  position: fixed;
}

.globalheader {
  height: var(--global-header-height);
}

.logo {
  position: absolute;
  left: 0;
  width: 150px;
  height: var(--global-header-height);
}

.logo a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.toggle-btn {
  display: none;
}

.header-search {
  border: 1px solid var(--ant-color-border);
  border-radius: 980px;
  transition: all 0.3s;
  position: absolute;
  right: 0;
  top: 32px;
  user-select: none;
}

a:focus,
a:active {
  outline: none;
}
.search-input {
  font-size: 14px;
  box-sizing: border-box;
  outline: none;
  transition: all 0.3s;
  background-color: transparent;
  border: 0;
  height: 38px;
  width: 240px;
  position: relative;
  padding: 0 60px 0 18px;
  outline: none;
  user-select: none;
}

.search-input::placeholder {
  color: #999;
}

.search-button {
  border: 0;
  box-shadow: none;
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 60px;
  height: 100%;
  background-image: url("../images/search-icon.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  outline: none;
  user-select: none;
}

.search-button:hover {
  opacity: 0.8;
}

.header-search:hover,
.header-search.search-focus {
  box-shadow: 0 0 0 4px rgba(5, 145, 255, 0.15);
  outline: 0;
}

/* ==========================================================================
Nav
========================================================================== */

.dropdown {
  position: absolute;
  z-index: 999;
  display: none;

  padding: 15px 20px;
  top: 100%;
  min-width: 110px;
  background-color: #fff;
  border-bottom: 2px solid var(--ant-blue-8);
}

.dropdown:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 0 dashed transparent;
  overflow: hidden;
  border-top-style: solid;
  border-width: 5px 5px 0;
  border-top-color: #fff;
  left: 50%;
  margin-left: -5px;
  top: -5px;
}

.dropdown a {
  white-space: nowrap;
  font-size: var(--ant-font-size-lg);
  padding: var(--ant-padding-xs) 0;
  color: #666;
  background: none;
  border-bottom: 0 none;
  width: 100%;
  display: block;
  text-align: center;
}

.dropdown a .fa {
  font-size: 12px;
  line-height: 30px;
  color: #ccc;
  padding-right: 5px;
}

.dropdown a:hover,
.dropdown a:hover .fa {
  color: #0462b0;
}

@media only screen and (max-width: 1440px) {
  .wrapper {
    width: 100%;
    box-sizing: border-box;
    padding-left: var(--ant-padding-md);
    padding-right: var(--ant-padding-md);
  }

  .logo {
    left: var(--ant-padding-md);
  }

  .header-search {
    right: var(--ant-padding-md);
  }
}

@media only screen and (max-width: 920px) {
  .header-search {
    display: none;
  }
  .dropdown a {
    white-space: nowrap;
    font-size: 14px;
    width: 100%;
    text-align: left;
    padding: 0;
    line-height: 40px;
  }

  .dropdown {
    min-width: calc(100% - 40px);
    padding-top: 0;
    position: relative;
  }

  .logo {
    width: 82px;
  }

  .logo img {
    max-height: 40px;
  }

  .toggle-btn {
    display: block;
    position: absolute;
    right: 20px;
    top: 0;
    height: 50px;
    line-height: 50px;
    transition: all 0.5s;
  }

  .gn-item:hover .toggle-btn {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

.ant-divider {
  --ant-divider-text-padding-inline: 1em;
  --ant-divider-vertical-margin-inline: 8px;
}

.ant-divider.ant-divider-vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  height: 0.9em;
  margin-inline: var(--ant-divider-vertical-margin-inline);
  margin-block: 0;
  vertical-align: middle;
  border-top: 0;
  /* border-inline-start: var(--ant-line-width) solid var(--ant-color-split); */
  border-inline-start: var(--ant-line-width) solid #666;
}

.btn {
  cursor: pointer;
  display: inline-block;
  font-size: var(--ant-font-size-lg);
  padding: 8px 18px;
  transition: all 400ms;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
}
.btn:focus,
.btn:active {
  outline: none;
}
.btn-orange {
  background-color: var(--ant-orange);
  border-color: var(--ant-orange);
  color: #fff;
}

.btn-orange:hover {
  background-color: var(--ant-volcano-6);
  border-color: var(--ant-volcano-6);
  color: #fff;
}

.btn-default {
  color: #999999;
  border-color: #666;
  background-color: #fff;
}

.btn-default:hover {
  color: #333;
  border-color: #333;
}

.btn-white {
  color: #fff;
  border-color: #fff;
}

.btn-white:hover {
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.8);
}

.mod {
  --mod-header-font-size: 36px;
  --mod-header-font-size-sm: 20px;
  --mod-header-en-font-size: 24px;
  --mod-header-en-font-size-sm: 12px;
  padding: 30px 0;
}

.mod .mod-hd {
  width: 100%;
  display: flex;
  align-items: center;
}

.mod .mod-title {
  display: inline-block;
  flex: 1;
  display: flex;
  align-items: baseline;
}

.mod-title h3 {
  font-weight: bold;
  color: var(--ant-color-primary);
  font-size: var(--mod-header-font-size);
  padding-left: var(--ant-padding-lg);
  position: relative;
}

.mod-title h3::after,
.mod-title h3::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.mod-title h3::before {
  background-color: var(--ant-orange);
  left: 5px;
  margin-top: 5px;
}
.mod-title h3::after {
  background-color: var(--ant-color-primary);
  left: 0;
}

.mod-title-en {
  color: var(--ant-blue-5);
  font-size: var(--mod-header-en-font-size);
  margin-left: 28px;
}

.mod .mod-extra {
  margin-inline-start: auto;
  color: var(--ant-color-primary);
  font-size: var(--ant-font-size-lg);
}

.mod .mod-extra a {
  display: flex;
  align-items: center;
  transition: color 0.3s;
}

.mod .mod-extra .fa {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  font-size: 12px;
  border-radius: 50%;
  border: 1px solid var(--ant-color-primary);
  transition: all 0.3s;
}

.mod .mod-extra a:hover {
  color: var(--ant-orange);
}

.mod .mod-extra a:hover .fa {
  color: var(--ant-orange);
  border-color: var(--ant-orange);
}
.mod .mod-bd {
  padding: var(--ant-padding-lg) 0;
}

@media only screen and (max-width: 768px) {
  .wrapper {
    width: 100%;
    box-sizing: border-box;
    padding-left: var(--ant-padding);
    padding-right: var(--ant-padding);
  }

  .btn {
    font-size: var(--ant-font-size-md);
    padding: 6px 15px;
  }

  .mod {
    padding: 10px 0;
  }

  .mod-title h3 {
    font-size: var(--mod-header-font-size-sm);
    padding-left: var(--ant-padding);
  }

  .mod-title h3::after,
  .mod-title h3::before {
    width: 6px;
    height: 6px;
  }

  .mod-title h3::before {
    left: 3px;
    margin-top: 3px;
  }

  .mod-title-en {
    font-size: var(--mod-header-en-font-size-sm);
    margin-left: 8px;
  }

  .mod .mod-extra {
    font-size: var(--ant-font-size-sm);
  }

  .mod .mod-extra a {
    display: flex;
    align-items: center;
    transition: color 0.3s;
  }

  .mod .mod-extra .fa {
    width: 12px;
    height: 12px;
    margin-left: 6px;
    font-size: 10px;
  }

  .mod .mod-bd {
    padding: var(--ant-padding-md) 0;
  }
}

/* 第一模块 */

.index_01 {
  background: #f5f5f5;
}

.index_01 .pro-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
}

.index_01 .pro-list li {
  width: 33.33%;
  box-sizing: border-box;
  padding: 0 20px;
  margin-bottom: 20px;
}

.index_01 .pro-list li a {
  display: block;
}

.index_01 .pro-list li .meta {
  height: 160px;
  background: #fff url("../images/bg1.jpg") no-repeat 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--ant-padding-xxl);
}

.index_01 .pro-list li .meta .title {
  font-size: var(--ant-font-size-heading-3);
  line-height: 1.5;
  color: #333333;
  transition: color 0.3s;
}

.index_01 .pro-list li .meta .icon {
  padding: 0;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  transition-duration: 800ms;
}

.index_01 .pro-list li .meta .icon::after {
  content: "";
  position: absolute;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: var(--ant-color-primary);
  opacity: 0.15;
  right: 0;
  bottom: 0;
}

.index_01 .pro-list li a:hover .meta .title {
  color: var(--ant-color-primary);
}

.index_01 .pro-list li a:hover .meta .icon {
  transform: rotateY(360deg);
}

/* 第二模块 */
.index_02 {
}

.case-area {
  position: relative;
  max-height: 600px;
  height: 70vh;
}

.case-area .bg-list {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.case-area .bg-list li {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 1s ease;
}

.case-area .bg-list li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.case-area .bg-list li.on {
  opacity: 1;
}

.case-list {
  display: flex;
  height: 100%;
}

.case-list li {
  position: relative;
  width: 25%;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  transition: ease 1s;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.case-list li:last-child {
  border-right: none;
}

.case-list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.case-list li::after {
  content: "";
  position: absolute;
  left: 40px;
  top: 10%;
  width: 12px;
  height: 12px;
  z-index: 1;
  background-color: var(--ant-orange);
  opacity: 0;
  transition: opacity 1s;
}

.case-list li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.case-list li .meta {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  width: 100%;
  padding: 0px 30px;
  box-sizing: border-box;
  transition: all 0.6s ease;
}

.case-list li .meta .meta-bd {
  position: relative;
  margin-bottom: 40px;
  margin-top: 20px;
}

.case-list li .meta .title {
  font-size: var(--ant-font-size-heading-2);
  color: #ffffff;
}

.case-list li .meta .sub-title {
  position: absolute;
  left: 0;
  top: 0;
  font-size: var(--ant-font-size-heading-3);
  color: #ffffff;
  opacity: 0;
  transition: all 0.5s ease;
}

.case-list li .meta .more {
  opacity: 0;
  font-size: var(--ant-font-size);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #fff;
  transition: all 0.3s;
}

.case-list li.on:before {
  background: var(--ant-blue-8);
}

.case-list li.on::after {
  opacity: 1;
}

.case-list li.on .meta {
  bottom: 90px;
}

.case-list li.on .meta .title {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.case-list li.on .meta .sub-title {
  position: relative;
  opacity: 1;
}

.case-list li.on .meta .more {
  opacity: 1;
}

/* 手机端 */
.m-case-area {
  position: relative;
  padding-bottom: 40px;
}

.m-case-area .case-item {
  position: relative;
}

.m-case-area .case-item .bg {
  height: 180px;
}

.m-case-area .case-item .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.m-case-area .case-item a {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding: 0 10%;
}

.m-case-area .case-item .meta {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.m-case-area .case-item .meta .icon {
  margin-bottom: 15px;
}

.m-case-area .case-item .meta .icon img {
  max-width: 60px;
}

.m-case-area .case-item .meta .title {
  font-size: var(--ant-font-size-heading-5);
  color: #ffffff;
}

.m-case-area .case-item .meta .more {
  font-size: var(--ant-font-size);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #fff;
}

@media only screen and (max-width: 768px) {
  .index_02 {
    padding-top: 30px;
  }
}

/* 第三模块 */
.index_03 .pro-list2 {
  display: flex;
  flex-wrap: wrap;
  border-style: solid;
  border-color: #ececec;
  border-width: 1px 0 0 1px;
}

.index_03 .pro-list2 li {
  position: relative;
  width: 50%;
  box-sizing: border-box;
  border-style: solid;
  border-color: #ececec;
  border-width: 0 1px 1px 0;
  transition: all 0.3s;
}

.index_03 .pro-list2 li:hover {
  z-index: 1;
  box-shadow: var(--ant-box-shadow-secondary);
}

.index_03 .pro-list2 li a {
  display: block;
}

.index_03 .pro-list2 li .meta {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 179px;
  padding: 0 var(--ant-padding-lg);
}

.index_03 .pro-list2 li .meta-content {
  width: calc(100% - 170px);
}

.index_03 .pro-list2 li .actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 160px;
  height: 100%;
  opacity: 0;
  transition: opacity 300ms;
  box-sizing: border-box;
}

.index_03 .pro-list2 li .btn {
  transform: translateY(15px);
  margin: 5px 0;
}

.index_03 .pro-list2 li .sub-title {
  color: #999;
  font-size: var(--ant-font-size-lg);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.index_03 .pro-list2 li .title {
  font-size: var(--ant-font-size-heading-3);
  color: #000000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.index_03 .pro-list2 li .desc {
  color: #666666;
  font-size: var(--ant-font-size-lg);
}

.index_03 .pro-list2 li .pic {
  height: 140px;
  width: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: opacity 300ms;
}

.index_03 .pro-list2 li .pic img {
  max-height: 100%;
  max-width: 100%;
}

.index_03 .pro-list2 li:hover .pic {
  opacity: 0;
}

.index_03 .pro-list2 li:hover .actions {
  opacity: 1;
}

.index_03 .pro-list2 li:hover .btn {
  transform: translateY(0);
}

.index_03 .row {
  display: flex;
  flex-wrap: wrap;
}
.index_03 .col-left {
  width: 34%;
  box-sizing: border-box;
  padding-right: 30px;
}

.index_03 .focus {
  height: 541px;
  position: relative;
  padding: var(--ant-padding-xxl);
  box-sizing: border-box;
}

.index_03 .focus-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.index_03 .focus-hd {
  color: #fff;
  font-size: var(--ant-font-size-heading-3);
  margin-bottom: 10px;
}

.index_03 .focus-bd {
  color: #ececec;
  font-size: var(--ant-font-size-lg);
  flex: 1;
}

.index_03 .focus-ft {
  padding: 20px 0 40px;
}

.index_03 .focus .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.index_03 .focus .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.index_03 .col-right {
  width: 66%;
}

@media only screen and (max-width: 768px) {
  .index_03 .pro-list2 {
    margin-top: 10px;
  }

  .index_03 .pro-list2 li {
    width: 100%;
  }

  .index_03 .pro-list2 li .meta {
    height: auto;
    padding: var(--ant-padding);
  }

  .index_03 .pro-list2 li .meta-content {
    width: calc(100% - 90px);
  }

  .index_03 .pro-list2 li .actions {
    display: none;
  }

  .index_03 .pro-list2 li .sub-title {
    font-size: var(--ant-font-size-sm);
  }

  .index_03 .pro-list2 li .title {
    font-size: var(--ant-font-size-heading-5);
    margin: 6px 0;
  }

  .index_03 .pro-list2 li .desc {
    font-size: var(--ant-font-size-sm);
  }

  .index_03 .pro-list2 li .pic {
    height: 60px;
    width: 80px;
    flex-shrink: 0;
  }

  .index_03 .pro-list2 li .pic img {
    max-height: 100%;
    max-width: 100%;
  }

  .index_03 .pro-list2 li:hover .pic {
    opacity: 1;
  }

  .index_03 .col-left {
    width: 100%;
    padding-right: 0;
  }

  .index_03 .focus {
    height: auto;
    padding: var(--ant-padding);
  }

  .index_03 .focus-hd {
    font-size: var(--ant-font-size-heading-5);
  }

  .index_03 .focus-bd {
    font-size: var(--ant-font-size-sm);
  }

  .index_03 .focus-ft {
    padding: 20px 0 10px;
  }

  .index_03 .col-right {
    width: 100%;
  }
}

/* 第四模块 */
.index_04 .news-area {
  position: relative;
  padding-bottom: 40px;
}

.index_04 .news-list-item {
  border: 1px solid #ececec;
}

.index_04 .news-list-item a {
  display: block;
}

.index_04 .news-list-item .pic {
  overflow: hidden;
  position: relative;
  height: auto;
}

.bgimg {
  width: 100%;
}

.upimg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}

.pic:hover .upimg {
  transform: scale(1.05);
}

.index_04 .news-list-item .meta {
  box-sizing: border-box;
  padding: var(--ant-padding-lg) var(--ant-padding-lg) 0;
  height: 202px;
}

.index_04 .news-list-item .category {
  display: inline-block;
  border-bottom: 1px solid var(--ant-orange);
  font-size: var(--ant-font-size-lg);
  color: #333333;
  margin-bottom: 20px;
  padding-bottom: 5px;
}

.index_04 .news-list-item .title {
  font-size: var(--ant-font-size-heading-3);
  transition: all 0.3s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  overflow: hidden;
  margin-bottom: 10px;
  color: #333333;
}

.index_04 .news-list-item .meta-ft {
  position: relative;
}

.index_04 .news-list-item .date {
  color: #999999;
  font-size: var(--ant-font-size-lg);
}

.index_04 .news-list-item .more {
  position: absolute;
  right: 0;
  top: 50%;
  transition: all 0.3s;
  transform: translate(-30px, -50%);
  opacity: 0;
}

.index_04 .news-list-item a:hover .pic img {
  transform: scale(1.08);
}

.index_04 .news-list-item a:hover .title {
  color: var(--ant-color-primary);
}

.index_04 .news-list-item a:hover .more {
  transform: translate(0, -50%);
  opacity: 1;
}

@media only screen and (max-width: 768px) {
  .index_04 .news-list-item .meta {
    padding: var(--ant-padding);
    height: auto;
  }

  .index_04 .news-list-item .category {
    font-size: var(--ant-font-size-sm);
    margin-bottom: 10px;
    padding-bottom: 4px;
  }

  .index_04 .news-list-item .title {
    font-size: var(--ant-font-size-heading-5);
    margin-bottom: 10px;
  }

  .index_04 .news-list-item .date {
    font-size: var(--ant-font-size-sm);
  }
}
/* 第五模块 */

.index_05 .mod-bd {
  display: flex;
  flex-wrap: wrap;
}

.index_05 .company-info {
  width: 42%;
  box-shadow: 0px 8px 15px 1px rgba(161, 165, 173, 0.2);
  border-top: 3px solid var(--ant-color-primary);
  background: url("../images/bg2.jpg") 100% 90% no-repeat;
  padding: 68px 60px 68px;
  box-sizing: border-box;
}

.index_05 .company-info .txt-en {
  margin-bottom: 28px;
}

.index_05 .company-info .txt-cn {
  margin-bottom: 48px;
}

.index_05 .company-info-bd {
  font-size: 18px;
  color: #333333;
  line-height: 2;
}

.index_05 .company-info-ft {
  margin-top: 30px;
}

.index_05 .video-area {
  width: 58%;
  padding-top: 125px;
}
.video-item {
  position: relative;
}

.video-item img {
  width: 100%;
}

.video-play-icon {
  box-sizing: border-box;
  position: absolute;
  height: 88px;
  width: 88px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  cursor: pointer;
  border: 4px solid #fff;
  border-radius: 50%;
  background-color: var(--ant-color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}

.video-play-icon .fa {
  color: #fff;
  font-size: var(--ant-font-size-heading-3);
}

@media only screen and (max-width: 768px) {
  .index_05 .mod-bd {
    display: flex;
    flex-wrap: wrap;
  }

  .index_05 .company-info {
    width: 100%;
    padding: var(--ant-padding);
    background: #fff;
  }

  .index_05 .company-info .txt-en {
    margin-bottom: 20px;
  }

  .index_05 .company-info .txt-en img {
    width: 100%;
  }

  .index_05 .company-info .txt-cn {
    margin-bottom: 20px;
  }

  .index_05 .company-info .txt-cn img {
    width: 40%;
  }

  .index_05 .company-info-bd {
    font-size: var(--ant-font-size-sm);
    line-height: 2;
  }

  .index_05 .company-info-ft {
    padding: 20px 0;
    margin: 0;
  }

  .index_05 .video-area {
    width: 100%;
    padding-top: 0;
    margin-bottom: 20px;
  }
  .video-play-icon {
    height: 48px;
    width: 48px;
    border: 2px solid #fff;
  }
  .video-play-icon .fa {
    color: #fff;
    font-size: var(--ant-font-size-sm);
  }
}

.footer {
  font-size: var(--ant-font-size-lg);
  color: #666666;
}

.footer a {
  color: #666666;
  transition: color 0.3s;
}

.footer a:hover {
  color: var(--ant-color-primary);
}

.footer-bd {
  background: #f5f7fa url(../images/bg3.jpg) no-repeat 100% 90%;
  padding: 96px 0;
}

.footer-ft {
  background: #dfe4ec;
  padding: 28px 0;
}

.footer-ft .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer-ft-left {
  display: flex;
  align-items: center;
}

.footer-ft-right {
  display: flex;
  align-items: center;
}

.footer-ft-right .social-share-title {
  margin-right: 4px;
}

.footer-bd .wrapper {
  display: flex;
  justify-content: space-between;
}

.footer-logo {
  width: 25%;
}

.footer-logo .slogan {
  margin-top: 38px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.footer-nav {
  width: 75%;
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
}

.fn-col {
}

.fn-col h3 {
  font-size: 18px;
  font-weight: bold;
  height: 30px;
  padding-bottom: 18px;
}

.fn-col h3 a {
  color: #000000;
  display: block;
}

.fn-col h3 a .icon {
  padding: 0;
  margin-right: 18px;
  display: inline-block;
  vertical-align: middle;
}
.fn-col h3 a .title {
  display: inline-block;
  vertical-align: middle;
}

.fn-col ul {
  border-top: 2px solid #cecece;
  padding-top: 27px;
  padding: 27px 30px 10px 8px;
}

.fn-col ul li {
  padding-left: 30px;
  position: relative;
  margin-bottom: 6px;
  line-height: 30px;
}

.fn-col ul li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 0;
  height: 0;
  border-top: 3px solid transparent;
  border-left: 5px solid var(--ant-color-primary);
  border-bottom: 3px solid transparent;
}

.fn-col ul li a {
}

.qr-bd {
  margin-top: 12px;
}

.item-container {
  --ant-descriptions-colon-margin-right: 8px;
  --ant-descriptions-colon-margin-left: 2px;
  padding-left: 3em;
  position: relative;
}

.item-container .item-label {
  position: absolute;
  left: 0;
  top: 0;
}

.item-container .item-label::after {
  content: ":";
  position: relative;
  top: -0.5px;
  margin-inline: var(--ant-descriptions-colon-margin-left)
    var(--ant-descriptions-colon-margin-right);
}

.item-container .item-content {
}

.float-btn {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.88);
  font-size: 14px;
  line-height: 1.5714285714285714;
  list-style: none;
  border: none;
  position: fixed;
  cursor: pointer;
  z-index: 99;
  width: 40px;
  height: 40px;
  inset-inline-end: 24px;
  inset-block-end: 48px;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12),
    0 9px 28px 8px rgba(0, 0, 0, 0.05);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ffffff;
  transition: background-color 0.2s;
}
.float-btn-body {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  border-radius: 50%;
  background-color: #ffffff;
  transition: background-color 0.2s;
}
.float-btn-body:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.float-btn-content {
  overflow: hidden;
  text-align: center;
  min-height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2px 4px;
}
.float-btn-icon {
  text-align: center;
  margin: auto;
  width: 18px;
  font-size: 18px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.88);
}

@media only screen and (max-width: 768px) {
  .index_01 {
    padding-top: 30px;
  }

  .index_01 .pro-list {
    margin: 0;
  }

  .index_01 .pro-list li {
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
  }

  .index_01 .pro-list li .meta {
    height: 80px;
    background-size: auto 100%;
    padding: 0 var(--ant-padding);
  }

  .index_01 .pro-list li .meta .title {
    font-size: var(--ant-font-size-heading-5);
  }

  .index_01 .pro-list li .meta .icon {
    width: 40px;
    height: 40px;
  }

  .index_01 .pro-list li .meta .icon img {
    width: 100%;
  }

  .index_01 .pro-list li .meta .icon::after {
    width: 20px;
    height: 20px;
  }

  .footer {
    font-size: var(--ant-font-size-sm);
  }

  .footer-bd {
    display: none;
  }

  .footer-ft {
    padding: 20px 0;
  }

  .footer-ft .wrapper {
    flex-wrap: wrap;
  }
  .footer-ft-left {
    width: 100%;
    flex-wrap: wrap;
  }

  .footer-ft-right {
    width: 100%;
  }
  .footer-ft-right .social-share-title {
    margin-right: 0;
  }

  .ant-divider.ant-divider-vertical {
    display: none;
  }

  .beian,
  .copyright {
    margin-bottom: 4px;
  }
  .float-btn {
    display: none;
  }
}
