: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: rgba(13, 67, 215, 0.1);
  --ant-blue-2: rgba(13, 67, 215, 0.2);
  --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);
}

.sub-banner {
  height: 26vw;
}

.sub-banner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.breadcrumb {
  --ant-breadcrumb-item-color: rgba(255, 255, 255, 0.8);
  --ant-breadcrumb-last-item-color: rgba(255, 255, 255, 1);
  --ant-breadcrumb-link-color: rgba(255, 255, 255, 0.8);
  --ant-breadcrumb-link-hover-color: rgba(255, 255, 255, 1);
  --ant-breadcrumb-separator-color: rgba(255, 255, 255, 0.8);
  --ant-breadcrumb-separator-margin: 8px;
}
.breadcrumb {
  box-sizing: border-box;
  color: var(--ant-breadcrumb-item-color);
  font-size: var(--ant-font-size-lg);
  background-color: var(--ant-color-primary);
  height: 40px;
  line-height: 40px;
}
.breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
}
.breadcrumb a {
  color: var(--ant-breadcrumb-link-color);
  transition: color var(--ant-motion-duration-mid);
  padding: 0 var(--ant-padding-xxs);
  border-radius: var(--ant-border-radius-sm);
  height: var(--ant-font-height);
  display: inline-block;
  margin-inline: calc(var(--ant-margin-xxs) * -1);
}
.breadcrumb a:hover {
  color: var(--ant-breadcrumb-link-hover-color);
  background-color: var(--ant-color-bg-text-hover);
}
.breadcrumb a:focus-visible {
  outline: var(--ant-line-width-focus) solid var(--ant-color-primary-border);
  outline-offset: 1px;
  transition: outline-offset 0s, outline 0s;
}
.breadcrumb li:last-child {
  color: var(--ant-breadcrumb-last-item-color);
}
.breadcrumb .breadcrumb-separator {
  margin-inline: var(--ant-breadcrumb-separator-margin);
  color: var(--ant-breadcrumb-separator-color);
}
.breadcrumb .breadcrumb-link > .anticon + span,
.breadcrumb .breadcrumb-link > .anticon + a {
  margin-inline-start: var(--ant-margin-xxs);
}

.content {
  padding: 40px 0;
}

.row {
  display: flex;
  flex-wrap: wrap;
}

.row .col {
  flex-shrink: 0;
  width: 50%;
  box-sizing: border-box;
}

@media only screen and (max-width: 768px) {
  .sub-banner {
    height: 160px;
  }
  .breadcrumb {
    display: none;
  }
  .row .col {
    width: 100% !important;
  }
}

.about-page .content {
  padding: 0;
}

.about_01 {
  background-color: #fafafa;
  background-image: url("../images/about-bg1.jpg");
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: 100% auto;
  padding: 100px 0;
}

.about_01 .col-left {
  width: 40%;
  box-sizing: border-box;
}

.about_01 .col-right {
  width: 60%;
  padding: 0 6%;
}

.about_01 .pic {
  box-shadow: 0px 6px 9.7px 0.3px rgba(8, 12, 24, 0.1);
}

.about_01 .info-hd {
  font-size: var(--ant-font-size-heading-3);
  color: var(--ant-orange);
  margin-bottom: 24px;
}

.about_01 .info-bd {
  line-height: 1.8;
  font-size: var(--ant-font-size-lg);
}

.about_02 {
  background-image: url("../images/about-pic2.jpg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  padding-top: 132px;
  padding-bottom: 100px;
}

.about_02 .row {
  align-items: flex-end;
}

.about_02 .col-left {
  width: 42%;
  padding-right: 20px;
  box-sizing: border-box;
}

.about_02 .col-right {
  width: 58%;
}

.about_02 .col-left .pic {
  padding: var(--ant-padding-md) 0;
}

.about_02 .col-right .video-cover {
  box-shadow: 0px 6px 17.46px 0.54px rgba(8, 12, 24, 0.3);
}

@media only screen and (max-width: 768px) {
  .about_01,
  .about_02 {
    padding: 30px 0;
  }

  .about_01 .col-right {
    padding: 0;
    margin-top: 20px;
  }

  .about_01 .info-hd {
    font-size: var(--ant-font-size-heading-5);
    margin-bottom: 16px;
  }

  .about_01 .info-bd {
    font-size: var(--ant-font-size-sm);
  }

  .about_02 .row {
    align-items: flex-start;
  }

  .about_02 .col-left {
    background-color: #fff;
    padding: 20px;
  }
}

/* 合作伙伴 */

.partner-page .content {
  padding-top: 44px;
}

.partner-list {
  margin: 0 -20px;
}
.partner-list li {
  float: left;
  box-sizing: border-box;
  width: 360px;
  padding: 20px;
}

.partner-list li .pic {
  height: 138px;
  border: 1px solid var(--ant-color-border);
  display: flex;
  align-items: center;
  justify-content: center;
}

.partner-list li img {
  max-width: 96%;
  max-height: 96%;
}

.load-more {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--ant-padding-md);
  font-size: var(--ant-font-size-lg);
  color: var(--ant-color-primary);
}

.load-more .txt {
  cursor: pointer;
}

.load-more .fa {
  margin-left: 8px;
}

@media only screen and (max-width: 1440px) {
  .partner-list li {
    width: 25%;
  }
}

