/* Auto-extracted from zh__index.html style blocks */

/* extracted-style-block-1: no-attrs */
img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain-intrinsic-size: 3000px 1500px
  }

/* extracted-style-block-2: id="safe-svg-svg-icon-style-inline-css" */
.safe-svg-cover {
    text-align: center
  }

  .safe-svg-cover .safe-svg-inside {
    display: inline-block;
    max-width: 100%
  }

  .safe-svg-cover svg {
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    width: 100%
  }

/* extracted-style-block-3: id="classic-theme-styles-inline-css" */
/*! This file is auto-generated */
  .wp-block-button__link {
    color: #fff;
    background-color: #32373c;
    border-radius: 9999px;
    box-shadow: none;
    text-decoration: none;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    font-size: 1.125em
  }

  .wp-block-file__button {
    background: #32373c;
    color: #fff;
    text-decoration: none
  }

/* extracted-style-block-4: id="global-styles-inline-css" */
:root {
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4/3;
    --wp--preset--aspect-ratio--3-4: 3/4;
    --wp--preset--aspect-ratio--3-2: 3/2;
    --wp--preset--aspect-ratio--2-3: 2/3;
    --wp--preset--aspect-ratio--16-9: 16/9;
    --wp--preset--aspect-ratio--9-16: 9/16;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
    --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
  }

  :where(.is-layout-flex) {
    gap: 0.5em;
  }

  :where(.is-layout-grid) {
    gap: 0.5em;
  }

  body .is-layout-flex {
    display: flex;
  }

  .is-layout-flex {
    flex-wrap: wrap;
    align-items: center;
  }

  .is-layout-flex> :is(*, div) {
    margin: 0;
  }

  body .is-layout-grid {
    display: grid;
  }

  .is-layout-grid> :is(*, div) {
    margin: 0;
  }

  :where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
  }

  :where(.wp-block-columns.is-layout-grid) {
    gap: 2em;
  }

  :where(.wp-block-post-template.is-layout-flex) {
    gap: 1.25em;
  }

  :where(.wp-block-post-template.is-layout-grid) {
    gap: 1.25em;
  }

  .has-black-color {
    color: var(--wp--preset--color--black) !important;
  }

  .has-cyan-bluish-gray-color {
    color: var(--wp--preset--color--cyan-bluish-gray) !important;
  }

  .has-white-color {
    color: var(--wp--preset--color--white) !important;
  }

  .has-pale-pink-color {
    color: var(--wp--preset--color--pale-pink) !important;
  }

  .has-vivid-red-color {
    color: var(--wp--preset--color--vivid-red) !important;
  }

  .has-luminous-vivid-orange-color {
    color: var(--wp--preset--color--luminous-vivid-orange) !important;
  }

  .has-luminous-vivid-amber-color {
    color: var(--wp--preset--color--luminous-vivid-amber) !important;
  }

  .has-light-green-cyan-color {
    color: var(--wp--preset--color--light-green-cyan) !important;
  }

  .has-vivid-green-cyan-color {
    color: var(--wp--preset--color--vivid-green-cyan) !important;
  }

  .has-pale-cyan-blue-color {
    color: var(--wp--preset--color--pale-cyan-blue) !important;
  }

  .has-vivid-cyan-blue-color {
    color: var(--wp--preset--color--vivid-cyan-blue) !important;
  }

  .has-vivid-purple-color {
    color: var(--wp--preset--color--vivid-purple) !important;
  }

  .has-black-background-color {
    background-color: var(--wp--preset--color--black) !important;
  }

  .has-cyan-bluish-gray-background-color {
    background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
  }

  .has-white-background-color {
    background-color: var(--wp--preset--color--white) !important;
  }

  .has-pale-pink-background-color {
    background-color: var(--wp--preset--color--pale-pink) !important;
  }

  .has-vivid-red-background-color {
    background-color: var(--wp--preset--color--vivid-red) !important;
  }

  .has-luminous-vivid-orange-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
  }

  .has-luminous-vivid-amber-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
  }

  .has-light-green-cyan-background-color {
    background-color: var(--wp--preset--color--light-green-cyan) !important;
  }

  .has-vivid-green-cyan-background-color {
    background-color: var(--wp--preset--color--vivid-green-cyan) !important;
  }

  .has-pale-cyan-blue-background-color {
    background-color: var(--wp--preset--color--pale-cyan-blue) !important;
  }

  .has-vivid-cyan-blue-background-color {
    background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
  }

  .has-vivid-purple-background-color {
    background-color: var(--wp--preset--color--vivid-purple) !important;
  }

  .has-black-border-color {
    border-color: var(--wp--preset--color--black) !important;
  }

  .has-cyan-bluish-gray-border-color {
    border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
  }

  .has-white-border-color {
    border-color: var(--wp--preset--color--white) !important;
  }

  .has-pale-pink-border-color {
    border-color: var(--wp--preset--color--pale-pink) !important;
  }

  .has-vivid-red-border-color {
    border-color: var(--wp--preset--color--vivid-red) !important;
  }

  .has-luminous-vivid-orange-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
  }

  .has-luminous-vivid-amber-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
  }

  .has-light-green-cyan-border-color {
    border-color: var(--wp--preset--color--light-green-cyan) !important;
  }

  .has-vivid-green-cyan-border-color {
    border-color: var(--wp--preset--color--vivid-green-cyan) !important;
  }

  .has-pale-cyan-blue-border-color {
    border-color: var(--wp--preset--color--pale-cyan-blue) !important;
  }

  .has-vivid-cyan-blue-border-color {
    border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
  }

  .has-vivid-purple-border-color {
    border-color: var(--wp--preset--color--vivid-purple) !important;
  }

  .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
    background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
  }

  .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
    background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
  }

  .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
  }

  .has-luminous-vivid-orange-to-vivid-red-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
  }

  .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
    background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
  }

  .has-cool-to-warm-spectrum-gradient-background {
    background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
  }

  .has-blush-light-purple-gradient-background {
    background: var(--wp--preset--gradient--blush-light-purple) !important;
  }

  .has-blush-bordeaux-gradient-background {
    background: var(--wp--preset--gradient--blush-bordeaux) !important;
  }

  .has-luminous-dusk-gradient-background {
    background: var(--wp--preset--gradient--luminous-dusk) !important;
  }

  .has-pale-ocean-gradient-background {
    background: var(--wp--preset--gradient--pale-ocean) !important;
  }

  .has-electric-grass-gradient-background {
    background: var(--wp--preset--gradient--electric-grass) !important;
  }

  .has-midnight-gradient-background {
    background: var(--wp--preset--gradient--midnight) !important;
  }

  .has-small-font-size {
    font-size: var(--wp--preset--font-size--small) !important;
  }

  .has-medium-font-size {
    font-size: var(--wp--preset--font-size--medium) !important;
  }

  .has-large-font-size {
    font-size: var(--wp--preset--font-size--large) !important;
  }

  .has-x-large-font-size {
    font-size: var(--wp--preset--font-size--x-large) !important;
  }

  :where(.wp-block-post-template.is-layout-flex) {
    gap: 1.25em;
  }

  :where(.wp-block-post-template.is-layout-grid) {
    gap: 1.25em;
  }

  :where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
  }

  :where(.wp-block-columns.is-layout-grid) {
    gap: 2em;
  }

  :root :where(.wp-block-pullquote) {
    font-size: 1.5em;
    line-height: 1.6;
  }

/* extracted-style-block-5: id="codi-style-inline-css" */
@font-face {
    font-family: "Essential";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fframework%2Fassets%2Ficon-sets%2FEssential%2FEssential.woff")format("woff"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fframework%2Fassets%2Ficon-sets%2FEssential%2FEssential.ttf")format("truetype");
  }

  *[data-ico-essential]:before {
    font-family: Essential;
    content: attr(data-ico-essential);
  }

  @font-face {
    font-family: "FontAwesome5Brands";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fframework%2Fassets%2Ficon-sets%2FFontAwesome5Brands%2FFontAwesome5Brands.woff")format("woff");
  }

  *[data-ico-fontawesome5brands]:before {
    font-family: FontAwesome5Brands;
    content: attr(data-ico-fontawesome5brands);
  }

  @font-face {
    font-family: "FontAwesome5Regular";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fframework%2Fassets%2Ficon-sets%2FFontAwesome5Regular%2FFontAwesome5Regular.woff")format("woff");
  }

  *[data-ico-fontawesome5regular]:before {
    font-family: FontAwesome5Regular;
    content: attr(data-ico-fontawesome5regular);
  }

  @font-face {
    font-family: "FontAwesome5Solid";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fframework%2Fassets%2Ficon-sets%2FFontAwesome5Solid%2FFontAwesome5Solid.woff")format("woff");
  }

  *[data-ico-fontawesome5solid]:before {
    font-family: FontAwesome5Solid;
    content: attr(data-ico-fontawesome5solid);
  }

  @font-face {
    font-family: "FontAwesome6Brands";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fframework%2Fassets%2Ficon-sets%2FFontAwesome6Brands%2FFontAwesome6Brands.woff2")format("woff2"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fframework%2Fassets%2Ficon-sets%2FFontAwesome6Brands%2FFontAwesome6Brands.ttf")format("truetype");
  }

  *[data-ico-fontawesome6brands]:before {
    font-family: FontAwesome6Brands;
    content: attr(data-ico-fontawesome6brands);
  }

  @font-face {
    font-family: "FontAwesome6Regular";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fframework%2Fassets%2Ficon-sets%2FFontAwesome6Regular%2FFontAwesome6Regular.woff2")format("woff2"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fframework%2Fassets%2Ficon-sets%2FFontAwesome6Regular%2FFontAwesome6Regular.ttf")format("truetype");
  }

  *[data-ico-fontawesome6regular]:before {
    font-family: FontAwesome6Regular;
    content: attr(data-ico-fontawesome6regular);
  }

  @font-face {
    font-family: "FontAwesome6Solid";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fframework%2Fassets%2Ficon-sets%2FFontAwesome6Solid%2FFontAwesome6Solid.woff2")format("woff2"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fframework%2Fassets%2Ficon-sets%2FFontAwesome6Solid%2FFontAwesome6Solid.ttf")format("truetype");
  }

  *[data-ico-fontawesome6solid]:before {
    font-family: FontAwesome6Solid;
    content: attr(data-ico-fontawesome6solid);
  }

  @font-face {
    font-family: "Icon7Stroke";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fframework%2Fassets%2Ficon-sets%2FIcon7Stroke%2FIcon7Stroke.woff")format("woff"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fframework%2Fassets%2Ficon-sets%2FIcon7Stroke%2FIcon7Stroke.ttf")format("truetype");
  }

  *[data-ico-icon7stroke]:before {
    font-family: Icon7Stroke;
    content: attr(data-ico-icon7stroke);
  }

  @font-face {
    font-family: "Data";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FData%2FData.woff")format("woff"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FData%2FData.ttf")format("truetype");
  }

  *[data-ico-data]:before {
    font-family: Data;
    content: attr(data-ico-data);
  }

  @font-face {
    font-family: "IoniconsFilled";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FIoniconsFilled%2FIoniconsFilled.woff")format("woff"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FIoniconsFilled%2FIoniconsFilled.ttf")format("truetype");
  }

  *[data-ico-ioniconsfilled]:before {
    font-family: IoniconsFilled;
    content: attr(data-ico-ioniconsfilled);
  }

  @font-face {
    font-family: "IoniconsLogos";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FIoniconsLogos%2FIoniconsLogos.woff")format("woff"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FIoniconsLogos%2FIoniconsLogos.ttf")format("truetype");
  }

  *[data-ico-ioniconslogos]:before {
    font-family: IoniconsLogos;
    content: attr(data-ico-ioniconslogos);
  }

  @font-face {
    font-family: "IoniconsOutline";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FIoniconsOutline%2FIoniconsOutline.woff")format("woff"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FIoniconsOutline%2FIoniconsOutline.ttf")format("truetype");
  }

  *[data-ico-ioniconsoutline]:before {
    font-family: IoniconsOutline;
    content: attr(data-ico-ioniconsoutline);
  }

  @font-face {
    font-family: "IoniconsSharp";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FIoniconsSharp%2FIoniconsSharp.woff")format("woff"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FIoniconsSharp%2FIoniconsSharp.ttf")format("truetype");
  }

  *[data-ico-ioniconssharp]:before {
    font-family: IoniconsSharp;
    content: attr(data-ico-ioniconssharp);
  }

  @font-face {
    font-family: "It";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FIt%2FIt.woff")format("woff"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FIt%2FIt.ttf")format("truetype");
  }

  *[data-ico-it]:before {
    font-family: It;
    content: attr(data-ico-it);
  }

  @font-face {
    font-family: "Product";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FProduct%2FProduct.woff")format("woff"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FProduct%2FProduct.ttf")format("truetype");
  }

  *[data-ico-product]:before {
    font-family: Product;
    content: attr(data-ico-product);
  }

  @font-face {
    font-family: "RemixIconsBuildings";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsBuildings%2FRemixIconsBuildings.woff")format("woff"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsBuildings%2FRemixIconsBuildings.ttf")format("truetype");
  }

  *[data-ico-remixiconsbuildings]:before {
    font-family: RemixIconsBuildings;
    content: attr(data-ico-remixiconsbuildings);
  }

  @font-face {
    font-family: "RemixIconsBusiness";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsBusiness%2FRemixIconsBusiness.woff")format("woff"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsBusiness%2FRemixIconsBusiness.ttf")format("truetype");
  }

  *[data-ico-remixiconsbusiness]:before {
    font-family: RemixIconsBusiness;
    content: attr(data-ico-remixiconsbusiness);
  }

  @font-face {
    font-family: "RemixIconsCommunication";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsCommunication%2FRemixIconsCommunication.woff")format("woff"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsCommunication%2FRemixIconsCommunication.ttf")format("truetype");
  }

  *[data-ico-remixiconscommunication]:before {
    font-family: RemixIconsCommunication;
    content: attr(data-ico-remixiconscommunication);
  }

  @font-face {
    font-family: "RemixIconsDesign";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsDesign%2FRemixIconsDesign.woff")format("woff"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsDesign%2FRemixIconsDesign.ttf")format("truetype");
  }

  *[data-ico-remixiconsdesign]:before {
    font-family: RemixIconsDesign;
    content: attr(data-ico-remixiconsdesign);
  }

  @font-face {
    font-family: "RemixIconsDevelopment";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsDevelopment%2FRemixIconsDevelopment.woff")format("woff"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsDevelopment%2FRemixIconsDevelopment.ttf")format("truetype");
  }

  *[data-ico-remixiconsdevelopment]:before {
    font-family: RemixIconsDevelopment;
    content: attr(data-ico-remixiconsdevelopment);
  }

  @font-face {
    font-family: "RemixIconsDevice";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsDevice%2FRemixIconsDevice.woff")format("woff"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsDevice%2FRemixIconsDevice.ttf")format("truetype");
  }

  *[data-ico-remixiconsdevice]:before {
    font-family: RemixIconsDevice;
    content: attr(data-ico-remixiconsdevice);
  }

  @font-face {
    font-family: "RemixIconsDocument";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsDocument%2FRemixIconsDocument.woff")format("woff"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsDocument%2FRemixIconsDocument.ttf")format("truetype");
  }

  *[data-ico-remixiconsdocument]:before {
    font-family: RemixIconsDocument;
    content: attr(data-ico-remixiconsdocument);
  }

  @font-face {
    font-family: "RemixIconsEditor";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsEditor%2FRemixIconsEditor.woff")format("woff"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsEditor%2FRemixIconsEditor.ttf")format("truetype");
  }

  *[data-ico-remixiconseditor]:before {
    font-family: RemixIconsEditor;
    content: attr(data-ico-remixiconseditor);
  }

  @font-face {
    font-family: "RemixIconsFinance";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsFinance%2FRemixIconsFinance.woff")format("woff"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsFinance%2FRemixIconsFinance.ttf")format("truetype");
  }

  *[data-ico-remixiconsfinance]:before {
    font-family: RemixIconsFinance;
    content: attr(data-ico-remixiconsfinance);
  }

  @font-face {
    font-family: "RemixIconsHealth";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsHealth%2FRemixIconsHealth.woff")format("woff"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsHealth%2FRemixIconsHealth.ttf")format("truetype");
  }

  *[data-ico-remixiconshealth]:before {
    font-family: RemixIconsHealth;
    content: attr(data-ico-remixiconshealth);
  }

  @font-face {
    font-family: "RemixIconsLogos";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsLogos%2FRemixIconsLogos.woff")format("woff"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsLogos%2FRemixIconsLogos.ttf")format("truetype");
  }

  *[data-ico-remixiconslogos]:before {
    font-family: RemixIconsLogos;
    content: attr(data-ico-remixiconslogos);
  }

  @font-face {
    font-family: "RemixIconsMap";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsMap%2FRemixIconsMap.woff")format("woff"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsMap%2FRemixIconsMap.ttf")format("truetype");
  }

  *[data-ico-remixiconsmap]:before {
    font-family: RemixIconsMap;
    content: attr(data-ico-remixiconsmap);
  }

  @font-face {
    font-family: "RemixIconsMedia";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsMedia%2FRemixIconsMedia.woff")format("woff"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsMedia%2FRemixIconsMedia.ttf")format("truetype");
  }

  *[data-ico-remixiconsmedia]:before {
    font-family: RemixIconsMedia;
    content: attr(data-ico-remixiconsmedia);
  }

  @font-face {
    font-family: "RemixIconsOthers";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsOthers%2FRemixIconsOthers.woff")format("woff"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsOthers%2FRemixIconsOthers.ttf")format("truetype");
  }

  *[data-ico-remixiconsothers]:before {
    font-family: RemixIconsOthers;
    content: attr(data-ico-remixiconsothers);
  }

  @font-face {
    font-family: "RemixIconsSystem";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsSystem%2FRemixIconsSystem.woff")format("woff"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsSystem%2FRemixIconsSystem.ttf")format("truetype");
  }

  *[data-ico-remixiconssystem]:before {
    font-family: RemixIconsSystem;
    content: attr(data-ico-remixiconssystem);
  }

  @font-face {
    font-family: "RemixIconsUser";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsUser%2FRemixIconsUser.woff")format("woff"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsUser%2FRemixIconsUser.ttf")format("truetype");
  }

  *[data-ico-remixiconsuser]:before {
    font-family: RemixIconsUser;
    content: attr(data-ico-remixiconsuser);
  }

  @font-face {
    font-family: "RemixIconsWeather";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsWeather%2FRemixIconsWeather.woff")format("woff"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FRemixIconsWeather%2FRemixIconsWeather.ttf")format("truetype");
  }

  *[data-ico-remixiconsweather]:before {
    font-family: RemixIconsWeather;
    content: attr(data-ico-remixiconsweather);
  }

  @font-face {
    font-family: "Security";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FSecurity%2FSecurity.woff")format("woff"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FSecurity%2FSecurity.ttf")format("truetype");
  }

  *[data-ico-security]:before {
    font-family: Security;
    content: attr(data-ico-security);
  }

  @font-face {
    font-family: "Server";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FServer%2FServer.woff")format("woff"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FServer%2FServer.ttf")format("truetype");
  }

  *[data-ico-server]:before {
    font-family: Server;
    content: attr(data-ico-server);
  }

  @font-face {
    font-family: "Startup";
    src: url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FStartup%2FStartup.woff")format("woff"), url("/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Ficon-sets%2FStartup%2FStartup.ttf")format("truetype");
  }

  *[data-ico-startup]:before {
    font-family: Startup;
    content: attr(data-ico-startup);
  }

/* extracted-style-block-6: no-attrs */
@font-face {
    font-family: "Auto Signature";
    font-style: normal;
    font-weight: 400;
    src: url(/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Fassets%2Fcustom-fonts%2FAuto%2520Signature%2FaAutoSignature.ttf)format("truetype");
  }