@media only screen and (max-width: 768px) {
  .partner-page .content {
    padding-top: 30px;
  }
  .partner-list {
    margin: 0 -8px;
  }

  .partner-list li {
    float: left;
    box-sizing: border-box;
    width: 50%;
    padding: 8px;
  }

  .partner-list li .pic {
    height: 70px;
  }
}

.recruit {
  padding: 0 25px;
  background: url(../images/job-top.png) no-repeat top center;
}

.recruit-top {
  padding: 18px 0;
  overflow: hidden;
}

.recruit-top .fl {
  float: left;
}

.recruit-top .fr {
  float: right;
}

.recruit-top h3 {
  float: left;
  font-size: 18px;
  color: #fff;
  line-height: 40px;
  font-weight: bold;
}

.recruit-top span {
  padding-left: 30px;
  float: left;
  margin-left: 40px;
  font-size: 16px;
  color: #fff;
  line-height: 40px;
}

.recruit-top .icon-kf {
  background: url(../images/basic_headset1.png) no-repeat left center;
}

.recruit-top .icon-mail {
  background: url(../images/basic_mail.png) no-repeat left center;
}

.recruit-list {
  margin: 0 -10px;
}

.recruit-list li {
  float: left;
  width: 50%;
}

.recruit-list .recruit-item {
  margin: 10px;
}

.recruit-list .recruit-item {
  background: #fff;
  border: 1px solid #dcdcdc;
}

.recruit-item-top {
  overflow: hidden;
  background-color: #f1f3f7;
  padding: 10px 25px 10px 30px;
  border-bottom: 1px solid #dcdcdc;
}

.recruit-item-top h4 {
  float: left;
  padding-left: 30px;
  background: url(../images/basic_case.png) no-repeat left center;
  font-size: 18px;
  color: #000;
  line-height: 40px;
  font-weight: 500;
}

.recruit-item-top .join-btn {
  float: right;
  display: block;
  font-size: 16px;
  color: #fff;
  line-height: 40px;
  padding: 0 30px;
  background: #003f94;
  border-radius: 20px;
}

.recruit-item-intro {
  padding: 30px 40px;
}

.recruit-item-intro .intro-con {
  height: 210px;
  overflow-y: auto;
}

.recruit-item-intro p {
  font-size: 14px;
  color: #555;
  line-height: 30px;
}

@media only screen and (max-width: 768px) {
  .recruit {
    padding: 0 10px;
  }

  .recruit-top {
    padding: 10px 0;
    position: relative;
  }

  .recruit-top .fr {
    text-align: right;
  }

  .recruit-top .fl {
    position: absolute;
    left: 0;
  }

  .recruit-top h3 {
    font-size: 14px;
  }

  .recruit-top span {
    font-size: 12px;
    margin-left: 10px;
  }

  .recruit-top .icon-mail {
    float: right;
    margin-left: 100px;
  }

  .recruit-top .icon-kf {
    float: right;
    margin-left: 100px;
  }

  .recruit-top .fr h3 {
    position: absolute;
    left: 0;
    top: 50px;
  }

  .recruit-list li {
    width: 100%;
  }

  .recruit-item-top {
    padding: 10px;
  }

  .recruit-item-top h4 {
    font-size: 14px;
  }

  .recruit-item-intro {
    padding: 15px 20px;
  }

  .recruit-item-intro p {
    font-size: 12px;
    line-height: 1.8;
  }
}

.history-item .txt-wrap::-webkit-scrollbar-track,
.intro-con::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  background-color: #f5f5f5;
}
.history-item .txt-wrap::-webkit-scrollbar,
.intro-con::-webkit-scrollbar {
  width: 6px;
  background-color: #f5f5f5;
}
.history-item .txt-wrap::-webkit-scrollbar-thumb,
.intro-con::-webkit-scrollbar-thumb {
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  background-color: #bdb9b9;
}

.news-page {
  background: #fafafa;
}

.news-list {
}

.news-list li {
  margin-bottom: var(--ant-margin-lg);
  background-color: #fff;
}

.news-list li a {
  display: block;
}

.news-list li a .wrap {
  display: flex;
  align-items: center;
  padding-right: 4%;
  transition: box-shadow var(--ant-motion-duration-slow);
}

.news-list li .pic {
  width: 320px;
  overflow: hidden;
  position: relative;
  height: auto;
}

.news-list li .meta {
  box-sizing: border-box;
  flex: 1;
  padding: var(--ant-padding-lg) 4%;
  min-width: 0;
}

.news-list li .title {
  font-size: var(--ant-font-size-xl);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #000;
}

.news-list li .desc {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  overflow: hidden;
  font-size: var(--ant-font-size-lg);
  color: #666;
  margin: var(--ant-margin-lg) 0;
}

.news-list li .more {
  font-size: var(--ant-font-size-lg);
  color: var(--ant-color-primary);
  transition: all 0.3s;
}

.news-list li .published {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.news-list li .date {
  color: var(--ant-color-primary);
  font-size: 60px;
}

.news-list li .month {
  color: #666;
  font-size: var(--ant-font-size-lg);
}

.news-list li:hover .wrap {
  box-shadow: var(--ant-box-shadow-card);
}

.news-list li .more:hover {
  color: var(--ant-orange);
}

@media only screen and (max-width: 768px) {
  .news-list li {
    margin-bottom: var(--ant-margin-md);
  }

  .news-list li a .wrap {
    padding-right: 0;
    flex-wrap: wrap;
  }

  .news-list li .pic {
    width: 100%;
  }

  .news-list li .meta {
    flex: auto;
    width: 100%;
    padding: var(--ant-padding);
  }

  .news-list li .title {
    font-size: var(--ant-font-size-heading-5);
  }

  .news-list li .desc {
    font-size: var(--ant-font-size-sm);
    margin: var(--ant-margin-xxs) 0;
  }

  .news-list li .more {
    font-size: var(--ant-font-size-sm);
    display: none;
  }

  .news-list li .m-date {
    color: #999;
    font-size: var(--ant-font-size-sm);
    margin: var(--ant-margin-xxs) 0;
  }
}

.contact-page .content {
  padding: 64px 0;
}

.contact_01 .row {
  height: 346px;
}
.contact_01 .col-left {
  width: 45%;
  box-sizing: border-box;
  padding-right: 3%;
}

.contact_01 .contact-box {
  background-color: #fafafa;
  height: 100%;
  box-sizing: border-box;
  padding: var(--ant-padding-xxl);
}

.contact_01 .col-right {
  width: 55%;
}

.contact_01 .col-right .map {
  height: 100%;
}

.contact_01 .col-right .map img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.contact-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: var(--ant-margin-xl);
  line-height: 2;
}
.contact-list li .icon {
  width: 30px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.contact-list li .icon .fa {
  color: var(--ant-color-primary);
  font-size: var(--ant-font-size-heading-4);
}
.contact-list li .title {
  color: #666;
  font-size: var(--ant-font-size-lg);
  width: 4em;
  padding: 0 2%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.contact-list li .desc {
  color: #333;
  font-size: var(--ant-font-size-lg);
}

@media only screen and (max-width: 768px) {
  .contact-page .content {
    padding: 30px 0;
  }

  .contact_01 .row {
    height: auto;
  }
  .contact_01 .col-left {
    padding-right: 0;
    margin-bottom: var(--ant-margin);
  }

  .contact_01 .contact-box {
    padding: var(--ant-padding-xs);
  }

  .contact_01 .col-right .map {
    height: auto;
  }

  .contact-list li {
    margin-bottom: var(--ant-margin);
  }
  .contact-list li .icon {
    width: 30px;
    height: 24px;
  }
  .contact-list li .icon .fa {
    font-size: var(--ant-font-size-sm);
  }
  .contact-list li .title {
    font-size: var(--ant-font-size-sm);
    padding: 0;
  }

  .contact-list li .desc {
    font-size: var(--ant-font-size-sm);
  }
}
.feedback {
  margin: var(--ant-margin-lg) 0;
}

.feedback .feedback-hd {
  border-bottom: 1px solid var(--ant-color-border);
  padding: var(--ant-padding) 0;
  margin-bottom: var(--ant-margin-xl);
}

.feedback .feedback-hd h3 {
  font-size: var(--ant-font-size-heading-3);
  color: #000;
}

.layui-form {
  --ant-form-label-required-mark-color: #ff4d4f;
  --ant-form-label-color: rgba(0, 0, 0, 0.88);
  --ant-form-label-font-size: 14px;
  --ant-form-label-colon-margin-inline-start: 2px;
  --ant-form-label-colon-margin-inline-end: 8px;
}

.layui-form-item-required:before {
  display: inline-block;
  margin-inline-end: var(--ant-margin-xxs);
  color: var(--ant-form-label-required-mark-color);
  font-size: var(--ant-font-size);
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: "*";
}

.layui-form .layui-form-label::after {
  content: ":";
  position: relative;
  margin-block: 0;
  margin-inline-start: var(--ant-form-label-colon-margin-inline-start);
  margin-inline-end: var(--ant-form-label-colon-margin-inline-end);
}

.layui-form .layui-form-item {
  margin-bottom: var(--ant-margin-xl);
}

.layui-form .layui-form-label {
  position: relative;
  color: var(--ant-form-label-color);
  font-size: var(--ant-form-label-font-size);
  width: 8em;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
}

.layui-form .layui-input-block {
  margin-left: 8em;
}

.layui-form .layui-textarea,
.layui-form .layui-input {
  border-radius: var(--ant-border-radius-sm);
}

.layui-input:focus,
.layui-textarea:focus {
  border-color: var(--ant-color-primary) !important;
}

.layui-form-checkbox[lay-skin="primary"]:hover > i {
  border-color: var(--ant-color-primary);
  color: #fff;
}

.layui-form-checked[lay-skin="primary"] > i {
  border-color: var(--ant-color-primary) !important;
  background-color: var(--ant-color-primary);
  color: #fff;
}

.layui-input::-webkit-input-placeholder,
.layui-select::-webkit-input-placeholder,
.layui-textarea::-webkit-input-placeholder {
  font-size: var(--ant-font-size);
  color: #cecece;
}

.layui-form .layui-btn {
  height: 44px;
  line-height: 44px;
  width: 160px;
  font-size: var(--ant-font-size);
  border-radius: var(--ant-border-radius-sm);
  background-color: var(--ant-color-primary);
}

.service-page .layui-form .layui-form-label {
  width: 12em;
}

.service-page .layui-form .layui-input-block {
  margin-left: 12em;
}

.service-page .layui-form .layui-form-item {
  margin-bottom: var(--ant-margin);
}

.layui-form-item-other {
  margin-top: -16px;
}

@media only screen and (max-width: 768px) {
  .feedback .feedback-hd {
    padding: var(--ant-padding-sm) 0;
    margin-bottom: var(--ant-margin);
  }

  .feedback .feedback-hd h3 {
    font-size: var(--ant-font-size-heading-5);
  }

  .layui-form {
    padding: 0 var(--ant-padding);
  }

  .layui-form .layui-form-item {
    margin-bottom: var(--ant-margin-xs) !important;
  }

  .layui-form .layui-form-label {
    font-size: var(--ant-form-label-font-size);
    text-align: left;
    width: auto !;
    float: none;
  }

  .layui-form .layui-input-block {
    margin-left: 0 !important;
  }

  .layui-form-vertical .layui-textarea,
  .layui-form-vertical .layui-input {
    height: 32px;
  }

  .layui-input::-webkit-input-placeholder,
  .layui-select::-webkit-input-placeholder,
  .layui-textarea::-webkit-input-placeholder {
    font-size: var(--ant-font-sm);
  }

  .layui-form .layui-btn {
    width: 100%;
    font-size: var(--ant-font-size);
    margin-top: var(--ant-margin-sm);
  }

  .layui-form-item-other {
    margin-top: 0;
  }
}

/* ================ 发展历程 ===================== */
.history-area {
}

.thumbs,
.gallery {
  width: 100%;
  position: relative;
  user-select: none;
  box-sizing: border-box;
}

.thumbs {
  --thumbs-year-font-size: 30px;
  --thumbs-year-height: 100px;
  --thumbs-prev-width: 57px;
  --thumbs-dot-width: 18px;
  --thumbs-dot-inner-width: 10px;
  --thumbs-dot-inner-color: #999999;
  margin: 30px 0;
}

.thumbs::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 28px;
  width: calc(100% - 196px);
  height: 1px;
  background: var(--ant-color-border);
  margin: 0 auto;
}

.thumbs-year {
  width: 100%;
  position: relative;
  display: flex;
  transition: all 0.4s ease;
  align-items: flex-end;
  justify-content: center;
  height: var(--thumbs-year-height);
  font-size: var(--thumbs-year-font-size);
  color: #999;
}

.thumbs-year::before,
.thumbs-year::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  border-radius: 50%;
}