/* extracted-style-block-7: id="wp-custom-css" */
@font-face {
    font-family: Lato;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Ffonts%2FLato-ThinItalic.woff)
  }

  @font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Ffonts%2FLato-Thin.woff)
  }

  @font-face {
    font-family: Lato;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Ffonts%2FLato-RegularItalic.woff)
  }

  @font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Ffonts%2FLato-Regular.woff)
  }

  @font-face {
    font-family: Lato;
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Ffonts%2FLato-SemiboldItalic.woff)
  }

  @font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Ffonts%2FLato-Semibold.woff)
  }

  @font-face {
    font-family: Lato;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Ffonts%2FLato-BoldItalic.woff)
  }

  @font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Ffonts%2FLato-Bold.woff)
  }

  @font-face {
    font-family: Lato;
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Ffonts%2FLato-HeavyItalic.woff)
  }

  @font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/api/mirror?path=%2Fwp-content%2Fthemes%2Fcodi%2Ffonts%2FLato-Heavy.woff)
  }

  body {
    font-family: Lato;
    letter-spacing: 0.5px;
    background-
  }

  .site-branding-logo-text {
    margin-top: 18px;
    margin-bottom: 18px;
  }

  .logo-img {
    width: 138px !important;
    height: 45px !important;
  }

  .industryRight {
    border-left: 1px solid var(--inputs-outline);

  }

  @media (max-width:480px) {
    .industryRight {
      border-left: none;
      border-top: 1px solid var(--inputs-outline);
      padding-left: 0px !important;
      padding-right: 0px !important;
      margin-left: 20px !important;
      margin-right: 20px !important;
    }
  }

  .wenhuaText {
    display: flex
  }

  .wenhuaText strong {
    display: inline-block;
    width: 60px;
    margin-right: 10px
  }

  .wenhuaCard {
    transition: 0.5s ease;
    border: 1px solid #ececec !important;
  }

  .wenhuaCard:hover {
    background-color: #0327dc !important;
    background: url('/api/mirror?path=%2Fwp-content%2Fuploads%2F2024%2F03%2F%E4%BC%81%E4%B8%9A%E6%96%87%E5%8C%96%E8%83%8C%E6%99%AF-1.png');
    background-repeat: no-repeat;
    background-position: right top;
    color: white;
    transition: color 0.5s ease;
    /* 	background-size: cover; */
  }

  .licenseImage {
    width: 100%;
    text-align: center;
    margin-left: 0px !important;
    margin-top: 0 !important
  }

  input:not([type=submit]):not([type=checkbox]):not([type=radio]),
  textarea {
    padding: 0.8em 1.25em;
    min-height: 32px;
  }

  input:not([type=submit]):not([type=checkbox]):not([type=radio]),
  textarea {
    min-height: 32px;
  }

  .bold_timeline_item_header {
    background-image: url("/api/mirror?path=%2Fwp-content%2Fuploads%2F2024%2F03%2F45px%402x.png")
  }

  .bt_bb_align_left .bt_bb_image+.bt_bb_image {
    margin-left: 0 !important
  }

  @media (max-width: 1200px) {

    .cardCo {
      margin-top: 30px
    }
  }

  /* 帖子背景样式 
.bt-blog-header-content .bt_bb_section {background: radial-gradient(100% 100% at 48.52% 0%, #DBE9FF 1.56%, rgba(219, 233, 255, 0.6) 52.6%, rgb(255, 255, 255) 100%) !important;
}*/
  .bt-blog-header-content .bt_bb_section {
    background: radial-gradient(100% 100% at 48.52% 0%, #DBE9FF 1.56%, rgba(219, 233, 255, 0.6) 52.6%, rgb(255, 255, 255) 100%) !important;
    width: 100% !important;
    /* 	  position: absolute;
    left: 50%;
    transform: translateX(-50%); */
  }

  .portfolio-template-default .bt-blog-header-content {
    position: absolute;
    width: 100%
  }

  .portfolio-template-default .site-content#content,
  single-portfolio .site-content#content {
    margin-top: 3rem !important
  }

  .bt-blog-header-content .bt_bb_background_image_holder_wrapper .bt_bb_background_image_holder.btLazyLoadBackground.btLazyLoaded {
    background-image: none !important;
  }

  /* 特色图片样式 */

  .single article.portfolio:not(:last-child) {
    justify-content: center;
  }

  .entry-content .article-media {
    display: none !important
  }

  .entry-content .slick-slider .slick-list {
    display: none
  }

  .entry-content .article-media .media-box {
    display: none;
  }

  .single-portfolio article.portfolio .entry-content .portfolio-meta {
    grid-area: none;
  }

  .single article.post .entry-header,
  .single article.portfolio .entry-header,
  .entry-header.single {
    width: auto
  }

  /* .entry-header{
width:max-content !important} */
  .single-portfolio article.portfolio .entry-content {
    display: inline-block !important
  }

  /* 案例卡片 */
  .bt_bb_css_post_grid .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content {
    background: #F7F9FA;
    padding: 1em;
  }

  .bt_bb_grid_item_post_excerpt {
    color: #666666;
    font-size: 14px;
    line-height: 26px;
  }

  .bt_bb_css_post_grid.bt_bb_title_font_weight_500 .bt_bb_css_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_post_title {
    font-size: 18px;
    letter-spacing: 2px;
    color: #2D3032;
  }

  /* 案例文章分页部分 */
  .navigation.post-navigation {
    width: 1200px !important;
    margin: 0 auto !important;
  }

  /* 新闻列表面 */
  @media (min-width:600px) {

    body.sidebar-position-left .site-content,
    body.sidebar-position-right .site-content,
    body.single-post .site-content,
    body.single-portfolio .site-content,
    body.single-product .site-content,
    body.blog .site-content,
    body.archive .site-content,
    body.post-type-archive .site-content,
    body.search-results .site-content {
      width: 100%;
      margin: auto;
    }

    @media (max-width:430px) {

      body.sidebar-position-left .site-content,
      body.sidebar-position-right .site-content,
      body.single-post .site-content,
      body.single-portfolio .site-content,
      body.single-product .site-content,
      body.blog .site-content,
      body.archive .site-content,
      body.post-type-archive .site-content,
      body.search-results .site-content {
        width: 100%;
        margin: auto;
      }
    }

    .sidebar-headline-size-medium .widget-area .sidebar-box h2,
    .sidebar-headline-size-medium .widget-area .sidebar-box h3,
    .sidebar-headline-size-medium .widget-area .sidebar-box h4,
    .default-headline-size-medium .page-header .page-title,
    .blog-list-headline-size-medium.blog .post .entry-header .entry-title,
    .blog-list-headline-size-medium.archive .post .entry-header .entry-title,
    .blog-single-headline-size-medium.single-post .entry-header .entry-title,
    .pf-list-headline-size-medium .portfolio .entry-header .entry-title,
    .pf-single-headline-size-medium.single-portfolio .entry-header .entry-title,
    .search-list-headline-size-medium .search .entry-header .entry-title,
    .shop-list-headline-size-medium.woocommerce .site-content ul.products li.product .woocommerce-loop-product__title,
    .shop-list-headline-size-medium.woocommerce-page .site-content ul.products li.product .woocommerce-loop-product__title,
    .shop-list-headline-size-medium.post-type-archive-product .site-content ul.products li.product .woocommerce-loop-product__title,
    .shop-single-headline-size-medium.woocommerce .product .entry-header .page-title,
    .shop-single-headline-size-medium.woocommerce-page .product .entry-header .page-title,
    .shop-list-headline-size-medium .woocommerce.quick-sale ul.products li.product .woocommerce-loop-product__title,
    .blog-single-headline-size-medium .comments-area .comments-title {
      font-size: 1.6rem;
      line-height: 2.2rem;
    }

    .animate:not(.bt_bb_section):not(.btArticleListItem):nth-child(1) {
      padding-bottom: 20px;
      margin-bottom: 20px;
    }

    .excerpt.excerpt-entry-sub-meta {
      background: #f6f7f8;
      color: #666666;
      font-size: 0.8rem;
      padding: 0.3rem 1rem;
      letter-spacing: 2px;
    }

    article.article-list-item .entry-content,
    article.search .entry-content {
      color: #666666;
      font-size: 1rem;
      line-height: 1.6rem
    }

    /* 新闻详情头 */
    @media (min-width:600px) {

      .single article.post .entry-header,
      .single article.portfolio .entry-header,
      .entry-header.single {
        width: 900px;
        margin: none;
        float: left;
      }
    }

    @media (max-width:430px) {

      .single article.post .entry-header,
      .single article.portfolio .entry-header,
      .entry-header.single {
        width: 80%;
        margin: auto;
      }
    }
  }

/* extracted-style-block-8: no-attrs */
#content1 {
    height: calc(100vh - 80px) !important;
  }

  #content1 .bt_bb_section .bt_bb_background_image_holder_wrapper {
    background-position: center !important;
  }

  #topBottom2 {
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: 0
  }

  .card {
    background-color: #F2F5F9;
    height: 320px;
    font-weight: normal;
    cursor: pointer;
  }

  .card:hover .bt_bb_card_icon_inner>*,
  .card:hover .bt_bb_card_icon_text>* {
    color: white
  }

  .card:hover {
    background: url('//wp-content/uploads/2024/03/服务卡片.png') !important;
    background-repeat: no-repeat !important;
    background-position: left top;
  }

  .card .bt_bb_card_icon_inner>* {
    color: #0327DC
  }

  .card .bt_bb_card_icon_text>* {
    color: #1E2021;
    font-size: 16px
  }

  .card .bt_bb_card_icon_text {
    padding-top: 10px !important
  }

  .card .bt_bb_card_icon_title * {
    font-size: 20px !important
  } 

  @media (max-width:768px){
    .card .bt_bb_card_icon_title * {
      font-size: 16px !important
    } 
    .card .bt_bb_card_icon_text>* {
      font-size: 14px !important
    }
  }

  .card .bt_bb_card_icon_icon {
    padding-bottom: 10px !important
  }

  /* 服务能力卡片：整块可点；子元素默认会拦截点击，需连同后代一起关闭 */
  .card.btWithLink .bt_bb_card_icon_inner * {
    pointer-events: none;
  }

  .card.btWithLink .bt_bb_card_icon_inner .btCardLink {
    pointer-events: auto;
    position: absolute;
    inset: 0;
    z-index: 3;
  }

  .companyLogo img {
    cursor: pointer;
    transition: transform 0.3s ease;
  }

  .companyLogo img:hover {
    transform: scale(1.2);
    transition: transform 0.3s ease;
  }

  /* 合作伙伴：双行横向无限走马灯；上行向左、下行向右；宽屏全宽 */
  .companyLogo .partner-logo-marquee-root {
    width: 100%;
    max-width: 100%;
  }

  .companyLogo .partner-logo-marquee-stack {
    display: flex;
    flex-direction: column;
    gap: clamp(16px, 2.5vw, 28px);
    width: 100%;
  }

  .companyLogo .partner-logo-marquee-stack.partner-logo-marquee-wide {
    width: 100vw;
    max-width: none;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }

  .companyLogo .partner-logo-marquee-viewport {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    -webkit-mask-image: linear-gradient(
      to right,
      transparent,
      #000 48px,
      #000 calc(100% - 48px),
      transparent
    );
    mask-image: linear-gradient(
      to right,
      transparent,
      #000 48px,
      #000 calc(100% - 48px),
      transparent
    );
  }

  .companyLogo .partner-logo-marquee-track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: max-content;
    will-change: transform;
  }

  .companyLogo .partner-logo-marquee-track--left {
    animation: partner-logo-marquee-scroll 55s linear infinite;
  }

  .companyLogo .partner-logo-marquee-track--right {
    animation: partner-logo-marquee-scroll 62s linear infinite reverse;
  }

  .companyLogo .partner-logo-marquee-viewport:hover .partner-logo-marquee-track {
    animation-play-state: paused;
  }

  .companyLogo .partner-logo-marquee-row.bt_bb_css_image_grid_content {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    flex: 0 0 auto;
    align-items: center;
    gap: clamp(28px, 4vw, 56px);
    padding: 8px 24px;
    margin: 0;
    width: auto;
    grid-template-columns: unset !important;
    grid-template-rows: unset !important;
  }

  .companyLogo .partner-logo-marquee-row .bt_bb_css_image_grid_item {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
  }

  .companyLogo .partner-logo-marquee-row .bt_bb_css_image_grid_item_inner_image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(100px, 12vw, 150px);
    height: clamp(44px, 6vw, 64px);
  }

  .companyLogo .partner-logo-marquee-root.bt_bb_css_image_grid .partner-logo-marquee-row .bt_bb_css_image_grid_item .bt_bb_css_image_grid_item_inner .bt_bb_css_image_grid_item_inner_image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain !important;
    vertical-align: middle;
  }

  @keyframes partner-logo-marquee-scroll {
    0% {
      transform: translate3d(0, 0, 0);
    }

    100% {
      transform: translate3d(-50%, 0, 0);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .companyLogo .partner-logo-marquee-track--left,
    .companyLogo .partner-logo-marquee-track--right {
      animation: none;
      flex-wrap: wrap;
      width: 100%;
      justify-content: center;
    }

    .companyLogo .partner-logo-marquee-viewport {
      overflow: visible;
      -webkit-mask-image: none;
      mask-image: none;
    }

    .companyLogo .partner-logo-marquee-row--clone {
      display: none !important;
    }

    .companyLogo .partner-logo-marquee-row.bt_bb_css_image_grid_content {
      flex-wrap: wrap;
      justify-content: center;
      row-gap: 20px;
    }

    .companyLogo .partner-logo-marquee-stack.partner-logo-marquee-wide {
      width: 100%;
      left: auto;
      right: auto;
      margin-left: 0;
      margin-right: 0;
    }
  }

  .topBottom1 {
    height: 80px;
    background-color: #0327DC;
    margin-top: -80px;
  }

  @media (max-width: 1200px) {
    .topBottom1 {
      margin-top: -72px;
      height: 72px
    }

    .topBottom1 .bt_bb_row .bt_bb_column:nth-child(6n+9) {
      margin-top: 10px
    }
  }

  @media (max-width:768px) {
    #content1 .bt_bb_background_image_holder_wrapper {
      background-position: calc(50% - 200px) center !important;
    }
  }

/* extracted-style-block-9: no-attrs */
#bannerCanvas {
    position: absolute;
    display: block;
    width: 100vw;
    height: 100vh;
  }

  /* 增加极其微弱的网格背景图案，提升科技结构感，但不要盖过前景 */
  .grid-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image:
      linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 40px 40px;
    pointer-events: none;
    z-index: 0;
  }

/* extracted-style-block-10: no-attrs */
.bannerLine1,
  .bannerLine2 {
    display: flex;
    align-items: center;
    justify-content: space-around;
  }

  .bannerMobile {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    margin: 0 auto;
  }

  .bannerLineItem {
    display: flex;
    align-items: center;
    white-space: nowrap;
    margin-right: 65px;
    width: 142px;
  }

  .bannerLine2 .bannerLineItem:last-child {
    margin-right: 0;
  }

  .bannerLineText {
    margin-left: 10px;
  }

  .bannerLineText * {
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    text-align: left;
  }

  .bannerLineIcon img {
    width: 48px;
    height: 48px;
    max-width: none !important;
  }

  .bannerMobileTotal {
    width: 100%;
    padding: 16px 0;
  }

  @media screen and (max-width: 1200px) {
    .bannerMobile {
      display: block;
    }

    .bannerLineItem {
      display: flex;
      align-items: center;
      white-space: nowrap;
      margin-right: 0;
      width: 142px;
    }

    .bannerLine1,
    .bannerLine2 {
      opacity: 1;
      transition: 0.5s ease-in-out;
    }

    .bannerLineText * {
      font-size: 12px;
    }

    .bannerLineIcon img {
      width: 36px;
      height: 36px;
      max-width: none !important;
    }

    .notAcctive {
      display: none;
      opacity: 0;
      transition: 0.5s ease-in-out;
    }
  }