.thumbs-year::before {
  transition: all 0.4s ease;
  width: var(--thumbs-dot-width);
  height: var(--thumbs-dot-width);
  background: transparent;
  top: 19px;
}

.thumbs-year::after {
  transition: all 0.3s ease;
  width: var(--thumbs-dot-inner-width);
  height: var(--thumbs-dot-inner-width);
  background: var(--thumbs-dot-inner-color);
  top: 23px;
}

.thumbs-year.active {
  color: var(--ant-color-primary);
}

.thumbs-year.active::before {
  background: #bacbfc;
}

.thumbs-year.active::after {
  background: var(--ant-color-primary);
}

.thumbs-prev,
.thumbs-next {
  width: var(--thumbs-prev-width);
  height: var(--thumbs-prev-width);
  border-radius: 50%;
  transition: all 0.4s ease;
  outline: none;
  background: var(--ant-color-primary);
  color: #fff;
  top: 0;
  margin-top: 0;
}

.thumbs-prev {
  left: 0;
}

.thumbs-next {
  right: 0;
}

.thumbs-prev:after,
.thumbs-next:after {
  font-size: var(--ant-font-size-heading-3);
}

.thumbs-prev:hover,
.thumbs-next:hover {
  background: var(--ant-blue-8);
}

.gallery {
}

.gallery .history-item {
  display: flex;
  height: 208px;
}

.gallery .history-item .year {
  height: 100%;
  color: #f5f5f5;
  font-size: 12vw;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.gallery .history-item .txt {
  box-sizing: border-box;
  flex: 1;
  padding-left: 10%;
  height: 100%;
}

.txt-wrap {
  height: 100%;
  overflow-y: auto;
  padding-left: 4px;
}

.gallery .history-item .txt-list {
  border-left: 1px solid var(--ant-color-border);
  min-height: 100%;
}

.gallery .history-item .txt-list li {
  margin-bottom: var(--ant-margin);
}

.gallery .history-item .txt-list li:last-child {
  margin-bottom: 0;
}

.gallery .history-item .txt-list li .pic {
  margin-top: var(--ant-margin-sm);
}

.gallery .history-item .txt-list li .pic img {
  max-width: 100%;
  max-height: 120px;
}

.gallery .history-item .txt-list li h3 {
  position: relative;
  padding-left: var(--ant-padding-lg);
  font-size: var(--ant-font-size-heading-3);
  color: #333;
}

.gallery .history-item .txt-list li h3::after {
  content: "";
  position: absolute;
  left: -4px;
  top: 50%;
  transform: translateY(-50%);
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: var(--ant-orange);
  z-index: 1;
}

.gallery .history-item .txt-list li .desc {
  padding-left: var(--ant-padding-xxl);
  color: #666;
  font-size: 18px;
}

@media only screen and (max-width: 768px) {
  .thumbs::after {
    top: 15px;
    width: calc(100% - 68px);
  }

  .thumbs-year {
    height: 60px;
    font-size: var(--ant-font-size);
  }

  .thumbs-year::before {
    top: 6px;
  }

  .thumbs-year::after {
    top: 10px;
  }

  .thumbs-prev,
  .thumbs-next {
    width: 31px;
    height: 31px;
  }

  .thumbs-prev:after,
  .thumbs-next:after {
    font-size: var(--ant-font-size-heading-5);
  }

  .gallery .history-item {
    display: flex;
    height: 208px;
  }

  .gallery .history-item .year {
    display: none;
  }

  .gallery .history-item .txt {
    padding-left: 0;
  }

  .gallery .history-item .txt-list li .pic img {
    max-height: 80px;
  }

  .gallery .history-item .txt-list li h3 {
    font-size: var(--ant-font-size-heading-5);
  }

  .gallery .history-item .txt-list li .desc {
    font-size: var(--ant-font-size-sm);
  }
}

.localnav {
  border-bottom: 1px solid var(--ant-color-border);
}

.ln-list {
  display: flex;
}

.ln-list li {
  font-size: 18px;
  margin-right: 5%;
  position: relative;
}

.ln-list li a {
  color: #333;
  display: block;
  padding: var(--ant-padding) var(--ant-padding-xs);
}

.ln-list .active ::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 2px;
  background-color: var(--ant-orange);
}

.ln-list .active a {
  color: #000;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .ln-list {
    flex-wrap: wrap;
  }

  .ln-list li {
    font-size: var(--ant-font-size);
    margin-right: var(--ant-margin-sm);
  }
}
.layout {
  background: #fafafa;
  padding: 60px 0 100px;
}

.layout .container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-top: 1px solid var(--ant-color-border);
}

.layout .container .aside {
  width: 20%;
}

.layout .container .main {
  width: 80%;
  box-sizing: border-box;
  padding-left: 40px;
}

@media only screen and (max-width: 768px) {
  .layout {
    padding: 30px 0;
  }

  .layout .container .main {
    width: 100%;
    padding-left: 0;
  }
}

.tabs-nav-wrap {
  background: rgba(250, 250, 250, 0.9);
  z-index: 10;
}

.tabs-nav .tabs-nav-list {
  position: relative;
  display: flex;
  transition: all 0.3s;
}

.tabs-tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  background: transparent;
  outline: none;
  cursor: pointer;
  color: #999999;
  padding: var(--ant-padding) 0;
  font-size: var(--ant-font-size-heading-4);
  line-height: 60px;
  height: 60px;
  margin-right: 40px;
  user-select: none;
}

.tabs-tab.on {
  color: #000000;
  font-weight: bold;
}

.tabs-tab.on:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 100%;
  height: 2px;
  background-color: var(--ant-orange);
}

.tabs-tabpane {
  margin-bottom: var(--ant-margin-md);
  padding: var(--ant-padding) var(--ant-padding-xxl) var(--ant-padding-xxl);
  position: relative;
  background-color: #fff;
}

.tabs-tabpane::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/logo2.png");
  background-repeat: no-repeat;
  background-position: 50% 0;
  opacity: 0.04;
  background-size: 640px auto;
}

.tabs-tabpane .info {
  position: relative;
  z-index: 1;
}

.tabs-tabpane:last-child {
  margin-bottom: 0;
}

.info .info-hd {
  border-bottom: 1px solid var(--ant-color-border);
  padding: var(--ant-padding-sm) 0;
}

.info .info-hd h4 {
  font-weight: bold;
  font-size: var(--ant-font-size-heading-3);
  color: #000;
}

.info .info-bd {
  padding: var(--ant-padding) 0;
}

@media only screen and (max-width: 768px) {
  .tabs-tab {
    padding: var(--ant-padding) 0;
    font-size: var(--ant-font-size-heading-5);
    line-height: 24px;
    height: 24px;
    margin-right: 20px;
  }

  .tabs-tabpane {
    margin-bottom: var(--ant-margin);
    padding: var(--ant-padding-xs) var(--ant-padding) var(--ant-padding);
  }

  .info .info-hd {
    padding: var(--ant-padding-xs) 0;
  }

  .info .info-hd h4 {
    font-size: var(--ant-font-size-heading-5);
  }

  .info .info-bd {
    padding: var(--ant-padding-xs) 0;
  }
}

.video-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -25px;
}

.video-list li {
  width: 33.33%;
  box-sizing: border-box;
  padding: 0 25px;
  margin-bottom: 20px;
}

.video-list li .pic {
  margin-bottom: 10px;
  height: 200px;
  position: relative;
}

.video-list li .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.video-list li .video-txt {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  overflow: hidden;
}

.video-list li .video-play-icon {
  height: 54px;
  width: 54px;
  border: 4px solid #fff;
  background-color: rgba(0, 0, 0, 0.2);
}

.video-list li .video-play-icon .fa {
  color: #fff;
}

.download-table table {
  --ant-table-border-color: rgba(0, 0, 0, 0.08);
  width: 100%;
  text-align: start;
  border-collapse: separate;
  border-spacing: 0;
}

.download-table table th {
  padding: var(--ant-padding);
  overflow-wrap: break-word;
  position: relative;
  text-align: center;
  color: #333;
  font-size: 18px;
  font-weight: normal;
}

.download-table table td {
  position: relative;
  padding: var(--ant-padding);
  overflow-wrap: break-word;
  border-bottom: var(--ant-line-width) var(--ant-line-type) var(--ant-table-border-color);
  transition: all 0.3s;
  font-size: var(--ant-font-size-lg);
  color: #666;
  text-align: center;
}

.download-table table td a {
  transition: all 0.3s;
  padding: 0 var(--ant-padding);
}

.download-table table td a:hover {
  color: var(--ant-orange);
}

.download-table table th:first-child,
.download-table table td:first-child {
  text-align: left;
}

.download-table table tr:hover td {
  background: rgba(0, 0, 0, 0.06);
}