/* extracted-style-block-11: no-attrs */
body {
    margin: 0;
    padding: 0;
  }

  .totalContainer {
    background-color: #FFFFFF60;
    width: auto;
  }

  .total {
    border-bottom: none;
    background-color: #ffffff60;
    min-height: 509px;
    margin: 0 auto;
    position: relative;
  }

  .tabBox {
    display: flex;
    padding: 0 20px;
    margin: 0 auto;
    padding-bottom: 10px;
    border: #ECECEC 1px solid;
    border-bottom: none;
    justify-content: space-around;
  }

  .arrow {
    width: max-content;
    display: flex;
    align-items: center;
  }

  .arroww {
    display: flex;
    font-size: 20px;
    align-items: center;
    color: #606466;
    cursor: pointer;
    visibility: hidden;
    transition: 0.5s ease-in-out;
    position: sticky;
    opacity: 1;
    z-index: 2;
  }

  .arroww>div {
    display: inline-block;
    height: 64px;
  }

  .arroww>div>div {
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    background-color: #ffffff90;
    border-radius: 60px;
    border: 1px solid #ECECEC;
  }

  .numBox {
    text-align: center;
    width: max-content;
    height: 90px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .numBox:first-child {
    margin-left: 0;
  }

  .tabItem {
    display: flex;
    cursor: pointer;
    transition: all 0.4s;
  }

  .numBox>div:first-child {
    border: #ECECEC 1px solid;
    border-radius: 100px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    margin: 10px 16px;
    color: #0327DC;;
    transition: all 0.4s;
  }

  .numBox>div:nth-child(2) {
    color: #606466
  }

  .active .numBox>div:first-child {
    background-color: #0327DC;
    color: #fff;
    border: 1px solid #0327DC;
    transition: all 0.4s;
  }

  .active div:nth-child(2) {
    color: #184C6C
  }

  .content {
    padding: 0 20px;
    flex: 1;
    text-align: left;
    flex-wrap: wrap !important;
  }

  .content:first-child {
    margin-right: 20px;
  }

  .content:nth-child(2) {
    border-left: 1px solid #ECECEC;
  }

  .title2 {
    height: 28px;
    font-weight: 500;
    font-size: 20px;
    color: #1E2021;
    line-height: 28px;
    text-align: left;
  }

  .chipBox {
    margin: 10px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .chip {
    font-size: 14px;
    color: #3D3D3D;
    padding: 8px 20px;
    border-radius: 20px;
    white-space: nowrap;
    border: 1px solid #ECECEC;
  }

  /* .chip:first-child {
    margin-left: 0;
  } */

  .textBox * {
    font-size: 14px;
    color: #1E2021;
    line-height: 24px;
  }

  .textBox {
    width: 80%;
  }

  .button {
    margin-top: 10px;
    padding: 13px 20px;
    font-size: 14px;
    border-radius: 20px;
    border: 1px solid #0327DC;
    color: #0327DC;
    line-height: 14px;
    display: inline-block;
    cursor: pointer;
  }

  .content .imgBox img {
    width: 200px;
  }

  .arrow {
    width: max-content;
    height: 64px;
    vertical-align: middle;
  }

  .contentBox22 {
    height: auto;
    margin-left: 0 !important;
  }

  .contentItem {
    justify-content: space-between;
    transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
    opacity: 0;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    transform: translateY(20px);
    visibility: hidden;
    height: 0;
  }

  .contentItem.aactive {
    padding-top: 30px;
    padding-bottom: 60px;
    transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
    opacity: 1;
    transform: translateY(0px);
    visibility: visible;
    border: 1px solid #ECECEC;
    height: auto;
  }

  .buttonBox {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 24px;
  }

  .buttonBox .btn2 {
    flex-shrink: 0;
    padding: 4px 20px;
    border: 1px solid #9DA1A2;
    font-size: 14px;
    color: #3D3D3D;
    line-height: 32px;
    text-align: center;
    transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
    cursor: pointer;
    border-radius: 20px;
  }

  .buttonBox .btn2.acttive1 {
    background-color: #026AED;
    border: 1px solid #026AED;
    color: #FFFFFF;
    transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
  }

  .flowContent {
    opacity: 0;
    display: none;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
  }

  .flowContent.acttive2 {
    opacity: 1;
    display: block;
    visibility: visible;
    transition: all 0.5s ease-in-out;
  }

  @media screen and (max-width: 1400px) {
    .total {
      width: 100%;
      margin: 0 auto;
    }

    .arroww {
      transition: 0.5s ease-in-out;
      visibility: visible;
    }

    .chip {
      white-space: nowrap;
    }

    .tabBox {
      overflow-x: scroll;
      scroll-behavior: smooth;
      border-radius: 20px 20px 0 0;

    }

    .content {
      transition: 0.5s ease-in-out;
      opacity: 1;
      overflow: hidden;
    }

    .contentItem {
      border-radius: 0 0 20px 20px;
    }
  }

  @media screen and (max-width: 768px) {
    .total {
      width: 100%;
      margin: 0 auto;
      min-width: none !important;
    }

    .contentItem {
      display: block;
      clip: calc(0, 0, 0);
    }

    .content:first-child {
      padding-bottom: 20px;
      margin-right: 0;
    }

    .content:nth-child(2) {
      border-top: 1px solid #ececec;
      border-left: none;
      margin-left: 10px;
      padding: 0;
      margin-right: 10px;
      padding-top: 10px;
    }

    .chipBox {
      padding: 5px 4px;
      background-color: #F2F5F9;
    }

    .chip {
      border: none;
      padding: 0;
      margin-left: 20px;
      line-height: 20px;
      font-size: 14px;
      height: 20px;
      color: #3D3D3D;
    }

    .chip:first-child {
      padding: 0;
      margin-left: 0;
    }

    .tabBox {
      justify-content: normal;
    }

    .arrow {
      visibility: hidden;
    }

    .textBox {
      width: 100%;
    }
  }

/* extracted-style-block-12: no-attrs */
.pie {
    width: 100%;
    padding-bottom: 100px;
  }

  .pieChart {
    width: 491px;
    position: relative;
    margin: 0 auto;
    height: 458px;
  }

  .pieChart .after,
  .pieChart .before {
    width: 500px;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
  }

  .pieChart .hover {
    opacity: 0;
  }

  .before {
    transition: 0.5s ease-in-out;
  }

  .after {
    opacity: 0;
    transition: 0.5s ease-in-out;
    z-index: 1;
  }

  .zfx {
    cursor: pointer;
    z-index: 4;
    position: absolute;
  }

  .zfx1 {
    width: 194px;
    height: 170px;
    top: 10px;
    left: 0;
    opacity: 0;
  }

  .zfx2 {
    width: 158px;
    height: 129px;
    top: 194px;
    left: -6px;
    transform: rotate(70deg);
  }

  .zfx3 {
    width: 170px;
    height: 169px;
    top: 309px;
    left: 102px;
    transform: rotate(49deg);
  }

  .zfx4 {
    width: 180px;
    height: 155px;
    left: 204px;
    transform: rotate(11deg);
  }

  .zfx5 {
    width: 152px;
    height: 137px;
    left: 330px;
    top: 101px;
    transform: rotate(-41deg);
  }

  .zfx6 {
    width: 160px;
    height: 207px;
    left: 297px;
    top: 245px;
    transform: rotate(25deg);
  }

  .before1 {
    opacity: 0;
  }

  .before5 {
    z-index: 3;
  }

  .after1 {
    opacity: 1;
  }

  .infoBox {
    width: 373px;
    /* height: 170px; */
    padding: 10px 20px;
    position: absolute;
    transition: 0.5s ease-in-out;
    cursor: pointer;
  }

  .infoBox .infoTitle {
    font-weight: 500;
    font-size: 20px;
    color: #121212;
    transition: 0.5s ease-in-out;
    text-align: left;
  }

  .infoBox .infoLine1 {
    margin-top: 10px;
    font-weight: 300;
    font-size: 14px;
    color: #121212;
    line-height: 24px;
    text-align: left;
    transition: 0.5s ease-in-out;
  }

  .infoBox .infoLine2 {
    opacity: 1;
    font-weight: 300;
    font-size: 14px;
    /* color: rgba(255, 255, 255, 0.75); */
    line-height: 22px;
    text-align: left;
    margin-top: 10px;
    transition: 0.5s ease-in-out;
  }

  .infoBox.active .infoLine2 {
    transition: 0.5s ease-in-out;
    color: rgba(255, 255, 255);
    opacity: 1;
  }

  .infoBox1 {
    top: 0;
    left: -441px;
  }

  .infoBox2 {
    top: 217px;
    left: -441px;
  }

  .infoBox3 {
    top: 450px;
    left: -441px;
  }

  .infoBox4,
  .infoBox5,
  .infoBox6 {
    right: 0;
  }

  .infoBox4 {
    top: 0;
    right: -441px;
  }

  .infoBox5 {
    top: 217px;
    right: -441px;
  }

  .infoBox6 {
    top: 434px;
    right: -441px;
  }

  .infoBox.active {
    background-color: #0327DC;
    transition: 0.5s ease-in-out;
  }

  .infoBox.active .infoLine1 {
    color: #FFFFFF;
    transition: 0.5s ease-in-out;
  }

  .infoBox.active .infoTitle {
    color: #FFFFFF;
    transition: 0.5s ease-in-out;
  }

  .line {
    width: 277px;
    height: 1px;
    border-top: 1px solid #E0E2FC;
    position: absolute;
    transition: 0.5s ease-in-out;
    z-index: -1;
  }

  .line1,
  .line2,
  .line3 {
    left: -49px;
  }

  .line1 {
    top: 100px;
  }

  .line2 {
    top: 278px;
  }

  .line3 {
    top: 453px;
  }

  .line4,
  .line5,
  .line6 {
    right: -38px;
    width: 201px;
  }

  .line4 {
    top: 60px;
  }

  .line5 {
    top: 238px;
  }

  .line6 {
    top: 441px;
  }

  .line.active3 {
    border-top: 1px solid #4A88E0;
    transition: 0.5s ease-in-out;
  }

  .center {
    width: 194px !important;
    z-index: 4;
    position: absolute;
    top: 127px;
    left: 147px;
  }

  /* @media (max-width: 768px) {
    .pie {
      width: 100%;
      padding-bottom: 5vh;
    }

    .pieChart {
      width: 294px;
      height: 273px;
    }

    .pieChart .after,
    .pieChart .before {
      width: 300px;
      position: absolute;
      top: 0;
      left: 0;
      cursor: pointer;
    }

    .center {
      width: 114px !important;
      z-index: 3;
      position: absolute;
      top: 74px;
      left: 90px;
    }
  } */

/* extracted-style-block-13: no-attrs */
.sixMobileTotal {
    width: 100%;
  }

  .mobileTotal {
    margin: 0 auto;
    /* width: max-content; */
  }

  .infoBoxx {
    width: 100%;
    transition: 0.5s ease-in-out;
    cursor: pointer;
    border-radius: 10px;
    /* width: max-content; */
    margin-top: 10px;
  }

  .infoBoxx:first-child {
    margin-top: 0;
  }

  .infoBoxx .infoTitlee {
    font-weight: 500;
    font-size: 20px;
    color: #121212;
    transition: 0.5s ease-in-out;
    text-align: left;
  }

  .infoBoxx .infoLine11 {
    margin-top: 10px;
    font-weight: 300;
    font-size: 14px;
    color: #121212;
    line-height: 24px;
    text-align: left;
    transition: 0.5s ease-in-out;
  }

  .infoBoxx.activve {
    background-color: #0327DC;
    transition: 0.5s ease-in-out;
    padding: 10px 20px;
  }

  .infoBoxx .infoLine22 {
    font-weight: 300;
    font-size: 14px;
    /* color: rgba(255, 255, 255, 0.75); */
    line-height: 22px;
    text-align: left;
    margin-top: 10px;
    transition: 0.5s ease-in-out;
    display: none;
    opacity: 0;
  }

  .infoBoxx.activve .infoLine22 {
    color: rgba(255, 255, 255);
    opacity: 1;
    display: block;
    transition: 0.5s ease-in-out;
  }

  .infoBoxx.activve .infoLine11 {
    color: #FFFFFF;
    transition: 0.5s ease-in-out;
  }

  .infoBoxx.activve .infoTitlee {
    color: #FFFFFF;
    transition: 0.5s ease-in-out;
  }

  .infoBoxx .showBoxx {
    padding: 10px 0;
    border-bottom: 1px solid #ECECEC;
  }

  .infoBoxx.activve .showBoxx {
    padding: 0;
    border: none;
  }

/* extracted-style-block-14: no-attrs */
  .total2 {
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    width: max-content;
  }

  .serviceImg {
    width: 552px;
    height: 670px;
  }

  .service2 {
    width: 523px;
    border: 1px solid #ECECEC;
    border-radius: 10px;
    background-color: #FFFFFF50;
    margin-top: 20px;
    padding: 12px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.8s ease;
  }

  .services2 .titleBox {
    height: 100px;
  }

  .title1 {
    font-weight: 600;
    font-size: 32px;
    color: #1E2021;
    line-height: 45px;
    letter-spacing: 1px;
    text-align: left;
  }

  .title2 {
    width: 460px;
    font-size: 20px;
    color: #3D3D3D;
    line-height: 28px;
    text-align: left;
    margin-top: 8px;
    margin-bottom: 12px;
  }

  .contentBox {
    margin-left: 20px;
  }

  .contentBox .top {
    font-weight: 500;
    font-size: 20px;
    color: #606466;
    line-height: 28px;
    text-align: left;
  }

  .contentBox .bottom {
    margin-top: 10px;
    width: 431px;
    font-size: 14px;
    color: #606466;
    line-height: 20px;
    text-align: left;
  }

  .service2.active1 {
    background-color: #0327DC;
  }

  .service2.active1 .contentBox .top {
    color: #FFFFFF;
  }

  .service2.active1 .contentBox .bottom {
    color: #FFFFFF70;
  }

  .serviceImg {
    position: relative;
    width: 552px;
    height: 670px;
    overflow: hidden;
  }

  .slider {
    display: flex;
    transition: transform 0.5s ease;
    position: relative;
  }

  .slider img {
    flex: 1 0 100%;
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
  }

  .slider img:hover {
    transform: scale(1.2);
  }

  .dots {
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
    display: flex;
  }

  .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FFFFFF;
    margin: 0 5px;
    cursor: pointer;
  }

  .icon {
    width: 48px;
  }

  .active {
    background-color: #FFFFFF30;
  }

  .icon:last-child {
    display: none;
  }

  .active1 .icon:last-child {
    display: inline-block;
  }

  .active1 .icon:first-child {
    display: none;
  }

/* extracted-style-block-15: no-attrs */
.total22 {
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }

  .service01:first-child {
    margin-top: 0px;
  }

  .service01 .service22Top {
    background-color: #FFFFFF50;
    padding: 12px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: 0.5s ease;
  }

  .contentBoxx {
    margin-left: 20px;
  }

  .contentBoxx .topp {
    font-weight: 500;
    font-size: 20px;
    color: #606466;
    line-height: 28px;
    text-align: left;
  }

  .contentBoxx .bottomm {
    margin-top: 10px;
    /* width: 263px; */
    font-size: 14px;
    color: #606466;
    line-height: 20px;
    text-align: left;
  }

  .service01 {
    border: 1px solid #ECECEC;
    border-radius: 10px;
    margin-top: 20px;
  }

  .service01.activeee1 {
    background: linear-gradient(180deg, #0327DC 10%, rgba(3, 39, 220, 0) 33%, rgba(3, 39, 220, 0) 100%);
    border: 1px solid #0021FF;
    transition: 0.5s ease-in-out;
  }

  .service01.activeee1 .service22Top {
    background-color: transparent;
    transition: 0.5s ease-in-out;
  }

  .service01.activeee1 .contentBoxx .topp {
    color: #FFFFFF;
    transition: 0.5s ease-in-out;
  }

  .service01.activeee1 .contentBoxx .bottomm {
    color: #FFFFFF70;
    transition: 0.5s ease-in-out;
  }

  .service01.activeee1 .service22Img {
    opacity: 1;
    transition: 0.5s ease-in-out;
  }

  .service01 .service22Img {
    opacity: 0;
    transition: 0.5s ease-in-out;
    text-align: center;
  }

  .service01 .service22Img img {
    padding: 20px;
    opacity: 0;
    display: none;
    transition: 0.5s ease-in-out;
  }

  .service01.activeee1 .service22Img img {
    opacity: 1;
    display: inline-block;
    transition: 0.5s ease-in-out;
  }

  .iconn {
    width: 48px;
  }

  .active {
    background-color: #FFFFFF30;
  }

  .iconn:last-child {
    display: none;
  }

  .activeee1 .iconn:last-child {
    display: inline-block;
  }

  .activeee1 .iconn:first-child {
    display: none;
  }

  .imgBoxx {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
  }

/* extracted-style-block-16: no-attrs */
#bannerCanvas {
                                      position: absolute;
                                      display: block;
                                      width: 100vw;
                                      height: 100vh;
                                    }

                                    /* 增加极其微弱的网格背景图案，提升科技结构感，但不要盖过前景 */
                                    .grid-overlay {
                                      position: absolute;
                                      top: 0;
                                      left: 0;
                                      width: 100%;
                                      height: 100%;
                                      background-image:
                                        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
                                        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
                                      background-size: 40px 40px;
                                      pointer-events: none;
                                      z-index: 0;
                                    }

/* extracted-style-block-17: no-attrs */
.bannerLine1,
                                    .bannerLine2 {
                                      display: flex;
                                      align-items: center;
                                      justify-content: space-around;
                                    }

                                    .bannerMobile {
                                      display: flex;
                                      align-items: center;
                                      justify-content: center;
                                      width: max-content;
                                      margin: 0 auto;
                                    }

                                    .bannerLineItem {
                                      display: flex;
                                      align-items: center;
                                      white-space: nowrap;
                                      margin-right: 65px;
                                      width: 142px;
                                    }

                                    .bannerLine2 .bannerLineItem:last-child {
                                      margin-right: 0;
                                    }

                                    .bannerLineText {
                                      margin-left: 10px;
                                    }

                                    .bannerLineText * {
                                      font-weight: 400;
                                      font-size: 14px;
                                      color: #FFFFFF;
                                      text-align: left;
                                    }

                                    .bannerLineIcon img {
                                      width: 48px;
                                      height: 48px;
                                      max-width: none !important;
                                    }

                                    .bannerMobileTotal {
                                      width: 100%;
                                      padding: 16px 0;
                                    }

                                    @media screen and (max-width: 1200px) {
                                      .bannerMobile {
                                        display: block;
                                      }

                                      .bannerLineItem {
                                        display: flex;
                                        align-items: center;
                                        white-space: nowrap;
                                        margin-right: 0;
                                        width: 142px;
                                      }

                                      .bannerLine1,
                                      .bannerLine2 {
                                        opacity: 1;
                                        transition: 0.5s ease-in-out;
                                      }

                                      .bannerLineText * {
                                        font-size: 12px;
                                      }

                                      .bannerLineIcon img {
                                        width: 36px;
                                        height: 36px;
                                        max-width: none !important;
                                      }

                                      .notAcctive {
                                        display: none;
                                        opacity: 0;
                                        transition: 0.5s ease-in-out;
                                      }
                                    }

/* extracted-style-block-18: no-attrs */
body {
                                      margin: 0;
                                      padding: 0;
                                    }

                                    .totalContainer {
                                      background-color: #FFFFFF60;
                                      width: auto;
                                    }

                                    .total {
                                      border-bottom: none;
                                      background-color: #ffffff60;
                                      min-height: 509px;
                                      margin: 0 auto;
                                      position: relative;
                                    }

                                    .tabBox {
                                      display: flex;
                                      padding: 0 20px;
                                      margin: 0 auto;
                                      padding-bottom: 10px;
                                      border: #ECECEC 1px solid;
                                      border-bottom: none;
                                      justify-content: space-around;
                                    }

                                    .arrow {
                                      width: max-content;
                                      display: flex;
                                      align-items: center;
                                    }

                                    .arroww {
                                      display: flex;
                                      font-size: 20px;
                                      align-items: center;
                                      color: #606466;
                                      cursor: pointer;
                                      visibility: hidden;
                                      transition: 0.5s ease-in-out;
                                      position: sticky;
                                      opacity: 1;
                                      z-index: 2;
                                    }

                                    .arroww>div {
                                      display: inline-block;
                                      height: 64px;
                                    }

                                    .arroww>div>div {
                                      width: 36px;
                                      height: 36px;
                                      text-align: center;
                                      line-height: 36px;
                                      background-color: #ffffff90;
                                      border-radius: 60px;
                                      border: 1px solid #ECECEC;
                                    }

                                    .numBox {
                                      text-align: center;
                                      width: max-content;
                                      height: 90px;
                                      display: flex;
                                      flex-direction: column;
                                      justify-content: center;
                                      align-items: center;
                                    }

                                    .numBox:first-child {
                                      margin-left: 0;
                                    }

                                    .tabItem {
                                      display: flex;
                                      cursor: pointer;
                                      transition: all 0.4s;
                                    }

                                    .numBox>div:first-child {
                                      border: #ECECEC 1px solid;
                                      border-radius: 100px;
                                      line-height: 40px;
                                      width: 40px;
                                      height: 40px;
                                      margin: 10px 16px;
                                      color: #184C6C;
                                      transition: all 0.4s;
                                    }

                                    .numBox>div:nth-child(2) {
                                      color: #606466
                                    }

                                    .active .numBox>div:first-child {
                                      background-color: #0327DC;
                                      color: #fff;
                                      border: 1px solid #0327DC;
                                      transition: all 0.4s;
                                    }

                                    .active div:nth-child(2) {
                                      color: #184C6C
                                    }

                                    .content {
                                      padding: 0 20px;
                                      flex: 1;
                                      text-align: left;
                                      flex-wrap: wrap !important;
                                    }

                                    .content:first-child {
                                      margin-right: 20px;
                                    }

                                    .content:nth-child(2) {
                                      border-left: 1px solid #ECECEC;
                                    }

                                    .title2 {
                                      height: 28px;
                                      font-weight: 500;
                                      font-size: 20px;
                                      color: #1E2021;
                                      line-height: 28px;
                                      text-align: left;
                                    }

                                    .chipBox {
                                      margin: 10px 0;
                                      display: flex;
                                      flex-wrap: wrap;
                                      gap: 10px;
                                    }

                                    .chip {
                                      font-size: 14px;
                                      color: #3D3D3D;
                                      padding: 8px 20px;
                                      border-radius: 20px;
                                      white-space: nowrap;
                                      border: 1px solid #ECECEC;
                                    }

                                    /* .chip:first-child {
    margin-left: 0;
  } */

                                    .textBox * {
                                      font-size: 14px;
                                      color: #1E2021;
                                      line-height: 24px;
                                    }

                                    .textBox {
                                      width: 80%;
                                    }

                                    .button {
                                      margin-top: 10px;
                                      padding: 13px 20px;
                                      font-size: 14px;
                                      border-radius: 20px;
                                      border: 1px solid #0327DC;
                                      color: #0327DC;
                                      line-height: 14px;
                                      display: inline-block;
                                      cursor: pointer;
                                    }

                                    .content .imgBox img {
                                      width: 200px;
                                    }

                                    .arrow {
                                      width: max-content;
                                      height: 64px;
                                      vertical-align: middle;
                                    }

                                    .contentBox22 {
                                      height: auto;
                                      margin-left: 0 !important;
                                    }

                                    .contentItem {
                                      justify-content: space-between;
                                      transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
                                      opacity: 0;
                                      display: flex;
                                      box-sizing: border-box;
                                      width: 100%;
                                      transform: translateY(20px);
                                      visibility: hidden;
                                      height: 0;
                                    }

                                    .contentItem.aactive {
                                      padding-top: 30px;
                                      padding-bottom: 60px;
                                      transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
                                      opacity: 1;
                                      transform: translateY(0px);
                                      visibility: visible;
                                      border: 1px solid #ECECEC;
                                      height: auto;
                                    }

                                    .buttonBox {
                                      display: flex;
                                      align-items: center;
                                      justify-content: center;
                                      gap: 20px;
                                      margin-bottom: 24px;
                                    }

                                    .buttonBox .btn2 {
                                      flex-shrink: 0;
                                      padding: 4px 20px;
                                      border: 1px solid #9DA1A2;
                                      font-size: 14px;
                                      color: #3D3D3D;
                                      line-height: 32px;
                                      text-align: center;
                                      transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
                                      cursor: pointer;
                                      border-radius: 20px;
                                    }

                                    .buttonBox .btn2.acttive1 {
                                      background-color: #026AED;
                                      border: 1px solid #026AED;
                                      color: #FFFFFF;
                                      transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
                                    }

                                    .flowContent {
                                      opacity: 0;
                                      display: none;
                                      visibility: hidden;
                                      transition: all 0.5s ease-in-out;
                                    }

                                    .flowContent.acttive2 {
                                      opacity: 1;
                                      display: block;
                                      visibility: visible;
                                      transition: all 0.5s ease-in-out;
                                    }

                                    @media screen and (max-width: 1400px) {
                                      .total {
                                        width: 100%;
                                        margin: 0 auto;
                                      }

                                      .arroww {
                                        transition: 0.5s ease-in-out;
                                        visibility: visible;
                                      }

                                      .chip {
                                        white-space: nowrap;
                                      }

                                      .tabBox {
                                        overflow-x: scroll;
                                        scroll-behavior: smooth;
                                        border-radius: 20px 20px 0 0;

                                      }

                                      .content {
                                        transition: 0.5s ease-in-out;
                                        opacity: 1;
                                        overflow: hidden;
                                      }

                                      .contentItem {
                                        border-radius: 0 0 20px 20px;
                                      }
                                    }

                                    @media screen and (max-width: 768px) {
                                      .total {
                                        width: 100%;
                                        margin: 0 auto;
                                        min-width: none !important;
                                      }

                                      .contentItem {
                                        display: block;
                                        clip: calc(0, 0, 0);
                                      }

                                      .content:first-child {
                                        padding-bottom: 20px;
                                        margin-right: 0;
                                      }

                                      .content:nth-child(2) {
                                        border-top: 1px solid #ececec;
                                        border-left: none;
                                        margin-left: 10px;
                                        padding: 0;
                                        margin-right: 10px;
                                        padding-top: 10px;
                                      }

                                      .chipBox {
                                        padding: 5px 4px;
                                        background-color: #F2F5F9;
                                      }

                                      .chip {
                                        border: none;
                                        padding: 0;
                                        margin-left: 20px;
                                        line-height: 20px;
                                        font-size: 14px;
                                        height: 20px;
                                        color: #3D3D3D;
                                      }

                                      .chip:first-child {
                                        padding: 0;
                                        margin-left: 0;
                                      }

                                      .tabBox {
                                        justify-content: normal;
                                      }

                                      .arrow {
                                        visibility: hidden;
                                      }

                                      .textBox {
                                        width: 100%;
                                      }
                                    }

/* extracted-style-block-19: no-attrs */
.pie {
                                      width: 100%;
                                      padding-bottom: 100px;
                                    }

                                    .pieChart {
                                      width: 491px;
                                      position: relative;
                                      margin: 0 auto;
                                      height: 458px;
                                    }

                                    .pieChart .after,
                                    .pieChart .before {
                                      width: 500px;
                                      position: absolute;
                                      top: 0;
                                      left: 0;
                                      cursor: pointer;
                                    }

                                    .pieChart .hover {
                                      opacity: 0;
                                    }

                                    .before {
                                      transition: 0.5s ease-in-out;
                                    }

                                    .after {
                                      opacity: 0;
                                      transition: 0.5s ease-in-out;
                                      z-index: 1;
                                    }

                                    .zfx {
                                      cursor: pointer;
                                      z-index: 4;
                                      position: absolute;
                                    }

                                    .zfx1 {
                                      width: 194px;
                                      height: 170px;
                                      top: 10px;
                                      left: 0;
                                      opacity: 0;
                                    }

                                    .zfx2 {
                                      width: 158px;
                                      height: 129px;
                                      top: 194px;
                                      left: -6px;
                                      transform: rotate(70deg);
                                    }

                                    .zfx3 {
                                      width: 170px;
                                      height: 169px;
                                      top: 309px;
                                      left: 102px;
                                      transform: rotate(49deg);
                                    }

                                    .zfx4 {
                                      width: 180px;
                                      height: 155px;
                                      left: 204px;
                                      transform: rotate(11deg);
                                    }

                                    .zfx5 {
                                      width: 152px;
                                      height: 137px;
                                      left: 330px;
                                      top: 101px;
                                      transform: rotate(-41deg);
                                    }

                                    .zfx6 {
                                      width: 160px;
                                      height: 207px;
                                      left: 297px;
                                      top: 245px;
                                      transform: rotate(25deg);
                                    }

                                    .before1 {
                                      opacity: 0;
                                    }

                                    .before5 {
                                      z-index: 3;
                                    }

                                    .after1 {
                                      opacity: 1;
                                    }

                                    .infoBox {
                                      width: 373px;
                                      /* height: 170px; */
                                      padding: 10px 20px;
                                      position: absolute;
                                      transition: 0.5s ease-in-out;
                                      cursor: pointer;
                                    }

                                    .infoBox .infoTitle {
                                      font-weight: 500;
                                      font-size: 20px;
                                      color: #121212;
                                      transition: 0.5s ease-in-out;
                                      text-align: left;
                                    }

                                    .infoBox .infoLine1 {
                                      margin-top: 10px;
                                      font-weight: 300;
                                      font-size: 14px;
                                      color: #121212;
                                      line-height: 24px;
                                      text-align: left;
                                      transition: 0.5s ease-in-out;
                                    }

                                    .infoBox .infoLine2 {
                                      opacity: 1;
                                      font-weight: 300;
                                      font-size: 14px;
                                      /* color: rgba(255, 255, 255, 0.75); */
                                      line-height: 22px;
                                      text-align: left;
                                      margin-top: 10px;
                                      transition: 0.5s ease-in-out;
                                    }

                                    .infoBox.active .infoLine2 {
                                      transition: 0.5s ease-in-out;
                                      color: rgba(255, 255, 255);
                                      opacity: 1;
                                    }

                                    .infoBox1 {
                                      top: 0;
                                      left: -441px;
                                    }

                                    .infoBox2 {
                                      top: 217px;
                                      left: -441px;
                                    }

                                    .infoBox3 {
                                      top: 450px;
                                      left: -441px;
                                    }

                                    .infoBox4,
                                    .infoBox5,
                                    .infoBox6 {
                                      right: 0;
                                    }

                                    .infoBox4 {
                                      top: 0;
                                      right: -441px;
                                    }

                                    .infoBox5 {
                                      top: 217px;
                                      right: -441px;
                                    }

                                    .infoBox6 {
                                      top: 434px;
                                      right: -441px;
                                    }

                                    .infoBox.active {
                                      background-color: #0327DC;
                                      transition: 0.5s ease-in-out;
                                    }

                                    .infoBox.active .infoLine1 {
                                      color: #FFFFFF;
                                      transition: 0.5s ease-in-out;
                                    }

                                    .infoBox.active .infoTitle {
                                      color: #FFFFFF;
                                      transition: 0.5s ease-in-out;
                                    }

                                    .line {
                                      width: 277px;
                                      height: 1px;
                                      border-top: 1px solid #E0E2FC;
                                      position: absolute;
                                      transition: 0.5s ease-in-out;
                                      z-index: -1;
                                    }

                                    .line1,
                                    .line2,
                                    .line3 {
                                      left: -49px;
                                    }

                                    .line1 {
                                      top: 100px;
                                    }

                                    .line2 {
                                      top: 278px;
                                    }

                                    .line3 {
                                      top: 453px;
                                    }

                                    .line4,
                                    .line5,
                                    .line6 {
                                      right: -38px;
                                      width: 201px;
                                    }

                                    .line4 {
                                      top: 60px;
                                    }

                                    .line5 {
                                      top: 238px;
                                    }

                                    .line6 {
                                      top: 441px;
                                    }

                                    .line.active3 {
                                      border-top: 1px solid #4A88E0;
                                      transition: 0.5s ease-in-out;
                                    }

                                    .center {
                                      width: 194px !important;
                                      z-index: 4;
                                      position: absolute;
                                      top: 127px;
                                      left: 147px;
                                    }

                                    /* @media (max-width: 768px) {
    .pie {
      width: 100%;
      padding-bottom: 5vh;
    }

    .pieChart {
      width: 294px;
      height: 273px;
    }

    .pieChart .after,
    .pieChart .before {
      width: 300px;
      position: absolute;
      top: 0;
      left: 0;
      cursor: pointer;
    }

    .center {
      width: 114px !important;
      z-index: 3;
      position: absolute;
      top: 74px;
      left: 90px;
    }
  } */

/* extracted-style-block-20: no-attrs */
.sixMobileTotal {
                                      width: 100%;
                                    }

                                    .mobileTotal {
                                      margin: 0 auto;
                                      /* width: max-content; */
                                    }

                                    .infoBoxx {
                                      width: 100%;
                                      transition: 0.5s ease-in-out;
                                      cursor: pointer;
                                      border-radius: 10px;
                                      /* width: max-content; */
                                      margin-top: 10px;
                                    }

                                    .infoBoxx:first-child {
                                      margin-top: 0;
                                    }

                                    .infoBoxx .infoTitlee {
                                      font-weight: 500;
                                      font-size: 16px;
                                      color: #121212;
                                      transition: 0.5s ease-in-out;
                                      text-align: left;
                                    }

                                    .infoBoxx .infoLine11 {
                                      margin-top: 10px;
                                      font-weight: 300;
                                      font-size: 14px;
                                      color: #121212;
                                      line-height: 24px;
                                      text-align: left;
                                      transition: 0.5s ease-in-out;
                                    }

                                    .infoBoxx.activve {
                                      background-color: #0327DC;
                                      transition: 0.5s ease-in-out;
                                      padding: 10px 20px;
                                    }

                                    .infoBoxx .infoLine22 {
                                      font-weight: 300;
                                      font-size: 14px;
                                      /* color: rgba(255, 255, 255, 0.75); */
                                      line-height: 22px;
                                      text-align: left;
                                      margin-top: 10px;
                                      transition: 0.5s ease-in-out;
                                      display: none;
                                      opacity: 0;
                                    }

                                    .infoBoxx.activve .infoLine22 {
                                      color: rgba(255, 255, 255);
                                      opacity: 1;
                                      display: block;
                                      transition: 0.5s ease-in-out;
                                    }

                                    .infoBoxx.activve .infoLine11 {
                                      color: #FFFFFF;
                                      transition: 0.5s ease-in-out;
                                    }

                                    .infoBoxx.activve .infoTitlee {
                                      color: #FFFFFF;
                                      transition: 0.5s ease-in-out;
                                    }

                                    .infoBoxx .showBoxx {
                                      padding: 10px 0;
                                      border-bottom: 1px solid #ECECEC;
                                    }

                                    .infoBoxx.activve .showBoxx {
                                      padding: 0;
                                      border: none;
                                    }

/* extracted-style-block-21: no-attrs */
.total2 {
                                      margin: 0 auto;
                                      display: flex;
                                      align-items: flex-start;
                                      width: max-content;
                                    }

                                    .serviceImg {
                                      width: 552px;
                                      height: 670px;
                                    }

                                    .services2 {
                                      margin-left: 48px;
                                    }

                                    .service2 {
                                      width: 523px;
                                      border: 1px solid #ECECEC;
                                      border-radius: 10px;
                                      background-color: #FFFFFF50;
                                      margin-top: 20px;
                                      padding: 12px;
                                      display: flex;
                                      align-items: center;
                                      cursor: pointer;
                                      transition: background-color 0.8s ease;
                                    }

                                    .title1 {
                                      font-weight: 600;
                                      font-size: 32px;
                                      color: #1E2021;
                                      line-height: 45px;
                                      letter-spacing: 1px;
                                      text-align: left;
                                    }

                                    .title2 {
                                      width: 460px;
                                      font-size: 20px;
                                      color: #3D3D3D;
                                      line-height: 28px;
                                      text-align: left;
                                      margin-top: 8px;
                                      margin-bottom: 12px;
                                    }

                                    .contentBox {
                                      margin-left: 20px;
                                    }

                                    .contentBox .top {
                                      font-weight: 500;
                                      font-size: 20px;
                                      color: #606466;
                                      line-height: 28px;
                                      text-align: left;
                                    }

                                    .contentBox .bottom {
                                      margin-top: 10px;
                                      width: 431px;
                                      font-size: 14px;
                                      color: #606466;
                                      line-height: 20px;
                                      text-align: left;
                                    }

                                    .service2.active1 {
                                      background-color: #0327DC;
                                    }

                                    .service2.active1 .contentBox .top {
                                      color: #FFFFFF;
                                    }

                                    .service2.active1 .contentBox .bottom {
                                      color: #FFFFFF70;
                                    }

                                    .serviceImg {
                                      position: relative;
                                      width: 552px;
                                      height: 670px;
                                      overflow: hidden;
                                    }

                                    .slider {
                                      display: flex;
                                      transition: transform 0.5s ease;
                                      position: relative;
                                    }

                                    .slider img {
                                      flex: 1 0 100%;
                                      width: 100%;
                                      height: auto;
                                      transition: transform 0.5s ease;
                                    }

                                    .slider img:hover {
                                      transform: scale(1.2);
                                    }

                                    .dots {
                                      position: absolute;
                                      left: 50%;
                                      bottom: 10px;
                                      transform: translateX(-50%);
                                      display: flex;
                                    }

                                    .dot {
                                      display: inline-block;
                                      width: 10px;
                                      height: 10px;
                                      border-radius: 50%;
                                      background-color: #FFFFFF;
                                      margin: 0 5px;
                                      cursor: pointer;
                                    }

                                    .icon {
                                      width: 48px;
                                    }

                                    .active {
                                      background-color: #FFFFFF30;
                                    }

                                    .icon:last-child {
                                      display: none;
                                    }

                                    .active1 .icon:last-child {
                                      display: inline-block;
                                    }

                                    .active1 .icon:first-child {
                                      display: none;
                                    }

/* extracted-style-block-22: no-attrs */
.total22 {
                                      margin: 0 auto;
                                      display: flex;
                                      align-items: flex-start;
                                      justify-content: center;
                                    }

                                    .service01:first-child {
                                      margin-top: 0px;
                                    }

                                    .service01 .service22Top {
                                      background-color: #FFFFFF50;
                                      padding: 12px;
                                      display: flex;
                                      align-items: center;
                                      cursor: pointer;
                                      transition: 0.5s ease;
                                    }

                                    .contentBoxx {
                                      margin-left: 20px;
                                    }

                                    .contentBoxx .topp {
                                      font-weight: 500;
                                      font-size: 20px;
                                      color: #606466;
                                      line-height: 28px;
                                      text-align: left;
                                    }

                                    .contentBoxx .bottomm {
                                      margin-top: 10px;
                                      /* width: 263px; */
                                      font-size: 14px;
                                      color: #606466;
                                      line-height: 20px;
                                      text-align: left;
                                    }

                                    .service01 {
                                      border: 1px solid #ECECEC;
                                      border-radius: 10px;
                                      margin-top: 20px;
                                    }

                                    .service01.activeee1 {
                                      background: linear-gradient(180deg, #0327DC 10%, rgba(3, 39, 220, 0) 33%, rgba(3, 39, 220, 0) 100%);
                                      border: 1px solid #0021FF;
                                      transition: 0.5s ease-in-out;
                                    }

                                    .service01.activeee1 .service22Top {
                                      background-color: transparent;
                                      transition: 0.5s ease-in-out;
                                    }

                                    .service01.activeee1 .contentBoxx .topp {
                                      color: #FFFFFF;
                                      transition: 0.5s ease-in-out;
                                    }

                                    .service01.activeee1 .contentBoxx .bottomm {
                                      color: #FFFFFF70;
                                      transition: 0.5s ease-in-out;
                                    }

                                    .service01.activeee1 .service22Img {
                                      opacity: 1;
                                      transition: 0.5s ease-in-out;
                                    }

                                    .service01 .service22Img {
                                      opacity: 0;
                                      transition: 0.5s ease-in-out;
                                      text-align: center;
                                    }

                                    .service01 .service22Img img {
                                      padding: 20px;
                                      opacity: 0;
                                      display: none;
                                      transition: 0.5s ease-in-out;
                                    }

                                    .service01.activeee1 .service22Img img {
                                      opacity: 1;
                                      display: inline-block;
                                      transition: 0.5s ease-in-out;
                                    }

                                    .iconn {
                                      width: 48px;
                                    }

                                    .active {
                                      background-color: #FFFFFF30;
                                    }

                                    .iconn:last-child {
                                      display: none;
                                    }

                                    .activeee1 .iconn:last-child {
                                      display: inline-block;
                                    }

                                    .activeee1 .iconn:first-child {
                                      display: none;
                                    }

                                    .imgBoxx {
                                      width: 48px;
                                      height: 48px;
                                      flex-shrink: 0;
                                    }

/* =============================================
   移动端响应式适配优化 - 2024
   针对手机和平板设备的样式优化
   ============================================= */

/* 平板设备（768px - 992px） */
@media screen and (max-width: 992px) {
  /* 服务能力卡片优化 - 调小padding和margin */
  .bt_bb_card_icon.card {
    height: auto !important;
    min-height: auto;
    padding: 15px;
    margin-bottom: 15px;
  }

  .bt_bb_card_icon_title h4 {
    font-size: 16px !important;
    margin-bottom: 8px;
  }

  .bt_bb_card_icon_text p {
    font-size: 13px;
    line-height: 1.5;
  }

  /* 服务能力图标调小 */
  .bt_bb_icon_holder {
    font-size: 28px !important;
  }

  .bt_bb_card_icon_icon {
    margin-bottom: 8px;
  }

  /* 服务流程部分 */
  .total {
    min-height: auto;
  }

  .contentItem.aactive {
    padding: 15px 12px;
  }

  .content .imgBox img {
    width: 100%;
    max-width: 160px;
    height: auto;
  }

}

/* 手机设备（小于 768px） */
@media screen and (max-width: 768px) {
  /* 服务能力标题部分 */
  .bt_bb_text h2 strong {
    font-size: 22px;
  }

  .bt_bb_text div {
    font-size: 12px !important;
    padding: 0 12px;
  }

  /* 服务能力卡片优化 - 减小padding和margin */
  .bt_bb_card_icon.card {
    height: auto !important;
    min-height: auto;
    padding: 12px 15px;
    margin-bottom: 10px;
  }

  .bt_bb_card_icon_title h4 {
    font-size: 15px !important;
    margin-bottom: 6px;
  }

  .bt_bb_card_icon_text p {
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
  }

  /* 服务能力图标调小 */
  .bt_bb_icon_holder {
    font-size: 26px !important;
  }

  .bt_bb_card_icon_icon {
    margin-bottom: 8px;
  }

  /* 服务流程tab优化 - 调小padding */
  .tabItem {
    flex-shrink: 0;
    margin-right: 10px;
  }

  .numBox {
    height: 60px;
  }

  .numBox > div:first-child {
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 11px;
    margin: 6px 8px;
  }

  .numBox > div:nth-child(2) {
    font-size: 11px;
  }

  /* 服务内容区域优化 - 调小padding */
  .content:first-child {
    padding-bottom: 12px;
  }

  .title2 {
    font-size: 15px;
    height: auto;
    line-height: 1.3;
    margin-bottom: 8px;
  }

  .chip {
    font-size: 11px;
    padding: 4px 10px;
    margin: 2px;
  }

  .chipBox {
    gap: 6px;
    margin: 8px 0;
  }

  .textBox * {
    font-size: 12px;
    line-height: 1.5;
  }

  /* 行业解决方案部分（total2） - 调小padding */
  .total2 {
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }

  .serviceImg {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
  }

  .serviceImg .slider img {
    width: 100%;
    height: auto;
  }

  .services2 {
    margin-left: 0;
    width: 100%;
  }

  .service2 {
    width: 100%;
    max-width: 100%;
    padding: 8px;
    margin-top: 8px;
  }

  .title1 {
    font-size: 18px;
    line-height: 1.3;
    text-align: center;
    letter-spacing: 0;
    margin-bottom: 6px;
  }

  .title2 {
    width: 100%;
    font-size: 13px;
    line-height: 1.4;
    text-align: center;
    margin-top: 6px;
    margin-bottom: 8px;
  }

  .contentBox {
    margin-left: 8px;
  }

  .contentBox .top {
    font-size: 14px;
    line-height: 1.3;
  }

  .contentBox .bottom {
    width: 100%;
    font-size: 11px;
    line-height: 1.4;
    margin-top: 4px;
  }

  .icon {
    width: 32px;
  }

  /* 右侧服务列表优化 - 调小padding */
  .total22 {
    flex-direction: column;
    padding: 0 10px;
  }

  .service01 {
    width: 100%;
    margin-top: 10px;
  }

  .service01 .service22Top {
    padding: 8px;
  }

  .contentBoxx {
    margin-left: 8px;
  }

  .contentBoxx .topp {
    font-size: 14px;
    line-height: 1.3;
  }

  .contentBoxx .bottomm {
    font-size: 12px;
    line-height: 1.4;
    margin-top: 4px;
  }

  .iconn {
    width: 32px;
  }

  .imgBoxx {
    width: 32px;
    height: 32px;
  }

  /* 客户案例和合作伙伴 - 移动端适当放大 */
  .companyLogo .partner-logo-marquee-row.bt_bb_css_image_grid_content {
    gap: 15px;
  }

  .companyLogo img {
    width: 100px !important;
    height: auto !important;
  }

}
/* 小屏手机（小于 576px） */
@media screen and (max-width: 576px) {
  /* 服务能力卡片 - 优化padding和margin */
  .bt_bb_card_icon.card {
    padding: 10px 12px;
    margin-bottom: 8px;
    border-radius: 12px;
  }

  .bt_bb_card_icon_title h4 {
    font-size: 14px !important;
    margin-bottom: 6px;
  }

  .bt_bb_card_icon_text p {
    font-size: 11px;
    line-height: 1.5;
    margin: 0;
  }

  /* 服务能力图标调小 */
  .bt_bb_icon_holder {
    font-size: 24px !important;
  }

  .bt_bb_card_icon_icon {
    margin-bottom: 8px;
  }

  /* 服务流程优化 */
  .tabBox {
    padding: 0 10px;
  }

  .numBox {
    height: 60px;
  }

  .numBox > div:first-child {
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 11px;
    margin: 6px 8px;
  }

  .numBox > div:nth-child(2) {
    font-size: 11px;
  }

  .arrow img {
    width: 20px;
    height: auto;
  }

  /* 行业解决方案 */
  .service2 {
    padding: 8px;
    margin-top: 10px;
  }

  .title1 {
    font-size: 18px;
  }

  .title2 {
    font-size: 13px;
    margin-top: 6px;
    margin-bottom: 8px;
  }

  .contentBox .top {
    font-size: 14px;
  }

  .contentBox .bottom {
    font-size: 11px;
    margin-top: 6px;
  }

  .icon {
    width: 32px;
  }

  /* 右侧服务列表 */
  .service01 .service22Top {
    padding: 8px;
  }

  .contentBoxx .topp {
    font-size: 13px;
  }

  .contentBoxx .bottomm {
    font-size: 12px;
  }

  .iconn {
    width: 32px;
  }

}

/* 超小屏手机（小于 480px） */
@media screen and (max-width: 480px) {
  /* 服务能力部分 */
  .bt_bb_text h2 strong {
    font-size: 18px;
  }

  .bt_bb_card_icon.card {
    padding: 8px 10px;
    border-radius: 10px;
    margin-bottom: 6px;
  }

  .bt_bb_card_icon_title h4 {
    font-size: 13px !important;
    margin-bottom: 4px;
  }

  .bt_bb_card_icon_text p {
    font-size: 10px;
    line-height: 1.4;
  }

  /* 服务能力图标进一步调小 */
  .bt_bb_icon_holder {
    font-size: 14px !important;
  }

  .bt_bb_card_icon_icon {
    margin-bottom: 6px;
  }

  /* 服务流程 */
  .chip {
    font-size: 11px;
    padding: 4px 8px;
  }

  .title2 {
    font-size: 14px;
  }

  /* 行业解决方案 */
  .total2 {
    padding: 0 10px;
  }

  .title1 {
    font-size: 17px;
    line-height: 1.3;
  }

  .title2 {
    font-size: 12px;
  }

  .contentBox .top {
    font-size: 13px;
  }

  .contentBox .bottom {
    font-size: 11px;
  }

  .service2 {
    border-radius: 8px;
  }

  /* 客户案例和合作伙伴 - 小屏幕也保持合适大小 */
  .companyLogo img {
    width: 100px !important;
    height: auto !important;
  }

}

/* 解决移动端横向滚动问题 */
@media screen and (max-width: 768px) {
  body {
    overflow-x: hidden;
  }

  .bt_bb_row {
    flex-wrap: wrap !important;
  }

  .bt_bb_column {
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* 确保图片不会溢出 */
  img {
    max-width: 100%;
    height: auto;
  }

  /* 确保所有固定宽度元素在移动端自适应 */
  [style*="width:"] {
    max-width: 100%;
  }

  /* 六重服务保障部分 - 移动端改用列表展示 */
  .infoBox {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    padding: 15px;
    background: rgba(255,255,255,0.8);
    border-radius: 10px;
    border: 1px solid #ececec;
  }

  .infoBox .infoTitle {
    font-size: 16px;
    font-weight: 600;
    color: #0327DC;
    margin-bottom: 8px;
  }

  .infoBox .infoLine1 {
    font-size: 14px;
    color: #333;
    line-height: 1.5;
  }

  .infoBox .infoLine2 {
    font-size: 12px;
    color: #666;
    line-height: 1.6;
    margin-top: 8px;
  }
}

/* 全局移动端优化 */
@media screen and (max-width: 768px) {
  /* 标题文字优化 */
  h1, h2, h3, h4, h5, h6 {
    word-break: break-word;
    margin-bottom: 8px;
  }

  /* 段落文字优化 */
  p {
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 8px;
  }

  /* 链接和按钮触摸区域优化 */
  a, button {
    min-height: 44px;
    min-width: 44px;
  }

  /* 表单元素优化 */
  input, textarea, select {
    font-size: 16px; /* 防止iOS缩放 */
  }

  /* 图片居中显示 */
  .bt_bb_image img {
    margin: 0 auto;
    display: block;
  }

  /* 减少section间距 */
  .bt_bb_section {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }


  /* 优化行间距 */
  .bt_bb_row {
    gap: 10px !important;
  }

  /* 优化列间距 */
  .bt_bb_column {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  /* 隐藏复杂动画效果提升性能 */
  .bt_bb_animation_fade_in,
  .bt_bb_animation_move_up {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

}

/* 超小屏幕特殊优化 */
@media screen and (max-width: 375px) {
  /* 进一步缩小文字 */
  .bt_bb_text h2 strong {
    font-size: 16px;
  }

  p {
    font-size: 12px;
  }

  .chip {
    font-size: 10px;
    padding: 3px 6px;
    margin: 1px;
  }

  /* 更紧凑的按钮 */
  .button {
    padding: 6px 12px;
    font-size: 11px;
  }

  /* 减少卡片内边距 */
  .bt_bb_card_icon.card {
    padding: 6px 8px;
    margin-bottom: 5px;
  }

  .bt_bb_card_icon_title h4 {
    font-size: 12px !important;
    margin-bottom: 3px;
  }

  .bt_bb_card_icon_text p {
    font-size: 10px;
    line-height: 1.4;
  }

  /* 图标进一步调小 */
  .bt_bb_icon_holder {
    font-size: 18px !important;
  }

  .bt_bb_card_icon_icon {
    margin-bottom: 4px;
  }

  /* 更紧凑的间距 */
  .bt_bb_section {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .bt_bb_port {
    padding-left: 8px;
    padding-right: 8px;
  }

}

/* =============================================
   额外移动端优化 - 针对行业和客户部分
   ============================================= */

/* 平板设备（768px - 992px） */
@media screen and (max-width: 992px) {
  /* 行业部分标题优化 */
  .bt_bb_column h3 {
    font-size: 18px !important;
  }

  /* 服务流程文字优化 */
  .tabItem .numBox > div:nth-child(2) {
    font-size: 12px;
  }

  /* 客户案例LOGO优化 */
  .bt_bb_css_image_grid_item_inner_image img {
    max-width: 80px;
    height: auto;
  }
}

/* 手机设备（小于 768px） */
@media screen and (max-width: 768px) {
  /* 行业部分标题优化 */
  .bt_bb_column h3 {
    font-size: 16px !important;
  }

  /* 行业描述文字 */
  .bt_bb_column h3 + p,
  .bt_bb_column h4 + p {
    font-size: 12px;
    line-height: 1.5;
  }

  /* 合作伙伴LOGO优化 */
  .bt_bb_css_image_grid_item_inner_image img {
    max-width: 70px;
    max-height: 40px;
    object-fit: contain;
  }

/* 二维码优化 */

/* 版权信息区域 */

/* 统计条优化 */
  .new-banner-stat-item {
    padding: 5px;
  }

  .new-banner-stat-icon {
    font-size: 14px;
  }

  .new-banner-stat-text {
    font-size: 11px;
  }
}

/* 小屏手机（小于 576px） */
@media screen and (max-width: 576px) {
  /* 行业标题进一步缩小 */
  .bt_bb_column h3 {
    font-size: 14px !important;
    margin-bottom: 5px;
  }

  /* 行业描述 */
  .bt_bb_column h3 + p,
  .bt_bb_column h4 + p {
    font-size: 11px;
  }

  /* 合作伙伴LOGO - 576px下适当大小 */
  .bt_bb_css_image_grid_item_inner_image img {
    max-width: 60px;
    max-height: 35px;
  }

  .companyLogo img {
    width: 100px !important;
    height: auto !important;
  }

  /* 服务流程chip进一步优化 */
  .chipBox .chip {
    font-size: 12px;
    padding: 4px 8px;
    margin: 2px;
  }

  /* 技术保障标题优化 */
  .bt_bb_headline h2 {
    font-size: 20px !important;
  }
}

/* 超小屏幕（小于 375px） */
@media screen and (max-width: 375px) {
  /* 行业标题 */
  .bt_bb_column h3 {
    font-size: 13px !important;
  }

  .bt_bb_column h3 + p,
  .bt_bb_column h4 + p {
    font-size: 10px;
  }

  /* 合作伙伴LOGO - 375px下适当大小 */
  .bt_bb_css_image_grid_item_inner_image img {
    max-width: 50px;
    max-height: 30px;
  }

  .companyLogo img {
    width: 90px !important;
    height: auto !important;
  }

/* 二维码 */
  /* 表单标题 */
  .new-banner-modal-content h3 {
    font-size: 15px;
  }

  /* 更紧凑的间距 */
  .bt_bb_section {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}