@media only screen and (max-width: 768px) {
  .download-table table th {
    padding: var(--ant-padding-xs);
    font-size: 14px;
  }

  .download-table table td {
    padding: var(--ant-padding-xs);
    font-size: var(--ant-font-size-sm);
  }

  .download-table table td a {
    padding: 0 var(--ant-padding-xs);
  }

  .video-list {
    margin: 0;
  }

  .video-list li {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }

  .video-list li .pic {
    margin-bottom: 10px;
    height: 160px;
    position: relative;
  }

  .video-list li .video-play-icon {
    height: 32px;
    width: 32px;
  }
}

.pro-summary .info-bd {
  font-size: 18px;
  color: #666;
  line-height: 1.667;
  margin-bottom: var(--ant-margin-xs);
}

.pro-summary .info-ft h5 {
  margin-bottom: var(--ant-margin-xs);
  font-weight: bold;
  font-size: var(--ant-font-size-heading-3);
  color: #000;
}

.pro-cate-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.pro-cate-list li {
  font-size: var(--ant-font-size-lg);
  margin: 0 var(--ant-margin-xxl) var(--ant-margin) 0;
  padding: var(--ant-padding-xs) 0;
}

.pro-cate-list li a {
  color: #999;
  transition: all 0.3s;
}

.pro-cate-list li a:hover {
  color: var(--ant-orange);
}

.app-list li {
  font-size: var(--ant-font-size-lg);
  padding: var(--ant-padding-xs) 0;
  color: #666;
}

.c-table {
  width: 100%;
  overflow-x: auto;
  padding: var(--ant-padding-xs);
  box-sizing: border-box;
}

.c-table table {
  --ant-table-border-color: rgba(0, 0, 0, 0.08);
  width: 100%;
  text-align: start;
  border-collapse: separate;
  border-spacing: 0;
}

.c-table table tr:first-child td {
  padding: var(--ant-padding-xxs) var(--ant-padding-xs);
  overflow-wrap: break-word;
  position: relative;
  text-align: center;
  color: #000;
  font-size: var(--ant-font-size);
  font-weight: normal;
  border: 1px solid var(--ant-table-border-color);
  background-color: var(--ant-blue-1);
}

.c-table table td {
  position: relative;
  padding: var(--ant-padding-xs);
  overflow-wrap: break-word;
  border: 1px solid var(--ant-table-border-color);
  transition: all 0.3s;
  font-size: var(--ant-font-size);
  color: #666;
  text-align: center;
}

.c-table table td a {
  transition: all 0.3s;
  padding: 0 var(--ant-padding);
}

.c-table table td a:hover {
  color: var(--ant-orange);
}

/* .c-table table th:first-child,
.c-table table td:first-child {
  text-align: left;
} */

.c-table table tr:hover td {
  background: rgba(0, 0, 0, 0.06);
}

.c-table table tr td,
.c-table table tr td * {
  transition: all 0.3s;
}
.c-table table tr:not(:first-child) td:hover * {
  color: var(--ant-orange) !important;
}

@media only screen and (max-width: 768px) {
  .c-table table th {
    padding: var(--ant-padding-xs);
    font-size: 14px;
  }

  .c-table table td {
    padding: var(--ant-padding-xs);
    font-size: var(--ant-font-size-sm);
  }

  .c-table table td a {
    padding: 0 var(--ant-padding-xs);
  }
}

@media only screen and (max-width: 768px) {
  .pro-summary .info-bd {
    font-size: var(--ant-font-size-sm);
  }

  .pro-summary .info-ft h5 {
    font-size: var(--ant-font-size-heading-5);
  }

  .pro-summary .info-ft ul li {
    font-size: var(--ant-font-size-sm);
    margin: 0 var(--ant-margin-xs) var(--ant-margin-xs) 0;
    padding: 0;
    line-height: 20px;
  }

  .pro-cate-list li {
    font-size: var(--ant-font-size-sm);
    margin: 0 var(--ant-margin-xs) var(--ant-margin-xs) 0;
    padding: 0;
    line-height: 20px;
  }

  .app-list li {
    font-size: var(--ant-font-size-sm);
    line-height: 20px;
  }
}

/* ==========================================================================
   新闻详情
   ========================================================================== */
.nd_left {
  width: calc(100% - 410px);
  float: left;
}

.nd_right {
  float: right;
  width: 410px;
  padding-left: 5%;
  box-sizing: border-box;
}

.nd_title {
  box-sizing: border-box;
  text-align: center;
  padding-bottom: var(--ant-padding);
}

.news_title {
  font-size: var(--ant-font-size-heading-3);
  color: #000;
}

.nd_intro {
  margin-top: var(--ant-padding);
}

.nd_date {
  font-size: 18px;
  color: #999;
  font-weight: normal;
}

.nd_main {
  font-size: var(--ant-font-size-lg);
  color: #666;
  line-height: 2;
  box-sizing: border-box;
  padding: var(--ant-padding-lg) 0;
}

.nd_main img {
}

.nd_toolbar {
  border-top: 1px solid var(--ant-color-border);
  padding: var(--ant-padding-lg) 0;
}

.nd_toolbar li {
  margin-bottom: var(--ant-margin);
}

.nd_toolbar a {
  color: var(--ant-color-primary);
  font-size: var(--ant-font-size-lg);
  transition: all 0.3s;
}

.nd_toolbar a:hover {
  color: var(--ant-orange);
}

/*  */
.nd_right {
}

.access-title {
  padding: var(--ant-padding-sm) var(--ant-padding);
  font-size: var(--ant-font-size-heading-4);
  font-weight: normal;
  color: #333;
  background-color: #f5f5f5;
}

.access-title .fa {
  color: #666;
  margin-right: 8px;
}

.access-bd {
  padding: var(--ant-padding) var(--ant-padding-xl);
}

.access-list {
  padding-left: var(--ant-padding);
  border-left: 1px solid var(--ant-color-border);
}

.access-list li {
  margin-bottom: var(--ant-margin);
  font-size: var(--ant-font-size-lg);
}

.access-list li .date {
  color: #999;
  position: relative;
  transition: all 0.3s;
}

.access-list li .date::after {
  content: "";
  position: absolute;
  left: calc(var(--ant-padding) * -1);
  margin-left: -1px;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 80%;
  background-color: var(--ant-orange);
}

.access-list li h4 {
  color: #333;
  font-weight: normal;
  transition: all 0.3s;
}

.access-list li:hover .date,
.access-list li:hover h4 {
  color: var(--ant-orange);
}

@media only screen and (max-width: 768px) {
  .content {
    padding: 30px 0;
  }
  .nd_left {
    width: 100%;
  }

  .nd_right {
    display: none;
  }

  .nd_title {
    padding-bottom: var(--ant-padding-xs);
    text-align: left;
  }

  .news_title {
    font-size: var(--ant-font-size-heading-5);
  }

  .nd_intro {
    margin-top: var(--ant-padding-sm);
  }

  .nd_date {
    font-size: 12px;
  }

  .nd_main {
    font-size: var(--ant-font-size);
    padding: var(--ant-padding) 0;
  }

  .nd_main img {
    margin: var(--ant-margin) 0;
  }

  .nd_toolbar {
    padding: var(--ant-padding) 0;
  }

  .nd_toolbar li {
    margin-bottom: var(--ant-margin-sm);
  }

  .nd_toolbar a {
    font-size: var(--ant-font-size-sm);
  }
}

/* ==========================================================================
   Pagination
   ========================================================================== */
#Lb_pager {
  margin-top: 30px;
  margin-bottom: 20px;
  text-align: center;
}
#Lb_pager .pages a {
  display: inline-block;
  background: #fafafa;
  margin: 3px;
  padding: 0 15px;
  color: #333;
  cursor: pointer;
  line-height: 32px;
  height: 32px;
  border: 1px solid #fafafa;
  border-radius: 4px;
  transition: all 0.3s;
}
#Lb_pager .pages .pgnext {
  padding: 0 15px;
}
#Lb_pager .pages .pgcurrent {
  color: #fff;
  cursor: default;
  background-color: var(--ant-color-primary);
  border-color: var(--ant-color-primary);
}
#Lb_pager .pages .pgempty {
  cursor: not-allowed;
}
#Lb_pager .pages a:hover {
  color: #fff;
  text-decoration: none;
  background-color: var(--ant-color-primary);
  border-color: var(--ant-color-primary);
}

.pro-box {
  border-bottom: 1px solid var(--ant-color-border);
  padding-bottom: 40px;
  display: flex;
  height: 340px;
  padding-top: var(--ant-padding);
  position: relative;
  z-index: 1;
}

.pro-box .col-right {
  width: 382px;
  height: 100%;
}

.pro-focus {
  display: flex;
  flex-direction: column;
  width: calc(100% - 382px);
  box-sizing: border-box;
  padding-right: 5%;
  height: 100%;
}

.pro-focus-hd {
  padding: var(--ant-padding) 0;
}

.pro-focus-hd h1 {
  font-weight: normal;
  font-size: var(--ant-font-size-heading-1);
  color: #000;
  color: var(--ant-orange);
}

.pro-focus-bd {
  color: #666;
  /* font-size: var(--ant-font-size-lg); */
  font-size: 20px;
  padding-bottom: var(--ant-padding);
  flex: 1;
}

.pro-focus-ft {
  display: flex;
}

.pro-focus-ft a {
  display: block;
  transition: all 0.3s;
  color: var(--ant-color-primary);
  font-size: var(--ant-font-size-lg);
  margin-right: var(--ant-margin-xxl);
}

.pro-focus-ft a:hover {
  color: var(--ant-orange);
  border: 1px solid var(--ant-color-border);
}

.cloudzoom-zoom {
  z-index: 3;
}

.gallery-pic {
  height: 240px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  border: 1px solid var(--ant-color-border);
}
.gallery-pic .bgimg {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.gallery-pic .upimg {
  max-height: 100%;
  width: auto;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}

.proThumbSwiper {
  margin-top: 18px;
}
.proThumbSwiper .pic {
  height: 82px;
  box-sizing: border-box;
  border: 1px solid var(--ant-color-border);
  padding: 1px;
  transition: all 0.3s;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.proThumbSwiper .pic img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.swiper-slide-thumb-active .pic {
  border-color: var(--ant-orange);
}

@media only screen and (max-width: 768px) {
  .pro-box {
    padding-bottom: var(--ant-padding);
    padding-top: 0;
    flex-wrap: wrap;
    height: auto;
  }

  .pro-box .col-right {
    width: 100%;
    height: auto;
  }

  .pro-focus {
    width: 100%;
    padding-right: 0;
    height: auto;
    margin-bottom: var(--ant-margin);
  }

  .pro-focus-hd {
    padding: var(--ant-padding) 0;
  }

  .pro-focus-hd h1 {
    font-size: var(--ant-font-size-heading-3);
  }

  .pro-focus-bd {
    font-size: var(--ant-font-size-sm);
    padding-bottom: var(--ant-padding-sm);
    flex: none;
  }

  .pro-focus-ft a {
    font-size: var(--ant-font-size-sm);
    margin-right: var(--ant-margin);
  }

  .gallery-pic {
    height: 160px;
  }
  .proThumbSwiper {
    margin-top: 10px;
  }
  .proThumbSwiper .pic {
    height: 48px;
  }
}

@media only screen and (max-width: 768px) {
  .layout .container .aside {
    width: 100%;
  }
  .layout .container .aside .menu {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    display: none;

    height: 80vh;
    overflow: auto;
    background: rgba(250, 250, 250);
    z-index: 100001;
  }
  .layout .container .aside .menu-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
    width: 100%;
    height: 50px;
    font-size: var(--ant-font-size-lg);
    user-select: none;
  }
}

.yycj p {
  position: relative;
  padding-left: 32px;
  line-height: 2 !important;
}

.yycj p::before,
.yycj p::after {
  position: absolute;
  content: "";
}

.yycj p::before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--ant-orange);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.yycj p::after {
  left: 12px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-top: 1px solid var(--ant-color-primary);
  border-right: 1px solid var(--ant-color-primary);
  transform: translateY(-50%) rotate(45deg);
}

.history-list {
  display: flex;
  flex-wrap: wrap;
  height: 430px;
  margin: 0 -12px 90px;
}

.history-list li {
  width: 20%;
  box-sizing: border-box;
  padding: 40px 12px 0;
  height: 100%;
  transition: all 0.3s;
}

.history-list li::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0;
  background-color: #0d43d7;
  opacity: 0;
}

.history-list .wrap {
  background-color: #f5f5f5;
  padding: var(--ant-padding-xl) var(--ant-padding-md) var(--ant-padding-md);
  height: 100%;
  box-sizing: border-box;
  transition: all 0.3s;
  position: relative;
}

.history-list .wrap::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: -40px;
  background-color: #0d43d7;
  opacity: 0;
}

.history-list .title {
  font-weight: bold;
  color: #333;
  font-size: var(--ant-font-size-heading-4);
  position: relative;
  border-bottom: 1px solid #ddd;
  padding: var(--ant-padding-lg) 0 var(--ant-padding);
  margin-bottom: var(--ant-padding);
  transition: all 0.3s;
}

.history-list .title::after,
.history-list .title::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0;
}

.history-list .title::before {
  background-color: var(--ant-orange);
  left: 5px;
  margin-top: 5px;
}
.history-list .title::after {
  background-color: var(--ant-color-primary);
  left: 0;
}

.history-list .desc {
  line-height: 1.75;
  font-size: var(--ant-font-size-lg);
  color: #666;
  transition: all 0.3s;
}

.history-list li:hover {
  padding: 0 12px 40px;
}

.history-list li:hover .wrap {
  background-color: #0d43d7;
}

.history-list li:hover .title {
  color: #fff;
  border-bottom-color: #fff;
  padding: var(--ant-padding) 0;
}

.history-list li:hover .desc {
  color: #fff;
}

.history-list li:hover .title::after,
.history-list li:hover .title::before {
  display: none;
}

.history-list li:hover .wrap::before {
  opacity: 1;
}

@media only screen and (max-width: 1400px) {
  .history-list {
    height: 430px;
    margin: 0 -12px 90px;
  }

  .history-list li {
    padding: 30px 12px 0;
  }

  .history-list .wrap {
    padding: var(--ant-padding-lg) var(--ant-padding) var(--ant-padding);
  }

  .history-list .title {
    font-size: var(--ant-font-size-heading-5);
    padding: var(--ant-padding-lg) 0 var(--ant-padding);
    margin-bottom: var(--ant-padding);
  }

  .history-list .title::after,
  .history-list .title::before {
    width: 8px;
    height: 8px;
  }

  .history-list .title::before {
    left: 4px;
    margin-top: 4px;
  }

  .history-list .desc {
    font-size: var(--ant-font-size);
  }

  .history-list li:hover {
    padding: 0 12px 30px;
  }
}

@media only screen and (max-width: 1200px) {
  .history-list {
    height: 450px;
    margin: 0 -10px 90px;
  }

  .history-list li {
    padding: 30px 10px 0;
  }

  .history-list li:hover {
    padding: 0 10px 30px;
  }
}

@media only screen and (max-width: 1024px) {
  .history-list {
    height: 500px;
  }
}

@media only screen and (max-width: 833px) {
  .history-list {
    margin: 0 0 30px;
    height: auto;
  }

  .history-list li {
    width: 100%;
    padding: 40px 0 0;
  }
}

.c-case-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
}

.c-case-list li {
  width: 50%;
  box-sizing: border-box;
  padding: var(--ant-padding-md);
  height: 380px;
}

.c-case-list .wrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.c-case-list .bg {
  width: 100%;
  height: 100%;
}

.c-case-list .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.c-case-list .txt {
  position: absolute;
  left: 0;
  top: calc(100% - 64px);
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.3s;
}

.c-case-list .title {
  width: 100%;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ant-font-size-heading-3);
  color: #fefefe;
}

.c-case-list .desc {
  margin-top: 16px;
  padding: 0 36px;
  color: rgba(255, 255, 255, 0.9);
  font-size: var(--ant-font-size-lg);
  text-align: center;
  opacity: 0;
}

.c-case-list li:hover .txt {
  top: 0;
  justify-content: center;
}

.c-case-list li:hover .desc {
  opacity: 1;
}