@charset "UTF-8";
header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: .38rem;
  padding: 0 1.4rem;
  background: #001528;
  box-sizing: border-box; }
  header .icon {
    display: flex;
    align-items: center; }
    header .icon div {
      display: flex;
      align-items: center;
      font-size: .14rem;
      color: #D1D5DC;
      margin-right: .15rem; }
      header .icon div img {
        width: .16rem;
        margin-right: .08rem; }
  header p {
    font-size: .14rem;
    color: #D1D5DC; }

.quote-card-upload .quote-drop {
  cursor: pointer;
  outline: none; }
  .quote-card-upload .quote-drop.is-dragover, .quote-card-upload .quote-drop:focus {
    border-color: rgba(0, 211, 243, 0.82);
    background: rgba(0, 184, 219, 0.12);
    box-shadow: 0 0 0.18rem rgba(0, 211, 243, 0.16); }
  .quote-card-upload .quote-drop.is-selected {
    border-color: rgba(42, 210, 134, 0.74);
    background: rgba(42, 210, 134, 0.1); }
  .quote-card-upload .quote-drop.is-invalid {
    border-color: rgba(255, 89, 89, 0.78) !important;
    box-shadow: 0 0 0.16rem rgba(255, 89, 89, 0.14); }
.quote-card-upload .quote-file-input {
  position: absolute;
  width: 0.01rem;
  height: 0.01rem;
  opacity: 0;
  pointer-events: none; }
.quote-card-upload input.is-invalid,
.quote-card-upload textarea.is-invalid {
  border-color: rgba(255, 89, 89, 0.78) !important;
  box-shadow: 0 0 0.16rem rgba(255, 89, 89, 0.14); }
.quote-card-upload .quote-form-message {
  width: 100%;
  min-height: 0.2rem;
  margin: 0.06rem 0 0;
  color: #ff7878;
  font-size: 0.14rem;
  line-height: 0.2rem;
  letter-spacing: 0.01rem;
  text-align: center; }
  .quote-card-upload .quote-form-message.is-success {
    color: #2ad286; }

.quote-section .quote-field, .bgbl-quote-card label, .pcb-quote-card .pcb-quote-fields label {
  position: relative; }

.bgbl-quote-card label span {
  font-size: .14rem !important; }

.bgbl-upload-box span {
  margin-top: 0 !important; }

.quote-form-message {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: .4rem; }

body.quote-dialog-open {
  overflow: hidden; }

.quote-dialog {
  position: fixed;
  inset: 0;
  z-index: 3000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3rem;
  opacity: 1;
  visibility: visible;
  transition: opacity .24s ease, visibility .24s ease; }
  .quote-dialog[aria-hidden="true"] {
    opacity: 0;
    visibility: hidden;
    pointer-events: none; }
  .quote-dialog .quote-dialog-mask {
    position: absolute;
    inset: 0;
    background: rgba(0, 8, 20, 0.72);
    backdrop-filter: blur(0.08rem); }
  .quote-dialog .quote-dialog-panel {
    position: relative;
    width: min(4.6rem, 92vw);
    padding: 0.38rem 0.34rem 0.3rem;
    border: 0.01rem solid rgba(0, 211, 243, 0.34);
    border-radius: 0.16rem;
    background: linear-gradient(180deg, rgba(0, 34, 68, 0.96) 0%, rgba(0, 21, 40, 0.98) 100%);
    box-shadow: 0 0.28rem 0.7rem rgba(0, 0, 0, 0.42), inset 0 0 0.28rem rgba(0, 184, 219, 0.08);
    text-align: center;
    transform: translateY(0) scale(1);
    transition: transform .24s ease; }
  .quote-dialog[aria-hidden="true"] .quote-dialog-panel {
    transform: translateY(0.16rem) scale(0.96); }
  .quote-dialog .quote-dialog-close {
    position: absolute;
    top: 0.12rem;
    right: 0.12rem;
    width: 0.28rem;
    height: 0.28rem;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: #99a1af;
    font-size: 0.2rem;
    line-height: 0.28rem;
    cursor: pointer; }
  .quote-dialog .quote-dialog-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.58rem;
    height: 0.58rem;
    margin: 0 auto 0.18rem;
    border-radius: 50%;
    color: #fff;
    font-size: 0.32rem;
    font-weight: 700; }
    .quote-dialog .quote-dialog-icon::before {
      content: "!"; }
  .quote-dialog h3 {
    margin: 0;
    color: #fff;
    font-size: 0.22rem;
    font-weight: 700;
    line-height: 0.3rem; }
  .quote-dialog p {
    margin: 0.12rem 0 0;
    color: #d1d5dc;
    font-size: 0.16rem;
    line-height: 0.24rem; }
  .quote-dialog .quote-dialog-confirm {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 0.48rem;
    margin-top: 0.26rem;
    border: 0;
    border-radius: 0.1rem;
    background: linear-gradient(124deg, #00b8db 0%, #155dfc 95.39%);
    color: #fff;
    font-size: 0.16rem;
    font-weight: 700;
    cursor: pointer; }
  .quote-dialog.is-error .quote-dialog-icon {
    background: linear-gradient(135deg, #ff5c5c 0%, #ff8f70 100%);
    box-shadow: 0 0 0.24rem rgba(255, 92, 92, 0.28); }
  .quote-dialog.is-success .quote-dialog-icon {
    background: linear-gradient(135deg, #2ad286 0%, #00b8db 100%);
    box-shadow: 0 0 0.24rem rgba(42, 210, 134, 0.28); }
    .quote-dialog.is-success .quote-dialog-icon::before {
      content: "✓"; }

.header {
  width: 100%;
  position: fixed;
  transition: all .4s;
  left: 0;
  top: .38rem;
  height: .88rem;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.4rem;
  transition: all .6s; }
  .header.on {
    top: 0;
    background: #05233B; }
  .header .logo a {
    display: flex;
    align-items: center; }
    .header .logo a img {
      width: 1.04rem; }
    .header .logo a div {
      overflow: hidden;
      padding-left: .18rem; }
      .header .logo a div p {
        font-size: .2rem;
        color: #fff;
        font-weight: bold; }
      .header .logo a div span {
        display: block;
        font-size: .12rem;
        color: #00B8D8; }
  .header .link {
    height: 100%;
    display: flex;
    align-items: center; }
    .header .link > ul {
      height: 100%;
      display: flex; }
      .header .link > ul > li {
        height: 100%;
        margin-right: .34rem;
        position: relative; }
        .header .link > ul > li > a {
          display: flex;
          align-items: center;
          height: 100%;
          font-size: .16rem;
          font-weight: bold;
          color: #D1D5DC; }
    .header .link .online {
      border-radius: .1rem;
      background: linear-gradient(to right, #01B5DC, #055BA2); }
      .header .link .online a {
        height: .44rem;
        display: inline-flex;
        align-items: center;
        padding: 0 .18rem;
        font-size: .18rem;
        color: #fff; }
      .header .link .online.lang-switch {
        display: inline-flex;
        align-items: center;
        gap: .04rem;
        padding: .04rem;
        background: rgba(255, 255, 255, .08);
        border: 1px solid rgba(255, 255, 255, .15);
        border-radius: .5rem;
        cursor: pointer; }
        .header .link .online.lang-switch .lang-option {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          height: .36rem;
          min-width: .6rem;
          padding: 0 .16rem;
          font-size: .14rem;
          font-weight: 500;
          color: rgba(255, 255, 255, .65);
          border-radius: .5rem;
          cursor: pointer;
          transition: color .2s ease, background .2s ease, box-shadow .2s ease; }
        .header .link .online.lang-switch .lang-option:hover {
          color: #fff; }
        .header .link .online.lang-switch .lang-option.active {
          color: #fff;
          background: linear-gradient(to right, #01B5DC, #055BA2);
          box-shadow: 0 .04rem .1rem rgba(0, 184, 219, .35); }

html,
body {
  width: 100%;
  min-width: 100%;
  background: #001528; }

* {
  box-sizing: border-box; }

body {
  overflow-x: auto;
  color: #d1d5dc;
  font-family: "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }

.page {
  width: 100%;
  min-height: 83.26rem;
  margin: 0 auto;
  background: #001528; }

.hero-banner {
  position: relative;
  width: 100%;
  height: 9rem;
  overflow: hidden; }
  .hero-banner .mySwiper {
    width: 100%;
    height: 100%; }
  .hero-banner .swiper-slide {
    width: 100%;
    height: 100%; }
  .hero-banner .hero-bg {
    position: absolute;
    left: 0;
    top: 0rem;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .hero-banner .hero-video {
    background: #001528; }
  .hero-banner .hero-corner {
    position: absolute;
    width: 1.28rem;
    height: 1.28rem;
    pointer-events: none; }
  .hero-banner .hero-corner-tr {
    top: 0.48rem;
    right: 0.46rem;
    border-top: 0.02rem solid rgba(0, 184, 219, 0.3);
    border-right: 0.02rem solid rgba(0, 184, 219, 0.3);
    border-top-right-radius: 0.24rem; }
  .hero-banner .hero-corner-bl {
    left: 0.49rem;
    bottom: -0.17rem;
    border-bottom: 0.02rem solid rgba(0, 184, 219, 0.3);
    border-left: 0.02rem solid rgba(0, 184, 219, 0.3);
    border-bottom-left-radius: 0.24rem; }
  .hero-banner .hero-company-tag {
    position: absolute;
    top: 1.64rem;
    left: 1.33rem;
    display: flex;
    align-items: center;
    gap: 0.08rem;
    height: 0.38rem;
    padding: 0 0.16rem;
    border: 0.01rem solid rgba(0, 211, 243, 0.3);
    border-radius: 999rem;
    background: rgba(0, 184, 219, 0.2);
    color: #fff;
    font-size: 0.16rem;
    font-weight: 400;
    line-height: 0.2rem;
    letter-spacing: 0.01rem;
    white-space: nowrap; }
  .hero-banner .hero-tag-mark {
    position: relative;
    flex: 0 0 0.16rem;
    width: 0.16rem;
    height: 0.16rem; }
    .hero-banner .hero-tag-mark::before, .hero-banner .hero-tag-mark::after {
      position: absolute;
      background: #00d3f3;
      content: ""; }
    .hero-banner .hero-tag-mark::before {
      top: 0.01rem;
      left: 0.06rem;
      width: 0.04rem;
      height: 0.14rem;
      transform: skew(-25deg); }
    .hero-banner .hero-tag-mark::after {
      top: 0.07rem;
      left: 0.03rem;
      width: 0.1rem;
      height: 0.02rem;
      transform: skew(-25deg); }
  .hero-banner .hero-arrow {
    position: absolute;
    top: 4.53rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.4rem;
    height: 0.4rem;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer; }
    .hero-banner .hero-arrow img {
      display: block;
      width: 0.34rem;
      height: 0.34rem;
      object-fit: contain; }
  .hero-banner .hero-arrow-left {
    left: 1.67rem; }
    .hero-banner .hero-arrow-left img {
      transform: rotate(180deg); }
  .hero-banner .hero-arrow-right {
    right: 1.86rem; }
  .hero-banner .hero-value {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 2.88rem auto 0; }
  .hero-banner .hero-title-group {
    display: flex;
    flex-direction: column;
    line-height: 1;
    align-items: center;
    gap: 0.28rem; }
    .hero-banner .hero-title-group h1,
    .hero-banner .hero-title-group h2 {
      font-weight: 700;
      text-align: center; }
  .hero-banner .hero-title-group h1 {
    color: #0EA4E7;
    font-size: 1.28rem; }
    .hero-banner .hero-title-group h2 {
      color: #d1d5dc;
      font-size: 0.96rem;
      letter-spacing: 0.01rem; }
  .hero-banner .hero-slogan {
    margin: 0.42rem 0 0;
    padding: 0.1rem;
    line-height: 1;
    color: #d1d5dc;
    font-size: 0.32rem;
    font-weight: 700;
    text-align: center; }
  .hero-banner .hero-pill-list {
    display: flex;
    align-items: flex-end;
    gap: 0.28rem;
    margin-top: 0.39rem;
    filter: drop-shadow(0 0.04rem 0.02rem rgba(0, 0, 0, 0.25));
    margin-bottom: .46rem; }
  .hero-banner .hero-pill {
    display: flex;
    align-items: center;
    height: 0.42rem;
    border: 0.01rem solid rgba(0, 184, 219, 0.2);
    border-radius: 0.1rem;
    background: rgba(255, 255, 255, 0.05);
    color: #d1d5dc;
    font-size: 0.2rem;
    font-weight: 400;
    letter-spacing: 0.02rem; }
    .hero-banner .hero-pill img {
      display: block;
      height: 0.24rem; }
  .hero-banner .hero-pill-material {
    width: auto;
    height: 0.43rem;
    gap: 0.08rem;
    padding: 0.01rem 0.17rem; }
  .hero-banner .hero-pill-cert {
    justify-content: center;
    gap: 0.12rem;
    width: 1.88rem; }
    .hero-banner .hero-pill-cert img {
      width: 0.21rem;
      height: 0.26rem; }
  .hero-banner .hero-pill-service {
    gap: 0.08rem;
    padding: 0.01rem 0.17rem 0.01rem 0.05rem; }
    .hero-banner .hero-pill-service span {
      white-space: nowrap; }
  .hero-banner .hero-pill-delivery {
    gap: 0.08rem;
    width: 2.16rem;
    padding: 0.01rem 0.17rem; }

.hero-actions {
  display: flex;
  justify-content: center;
  gap: 0.19rem;
  width: 100%;
  position: relative;
  z-index: 9; }

.hero-actions a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.58rem;
  border-radius: 0.1rem;
  padding: 0 .2rem;
  color: #fff;
  font-size: 0.18rem;
  font-weight: 700;
  letter-spacing: 0.02rem;
  text-align: center; }

.hero-action-primary {
  gap: 0.13rem;
  background: linear-gradient(104deg, #00b8db 0%, #155dfc 95.39%);
  box-shadow: 0.02rem 0.02rem 0.05rem rgba(0, 0, 0, 0.5); }
  .hero-action-primary img {
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    object-fit: contain; }

.hero-action-secondary {
  border: 0.02rem solid #fff;
  box-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.5); }

.core-business {
  display: flex;
  justify-content: center;
  width: 100%;
  overflow: hidden;
  padding: .58rem 1.3rem 1.1rem 1.3rem;
  background: #001528; }

.core-wrap {
  position: relative; }

.section-head {
  text-align: center;
  padding: 0 1.2rem; }

.section-head h1 {
  color: #fff;
  font-size: 0.48rem;
  font-weight: bold;
  line-height: 0.63rem;
  letter-spacing: 0; }

.section-head p {
  color: #d1d5dc;
  font-size: 0.18rem;
  font-weight: 400;
  line-height: 0.28rem;
  margin-top: .1rem; }

.business-cards {
  display: flex;
  gap: 0.38rem;
  margin-top: .42rem; }

.business-card {
  position: relative;
  flex: 0 0 5.28rem;
  width: 5.28rem;
  height: 5.32rem;
  overflow: hidden;
  border: 0.01rem solid rgba(0, 184, 219, 0.2);
  border-radius: 0.16rem;
  box-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.5); }

.business-card-pcba {
  background: linear-gradient(135deg, rgba(20, 20, 20, 0.05) 0%, rgba(7, 31, 56, 0.1) 20%, rgba(39, 103, 164, 0.1) 40%, rgba(12, 63, 114, 0.1) 60%, rgba(15, 79, 137, 0.2) 80%, rgba(11, 90, 166, 0.2) 100%); }

.business-card-pcb {
  background: linear-gradient(135deg, rgba(213, 255, 197, 0.05) 0%, rgba(132, 255, 155, 0.05) 20%, rgba(101, 172, 143, 0.05) 40%, rgba(26, 85, 89, 0.05) 60%, rgba(21, 63, 103, 0.05) 80%, rgba(0, 26, 51, 0.1) 100%); }

.business-card-smt {
  background: linear-gradient(135deg, rgba(204, 229, 255, 0.1) 0%, rgba(89, 165, 243, 0.1) 20%, rgba(13, 136, 255, 0.1) 40%, rgba(3, 91, 179, 0.1) 60%, rgba(8, 72, 132, 0.1) 80%, rgba(3, 50, 96, 0.5) 100%); }

.badge {
  position: absolute;
  top: 0.29rem;
  right: 0.28rem;
  z-index: 4;
  height: 0.26rem;
  padding: 0.05rem 0.13rem;
  border: 0.01rem solid rgba(0, 211, 243, 0.5);
  border-radius: 9rem;
  background: rgba(0, 211, 243, 0.2);
  color: #fff;
  font-size: 0.12rem;
  line-height: 0.16rem; }

.card-icon {
  position: absolute;
  top: 0.85rem;
  left: 0.38rem;
  z-index: 4;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0.16rem;
  overflow: hidden; }

.card-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover; }

.business-card h2 {
  position: absolute;
  top: 0.84rem;
  left: 1.48rem;
  z-index: 4;
  margin: 0;
  color: #d1d5dc;
  font-size: 0.3rem;
  font-weight: 700;
  line-height: 0.36rem;
  letter-spacing: 0.01rem; }

.business-card h3 {
  position: absolute;
  top: 1.36rem;
  left: 1.48rem;
  z-index: 4;
  margin: 0;
  color: #00b8d8;
  font-size: 0.18rem;
  font-weight: 400;
  line-height: 0.28rem;
  letter-spacing: 0.02rem; }

.business-card ul {
  position: absolute;
  top: 2.1rem;
  left: 0.38rem;
  z-index: 4;
  width: 4.08rem;
  margin: 0;
  padding: 0; }

.business-card li {
  position: relative;
  margin-bottom: 0.12rem;
  padding-left: 0.18rem;
  color: #d1d5dc;
  font-size: 0.16rem;
  font-weight: 400; }

.business-card li::before {
  position: absolute;
  top: 0.07rem;
  left: 0;
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 50%;
  background: #d1d5dc;
  content: ""; }

.card-board {
  position: absolute;
  z-index: 2;
  pointer-events: none; }

.card-board-pcba {
  left: -0.03rem;
  top: 3.52rem;
  width: 5.3rem;
  height: 1.8rem;
  object-fit: cover;
  object-position: bottom;
  opacity: 0.8;
  transform: rotate(-0.11deg); }

.card-board-pcb {
  left: 0;
  top: 3.5rem;
  width: 5.28rem;
  height: 1.81rem;
  object-fit: cover;
  object-position: bottom;
  transform: rotate(-0.11deg); }

.card-board-smt {
  left: 0;
  top: 3.51rem;
  width: 5.28rem;
  height: 1.81rem;
  object-fit: cover;
  object-position: bottom;
  transform: rotate(-0.11deg); }

.card-btn {
  position: absolute;
  top: 4.4rem;
  left: 1.22rem;
  z-index: 5;
  display: block;
  width: 2.88rem;
  height: 0.48rem;
  border-radius: 0.1rem;
  background: linear-gradient(116deg, #00b8db 0%, #155dfc 95.39%);
  box-shadow: 0.02rem 0.02rem 0.05rem rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 0.18rem;
  font-weight: 700;
  line-height: 0.48rem;
  letter-spacing: 0.02rem;
  text-align: center; }

.product-panel {
  position: relative;
  border: 0.01rem solid rgba(0, 82, 97, 0.36);
  border-radius: 0.16rem;
  overflow: hidden;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), rgba(255, 255, 255, 0.05);
  margin-top: .42rem;
  padding: .3rem;
  margin-bottom: .42rem; }

.product-panel h2 {
  color: #d1d5dc;
  font-size: 0.3rem;
  font-weight: 700;
  line-height: 0.36rem;
  letter-spacing: 0.01rem;
  text-align: center; }

.product-list {
  display: flex;
  gap: 0.4rem;
  flex-wrap: wrap; }

.product-item {
  display: flex;
  flex: 0 0 3.673rem;
  align-items: center;
  gap: 0.16rem;
  margin-top: .24rem;
  height: 0.98rem;
  padding: 0.01rem 0.01rem 0.01rem 0.25rem;
  border: 0.01rem solid rgba(0, 184, 219, 0.1);
  border-radius: 0.14rem;
  background: rgba(255, 255, 255, 0.05); }

.product-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 0.1rem; }

.product-icon img {
  display: block;
  width: 100%;
  object-fit: contain; }

.product-item strong {
  display: block;
  color: #d1d5dc;
  font-size: 0.18rem;
  font-weight: 700; }

.product-item span {
  display: block;
  color: #00b8d8;
  font-size: 0.14rem;
  letter-spacing: 0.01rem; }

.more-products {
  color: #d1d5dc;
  font-size: 0.14rem;
  font-weight: 400;
  line-height: 0.2rem;
  margin-top: .36rem;
  letter-spacing: 0.01rem;
  text-align: center; }

.core-actions {
  display: flex;
  justify-content: center;
  gap: 0.2rem; }

.core-actions a {
  display: block;
  height: 0.58rem;
  border-radius: 0.1rem;
  color: #fff;
  font-size: 0.18rem;
  font-weight: 700;
  line-height: 0.58rem;
  letter-spacing: 0.02rem;
  text-align: center; }

.primary-action {
  width: 1.96rem;
  background: linear-gradient(105deg, #00b8db 0%, #155dfc 95.39%);
  box-shadow: 0.02rem 0.02rem 0.05rem rgba(0, 0, 0, 0.5); }

.secondary-action {
  width: 1.84rem;
  border: 0.02rem solid #fff;
  box-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.5);
  line-height: 0.54rem !important; }

.classic-case {
  width: 100%;
  overflow: hidden;
  border: 0.01rem solid #000;
  background: linear-gradient(180deg, #001a33 0%, #001c36 20%, #001d3a 40%, #001f3d 60%, #002041 67.788%, #002143 84.135%, #002244 100%);
  padding: .58rem 0 0 0; }

.case-head {
  width: 16.6rem;
  margin: 0.515rem auto 0;
  text-align: center; }

.case-head h1 {
  height: 0.63rem;
  margin: 0;
  color: #fff;
  font-size: 0.48rem;
  font-weight: 700;
  line-height: 0.63rem; }

.case-head p {
  height: 0.28rem;
  margin-top: 0.24rem;
  color: #d1d5dc;
  font-size: 0.18rem;
  line-height: 0.28rem; }

.case-stage {
  margin: 1.17rem auto 0;
  overflow: visible;
  padding: 0 1.3rem; }
  .case-stage .mySwiper1 {
    width: 100%;
    overflow: hidden; }
    .case-stage .mySwiper1 .swiper-slide {
      width: 100%;
      overflow: hidden; }
      .case-stage .mySwiper1 .swiper-slide .case-slider {
        width: 100%; }

.case-slider {
  align-items: flex-start;
  gap: 0.48rem;
  display: flex;
  overflow: visible; }

@keyframes caseSliderIn {
  from {
    opacity: 0;
    transform: translateX(0.28rem); }
  to {
    opacity: 1;
    transform: translateX(0); } }
.case-card {
  display: grid;
  grid-template-columns: 4rem 3.4867rem 3.4867rem;
  column-gap: 0.4rem;
  flex: 0 0 12.14rem;
  width: 12.14rem;
  height: 5.51rem;
  border-radius: 0.16rem; }

.case-main-img {
  width: 4rem;
  height: 5.5rem;
  border-radius: 0.16rem;
  object-fit: cover; }

.case-copy {
  width: 3.4867rem;
  padding-top: 0.4rem; }

.case-copy h2 {
  height: 0.32rem;
  margin: 0 0 0.16rem;
  color: #d1d5dc;
  font-size: 0.24rem;
  font-weight: 700;
  line-height: 0.32rem;
  letter-spacing: 0.01rem; }

.case-block {
  margin-top: 0.2rem; }

.case-block h3 {
  height: 0.28rem;
  margin: 0 0 0.16rem;
  color: #00b8d8;
  font-size: 0.18rem;
  font-weight: 700;
  line-height: 0.24rem;
  letter-spacing: 0.01rem; }

.case-block p {
  width: 3.46rem;
  height: 0.52rem;
  margin: 0;
  color: #d1d5dc;
  font-size: 0.16rem;
  line-height: 0.2rem;
  letter-spacing: 0.01rem; }

.solution-list {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  margin: 0;
  padding: 0; }

.solution-list li {
  position: relative;
  display: flex;
  color: #d1d5dc;
  align-items: center;
  font-size: 0.14rem;
  letter-spacing: 0.01rem; }
  .solution-list li img {
    width: .2rem;
    margin-right: .12rem; }

.case-actions {
  display: flex;
  gap: 0.08rem;
  width: 7.2934rem;
  height: 0.77rem;
  margin-top: 0.55rem;
  padding-top: 0.24rem;
  border-top: 0.01rem solid rgba(0, 184, 219, 0.2); }

.case-actions a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.12rem;
  height: 0.52rem;
  border-radius: 0.1rem;
  color: #fff;
  font-size: 0.18rem;
  font-weight: 700;
  line-height: 0.24rem;
  letter-spacing: 0.02rem; }

.case-actions img {
  width: 0.16rem;
  height: 0.16rem;
  object-fit: contain; }

.case-primary {
  width: 3.5467rem;
  background: linear-gradient(118deg, #00b8db 0%, #155dfc 95.39%);
  box-shadow: 0.02rem 0.02rem 0.05rem rgba(0, 0, 0, 0.5); }

.case-secondary {
  width: 3.5867rem;
  border: 0.02rem solid rgba(0, 211, 243, 0.5);
  box-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.5); }

.result-panel {
  width: 3.4867rem;
  height: 3.14rem;
  margin-top: 0.88rem;
  padding: 0.25rem;
  border: 0.01rem solid rgba(0, 184, 219, 0.2);
  border-radius: 0.14rem;
  background: linear-gradient(138deg, rgba(0, 184, 219, 0.1) 0%, rgba(43, 127, 255, 0.1) 100%); }

.result-panel h3 {
  height: 0.28rem;
  margin: 0 0 0.24rem;
  color: #fff;
  font-size: 0.18rem;
  font-weight: 700;
  line-height: 0.24rem;
  letter-spacing: 0.01rem; }

.result-grid {
  display: grid;
  grid-template-columns: repeat(2, 1.4134rem);
  gap: 0.16rem;
  width: 2.9867rem;
  height: 2.12rem; }

.result-item {
  width: 1.4134rem;
  height: 0.98rem;
  padding: 0.17rem;
  border: 0.01rem solid rgba(0, 184, 219, 0.2);
  border-radius: 0.1rem;
  background: rgba(255, 255, 255, 0.05); }

.result-item span {
  position: relative;
  display: block;
  height: 0.16rem;
  padding-left: 0.16rem;
  color: #00b8d8;
  font-size: 0.14rem; }

.result-item span::before {
  position: absolute;
  top: 0.04rem;
  left: 0;
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 50%;
  background: #00d3f3;
  content: ""; }

.result-item p {
  margin: 0.08rem 0 0;
  color: #fff;
  font-size: 0.14rem;
  letter-spacing: 0.01rem; }

.case-side-img {
  flex: 0 0 4rem;
  width: 4rem;
  height: 5.5rem;
  border-radius: 0.16rem;
  object-fit: cover; }

.case-tabs {
  display: flex;
  gap: 0.1rem;
  width: 100%;
  height: 0.81rem;
  margin-top: 0.11rem;
  overflow: hidden; }

.case-tabs a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  width: auto;
  height: 0.81rem;
  border: 0.01rem solid rgba(255, 255, 255, 0);
  background: rgba(255, 255, 255, 0.05);
  color: #d1d5dc;
  font-size: 0.24rem;
  font-weight: 700;
  line-height: 0.32rem;
  letter-spacing: 0.01rem;
  text-align: center; }

.case-tabs a.active {
  color: #00b8d8; }

.why-choose {
  width: 100%;
  padding: 1rem 3.5rem;
  background: linear-gradient(180deg, #001a33 0%, #001c36 20%, #001d3a 40%, #001f3d 60%, #002041 67.788%, #002143 84.135%, #002244 100%); }

.why-head {
  width: 16.6rem;
  margin: 0 auto;
  text-align: center; }

.why-head h1 {
  height: 0.63rem;
  margin: 0;
  color: #fff;
  font-size: 0.48rem;
  font-weight: 700;
  line-height: 0.63rem; }

.why-head p {
  margin: 0.1rem 0 0;
  color: #d1d5dc;
  font-size: 0.16rem;
  line-height: 0.28rem;
  letter-spacing: 0.01rem; }

.why-grid {
  margin: 0.56rem auto 0;
  display: grid;
  grid-template-columns: repeat(3, 3.84rem);
  gap: 0.32rem 0.32rem; }

.why-grid .swiper-wrapper {
  display: contents; }

.why-card {
  position: relative;
  width: 3.84rem;
  padding: 0.3rem;
  border: 0.01rem solid rgba(0, 184, 219, 0.2);
  border-radius: 0.16rem;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.25);
  overflow: hidden; }

.why-card::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1.28rem;
  height: 1.28rem;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(0, 184, 219, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
  filter: blur(0.4rem);
  pointer-events: none; }

.why-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.64rem;
  height: 0.64rem;
  overflow: hidden;
  border-radius: 0.14rem; }

.why-icon img {
  width: 100%;
  object-fit: contain; }

.why-card h2 {
  margin: 0.24rem 0 .1rem 0;
  color: #fff;
  font-size: 0.3rem;
  font-weight: 700; }

.why-card p {
  margin: 0;
  color: #99a1af;
  font-size: 0.16rem;
  min-height: 1rem; }

.why-card p span {
  color: #00b8d8;
  font-weight: 700; }

.why-metric {
  display: flex;
  align-items: center;
  gap: 0.11rem;
  height: .54rem;
  margin-top: .1rem;
  border-top: 0.01rem solid rgba(0, 184, 219, 0.2); }

.why-metric strong {
  color: #0EA4E7;
  font-size: 0.3rem;
  font-weight: bold;
  font-weight: 700;
  line-height: 0.36rem;
  letter-spacing: 0.01rem; }

.why-metric em {
  color: #d1d5dc;
  font-size: 0.16rem;
  line-height: 0.2rem;
  letter-spacing: 0.01rem;
  font-style: normal; }

.why-stats {
  width: 12.11rem;
  margin: 0.33rem auto 0;
  padding: 0.33rem 0;
  border: 0.01rem solid rgba(0, 184, 219, 0.2);
  border-radius: 0.16rem;
  background: rgba(255, 255, 255, 0.05);
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center; }

.why-stats div {
  flex: 1; }

.why-stats strong {
  display: block;
  color: #0EA4E7;
  font-size: 0.36rem;
  font-weight: bold; }

.why-stats span {
  display: block;
  margin-top: 0.08rem;
  color: #d1d5dc;
  font-size: 0.16rem;
  letter-spacing: 0.01rem; }

.why-cta {
  width: 12.11rem;
  height: 2.34rem;
  margin: 0.33rem auto 0;
  padding-top: 0.41rem;
  border: 0.01rem solid rgba(0, 184, 219, 0.3);
  border-radius: 0.16rem;
  background: linear-gradient(135deg, rgba(0, 184, 219, 0.1) 0%, rgba(43, 127, 255, 0.1) 100%);
  text-align: center; }

.why-cta h2 {
  width: 10rem;
  margin: 0 auto;
  color: #fff;
  font-size: 0.24rem;
  font-weight: 700;
  letter-spacing: 0.01rem; }

.why-cta p {
  margin: 0.1rem 0 0;
  color: #99a1af;
  font-size: 0.16rem;
  margin-bottom: .44rem;
  letter-spacing: 0.01rem; }

.why-cta-actions {
  display: flex;
  justify-content: center;
  gap: 0.2rem;
  margin-top: 0.37rem; }

.why-online {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.28rem;
  height: 0.6rem;
  border-radius: 0.1rem;
  background: linear-gradient(105deg, #00b8db 0%, #155dfc 95.39%);
  box-shadow: 0.02rem 0.02rem 0.05rem rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 0.18rem;
  font-weight: 700;
  line-height: 0.24rem;
  letter-spacing: 0.02rem; }

.why-phone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.55rem;
  height: 0.6rem;
  border: 0.02rem solid #fff;
  border-radius: 0.1rem;
  box-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 0.18rem;
  font-weight: 700;
  line-height: 0.24rem;
  letter-spacing: 0.02rem; }

.walk-into {
  position: relative;
  width: 100%;
  padding-top: 0.66rem;
  overflow: hidden;
  background: #001528; }
  .walk-into .walk-head {
    width: 16.6rem;
    height: 1.12rem;
    margin: 0 auto;
    padding-top: 0.12rem;
    text-align: center; }
    .walk-into .walk-head h1 {
      height: 0.63rem;
      margin: 0;
      color: #fff;
      font-size: 0.48rem;
      font-weight: 700;
      line-height: 0.63rem;
      letter-spacing: 0; }
    .walk-into .walk-head p {
      height: 0.28rem;
      margin: 0.24rem 0 0;
      color: #d1d5dc;
      font-size: 0.18rem;
      font-weight: 400;
      line-height: 0.28rem;
      letter-spacing: 0; }
  .walk-into .walk-video {
    position: relative;
    width: 100%;
    margin-top: 0.56rem; }
    .walk-into .walk-video img,
    .walk-into .walk-video video {
      display: block;
      width: 100%;
      height: 8.24rem;
      object-fit: cover; }
    .walk-into .walk-video video {
      display: none; }
    .walk-into .walk-video.is-playing .walk-video-cover {
      display: none; }
    .walk-into .walk-video.is-playing .walk-video-player {
      display: block; }
    .walk-into .walk-video.is-playing .walk-play {
      display: none; }
  .walk-into .walk-play {
    position: absolute;
    top: 3.06rem;
    left: 9.36rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.48rem;
    height: 0.48rem;
    padding: 0;
    border: 0.02rem solid rgba(255, 255, 255, 0.92);
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.08);
    cursor: pointer; }
    .walk-into .walk-play::before {
      width: 0;
      height: 0;
      margin-left: 0.04rem;
      border-top: 0.07rem solid transparent;
      border-bottom: 0.07rem solid transparent;
      border-left: 0.11rem solid #fff;
      content: ""; }
  .walk-into .walk-cert-band {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.48rem; }
    .walk-into .walk-cert-band::before {
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(173, 70, 255, 0.01) 0%, rgba(43, 127, 255, 0.02) 15.865%, rgba(0, 25, 48, 0.2) 100%);
      box-shadow: inset 0 0.04rem 0.04rem rgba(0, 0, 0, 0.25);
      backdrop-filter: blur(0.2rem);
      opacity: 0.3;
      content: ""; }
  .walk-into .walk-cert-wall {
    position: relative;
    z-index: 1;
    width: 16.6rem;
    height: 1.3rem;
    margin: 0.09rem auto 0;
    overflow: hidden;
    mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%); }
    .walk-into .walk-cert-wall:hover .walk-cert-track {
      animation-play-state: paused; }
    .walk-into .walk-cert-wall::after {
      position: absolute;
      inset: 0;
      border-top: 0.01rem solid rgba(0, 184, 219, 0.12);
      border-bottom: 0.01rem solid rgba(0, 184, 219, 0.12);
      pointer-events: none;
      content: ""; }
  .walk-into .walk-cert-track {
    display: flex;
    align-items: center;
    width: max-content;
    height: 1.3rem;
    animation: certScroll 18s linear infinite;
    will-change: transform; }
  .walk-into .walk-cert-group {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex: 0 0 16.6rem;
    width: 16.6rem; }
    .walk-into .walk-cert-group img {
      display: block;
      width: 1.33rem;
      height: 1.33rem;
      object-fit: contain;
      transition: transform var(--motion-fast) ease, filter var(--motion-fast) ease, opacity var(--motion-fast) ease; }
    .walk-into .walk-cert-group img:hover {
      transform: translateY(-0.06rem) scale(1.06);
      filter: drop-shadow(0 0 0.18rem rgba(0, 211, 243, 0.38)); }
    .walk-into .walk-cert-group img:nth-child(3) {
      width: 1.3rem;
      height: 1.3rem;
      opacity: 0.75;
      filter: drop-shadow(0 0 0.07rem rgba(255, 255, 255, 0.35)); }
    .walk-into .walk-cert-group img:nth-child(4) {
      opacity: 0.7; }

.info-support {
  width: 100%;
  padding: 1.14rem 1.3rem;
  overflow: hidden;
  background: linear-gradient(180deg, #001a33 0%, #001c36 20%, #001d3a 40%, #001f3d 60%, #002041 80%, #002244 100%); }
  .info-support .info-support-head {
    width: 16.6rem;
    height: 1.99rem;
    margin: 0 auto;
    padding-top: 0.465rem;
    text-align: center; }
    .info-support .info-support-head h1 {
      height: 0.63rem;
      margin: 0;
      color: #fff;
      font-size: 0.48rem;
      font-weight: 700;
      line-height: 0.63rem;
      letter-spacing: 0; }
    .info-support .info-support-head p {
      height: 0.28rem;
      margin: 0.185rem 0 0;
      color: #d1d5dc;
      font-size: 0.18rem;
      font-weight: 400;
      line-height: 0.28rem;
      letter-spacing: 0; }
  .info-support .info-support-layout {
    display: flex;
    gap: 0.14rem;
    margin: 0 auto;
    margin-top: .44rem; }
  .info-support .info-support-left {
    display: flex;
    flex: 0 0 10.54rem;
    flex-direction: column;
    gap: 0.14rem;
    width: 10.54rem; }
  .info-support .news-row {
    display: flex;
    gap: 0.14rem;
    width: 10.54rem;
    height: 6rem; }
  .info-support .info-support-right {
    display: flex;
    flex: 0 0 5.9rem;
    flex-direction: column;
    gap: 0.14rem;
    width: 5.9rem; }
  .info-support .support-panel {
    border: 0.01rem solid rgba(0, 184, 219, 0.2);
    border-radius: 0.16rem;
    background: rgba(255, 255, 255, 0.05); }
  .info-support .support-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 0.81rem;
    padding: 0.19rem 0.2rem 0 0.2rem; }
    .info-support .support-card-head h2 {
      margin: 0;
      color: #d1d5dc;
      font-size: 0.24rem;
      font-weight: 700;
      line-height: 0.32rem;
      letter-spacing: 0.01rem; }
  .info-support .support-more {
    position: relative;
    display: block;
    color: #99a1af;
    font-size: 0.2rem;
    font-weight: 400;
    letter-spacing: 0.02rem;
    text-align: center;
    display: flex;
    align-items: center; }
  .info-support .support-cover {
    display: block;
    width: 5rem;
    height: 3rem;
    border-bottom: 0.01rem solid rgba(0, 184, 219, 0.2);
    border-radius: 0.16rem;
    object-fit: cover; }
  .info-support .news-card,
  .info-support .notice-card {
    flex: 0 0 5.2rem;
    width: 5.2rem;
    height: 6rem;
    padding: 0 0.1rem; }
  .info-support .news-card .support-card-head,
  .info-support .notice-card .support-card-head {
    height: 0.9rem;
    padding: 0.19rem 0 0 0.1rem; }
  .info-support .news-card-copy {
    width: 4.86rem;
    height: 2.06rem;
    margin: 0 auto; }
    .info-support .news-card-copy h3 {
      height: 0.56rem;
      margin: 0;
      padding-top: 0.15rem;
      border-bottom: 0.01rem solid rgba(0, 184, 216, 0.1);
      color: #d1d5dc;
      font-size: 0.2rem;
      font-weight: 400;
      letter-spacing: 0.02rem;
      overflow: hidden;
      text-overflow: ellipsis; }
    .info-support .news-card-copy p {
      margin: 0.16rem 0 0;
      color: #d1d5dc;
      font-size: 0.16rem;
      font-weight: 400;
      letter-spacing: 0;
      overflow: hidden; }
    .info-support .news-card-copy time {
      display: block;
      width: 0.96rem;
      margin: 0.12rem 0 0 auto;
      color: #99a1af;
      font-size: 0.16rem;
      font-weight: 400;
      letter-spacing: 0.01rem;
      text-align: right; }
  .info-support .notice-list {
    display: flex;
    flex-direction: column;
    gap: 0.16rem;
    width: 5rem;
    height: 2.06rem;
    margin: 0;
    padding: 0; }
    .info-support .notice-list li {
      height: 0.58rem;
      border-bottom: 0.01rem solid rgba(0, 184, 219, 0.1);
      border-radius: 0.1rem;
      overflow: hidden; }
    .info-support .notice-list a {
      position: relative;
      display: flex;
      align-items: center;
      width: 100%;
      height: 0.56rem;
      padding: 0 0.42rem 0 0.36rem;
      color: #d1d5dc;
      font-size: 0.16rem;
      line-height: 0.2rem;
      letter-spacing: 0.01rem; }
      .info-support .notice-list a::before {
        position: absolute;
        top: 0.26rem;
        left: 0.2rem;
        width: 0.04rem;
        height: 0.04rem;
        border-radius: 50%;
        background: #d1d5dc;
        content: ""; }
      .info-support .notice-list a::after {
        position: absolute;
        top: 0.23rem;
        right: 0.12rem;
        width: 0.08rem;
        height: 0.08rem;
        border-top: 0.015rem solid #00b8d8;
        border-right: 0.015rem solid #00b8d8;
        transform: rotate(45deg);
        content: ""; }
    .info-support .notice-list span {
      display: block;
      max-width: 4rem;
      overflow: hidden;
      text-overflow: ellipsis;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .info-support .faq-card {
    width: 10.57rem;
    height: 3.62rem;
    padding: 0.19rem; }
  .info-support .faq-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 0.82rem;
    padding-bottom: 0.01rem;
    border-bottom: 0.01rem solid rgba(0, 184, 219, 0.1); }
  .info-support .faq-title {
    display: flex;
    align-items: center;
    gap: 0.16rem; }
    .info-support .faq-title img {
      display: block;
      width: 0.56rem;
      height: 0.56rem;
      border-radius: 0.14rem;
      object-fit: cover; }
    .info-support .faq-title h2 {
      margin: 0;
      color: #fff;
      font-size: 0.24rem;
      font-weight: 700;
      line-height: 0.32rem;
      letter-spacing: 0.01rem; }
  .info-support .faq-grid {
    display: grid;
    grid-template-columns: repeat(2, 4.5rem);
    gap: 0.16rem 1.09rem;
    width: 10.09rem;
    height: 2.06rem;
    margin-top: 0.2rem; }
  .info-support .faq-item {
    position: relative;
    display: flex;
    align-items: center;
    width: 4.5rem;
    height: 0.58rem;
    padding: 0 0.44rem 0 0.16rem;
    border: 0.01rem solid rgba(0, 184, 219, 0.1);
    border-radius: 0.1rem;
    color: #d1d5dc;
    font-size: 0.16rem;
    line-height: 0.2rem;
    letter-spacing: 0.01rem; }
    .info-support .faq-item span {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .info-support .faq-item::after {
      position: absolute;
      top: 0.22rem;
      right: 0.17rem;
      width: 0.08rem;
      height: 0.08rem;
      border-right: 0.015rem solid #00b8d8;
      border-bottom: 0.015rem solid #00b8d8;
      transform: rotate(45deg);
      content: ""; }
  .info-support .support-list-card {
    width: 5.9rem;
    padding: 0 0.2rem 0.2rem; }
  .info-support .industry-card {
    height: 5.18rem; }
  .info-support .tech-card {
    height: 4.43rem; }
  .info-support .support-list-card .support-card-head {
    height: 0.8rem;
    padding: 0.19rem 0.06rem 0 0.16rem; }
  .info-support .support-news-list {
    display: flex;
    flex-direction: column;
    gap: 0.16rem;
    width: 5.5rem;
    margin: 0;
    padding: 0; }
    .info-support .support-news-list li {
      height: 0.58rem;
      border-bottom: 0.01rem solid rgba(0, 184, 219, 0.1);
      border-radius: 0.1rem;
      overflow: hidden; }
      .info-support .support-news-list li:hover a {
        color: #00B8D8; }
    .info-support .support-news-list a {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      height: 0.56rem;
      padding: 0 0.06rem 0 0.36rem;
      color: #d1d5dc;
      transition: all .1s;
      font-size: 0.16rem;
      line-height: 0.2rem;
      letter-spacing: 0.01rem; }
      .info-support .support-news-list a::before {
        position: absolute;
        top: 0.26rem;
        left: 0.2rem;
        width: 0.04rem;
        height: 0.04rem;
        border-radius: 50%;
        background: #d1d5dc;
        content: ""; }
    .info-support .support-news-list span {
      display: block;
      flex: 0 1 4.5rem;
      max-width: 4.5rem;
      overflow: hidden;
      text-overflow: ellipsis;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .info-support .support-news-list time {
      display: block;
      flex: 0 0 0.5rem;
      width: 0.5rem;
      color: #99a1af;
      font-size: 0.16rem;
      line-height: 0.2rem;
      letter-spacing: 0.01rem;
      text-align: right; }

.bottom-value {
  position: relative;
  width: 100%;
  height: 4.42rem;
  overflow: hidden;
  background: #001528;
  padding-top: 1rem; }
  .bottom-value .bottom-value-bg {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 4.42rem;
    object-fit: cover;
    opacity: 0.2; }
  .bottom-value .bottom-value-title {
    text-align: center; }
    .bottom-value .bottom-value-title h2,
    .bottom-value .bottom-value-title p {
      margin: 0;
      color: #d1d5dc;
      font-weight: 700; }
    .bottom-value .bottom-value-title h2 {
      font-size: 0.64rem;
      letter-spacing: 0.02rem; }
    .bottom-value .bottom-value-title h2 span {
      color: #0EA4E7;
      font-weight: bold; }
    .bottom-value .bottom-value-title p {
      margin-top: 0.15rem;
      font-size: 0.48rem;
      letter-spacing: 0.01rem; }
  .bottom-value .bottom-value-tags {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.28rem;
    margin-top: .3rem;
    filter: drop-shadow(0 0.04rem 0.02rem rgba(0, 0, 0, 0.25)); }
  .bottom-value .bottom-value-tag {
    display: flex;
    align-items: center;
    height: 0.43rem;
    border: 0.01rem solid rgba(0, 184, 219, 0.2);
    border-radius: 0.1rem;
    background: rgba(255, 255, 255, 0.05);
    color: #d1d5dc;
    font-size: 0.2rem;
    line-height: 0.2rem;
    letter-spacing: 0.02rem; }
    .bottom-value .bottom-value-tag span {
      white-space: nowrap; }
    .bottom-value .bottom-value-tag em {
      color: #fff;
      font-family: Inter, "Microsoft YaHei", Arial, sans-serif;
      font-size: 0.2rem;
      font-style: normal;
      line-height: 0.28rem; }
    .bottom-value .bottom-value-tag img {
      display: block;
      object-fit: contain; }
  .bottom-value .bottom-value-material {
    width: 1.82rem;
    padding: 0.01rem 0.17rem;
    gap: 0.08rem; }
  .bottom-value .bottom-value-cert {
    width: 1.88rem;
    justify-content: center;
    gap: 0.12rem; }
    .bottom-value .bottom-value-cert img {
      width: 0.21rem;
      height: 0.26rem; }
  .bottom-value .bottom-value-service {
    width: 2.09rem;
    padding: 0.01rem 0.17rem 0.01rem 0.05rem;
    gap: 0.08rem; }
    .bottom-value .bottom-value-service img {
      width: 0.28rem;
      height: 0.28rem; }
  .bottom-value .bottom-value-speed {
    width: 2.16rem;
    padding: 0.01rem 0.17rem;
    gap: 0.08rem; }
    .bottom-value .bottom-value-speed img {
      width: 0.24rem;
      height: 0.24rem; }

.bgbl-page {
  width: 100%;
  width: 100%;
  overflow: hidden;
  background: #001528;
  color: #d1d5dc; }

.bgbl-section-title {
  text-align: center; }
  .bgbl-section-title h2 {
    color: #d1d5dc;
    font-size: 0.48rem;
    font-weight: 700;
    line-height: 0.63rem; }
  .bgbl-section-title p {
    margin-top: 0.24rem;
    color: #d1d5dc;
    font-size: 0.18rem;
    line-height: 0.28rem;
    letter-spacing: 0.02rem; }

.bgbl-gradient-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.08rem;
  width: 100%;
  height: 0.58rem;
  border: 0;
  border-radius: 0.1rem;
  background: linear-gradient(124deg, #00b8db 0%, #155dfc 95.39%);
  box-shadow: 0.02rem 0.02rem 0.05rem rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 0.18rem;
  font-weight: 700;
  letter-spacing: 0.02rem;
  cursor: pointer; }
  .bgbl-gradient-btn img {
    width: 0.2rem;
    height: 0.2rem;
    object-fit: contain; }

.bgbl-hero {
  position: relative;
  height: 8.34rem;
  overflow: hidden;
  padding-top: 1.26rem;
  background: #001c36; }
  .bgbl-hero::before {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg, rgba(0, 21, 40, 0.98) 0%, rgba(0, 28, 54, 0.78) 38%, rgba(0, 28, 54, 0.18) 100%);
    content: ""; }
  .bgbl-hero .bgbl-hero-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.42; }

.bgbl-hero-inner {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  width: 16.1rem;
  margin: 0 auto;
  padding-top: 0.64rem; }

.bgbl-quote-card {
  flex: 0 0 5.4rem;
  width: 5.4rem;
  height: 5.8rem;
  padding: 0.24rem 0.19rem 0;
  border: 0.01rem solid rgba(0, 211, 243, 0.3);
  border-radius: 0.14rem;
  background: linear-gradient(180deg, #001a33 0%, #001c36 20%, #001d3a 40%, #001f3d 60%, #002041 80%, #002244 100%); }
  .bgbl-quote-card .bgbl-quote-title {
    display: flex;
    align-items: center;
    gap: 0.12rem;
    height: 0.4rem; }
  .bgbl-quote-card .bgbl-quote-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 0.4rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 0.1rem;
    background: linear-gradient(135deg, #00b8db 0%, #155dfc 100%); }
    .bgbl-quote-card .bgbl-quote-icon img {
      width: 100%; }
  .bgbl-quote-card h2 {
    color: #d1d5dc;
    font-size: 0.24rem;
    font-weight: 700;
    line-height: 0.32rem;
    letter-spacing: 0.01rem; }
  .bgbl-quote-card .bgbl-quote-fields {
    display: grid;
    grid-template-columns: repeat(2, 2.4rem);
    gap: 0.16rem;
    margin-top: 0.29rem; }
  .bgbl-quote-card label {
    display: flex;
    flex-direction: column;
    gap: 0.08rem; }
    .bgbl-quote-card label span {
      color: #d1d5dc;
      font-size: 0.16rem;
      line-height: 0.2rem;
      letter-spacing: 0.01rem; }
    .bgbl-quote-card label input {
      width: 2.4rem;
      height: 0.5rem;
      padding: 0.12rem 0.16rem;
      border: 0.01rem solid rgba(0, 184, 219, 0.3);
      border-radius: 0.1rem;
      background: rgba(255, 255, 255, 0.05);
      color: #d1d5dc;
      font-size: 0.16rem;
      outline: none; }
      .bgbl-quote-card label input::placeholder {
        color: #6a7282; }

.bgbl-quote-desc {
  margin-top: 0.2rem !important;
  color: #d1d5dc;
  display: block;
  font-size: 0.16rem;
  line-height: 0.2rem;
  letter-spacing: 0.01rem; }

.bgbl-upload-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 5rem;
  height: 1.3rem;
  margin-top: 0.04rem;
  padding-top: 0.26rem;
  border: 0.02rem dashed rgba(0, 211, 243, 0.4);
  border-radius: 0.1rem; }
  .bgbl-upload-box img {
    width: 0.32rem;
    height: 0.32rem;
    object-fit: contain; }
  .bgbl-upload-box strong {
    margin-top: 0.08rem;
    color: #fff;
    font-size: 0.14rem;
    font-weight: 400;
    line-height: 0.2rem;
    letter-spacing: 0.01rem; }
  .bgbl-upload-box span {
    margin-top: 0.06rem;
    color: #99a1af;
    font-size: 0.14rem;
    line-height: 0.2rem;
    letter-spacing: 0.01rem; }

.bgbl-file-format {
  width: 5rem;
  margin-top: 0.1rem; }
  .bgbl-file-format p,
  .bgbl-file-format strong {
    color: #99a1af;
    font-size: 0.16rem;
    font-weight: 400;
    line-height: 0.2rem;
    letter-spacing: 0.01rem; }
  .bgbl-file-format strong {
    display: block;
    margin-top: 0.08rem;
    line-height: 0.16rem; }
  .bgbl-file-format div {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    margin-top: 0.08rem; }
  .bgbl-file-format span {
    display: flex;
    align-items: center;
    gap: 0.04rem;
    width: 1.12rem;
    height: 0.24rem;
    padding-left: 0.08rem;
    border-radius: 0.04rem;
    background: rgba(255, 255, 255, 0.05);
    color: #00b8d8;
    font-size: 0.16rem;
    line-height: 0.2rem; }
    .bgbl-file-format span img {
      width: 0.12rem;
      height: 0.12rem; }

.bgbl-bom-format {
  margin-top: 0.01rem; }

.bgbl-quote-card .bgbl-gradient-btn {
  margin-top: 0.03rem; }

.bgbl-privacy {
  margin-top: 0.1rem !important;
  color: #99a1af;
  font-size: 0.14rem;
  line-height: 0.2rem;
  letter-spacing: 0.01rem;
  text-align: center; }

.bgbl-hero-copy {
  flex: 1;
  position: relative;
  padding-top: .36rem; }

.bgbl-hero-title-row {
  position: relative;
  width: 10.3rem;
  height: 2.7rem; }

.bgbl-hero-title {
  position: absolute;
  left: 0;
  top: 0; }
  .bgbl-hero-title h1 {
    color: #d1d5dc;
    font-size: 0.9rem;
    font-weight: 700;
    text-align: center;
    text-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.5); }
  .bgbl-hero-title .b {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .6rem; }
    .bgbl-hero-title .b .bgbl-year {
      display: flex;
      align-items: flex-end;
      height: 1.28rem;
      min-width: 2.2rem;
      color: #0EA4E7;
      line-height: 1;
      margin-right: .2rem; }
      .bgbl-hero-title .b .bgbl-year strong {
        font-size: 1.28rem;
        font-weight: 700;
        font-family: "微软雅黑"; }
      .bgbl-hero-title .b .bgbl-year span {
        padding-bottom: 0.16rem;
        font-size: 0.4rem;
        font-weight: 700; }
  .bgbl-hero-title p {
    color: #0EA4E7;
    font-size: 0.4rem;
    font-weight: 700;
    text-align: center;
    text-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.5); }

.bgbl-advantage-list {
  display: flex;
  align-items: center;
  gap: 0.61rem;
  margin: 0.74rem 0 0 0;
  justify-content: center; }
  .bgbl-advantage-list div {
    width: 1.55rem;
    text-align: center; }
  .bgbl-advantage-list span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.6rem;
    height: 0.6rem;
    margin: 0 auto;
    border-radius: 0.1rem;
    overflow: hidden;
    font-size: 0.18rem;
    font-weight: 700; }
    .bgbl-advantage-list span img {
      width: 100%; }
  .bgbl-advantage-list p {
    margin-top: 0.16rem;
    color: #d1d5dc;
    font-size: 0.2rem;
    line-height: 0.2rem;
    letter-spacing: 0.02rem; }

.bgbl-services {
  background-color: #001528;
  padding-top: .56rem; }

.bgbl-service-board {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 0;
  width: 100%;
  margin-top: 0.45rem;
  overflow: hidden;
  background-image: url(../images/bgblbg.jpg);
  background-size: cover;
  background-position: center center;
  border: 0.01rem solid #000; }
  .bgbl-service-board .swiper-wrapper {
  display: flex;
  justify-content: center;
  width: auto; }
.bgbl-service-board::before {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(0, 20, 42, 0.6);
    content: ""; }
  .bgbl-service-board .bgbl-service-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }

.bgbl-case-center .bgbl-case-actions {
  padding-bottom: 1rem; }

.bgbl-service-card {
  position: relative;
  z-index: 2;
  width: 5rem;
  height: 7rem;
  padding: 0.3rem 0.38rem 0;
  border-left: 0.01rem solid rgba(128, 128, 128, 0.55);
  border-right: 0.01rem solid rgba(128, 128, 128, 0.55);
  backdrop-filter: blur(0.05rem);
  background: rgba(255, 255, 255, 0.02);
  text-align: right; }
  .bgbl-service-card em {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.48rem;
    height: 0.26rem;
    margin-left: auto;
    padding: 0 .1rem;
    box-sizing: border-box;
    border: 0.01rem solid rgba(0, 211, 243, 0.2);
    border-radius: 99rem;
    background: rgba(0, 211, 243, 0.2);
    color: #fff;
    font-size: 0.12rem;
    font-style: normal;
    line-height: 0.16rem; }
  .bgbl-service-card .bgbl-service-icon {
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    margin: 0.57rem auto 0;
    object-fit: contain; }
  .bgbl-service-card h3 {
    margin-top: 0.21rem;
    color: #d1d5dc;
    font-size: 0.3rem;
    font-weight: 700;
    letter-spacing: 0.01rem;
    text-align: center; }
  .bgbl-service-card p {
    margin-top: 0.25rem;
    color: #00b8d8;
    font-size: 0.18rem;
    letter-spacing: 0.02rem;
    text-align: center; }
  .bgbl-service-card ul {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    margin-top: 0.26rem;
    min-height: 2.4rem;
    text-align: left; }
  .bgbl-service-card li {
    position: relative;
    padding-left: 0.18rem;
    color: #d1d5dc;
    font-size: 0.16rem;
    letter-spacing: 0.01rem; }
    .bgbl-service-card li::before {
      position: absolute;
      top: 0.07rem;
      left: 0;
      width: 0.06rem;
      height: 0.06rem;
      border-radius: 50%;
      background: #d1d5dc;
      content: ""; }
  .bgbl-service-card a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.2rem;
    height: 0.48rem;
    margin-top: 0.2rem;
    border-radius: 0.1rem;
    background: linear-gradient(125deg, #00b8db 0%, #155dfc 95.39%);
    box-shadow: 0.02rem 0.02rem 0.05rem rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 0.18rem;
    font-weight: 700;
    line-height: 0.24rem;
    letter-spacing: 0.02rem; }

.bgbl-equipment {
  background: #001528;
  padding: .74rem 0 0 0; }

.bgbl-equipment-stage {
  position: relative;
  width: 100%;
  height: 8.26rem;
  margin-top: 0.43rem;
  overflow: hidden; }
  .bgbl-equipment-stage > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 8.24rem;
    object-fit: cover; }
  .bgbl-equipment-stage::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 21, 40, 0.08), rgba(0, 21, 40, 0.76));
    content: ""; }

.bgbl-equipment-grid {
  position: relative;
  z-index: 2;
  display: flex;
  width: 100%;
  height: 8.24rem; }
  .bgbl-equipment-grid article {
    width: 2.74rem;
    height: 8.24rem;
    border-left: 0.005rem solid rgba(128, 128, 128, 0.55);
    border-right: 0.005rem solid rgba(128, 128, 128, 0.55);
    position: relative;
    overflow: hidden; }
    .bgbl-equipment-grid article div {
      width: 100%;
      position: absolute;
      left: 0;
      bottom: -2rem;
      transition: all .3s;
      padding: 0 .2rem; }
    .bgbl-equipment-grid article:hover {
      background: rgba(128, 128, 128, 0.05); }
      .bgbl-equipment-grid article:hover div {
        bottom: 0; }
      .bgbl-equipment-grid article:hover h3 {
        color: #0EA4E7;
        border-bottom: 0.05rem solid #00b8db; }
  .bgbl-equipment-grid h3 {
    display: inline-flex;
    align-items: center;
    height: 0.52rem;
    color: #d1d5dc;
    font-size: 0.28rem;
    font-weight: 700;
    line-height: 0.24rem; }
  .bgbl-equipment-grid p {
    width: 2.5rem;
    margin-top: 0.22rem;
    color: #fff;
    font-size: 0.18rem;
    line-height: 0.28rem;
    height: 2rem;
    letter-spacing: 0.02rem; }

.bgbl-cert-wall {
  position: relative;
  width: 100%;
  height: 1.48rem;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(0, 26, 51, 0.95), rgba(0, 34, 68, 0.95)); }

.bgbl-cert-track {
  display: flex;
  align-items: center;
  width: max-content;
  height: 100%;
  animation: certScroll 20s linear infinite;
  will-change: transform; }

.bgbl-cert-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 0 0 16.6rem;
  width: 16.6rem;
  padding: 0 1.37rem; }
  .bgbl-cert-group img {
    width: 1.33rem;
    height: 1.33rem;
    object-fit: contain; }
  .bgbl-cert-group img:nth-child(3) {
    width: 1.3rem;
    height: 1.3rem; }

.bgbl-quality {
  padding-top: 0.56rem;
  background: #001528; }

.bgbl-quality-card {
  display: flex;
  align-items: center;
  gap: 1.08rem;
  width: 14.12rem;
  height: 5rem;
  margin: 0.75rem auto 0; }
  .bgbl-quality-card.on {
    display: flex; }
  .bgbl-quality-card img {
    width: 7rem;
    height: 5rem;
    border-radius: 0.2rem;
    object-fit: cover; }

.bgbl-quality-copy {
  width: 5.44rem; }
  .bgbl-quality-copy h3 {
    color: #0EA4E7;
    font-size: 0.48rem;
    font-weight: 700;
    line-height: 0.63rem; }
  .bgbl-quality-copy strong {
    display: block;
    margin-top: 0.43rem;
    color: #fff;
    font-weight: bold;
    font-size: 0.24rem;
    line-height: 0.32rem;
    letter-spacing: 0.01rem; }
  .bgbl-quality-copy ul {
    margin-top: 0.23rem;
    padding-left: 0.3rem;
    list-style: disc; }
  .bgbl-quality-copy li {
    color: #d1d5dc;
    font-size: 0.2rem;
    line-height: 0.4rem;
    letter-spacing: 0.02rem; }

.bgbl-quality-nav {
  display: grid;
  grid-template-columns: repeat(9, 1.6rem);
  gap: 0.2rem;
  width: 16rem;
  height: 1.55rem;
  margin: 0.18rem auto 0; }
  .bgbl-quality-nav div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 1.6rem;
    height: 1.25rem;
    padding-top: 0.16rem;
    border: 0.01rem solid #ad46ff;
    cursor: pointer;
    border-radius: 0.1rem;
    background: transparent; }
    .bgbl-quality-nav div.active {
      background: linear-gradient(#AC45FE, #1F5BFC); }
  .bgbl-quality-nav b {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.48rem;
    height: 0.48rem;
    margin-bottom: 0.18rem;
    border-radius: 50%;
    background-color: #D1D5DC;
    color: transparent;
    font-size: 0.3rem;
    color: #155DFC;
    font-weight: 700;
    line-height: 0.36rem; }
  .bgbl-quality-nav span {
    color: #d1d5dc;
    font-size: 0.2rem;
    font-weight: 700;
    line-height: 0.26rem;
    letter-spacing: 0.01rem;
    text-align: center; }

.bgbl-feature-cases {
  padding-top: 0.69rem;
  background: #001528; }

.bgbl-case-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 17.16rem;
  height: 0.66rem;
  margin: 0.35rem auto 0;
  padding: 0.15rem 0;
  border-bottom: 0.01rem solid #ad46ff; }
  .bgbl-case-title h3 {
    color: #fff;
    font-size: 0.3rem;
    font-weight: 700;
    line-height: 0.36rem;
    letter-spacing: 0.01rem; }
  .bgbl-case-title a {
    display: flex;
    align-items: center;
    gap: 0.08rem;
    color: #d1d5dc;
    font-size: 0.24rem;
    font-weight: 700;
    line-height: 0.32rem; }
    .bgbl-case-title a img {
      width: 0.2rem;
      height: 0.2rem; }

.bgbl-feature-case-grid {
  display: grid;
  grid-template-columns: repeat(2, 8.54rem);
  gap: 0.08rem;
  width: 17.16rem;
  margin: 0.7rem auto 0; }

.bgbl-feature-case {
  display: flex;
  width: 8.54rem;
  height: 5.51rem;
  border-radius: 0.16rem; }

.bgbl-feature-images {
  position: relative;
  width: 4.05rem;
  height: 5.14rem; }
  .bgbl-feature-images .big {
    width: 3.61rem;
    height: 4.02rem;
    border-radius: 0.16rem;
    object-fit: cover; }
  .bgbl-feature-images .small {
    position: absolute;
    right: 0;
    bottom: 0.02rem;
    width: 2.15rem;
    height: 2.15rem;
    border: 0.01rem solid #d1d5dc;
    border-radius: 0.16rem;
    object-fit: cover; }

.bgbl-feature-copy {
  width: 4.36rem;
  padding: 0.4rem 0 0 0.4rem; }
  .bgbl-feature-copy h3 {
    color: #d1d5dc;
    font-size: 0.24rem;
    font-weight: 700;
    line-height: 0.32rem;
    letter-spacing: 0.01rem; }
  .bgbl-feature-copy h4 {
    margin-top: 0.32rem;
    color: #00b8d8;
    font-size: 0.18rem;
    font-weight: 700;
    line-height: 0.24rem;
    letter-spacing: 0.01rem; }
  .bgbl-feature-copy p {
    width: 3.46rem;
    margin-top: 0.16rem;
    color: #d1d5dc;
    font-size: 0.16rem;
    line-height: 0.2rem;
    letter-spacing: 0.01rem; }
  .bgbl-feature-copy ul {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    margin-top: 0.16rem; }
  .bgbl-feature-copy li {
    display: flex;
    align-items: center;
    gap: 0.12rem;
    color: #d1d5dc;
    font-size: 0.14rem;
    line-height: 0.2rem;
    letter-spacing: 0.01rem; }
    .bgbl-feature-copy li img {
      width: 0.2rem;
      height: 0.2rem; }
  .bgbl-feature-copy a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.1rem;
    width: 3.55rem;
    height: 0.52rem;
    margin-top: 0.3rem;
    border-radius: 0.1rem;
    background: linear-gradient(118deg, #00b8db 0%, #155dfc 95.39%);
    box-shadow: 0.02rem 0.02rem 0.05rem rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 0.18rem;
    font-weight: 700;
    letter-spacing: 0.02rem; }
    .bgbl-feature-copy a img {
      width: 0.16rem;
      height: 0.16rem; }

.bgbl-case-center {
  position: relative;
  padding-top: 1.54rem;
  background: linear-gradient(180deg, #001528 0%, #001c36 100%); }

.bgbl-case-tabs {
  position: absolute;
  top: -0.35rem;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.84rem;
  width: 100%;
  height: 1.54rem;
  background: rgba(0, 24, 48, 0.7); }
  .bgbl-case-tabs a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 0.8rem;
    border: 0.01rem solid rgba(0, 184, 219, 0.2);
    border-radius: 0.1rem;
    background: rgba(255, 255, 255, 0.05);
    color: #d1d5dc;
    font-size: 0.24rem;
    font-weight: 700;
    letter-spacing: 0.01rem; }
    .bgbl-case-tabs a.active {
      color: #00b8d8;
      border-color: rgba(0, 184, 219, 0.5); }

.bgbl-case-card-grid {
  display: grid;
  grid-template-columns: repeat(4, 4rem);
  gap: 0.44rem 0.4rem;
  width: 17.16rem;
  margin: 0.43rem auto 0; }
.bgbl-case-card-grid.pcb-product-grid-pane { display: none; }
.bgbl-case-card-grid.pcb-product-grid-pane.active-pane { display: grid; }

.bgbl-case-card {
  width: 4rem;
  min-height: 6.1rem;
  overflow: hidden;
  border: 0.01rem solid rgba(0, 184, 219, 0.16);
  border-radius: 0.1rem;
  background: rgba(255, 255, 255, 0.03); }

.bgbl-case-gallery {
  display: grid;
  grid-template-columns: repeat(4, 0.8rem);
  gap: 0.08rem 0.1rem;
  width: 3.5rem;
  height: auto;
  margin: 0.25rem auto 0; }
  .bgbl-case-gallery .cover {
    grid-column: 1 / -1;
    width: 3.5rem;
    height: 3.5rem;
    object-fit: cover;
    border-radius: 0.1rem; }
  .bgbl-case-gallery img {
    width: 0.8rem;
    height: 0.8rem;
    object-fit: cover;
    border-radius: 0.06rem; }
  .bgbl-case-gallery img:not(.cover) {
    display: none; }

.bgbl-case-info {
  padding: 0.26rem 0.25rem 0; }
  .bgbl-case-info h3 {
    color: #d1d5dc;
    font-size: 0.24rem;
    font-weight: 700;
    line-height: 0.32rem;
    letter-spacing: 0.01rem; }
  .bgbl-case-info ul {
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
    margin-top: 0.12rem; }
  .bgbl-case-info li {
    color: #d1d5dc;
    font-size: 0.14rem;
    line-height: 0.2rem;
    letter-spacing: 0.01rem; }
  .bgbl-case-info h4 {
    margin-top: 0.14rem;
    color: #00b8d8;
    font-size: 0.18rem;
    font-weight: 700;
    line-height: 0.24rem;
    letter-spacing: 0.01rem; }
  .bgbl-case-info p {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    margin-top: 0.13rem;
    color: #d1d5dc;
    font-size: 0.14rem;
    line-height: 0.2rem;
    letter-spacing: 0.01rem; }
    .bgbl-case-info p img {
      width: 0.2rem;
      height: 0.2rem; }

.bgbl-case-actions {
  display: flex;
  justify-content: center;
  gap: 0.2rem;
  width: 16.6rem;
  margin: 0.75rem auto 0; }
  .bgbl-case-actions a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.58rem;
    border-radius: 0.1rem;
    color: #fff;
    font-size: 0.18rem;
    font-weight: 700;
    letter-spacing: 0.02rem; }
  .bgbl-case-actions .more {
    width: 1.84rem;
    border: 0.02rem solid #fff; }
  .bgbl-case-actions .order {
    gap: 0.08rem;
    width: 1.96rem;
    background: linear-gradient(105deg, #00b8db 0%, #155dfc 95.39%); }
    .bgbl-case-actions .order img {
      width: 0.2rem;
      height: 0.2rem; }

.bgbl-process {
  min-height: 3.02rem;
  padding-top: 0.16rem;
  background: #001528; }
  .bgbl-process .bgbl-case-title {
    margin-top: 0; }

.bgbl-process-line {
  display: flex;
  justify-content: space-between;
  width: 13.9rem;
  margin: 0.88rem auto 0;
  border-top: 0.03rem solid #d9d9d9; }
  .bgbl-process-line div {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1.25rem;
    margin-top: -0.24rem; }
  .bgbl-process-line b {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 50%;
    background: #D9D9D9;
    color: #8256FC;
    font-size: 0.24rem;
    line-height: 0.48rem;
    font-weight: bold; }
  .bgbl-process-line span {
    margin-top: 0.26rem;
    color: #d1d5dc;
    font-size: 0.24rem;
    font-weight: bold; }

.bgbl-bom-flow {
  position: relative;
  min-height: 8.93rem;
  padding-top: 1.03rem;
  padding-bottom: .8rem;
  background: #001528; }

.bgbl-bom-steps {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  width: 15.2rem;
  margin: .59rem auto 0; }
  .bgbl-bom-steps div {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2.4rem;
    border: 0.01rem solid #ad46ff;
    border-radius: 0.2rem;
    background: rgba(0, 0, 0, 0); }
    .bgbl-bom-steps div:first-child {
      background: linear-gradient(180deg, #001a33 0%, #002244 100%); }
    .bgbl-bom-steps div:not(:last-child)::after {
      position: absolute;
      content: '';
      width: .46rem;
      height: .46rem;
      background-image: url(../images/ar7.png);
      background-size: 100% 100%;
      top: 50%;
      transform: translateY(-50%);
      right: -0.62rem;
      color: #ad46ff;
      font-size: 0.8rem;
      line-height: 0.8rem; }
  .bgbl-bom-steps b {
    color: #0EA4E7;
    font-size: 0.48rem;
    font-weight: 300;
    line-height: 0.58rem; }
  .bgbl-bom-steps img {
    width: 0.6rem;
    height: 0.6rem;
    margin-top: 0.28rem;
    object-fit: contain; }
  .bgbl-bom-steps span {
    margin-top: 0.3rem;
    color: #d1d5dc;
    font-size: 0.24rem;
    font-weight: 700;
    line-height: 0.32rem;
    letter-spacing: 0.01rem;
    text-align: center; }

.bgbl-consult-box {
  position: relative;
  z-index: 1;
  width: 15.2rem;
  margin: 0.53rem auto 0;
  padding-top: 0.46rem;
  padding-bottom: .28rem;
  border: 1px solid #ad46ff;
  border-radius: 0.16rem;
  background: linear-gradient(135deg, rgba(0, 184, 219, 0.1) 0%, rgba(43, 127, 255, 0.1) 100%);
  text-align: center; }
  .bgbl-consult-box h3 {
    color: #fff;
    font-size: 0.24rem;
    font-weight: 700;
    line-height: 0.32rem;
    letter-spacing: 0.01rem; }
  .bgbl-consult-box p {
    margin-top: 0.15rem;
    color: #d1d5dc;
    font-size: 0.16rem;
    line-height: 0.2rem;
    letter-spacing: 0.01rem; }
  .bgbl-consult-box div {
    margin-top: .35rem; }
  .bgbl-consult-box .hero-action-secondary {
    border: 1px solid #9948F3; }
  .bgbl-consult-box .hero-action-primary {
    background: linear-gradient(to right, #1156A2, #9948F3); }

.bgbl-sidebar {
  position: fixed;
  z-index: 999;
  right: 0.12rem;
  top: 3.28rem;
  width: 0.98rem;
  height: 3.68rem;
  overflow: hidden;
  border: 0.01rem solid rgba(0, 184, 219, 0.1);
  border-radius: 0.14rem;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0.04rem 0.04rem 0.04rem rgba(0, 0, 0, 0.25), inset 0.02rem 0.02rem 0.04rem rgba(43, 127, 255, 0.05); }
  .bgbl-sidebar a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 0.98rem;
    height: 0.92rem;
    border-bottom: 0.01rem solid #0c3044;
    color: #d1d5dc;
    font-size: 0.16rem;
    line-height: 0.24rem; }
    .bgbl-sidebar a:last-child {
      border-bottom: 0; }
  .bgbl-sidebar img {
    width: 0.24rem;
    height: 0.24rem;
    margin-bottom: 0.07rem;
    object-fit: contain; }

.quote-section {
  width: 100%;
  overflow: hidden;
  padding: .84rem 1.3rem;
  background: #001528; }
  .quote-section .quote-cards {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 0.17rem;
    margin: 0.35rem auto 0; }
  .quote-section .quote-card {
    position: relative;
    flex: 0 0 5.4rem;
    width: 5.4rem;
    height: 5.8rem;
    border: 0.01rem solid rgba(0, 211, 243, 0.3);
    border-radius: 0.14rem;
    background: linear-gradient(133deg, rgba(0, 184, 219, 0.2) 0%, rgba(43, 127, 255, 0.2) 100%); }
  .quote-section .quote-message {
    padding: 0.27rem 0.19rem 0.01rem;
    border-color: rgba(0, 184, 219, 0.2);
    border-radius: 0.16rem;
    background: rgba(255, 255, 255, 0.05); }
  .quote-section .quote-card-upload {
    padding: 0.23rem 0.19rem 0.25rem; }
  .quote-section .quote-card-title {
    display: flex;
    align-items: center;
    gap: 0.12rem;
    height: 0.49rem;
    margin-bottom: 0.21rem; }
  .quote-section .quote-title-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 0.4rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 0.1rem;
    background: linear-gradient(135deg, #00b8db 0%, #155dfc 100%); }
    .quote-section .quote-title-icon img {
      display: block;
      width: 100%;
      object-fit: contain; }
  .quote-section h2 {
    margin: 0;
    color: #d1d5dc;
    font-size: 0.24rem;
    font-weight: 700;
    line-height: 0.32rem;
    letter-spacing: 0.01rem; }
  .quote-section .quote-field-row {
    display: flex;
    gap: 0.2rem;
    width: 5rem;
    height: 0.78rem; }
  .quote-section .quote-field {
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
    width: 2.4rem;
    height: 0.78rem; }
    .quote-section .quote-field span {
      display: block;
      height: 0.2rem;
      color: #d1d5dc;
      font-size: 0.16rem;
      font-weight: 400;
      line-height: 0.2rem;
      letter-spacing: 0.01rem; }
  .quote-section input,
  .quote-section textarea {
    display: flex;
    align-items: center;
    width: 100%;
    border: 0.01rem solid rgba(0, 184, 219, 0.3);
    border-radius: 0.1rem;
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
    resize: none;
    font-size: 0.16rem;
    line-height: 0.2rem;
    letter-spacing: 0.01rem; }
  .quote-section input {
    height: 0.5rem;
    padding: 0.12rem 0.16rem; }
  .quote-section textarea {
    height: 1.1rem;
    outline: none;
    padding: .16rem; }
  .quote-section .quote-desc {
    width: 5.09rem;
    height: 0.24rem;
    margin: 0.2rem 0 0 -0.04rem;
    color: #d1d5dc;
    font-size: 0.16rem;
    line-height: 0.2rem;
    letter-spacing: 0; }
  .quote-section .quote-drop {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 5rem;
    border: 0.02rem dashed rgba(0, 211, 243, 0.4);
    border-radius: 0.1rem;
    margin-top: 0.01rem; }
    .quote-section .quote-drop img {
      display: block;
      width: 0.32rem;
      height: 0.32rem;
      object-fit: contain; }
    .quote-section .quote-drop strong {
      display: block;
      height: 0.2rem;
      margin-top: 0.08rem;
      color: #fff;
      font-size: 0.14rem;
      font-weight: 400;
      line-height: 0.2rem;
      letter-spacing: 0.01rem;
      text-align: center; }
    .quote-section .quote-drop span {
      display: block;
      height: 0.16rem;
      margin-top: 0.06rem;
      color: #99a1af;
      font-size: 0.14rem;
      line-height: 0.2rem;
      letter-spacing: 0.01rem;
      text-align: center; }
  .quote-section .quote-drop-pcb {
    height: 1.08rem;
    padding-top: 0.12rem; }
  .quote-section .quote-drop-pcba {
    height: 1.3rem;
    padding-top: 0.26rem; }
  .quote-section .quote-format {
    width: 5rem; }
    .quote-section .quote-format p,
    .quote-section .quote-format strong {
      display: block;
      margin: 0;
      color: #99a1af;
      font-size: 0.16rem;
      font-weight: 400;
      line-height: 0.2rem;
      /*letter-spacing: 0.01rem;*/ }
    .quote-section .quote-format strong {
      height: 0.31rem;
      line-height: 0.16rem; }
  .quote-section .quote-format-pcb {
    margin-top: 0.34rem; }
    .quote-section .quote-format-pcb strong {
      height: 0.22rem;
      margin-top: 0.08rem; }
  .quote-section .quote-format-pcba {
    margin-top: 0.1rem; }
    .quote-section .quote-format-pcba strong {
      margin-top: 0.08rem; }
  .quote-section .quote-bom-format {
    margin-top: 0.01rem; }
  .quote-section .quote-chip-grid {
    display: grid;
    grid-template-columns: repeat(3, 1.337rem);
    gap: 0.08rem;
    width: 4.17rem;
    margin-top: 0; }
  .quote-section .quote-chip-row {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    width: 5rem;
    height: 0.28rem;
    margin-top: 0.08rem;
    padding: 0.02rem 0; }
  .quote-section .quote-chip-grid span,
  .quote-section .quote-chip-row span {
    display: flex;
    align-items: center;
    gap: 0.04rem;
    height: 0.24rem;
    padding-left: 0.08rem;
    border-radius: 0.04rem;
    background: rgba(255, 255, 255, 0.05);
    color: #00b8d8;
    font-size: 0.16rem;
    line-height: 0.2rem;
    letter-spacing: 0.01rem; }
    .quote-section .quote-chip-grid span img,
    .quote-section .quote-chip-row span img {
      width: 0.12rem;
      height: 0.12rem;
      object-fit: contain; }
  .quote-section .quote-chip-grid span {
    width: 1.337rem; }
  .quote-section .quote-chip-row span {
    flex: 0 0 1.12rem;
    width: 1.12rem; }
  .quote-section .quote-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.08rem;
    width: 5rem;
    height: 0.58rem;
    border-radius: 0.1rem;
    background: linear-gradient(124deg, #00b8db 0%, #155dfc 95.39%);
    box-shadow: 0.02rem 0.02rem 0.05rem rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 0.18rem;
    font-weight: 700;
    line-height: 0.24rem;
    letter-spacing: 0.02rem;
    text-align: center; }
    .quote-section .quote-submit img {
      width: 0.2rem;
      height: 0.2rem;
      object-fit: contain; }
  .quote-section .quote-submit-pcb {
    margin-top: 0.12rem; }
  .quote-section .quote-submit-pcba {
    margin-top: 0.03rem; }
  .quote-section .quote-privacy {
    width: 5rem;
    margin: 0.1rem 0 0;
    color: #99a1af;
    font-size: 0.14rem;
    line-height: 0.2rem;
    letter-spacing: 0.01rem;
    text-align: center; }
  .quote-section .quote-message-title {
    display: flex;
    align-items: center;
    height: 0.49rem; }
    .quote-section .quote-message-title h2 {
      margin-left: 0.12rem; }
    .quote-section .quote-message-title span {
      margin-left: auto;
      color: #d1d5dc;
      font-size: 0.16rem;
      line-height: 0.2rem;
      letter-spacing: 0.01rem; }
  .quote-section .quote-message-form {
    display: flex;
    flex-direction: column;
    gap: 0.22rem;
    width: 5rem;
    margin-top: 0.39rem; }
  .quote-section .quote-field-full {
    width: 5rem;
    height: 1.39rem; }
  .quote-section .quote-textarea {
    align-items: flex-start;
    height: 1.11rem;
    padding: 0.12rem 0.16rem; }
  .quote-section .quote-message-submit {
    height: 0.56rem;
    margin-top: 0; }

@media (min-width: 1001px) {
  .quote-swiper-arrows {
    display: none; }
  .quote-swiper-dots {
    display: none; }
  .quote-swiper-wrapper {
    position: static; }
}

.site-footer {
  width: 100%;
  height: 4.37rem;
  padding-top: 0.01rem;
  border-top: 0.01rem solid rgba(0, 184, 219, 0.2);
  background: #000d1a; }
  .site-footer .footer-inner {
    width: 16.96rem;
    height: 4.36rem;
    margin: 0 auto;
    padding: 0.64rem 0.32rem 0; }
  .site-footer .footer-main {
    display: flex;
    align-items: flex-start;
    width: 16.34rem;
    height: 2.56rem; }
  .site-footer h3,
  .site-footer h4,
  .site-footer p {
    margin: 0; }
  .site-footer .footer-brand {
    width: 7.16rem;
    height: 2.56rem; }
  .site-footer .footer-brand-top {
    display: flex;
    align-items: flex-start;
    width: 4rem;
    height: 0.57rem; }
  .site-footer .footer-logo {
    display: block;
    flex: 0 0 0.9rem;
    width: 0.9rem;
    height: 0.51rem;
    object-fit: contain; }
  .site-footer .footer-brand-name {
    width: 2.56rem;
    margin: -0.07rem 0 0 0.25rem; }
    .site-footer .footer-brand-name h3 {
      height: 0.28rem;
      color: #fff;
      font-size: 0.18rem;
      font-weight: 700;
      line-height: 0.24rem;
      letter-spacing: 0.01rem; }
    .site-footer .footer-brand-name p {
      height: 0.2rem;
      margin-top: 0.05rem;
      color: #00b8d8;
      font-size: 0.14rem;
      font-weight: 400;
      line-height: 0.2rem;
      letter-spacing: 0.01rem; }
  .site-footer .footer-intro {
    width: 6.3rem;
    margin-top: 0.15rem;
    color: #99a1af;
    font-size: 0.14rem;
    font-weight: 400;
    line-height: 0.2rem;
    letter-spacing: 0.01rem;
    overflow: visible; }
  .site-footer .footer-column {
    width: 1.6rem;
    height: 2.5rem;
    margin-top: -0.14rem; }
    .site-footer .footer-column h4 {
      height: 0.24rem;
      color: #fff;
      font-size: 0.18rem;
      font-weight: 700;
      line-height: 0.24rem;
      letter-spacing: 0.01rem; }
    .site-footer .footer-column ul {
      display: flex;
      flex-direction: column;
      gap: 0.08rem;
      width: 1.49rem;
      margin: 0.12rem 0 0;
      padding: 0; }
    .site-footer .footer-column li {
      height: 0.24rem; }
    .site-footer .footer-column a {
      display: block;
      color: #99a1af;
      font-size: 0.14rem;
      font-weight: 400;
      line-height: 0.2rem;
      letter-spacing: 0.01rem; }
  .site-footer .footer-products {
    margin-left: 1.01rem;
    padding-left: 0.09rem; }
  .site-footer .footer-services {
    width: 1.82rem;
    margin-left: 1.01rem; }
  .site-footer .footer-contact {
    width: 2.8rem;
    height: 2.56rem;
    margin: -0.14rem 0 0 0.58rem; }
    .site-footer .footer-contact h4 {
      height: 0.24rem;
      color: #fff;
      font-size: 0.18rem;
      font-weight: 700;
      line-height: 0.24rem;
      letter-spacing: 0.01rem; }
    .site-footer .footer-contact ul {
      display: flex;
      flex-direction: column;
      gap: 0.12rem;
      width: 100%;
      margin: 0.16rem 0 0;
      padding: 0; }
    .site-footer .footer-contact li {
      display: flex;
      align-items: flex-start;
      gap: 0.08rem;
      width: 100%;
      height: 0.4rem; }
    .site-footer .footer-contact img {
      display: block;
      flex: 0 0 0.16rem;
      width: 0.16rem;
      height: 0.16rem;
      margin-top: 0.02rem;
      object-fit: contain; }
    .site-footer .footer-contact div {
      display: flex;
      flex-direction: column;
      height: 0.4rem; }
    .site-footer .footer-contact span,
    .site-footer .footer-contact strong {
      display: block;
      height: 0.2rem;
      font-size: 0.14rem;
      font-weight: 400;
      line-height: 0.2rem;
      letter-spacing: 0.01rem; }
    .site-footer .footer-contact span {
      color: #99a1af; }
    .site-footer .footer-contact strong {
      color: #fff; }
  .site-footer .footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 16.28rem;
    height: 0.77rem;
    margin-top: 0.12rem;
    padding-top: 0.33rem;
    border-top: 0.01rem solid rgba(0, 184, 219, 0.2); }
  .site-footer .footer-record {
    width:3.4rem /*2.97rem*/;
    height: 0.44rem; }
    .site-footer .footer-record p {
      height: 0.2rem;
      color: #99a1af;
      font-size: 0.14rem;
      font-weight: 400;
      line-height: 0.2rem;
      letter-spacing: 0.01rem; }
    .site-footer .footer-record p + p {
      margin-top: 0.04rem; }
  .site-footer .footer-certs {
    display: flex;
    align-items: center;
    gap: 0.06rem;
    width: 4.54rem;
    height: 0.3rem;
    margin-top: -0.14rem; }
    .site-footer .footer-certs span {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 0.3rem;
      border: 0.01rem solid rgba(0, 184, 219, 0.2);
      border-radius: 0.04rem;
      background: rgba(0, 184, 219, 0.1);
      color: #99a1af;
      font-family: "Inter", "Microsoft Sans Serif", "Microsoft YaHei", Arial, sans-serif;
      font-size: 0.14rem;
      font-weight: 400;
      line-height: 0.2rem; }
  .site-footer .cert-iso13485 {
    width: 0.95rem; }
  .site-footer .cert-iso9001 {
    width: 0.87rem; }
  .site-footer .cert-ul {
    width: 0.72rem; }
  .site-footer .cert-rohs {
    width: 0.63rem; }
  .site-footer .cert-hightech {
    width: 1.1rem; }

/* Motion polish */
:root {
  --motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --motion-fast: 0.28s;
  --motion-normal: 0.58s; }

.header {
  backdrop-filter: blur(0.12rem); }

.header .link > ul > li > a,
.site-footer .footer-column a,
.support-more {
  position: relative;
  transition: color var(--motion-fast) ease, transform var(--motion-fast) ease; }

.header .link > ul > li > a::after,
.header .link > ul > li > a:hover,
.site-footer .footer-column a:hover,
.support-more:hover {
  color: #fff; }

.header .link > ul > li > a:hover::after,
.site-footer .footer-column a:hover::after {
  transform: scaleX(1);
  transform-origin: left center; }

.hero-company-tag,
.hero-arrow,
.hero-value,
.hero-actions {
  z-index: 2; }

.hero-company-tag {
  box-shadow: 0 0 0.24rem rgba(0, 211, 243, 0.18), inset 0 0 0.18rem rgba(255, 255, 255, 0.08);
  transform: translate3d(var(--hero-shift-x), var(--hero-shift-y), 0);
  transition: transform 0.35s ease, border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease; }

.hero-company-tag:hover {
  border-color: rgba(0, 211, 243, 0.72);
  box-shadow: 0 0 0.36rem rgba(0, 211, 243, 0.28), inset 0 0 0.24rem rgba(255, 255, 255, 0.1); }

.hero-value {
  transform: translate3d(calc(var(--hero-shift-x) * -0.35), calc(var(--hero-shift-y) * -0.35), 0);
  transition: transform 0.35s ease; }

.hero-title-group h1,
.hero-title-group h2 {
  text-shadow: 0 0 0.18rem rgba(0, 211, 243, 0.25); }

.hero-pill,
.bottom-value-tag {
  transition: transform var(--motion-fast) ease, border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, background var(--motion-fast) ease; }

.hero-pill img,
.bottom-value-tag img,
.card-icon img,
.why-icon img,
.quote-title-icon img {
  transition: transform var(--motion-fast) ease, filter var(--motion-fast) ease; }

.why-card:hover .why-icon {
  transition: all .2s; }

.hero-actions a,
.card-btn,
.case-actions a,
.quote-submit,
.why-online,
.why-phone {
  position: relative;
  overflow: hidden;
  transition: transform var(--motion-fast) ease, box-shadow var(--motion-fast) ease, border-color var(--motion-fast) ease, background var(--motion-fast) ease; }

.hero-actions a::before,
.card-btn::before,
.case-actions a::before,
.quote-submit::before,
.why-online::before,
.why-phone::before {
  position: absolute;
  top: -45%;
  left: -75%;
  width: 42%;
  height: 190%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.52), transparent);
  transform: rotate(18deg);
  transition: left 0.68s ease;
  content: ""; }

.hero-actions a:hover,
.card-btn:hover,
.case-actions a:hover,
.why-online:hover,
.why-phone:hover {
  transform: translateY(-0.05rem); }

.hero-actions a:hover::before,
.card-btn:hover::before,
.case-actions a:hover::before,
.quote-submit:hover::before,
.why-online:hover::before,
.why-phone:hover::before {
  left: 125%; }

.business-card,
.product-item,
.case-card,
.result-item,
.why-card,
.walk-video,
.walk-cert-wall,
.support-panel,
.quote-card,
.quote-drop,
.bottom-value-tag,
.footer-certs span {
  transition: transform var(--motion-normal) var(--motion-ease), border-color var(--motion-fast) ease, box-shadow var(--motion-normal) var(--motion-ease), background var(--motion-fast) ease, filter var(--motion-fast) ease; }

.business-card,
.case-card,
.why-card,
.support-panel,
.quote-card {
  position: relative;
  overflow: hidden; }

.business-card::before,
.case-card::before,
.why-card::before {
  position: absolute;
  top: 0;
  left: -120%;
  width: 60%;
  height: 100%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.08), transparent);
  transform: skewX(-18deg);
  transition: left 0.8s ease;
  pointer-events: none;
  content: ""; }

.business-card:hover,
.why-card:hover {
  border-color: rgba(0, 211, 243, 0.45);
  box-shadow: 0 0.22rem 0.48rem rgba(0, 10, 26, 0.48), 0 0 0.28rem rgba(0, 184, 219, 0.13); }

.business-card:hover::before,
.why-card:hover::before,
.support-panel:hover::before,
.quote-card:hover::before {
  left: 130%; }

.product-item:hover,
.result-item:hover,
.quote-drop:hover,
.footer-certs span:hover {
  transform: translateY(-0.05rem);
  border-color: rgba(0, 211, 243, 0.48);
  background: rgba(0, 184, 219, 0.16);
  box-shadow: 0 0.14rem 0.3rem rgba(0, 10, 26, 0.32); }

.product-item:hover .product-icon img {
  transform: scale(1.08) rotate(-3deg); }

.case-tabs a {
  transition: transform var(--motion-fast) ease, color var(--motion-fast) ease, background var(--motion-fast) ease, border-color var(--motion-fast) ease; }

.case-tabs a:hover {
  color: #fff;
  border-color: rgba(0, 211, 243, 0.54);
  background: rgba(0, 184, 219, 0.18); }

.faq-item {
  transition: transform var(--motion-fast) ease, border-color var(--motion-fast) ease, background var(--motion-fast) ease; }

.faq-item:hover {
  transform: translateX(0.05rem);
  border-color: rgba(0, 211, 243, 0.42);
  background: rgba(0, 184, 219, 0.14); }

.quote-field {
  transition: border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, background var(--motion-fast) ease; }

.quote-field:focus-within {
  border-color: rgba(0, 211, 243, 0.68);
  background: rgba(0, 184, 219, 0.12);
  box-shadow: 0 0 0.16rem rgba(0, 211, 243, 0.18); }

.quote-field input,
.quote-field textarea {
  transition: color var(--motion-fast) ease; }

.walk-play {
  transition: transform var(--motion-fast) ease, box-shadow var(--motion-fast) ease, background var(--motion-fast) ease;
  animation: playPulse 2.4s ease-in-out infinite; }

.walk-play:hover {
  transform: scale(1.12);
  box-shadow: 0 0 0.32rem rgba(0, 211, 243, 0.4); }

.walk-video-player {
  background: #000; }

.reveal-ready {
  opacity: 0;
  transform: translate3d(0, 0.28rem, 0) scale(0.985);
  transition: opacity 0.72s var(--motion-ease), transform 0.72s var(--motion-ease);
  will-change: opacity, transform; }

.reveal-ready.reveal-in {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1); }

.hero-title-group {
  animation-delay: 0.08s; }

.hero-pill:nth-child(1) {
  animation-delay: 0.34s; }

.hero-pill:nth-child(2) {
  animation-delay: 0.42s; }

.hero-pill:nth-child(3) {
  animation-delay: 0.5s; }

.hero-pill:nth-child(4) {
  animation-delay: 0.58s; }

.hero-actions {
  animation-delay: 0.68s; }

@keyframes heroRise {
  from {
    opacity: 0;
    filter: blur(0.08rem); }
  to {
    opacity: 1;
    filter: blur(0); } }
@keyframes heroLightSweep {
  0%,
    100% {
    transform: translateX(-8%);
    opacity: 0.45; }
  50% {
    transform: translateX(8%);
    opacity: 0.86; } }
@keyframes circuitGridMove {
  from {
    background-position: 0 0, 0 0; }
  to {
    background-position: 0.72rem 0.72rem, 0.72rem 0; } }
@keyframes sloganGlow {
  0%,
    100% {
    text-shadow: 0 0 0.12rem rgba(0, 211, 243, 0.16); }
  50% {
    text-shadow: 0 0 0.32rem rgba(0, 211, 243, 0.42); } }
@keyframes playPulse {
  0%,
    100% {
    box-shadow: 0 0 0 0 rgba(0, 211, 243, 0.26); }
  50% {
    box-shadow: 0 0 0 0.12rem rgba(0, 211, 243, 0); } }
@keyframes certScroll {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(-16.6rem); } }
@keyframes aboutPartnerScrollLeft {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(-33.333333%); } }
@keyframes aboutPartnerScrollRight {
  from {
    transform: translateX(-33.333333%); }
  to {
    transform: translateX(0); } }
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important; }

  .reveal-ready {
    opacity: 1;
    transform: none; } }
.pcb-page {
  width: 100%;
  overflow: hidden;
  background: #001a33;
  color: #d1d5dc; }

.pcb-topbar {
  width: 100%;
  height: .37rem;
  border-bottom: 0.01rem solid rgba(0, 184, 219, 0.1);
  background: #001528; }
  .pcb-topbar .pcb-topbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 16.3rem;
    height: 100%;
    margin: 0 auto;
    padding-top: .01rem; }
  .pcb-topbar .pcb-topbar-contact {
    display: flex;
    align-items: center;
    gap: .24rem; }
    .pcb-topbar .pcb-topbar-contact span {
      display: flex;
      align-items: center;
      gap: .08rem;
      color: #d1d5dc;
      font-size: .14rem;
      line-height: .2rem; }
    .pcb-topbar .pcb-topbar-contact img {
      width: .16rem;
      height: .16rem; }
  .pcb-topbar p {
    color: rgba(209, 213, 220, 0.7);
    font-size: .14rem;
    line-height: .2rem;
    letter-spacing: .02rem; }

.pcb-nav {
  top: .37rem;
  height: .89rem;
  padding: 0;
  background: linear-gradient(180deg, rgba(0, 112, 192, 0.1) 0%, rgba(0, 21, 40, 0.5) 100%); }
  .pcb-nav.on {
    top: 0;
    background: rgba(5, 35, 59, 0.96); }
  .pcb-nav .pcb-nav-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 16.42rem;
    height: .88rem;
    margin: 0 auto; }

.pcb-logo {
  display: flex;
  align-items: center;
  width: 3.68rem;
  height: .68rem; }
  .pcb-logo img {
    flex: 0 0 1.03rem;
    width: 1.03rem;
    height: .58rem;
    object-fit: contain; }
  .pcb-logo span {
    display: flex;
    flex-direction: column;
    margin-left: .2rem; }
  .pcb-logo strong {
    color: #fff;
    font-size: .2rem;
    font-weight: 700;
    line-height: .28rem;
    letter-spacing: .02rem; }
  .pcb-logo em {
    margin-top: .03rem;
    color: #00b8d8;
    font-size: .12rem;
    line-height: .16rem; }

.pcb-nav-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: .11rem; }
  .pcb-nav-links > a:not(.pcb-register) {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    height: .44rem;
    color: #d1d5dc;
    font-size: .16rem;
    font-weight: 700;
    line-height: .24rem;
    letter-spacing: .02rem; }
    .pcb-nav-links > a:not(.pcb-register).active {
      color: #167dde; }
      .pcb-nav-links > a:not(.pcb-register).active::after {
        display: block;
        width: .66rem;
        height: .015rem;
        margin-top: .28rem;
        margin-left: -.66rem;
        background: #167dde;
        content: ""; }
  .pcb-nav-links .pcb-register {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.12rem;
    height: .44rem;
    margin-left: .2rem;
    border-radius: .1rem;
    background: linear-gradient(90deg, #00b8db 0%, #2b7fff 50%, #025899 100%);
    box-shadow: 0.02rem 0.02rem 0.05rem rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: .18rem;
    font-weight: 700;
    line-height: .24rem;
    letter-spacing: .02rem; }

.wechat-qrcode {
  width: 2rem;
  position: absolute;
  right: 140%;
  border: 0.01rem solid rgba(0, 184, 219, 0.1);
  border-radius: .14rem;
  background: rgba(255, 255, 255, 0.05);
  padding: .2rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all .3s;
  opacity: 0;
  visibility: hidden; }
  .wechat-qrcode img {
    display: block;
    width: 100% !important;
    height: auto !important; }
  .wechat-qrcode .wechat-qrcode-box {
    width: 100%;
    padding: .1rem; }
  .wechat-qrcode p {
    font-size: .2rem;
    color: #fff;
    margin-top: .2rem;
    text-align: center; }

.pcb-side {
  position: fixed;
  right: .12rem;
  top: 3.28rem;
  z-index: 20;
  width: .98rem;
  height: 3.68rem;
  border: 0.01rem solid rgba(0, 184, 219, 0.1);
  border-radius: .14rem;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0.04rem 0.04rem 0.04rem rgba(0, 0, 0, 0.25), inset 0.02rem 0.02rem 0.04rem rgba(43, 127, 255, 0.05); }
  .pcb-side a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: .98rem;
    height: .92rem;
    border-bottom: .01rem solid #0c3044;
    color: #d1d5dc;
    font-size: .16rem;
    line-height: .24rem;
    position: relative; }
    .pcb-side a:hover .wechat-qrcode {
      opacity: 1;
      right: 110%;
      visibility: inherit; }
    .pcb-side a:last-child {
      border-bottom: 0; }
  .pcb-side img {
    width: .48rem;
    height: .48rem;
    object-fit: contain; }

.pcb-section-head {
  text-align: center; }
  .pcb-section-head h2 {
    color: #d1d5dc;
    font-size: .48rem;
    font-weight: 700;
    line-height: .63rem; }
  .pcb-section-head p {
    margin-top: .24rem;
    color: #d1d5dc;
    font-size: .18rem;
    line-height: .28rem;
    text-align: center; }

.pcb-hero {
  position: relative;
  height: 8.34rem;
  padding-top: 1.55rem;
  overflow: hidden;
  background: #001c36; }
  .pcb-hero .pcb-hero-bg {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 28, 54, 0.94), rgba(0, 28, 54, 0.35)), url("../images/figma-pcb/hero-bg.png") center/cover no-repeat; }
    .pcb-hero .pcb-hero-bg::after {
      position: absolute;
      inset: 0;
      background: #001c36;
      opacity: .2;
      content: ""; }
  .pcb-hero .pcb-hero-inner {
    position: relative;
    z-index: 1;
    display: flex;
    width: 16.3rem;
    margin: 0 auto; }

.pcb-quote-card {
  flex: 0 0 5.4rem;
  width: 5.4rem;
  height: 5.8rem;
  padding: .23rem .16rem 0 .17rem;
  border: 0.01rem solid rgba(0, 211, 243, 0.3);
  border-radius: .14rem;
  background: linear-gradient(180deg, #001a33 0%, #002244 100%); }
  .pcb-quote-card .pcb-quote-title {
    display: flex;
    align-items: center;
    height: .49rem;
    margin-left: .05rem; }
    .pcb-quote-card .pcb-quote-title span {
      display: flex;
      align-items: center;
      justify-content: center;
      width: .4rem;
      height: .4rem;
      border-radius: .1rem;
      background: linear-gradient(135deg, #00b8db 0%, #155dfc 100%); }
    .pcb-quote-card .pcb-quote-title img {
      width: .2rem;
      height: .2rem; }
    .pcb-quote-card .pcb-quote-title h2 {
      margin-left: .12rem;
      color: #d1d5dc;
      font-size: .24rem;
      font-weight: 700;
      line-height: .32rem;
      letter-spacing: .01rem; }
  .pcb-quote-card .pcb-quote-fields {
    display: flex;
    gap: .2rem;
    margin: .22rem 0 0 .04rem; }
    .pcb-quote-card .pcb-quote-fields label {
      display: flex;
      flex-direction: column;
      gap: .08rem;
      width: 2.4rem; }
    .pcb-quote-card .pcb-quote-fields span {
      color: #d1d5dc;
      font-size: .16rem;
      line-height: .2rem;
      letter-spacing: .01rem; }
    .pcb-quote-card .pcb-quote-fields input {
      width: 2.4rem;
      height: .5rem;
      padding: .12rem .16rem;
      border: 0.01rem solid rgba(0, 184, 219, 0.3);
      border-radius: .1rem;
      background: rgba(255, 255, 255, 0.05);
      color: #d1d5dc;
      font-size: .16rem;
      line-height: .2rem; }
      .pcb-quote-card .pcb-quote-fields input::placeholder {
        color: #6a7282; }
  .pcb-quote-card .pcb-quote-tip {
    width: 5.09rem;
    height: .24rem;
    margin: .2rem 0 0 -.02rem;
    color: #d1d5dc;
    font-size: .16rem;
    line-height: .2rem; }
  .pcb-quote-card .pcb-upload-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 5rem;
    height: 1.08rem;
    margin-top: -.01rem;
    padding-top: .12rem;
    border: 0.02rem dashed rgba(0, 211, 243, 0.4);
    border-radius: .1rem; }
    .pcb-quote-card .pcb-upload-box img {
      width: .32rem;
      height: .32rem; }
    .pcb-quote-card .pcb-upload-box strong {
      margin-top: .08rem;
      color: #fff;
      font-size: .14rem;
      font-weight: 400;
      line-height: .2rem;
      letter-spacing: .01rem; }
    .pcb-quote-card .pcb-upload-box span {
      margin-top: .06rem;
      color: #99a1af;
      font-size: .14rem;
      line-height: .2rem;
      letter-spacing: .01rem; }
  .pcb-quote-card .pcb-formats {
    width: 5rem;
    margin-top: .34rem; }
    .pcb-quote-card .pcb-formats p,
    .pcb-quote-card .pcb-formats strong {
      display: block;
      color: #99a1af;
      font-size: .14rem;
      font-weight: 400;
      line-height: .2rem;
      letter-spacing: .01rem; }
    .pcb-quote-card .pcb-formats strong {
      height: .31rem;
      margin-top: .08rem; }
    .pcb-quote-card .pcb-formats div {
      display: grid;
      grid-template-columns: repeat(3, 1.337rem);
      gap: .08rem;
      width: 4.17rem; }
    .pcb-quote-card .pcb-formats span {
      display: flex;
      align-items: center;
      gap: .04rem;
      width: 1.337rem;
      height: .24rem;
      padding-left: .08rem;
      border-radius: .04rem;
      background: rgba(255, 255, 255, 0.05);
      color: #00b8d8;
      font-size: .16rem;
      line-height: .2rem;
      letter-spacing: .01rem; }
    .pcb-quote-card .pcb-formats img {
      width: .12rem;
      height: .12rem; }
  .pcb-quote-card button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .08rem;
    width: 5rem;
    height: .58rem;
    margin-top: .12rem;
    border: 0;
    border-radius: .1rem;
    background: linear-gradient(124deg, #00b8db 0%, #155dfc 95.39%);
    box-shadow: 0.02rem 0.02rem 0.05rem rgba(0, 0, 0, 0.5);
    color: #fff;
    cursor: pointer;
    font-size: .18rem;
    font-weight: 700;
    line-height: .24rem;
    letter-spacing: .02rem; }
    .pcb-quote-card button img {
      width: .2rem;
      height: .2rem; }
  .pcb-quote-card small {
    display: block;
    width: 5rem;
    margin-top: .1rem;
    color: #99a1af;
    font-size: .14rem;
    line-height: .2rem;
    letter-spacing: .01rem;
    text-align: center; }

.pcb-equipment-row article {
  transition: all .3s; }

.pcb-hero-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  padding-top: .17rem; }
  .pcb-hero-copy .pcb-cert-wall {
    display: flex;
    align-items: center;
    gap: .35rem;
    width: 100%;
    padding-left: 1rem;
    height: .78rem; }
    .pcb-hero-copy .pcb-cert-wall img {
      width: .6rem;
      height: .6rem;
      filter: brightness(0) invert(1);
      object-fit: contain;
      opacity: .75; }
  .pcb-hero-copy h1 {
    width: 10.54rem;
    margin-top: .57rem;
    color: #0EA4E7;
    font-size: .96rem;
    font-weight: 700;
    line-height: 1.15rem;
    text-align: center;
    text-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.5); }
  .pcb-hero-copy h2 {
    margin-top: .17rem;
    color: #d1d5dc;
    font-size: .72rem;
    font-weight: 700;
    line-height: .9rem;
    letter-spacing: .01rem;
    text-align: center; }
  .pcb-hero-copy .pcb-hero-tags {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .28rem;
    width: 8.76rem;
    height: .43rem;
    margin-top: .47rem;
    filter: drop-shadow(0 0.04rem 0.02rem rgba(0, 0, 0, 0.25)); }
    .pcb-hero-copy .pcb-hero-tags span {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: .08rem;
      height: .42rem;
      padding: .01rem .17rem;
      border: 0.01rem solid rgba(0, 184, 219, 0.2);
      white-space: nowrap;
      border-radius: .1rem;
      background: rgba(255, 255, 255, 0.05);
      color: #d1d5dc;
      font-size: .2rem;
      letter-spacing: .02rem; }
      .pcb-hero-copy .pcb-hero-tags span:first-child img {
        height: .34rem; }
    .pcb-hero-copy .pcb-hero-tags img {
      width: .24rem;
      height: .24rem; }
    .pcb-hero-copy .pcb-hero-tags i {
      color: #fff;
      font-family: Arial, sans-serif;
      font-size: .2rem; }

.pcb-service,
.pcb-craft,
.pcb-guarantee,
.pcb-equipment,
.pcb-products {
  background: linear-gradient(180deg, #001a33 0%, #001c36 20%, #001d3a 40%, #001f3d 60%, #002041 80%, #002244 100%); }

.pcb-service {
  padding-top: .51rem;
  padding-bottom: .66rem; }
  .pcb-service .pcb-service-grid {
    display: grid;
    grid-template-columns: 4.5rem 5.5rem 5.5rem;
    grid-template-rows: 3.5rem 3.5rem;
    gap: .45rem .52rem;
    width: 16.5rem;
    margin: .98rem auto 0; }

.pcb-service-card {
  position: relative;
  overflow: hidden;
  width: 5.5rem;
  height: 3.5rem;
  padding: .22rem .44rem 0;
  border: 0.01rem solid rgba(0, 184, 219, 0.2);
  border-radius: .16rem;
  background: linear-gradient(180deg, #001a33 0%, #002244 100%);
  box-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.5); }
  .pcb-service-card h3 {
    color: #d1d5dc;
    font-size: .48rem;
    font-weight: 700;
    line-height: .63rem; }
  .pcb-service-card p {
    margin-top: .17rem;
    color: #00b8d8;
    font-size: .18rem;
    line-height: .28rem;
    letter-spacing: .02rem; }
  .pcb-service-card ul {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: .12rem;
    margin-top: .2rem; }
  .pcb-service-card li {
    position: relative;
    padding-left: .18rem;
    color: #d1d5dc;
    font-size: .16rem;
    line-height: .2rem;
    letter-spacing: .01rem; }
    .pcb-service-card li::before {
      position: absolute;
      left: 0;
      top: .07rem;
      width: .06rem;
      height: .06rem;
      border-radius: 50%;
      background: #d1d5dc;
      content: ""; }
  .pcb-service-card img {
    position: absolute;
    left: -.07rem;
    bottom: -.02rem;
    z-index: 1;
    width: 5.55rem;
    height: 1.6rem;
    object-fit: cover;
    object-position: bottom;
    opacity: .8; }

.pcb-service-large {
  grid-row: span 2;
  width: 4.5rem;
  height: 7.5rem;
  padding: .61rem .38rem 0 .56rem;
  background: linear-gradient(121deg, #002244 0%, #001a33 100%); }
  .pcb-service-large h3 {
    margin-top: 0; }
  .pcb-service-large ul {
    margin-top: .29rem; }
  .pcb-service-large a {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.88rem;
    height: .48rem;
    margin-top: .3rem;
    border-radius: .1rem;
    background: linear-gradient(116deg, #00b8db 0%, #155dfc 95.39%);
    box-shadow: 0.02rem 0.02rem 0.05rem rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: .18rem;
    font-weight: 700;
    line-height: .24rem;
    letter-spacing: .02rem; }
  .pcb-service-large img {
    left: -.01rem;
    bottom: -.02rem;
    width: 4.49rem;
    height: 2.58rem;
    opacity: .3; }

.pcb-service-badge {
  position: absolute;
  top: .4rem;
  right: .16rem;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.48rem;
  height: .26rem;
  padding: 0 .13rem;
  border: 0.01rem solid rgba(0, 211, 243, 0.5);
  border-radius: 99rem;
  background: rgba(0, 211, 243, 0.2);
  color: #fff;
  font-size: .12rem;
  line-height: .16rem; }

.pcb-craft {
  padding: .81rem 0; }
  .pcb-craft .pcb-section-head p {
    margin-top: .27rem; }

.pcb-craft-grid {
  display: grid;
  grid-template-columns: repeat(6, 2.4rem);
  gap: .25rem .4rem;
  width: 16.4rem;
  margin: .56rem auto 0; }
  .pcb-craft-grid > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 2.4rem;
    height: 1.5rem;
    padding-top: .21rem;
    border: 0.01rem solid rgba(0, 184, 219, 0.2);
    border-radius: .16rem;
    background: #001a33;
    box-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.5); }
  .pcb-craft-grid .dot {
    width: .34rem;
    display: block;
    margin: 0 auto;
    height: auto;
    margin-top: .46rem; }
  .pcb-craft-grid strong {
    margin-top: .18rem;
    color: #d1d5dc;
    font-size: .24rem;
    font-weight: 700;
    display: block;
    line-height: .32rem;
    letter-spacing: .01rem;
    text-align: center; }

.craft-symbol {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: .72rem;
  color: #d1d5dc;
  font-size: .24rem;
  line-height: .28rem;
  letter-spacing: .02rem;
  text-align: center; }
  .craft-symbol span,
  .craft-symbol em {
    display: block;
    font-size: .18rem;
    line-height: .22rem;
    letter-spacing: 0; }
  .craft-symbol em {
    font-style: normal; }
  .craft-symbol.dots {
    font-size: .24rem; }
    .craft-symbol.dots::after {
      display: none; }

.pcb-guarantee {
  padding-top: .39rem;
  padding-bottom: .84rem;
  background: #002244; }
  .pcb-guarantee .swiper-wrapper {
    display: flex;
    gap: .75rem;
    width: 16.5rem;
    margin: 0 auto; }
  .pcb-guarantee .swiper-pagination {
    display: none; }
  .pcb-guarantee article {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 5rem;
    height: 3rem;
    padding-top: .46rem;
    border: 0.01rem solid rgba(0, 184, 219, 0.2);
    border-radius: .16rem;
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.5); }
    .pcb-guarantee article img {
      width: 1.58rem;
      height: .92rem;
      object-fit: contain; }
    .pcb-guarantee article h3 {
      margin-top: .32rem;
      color: #0EA4E7;
      font-size: .3rem;
      font-weight: 700;
      line-height: .36rem;
      letter-spacing: .01rem; }
    .pcb-guarantee article p {
      margin-top: .22rem;
      color: #d1d5dc;
      font-size: .2rem;
      line-height: .2rem;
      letter-spacing: .02rem; }

.news-feature-copy h2 a {
  color: #fff; }

.bgbl-feature-images .big, .bgbl-feature-images .small, .bgbl-case-gallery .cover, .bgbl-case-gallery img {
  transition: all .3s; }

.pcb-equipment {
  padding-top: .54rem; }
  .pcb-equipment .pcb-section-head p {
    margin-top: .26rem; }

.pcb-equipment-row {
  width: 18.5rem;
  height: 6rem;
  margin: .39rem auto 0; }
  .pcb-equipment-row .swiper-wrapper {
    display: flex;
    gap: .1rem; }
  .pcb-equipment-row .swiper-pagination {
    display: none; }
  .pcb-equipment-row article {
    position: relative;
    flex: 0 0 auto;
    width: 2rem;
    height: 6rem;
    overflow: hidden;
    border: 0.01rem solid rgba(0, 184, 219, 0.2);
    background: #001a33; }
    .pcb-equipment-row article img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .pcb-equipment-row article div {
      position: absolute;
      left: 0;
      bottom: 0;
      display: flex;
      align-items: center;
      width: 8rem;
      height: .66rem;
      padding: .1rem .3rem;
      background: linear-gradient(181deg, rgba(255, 255, 255, 0.4) 7.55%, rgba(0, 21, 40, 0.2) 40.08%, rgba(0, 26, 51, 0.4) 72.19%); }
    .pcb-equipment-row article strong {
      flex: 0 0 1.48rem;
      color: #fff;
      font-size: .24rem;
      font-weight: 700;
      line-height: .32rem;
      letter-spacing: .02rem; }
    .pcb-equipment-row article p {
      width: 5.66rem;
      margin-left: .2rem;
      color: #fff;
      font-size: .14rem;
      line-height: .2rem;
      letter-spacing: .01rem;
      opacity: 0;
      transition: opacity var(--pcb-hover-fast) ease; }
  .pcb-equipment-row .wide {
    width: 8rem; }
    .pcb-equipment-row .wide p {
      opacity: 1; }
  .pcb-equipment-row:hover article {
    width: 2rem; }
    .pcb-equipment-row:hover article p {
      opacity: 0; }
  .pcb-equipment-row article:hover {
    width: 8rem; }
    .pcb-equipment-row article:hover p {
      opacity: 1; }

.pcb-products {
  padding-top: .74rem;
  padding-bottom: 1.16rem; }

.pcb-product-tabs {
  display: flex;
  justify-content: center;
  gap: .84rem;
  margin-top: .88rem; }
  .pcb-product-tabs a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: .8rem;
    border-radius: .07rem;
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0.02rem 0.02rem 0.05rem rgba(0, 0, 0, 0.5);
    color: #d1d5dc;
    font-size: .28rem;
    font-weight: 700;
    line-height: .24rem;
    text-align: center; }
    .pcb-product-tabs a.active {
      background: rgba(255, 255, 255, 0.05);
      color: #0EA4E7; }
    .pcb-product-tabs a img {
      width: 1.53rem;
      height: .24rem;
      margin-top: .06rem; }

.pcb-product-intro {
  width: 16.6rem;
  margin: .41rem auto 0; }
  .pcb-product-intro > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: .66rem;
    padding: .15rem 0;
    border-bottom: .01rem solid #ad46ff; }
  .pcb-product-intro h3 {
    color: #fff;
    font-size: .3rem;
    font-weight: 700;
    line-height: .36rem;
    letter-spacing: .01rem; }
  .pcb-product-intro a {
    display: flex;
    align-items: center;
    color: #99a1af;
    font-size: .2rem;
    line-height: .2rem;
    letter-spacing: .02rem; }
    .pcb-product-intro a img {
      width: .2rem;
      height: .2rem;
      margin-left: .09rem;
      transform: rotate(90deg) scaleY(-1); }
  .pcb-product-intro p {
    margin-top: .41rem;
    color: #d1d5dc;
    font-size: .18rem;
    line-height: .28rem; }

.pcb-product-grid {
  display: grid;
  grid-template-columns: repeat(4, 4rem);
  gap: .25rem;
  width: 16.75rem;
  margin: .67rem auto 0; }
  .pcb-product-grid article {
    width: 4rem;
    height: auto;
    overflow: hidden;
    border-radius: .2rem;
    background: rgba(0, 184, 219, 0.1); }
    .pcb-product-grid article > img {
      width: 4rem;
      height: 4rem;
      object-fit: contain;
      object-position: bottom;
      background: rgba(0, 184, 219, 0.1); }
    .pcb-product-grid article > div {
      height: 1.5rem;
      padding: .09rem .19rem 0 .21rem;
      background: #d1d5dc;
      color: #001a33; }
    .pcb-product-grid article h4 {
      height: .39rem;
      border-bottom: .01rem solid #99a1af;
      color: #001a33;
      font-size: .24rem;
      font-weight: 700;
      line-height: .32rem;
      letter-spacing: .01rem; }
    .pcb-product-grid article p {
      display: grid;
      grid-template-columns: 1.41rem 1.92rem;
      column-gap: .29rem;
      row-gap: .07rem;
      margin-top: .07rem;
      color: #6a7282;
      font-size: .16rem;
      line-height: .2rem;
      letter-spacing: .01rem; }

.pcb-product-actions {
  display: flex;
  justify-content: center;
  gap: .2rem;
  margin-top: .71rem; }
  .pcb-product-actions a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: .58rem;
    border-radius: .1rem;
    color: #fff;
    font-size: .18rem;
    font-weight: 700;
    line-height: .24rem;
    letter-spacing: .02rem;
    text-align: center; }
    .pcb-product-actions a:first-child {
      width: 1.84rem;
      border: .02rem solid #fff;
      box-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.5); }
    .pcb-product-actions a:last-child {
      gap: .1rem;
      width: 1.96rem;
      background: linear-gradient(105deg, #00b8db 0%, #155dfc 95.39%);
      box-shadow: 0.02rem 0.02rem 0.05rem rgba(0, 0, 0, 0.5); }
    .pcb-product-actions a img {
      width: .2rem;
      height: .2rem; }

.pcb-value {
  position: relative;
  height: 4.42rem;
  overflow: hidden;
  background: #001a33; }
  .pcb-value > img {
    position: absolute;
    left: 0;
    top: -.54rem;
    width: 19.78rem;
    height: 5.59rem;
    object-fit: cover;
    opacity: .2; }
  .pcb-value > div {
    position: relative;
    z-index: 1;
    padding-top: 1rem;
    text-align: center; }
  .pcb-value h2 {
    color: #d1d5dc;
    font-size: .64rem;
    font-weight: 700;
    line-height: .9rem;
    letter-spacing: .02rem; }
    .pcb-value h2 span {
      color: #0EA4E7; }
  .pcb-value p {
    color: #d1d5dc;
    font-size: .48rem;
    font-weight: 700;
    line-height: .9rem; }
  .pcb-value ul {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    gap: .28rem;
    margin-top: .22rem;
    filter: drop-shadow(0 0.04rem 0.02rem rgba(0, 0, 0, 0.25)); }
  .pcb-value li {
    display: flex;
    align-items: center;
    gap: .08rem;
    height: .42rem;
    padding: 0 .17rem;
    border: 0.01rem solid rgba(0, 184, 219, 0.2);
    border-radius: .1rem;
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
    font-size: .2rem;
    line-height: .2rem;
    letter-spacing: .02rem; }
    .pcb-value li img {
      width: .24rem;
      height: .24rem;
      object-fit: contain; }

.pcb-footer {
  height: 4.37rem;
  border-top: 0.01rem solid rgba(0, 184, 219, 0.2);
  background: #000d1a; }
  .pcb-footer .pcb-footer-inner {
    width: 16.96rem;
    height: 4.36rem;
    margin: 0 auto;
    padding: .64rem .32rem 0; }
  .pcb-footer .pcb-footer-main {
    display: flex;
    align-items: flex-start;
    height: 2.56rem; }
  .pcb-footer .pcb-footer-brand {
    width: 7.16rem; }
  .pcb-footer .pcb-footer-logo {
    display: flex;
    align-items: flex-start;
    height: .57rem; }
    .pcb-footer .pcb-footer-logo img {
      width: .9rem;
      height: .51rem;
      object-fit: contain; }
    .pcb-footer .pcb-footer-logo div {
      margin: -.07rem 0 0 .25rem; }
    .pcb-footer .pcb-footer-logo h3 {
      color: #fff;
      font-size: .18rem;
      font-weight: 700;
      line-height: .24rem;
      letter-spacing: .01rem; }
    .pcb-footer .pcb-footer-logo p {
      margin-top: .05rem;
      color: #00b8d8;
      font-size: .14rem;
      line-height: .2rem;
      letter-spacing: .01rem; }
  .pcb-footer .pcb-footer-desc {
    width: 5.14rem;
    height: .91rem;
    margin-top: .15rem;
    overflow: hidden;
    color: #99a1af;
    font-size: .14rem;
    line-height: .2rem;
    letter-spacing: .01rem; }
  .pcb-footer nav {
    display: flex;
    flex-direction: column;
    gap: .08rem;
    width: 1.6rem;
    margin: -.14rem 0 0 1.01rem; }
    .pcb-footer nav h4 {
      margin-bottom: .04rem;
      color: #fff;
      font-size: .18rem;
      font-weight: 700;
      line-height: .24rem;
      letter-spacing: .01rem; }
    .pcb-footer nav a {
      height: .24rem;
      color: #99a1af;
      font-size: .14rem;
      line-height: .2rem;
      letter-spacing: .01rem; }
  .pcb-footer .pcb-footer-contact {
    width: 2.8rem;
    margin: -.14rem 0 0 .58rem; }
    .pcb-footer .pcb-footer-contact h4 {
      margin-bottom: .16rem;
      color: #fff;
      font-size: .18rem;
      font-weight: 700;
      line-height: .24rem;
      letter-spacing: .01rem; }
    .pcb-footer .pcb-footer-contact p {
      display: flex;
      align-items: flex-start;
      gap: .08rem;
      height: .4rem;
      margin-bottom: .12rem; }
      .pcb-footer .pcb-footer-contact p img {
        width: .16rem;
        height: .16rem;
        margin-top: .02rem; }
    .pcb-footer .pcb-footer-contact span {
      display: flex;
      flex-direction: column;
      color: #99a1af;
      font-size: .14rem;
      line-height: .2rem;
      letter-spacing: .01rem; }
    .pcb-footer .pcb-footer-contact strong {
      color: #fff;
      font-weight: 400; }
  .pcb-footer .pcb-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 16.28rem;
    height: .77rem;
    margin-top: .12rem;
    padding-top: .33rem;
    border-top: 0.01rem solid rgba(0, 184, 219, 0.2); }
    .pcb-footer .pcb-footer-bottom p {
      color: #99a1af;
      font-size: .14rem;
      line-height: .2rem;
      letter-spacing: .01rem; }
    .pcb-footer .pcb-footer-bottom ul {
      display: flex;
      gap: .06rem;
      align-items: center; }
    .pcb-footer .pcb-footer-bottom li {
      display: flex;
      align-items: center;
      justify-content: center;
      height: .3rem;
      padding: 0 .12rem;
      border: 0.01rem solid rgba(0, 184, 219, 0.2);
      border-radius: .04rem;
      background: rgba(0, 184, 219, 0.1);
      color: #99a1af;
      font-family: Inter, "Microsoft Sans Serif", "Microsoft YaHei", Arial, sans-serif;
      font-size: .14rem;
      line-height: .2rem; }

.header .link > ul > li.active > a {
  color: #00b8d8; }
  .header .link > ul > li.active > a::after {
    position: absolute;
    left: 50%;
    bottom: 0.2rem;
    width: 0.72rem;
    height: 0.02rem;
    background: #00b8d8;
    transform: translateX(-50%);
    content: ""; }

.jh-product-page {
  width: 100%;
  min-width: 100%;
  overflow: hidden;
  background: #001528;
  color: #d1d5dc; }
  .jh-product-page h1,
  .jh-product-page h2,
  .jh-product-page h3,
  .jh-product-page p {
    margin: 0; }
  .jh-product-page img {
    display: block; }

.jh-product-hero {
  position: relative;
  width: 100%;
  height: 9.34rem;
  overflow: hidden;
  background: #001528; }
  .jh-product-hero .jh-product-hero-bg {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .jh-product-hero .jh-product-hero-shade {
    position: absolute;
    inset: 0;
    background: rgba(0, 20, 39, 0.66); }
  .jh-product-hero .jh-product-hero-inner {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    padding-top: 1.55rem; }
  .jh-product-hero .jh-product-hero-cert {
    display: flex;
    align-items: center;
    gap: 0.54rem;
    width: 5.1rem;
    margin-left: 1.36rem; }
    .jh-product-hero .jh-product-hero-cert img {
      width: 0.65rem;
      height: 0.65rem;
      object-fit: contain;
      opacity: 0.9; }
  .jh-product-hero .jh-product-hero-title {
    margin-top: 0.95rem;
    text-align: center;
    text-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.5); }
    .jh-product-hero .jh-product-hero-title h1 {
      color: #0EA4E7;
      font-size: 0.78rem;
      font-weight: 700;
      line-height: 1;
      letter-spacing: 0.01rem; }
    .jh-product-hero .jh-product-hero-title h2 {
      margin-top: 0.45rem;
      color: #d1d5dc;
      font-size: 0.72rem;
      font-weight: 700;
      line-height: 0.86rem;
      letter-spacing: 0.02rem; }
    .jh-product-hero .jh-product-hero-title p {
      margin-top: 0.32rem;
      color: #d1d5dc;
      font-size: 0.3rem;
      font-weight: 700;
      line-height: 0.36rem; }
  .jh-product-hero .jh-product-pills {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.28rem;
    margin-top: 0.66rem;
    filter: drop-shadow(0 0.04rem 0.02rem rgba(0, 0, 0, 0.25)); }
    .jh-product-hero .jh-product-pills div {
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 1.82rem;
      height: 0.43rem;
      padding: 0 0.17rem;
      border: 0.01rem solid rgba(0, 184, 219, 0.3);
      border-radius: 0.1rem;
      background: rgba(255, 255, 255, 0.08);
      color: #d1d5dc;
      font-size: 0.2rem;
      line-height: 0.2rem;
      letter-spacing: 0.02rem; }
      .jh-product-hero .jh-product-pills div img {
        width: 0.24rem;
        height: 0.24rem;
        margin-right: 0.08rem;
        object-fit: contain; }

.jh-product-stats {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 16.6rem;
  height: 2rem;
  margin: -1.15rem auto 0;
  padding: 0.58rem 0.76rem 0;
  border: 0.01rem solid rgba(0, 184, 219, 0.24);
  border-radius: 0.16rem;
  background: linear-gradient(180deg, #001a33 0%, #002244 100%);
  box-shadow: 0 0.04rem 0.04rem rgba(0, 0, 0, 0.25); }
  .jh-product-stats div {
    text-align: center; }
  .jh-product-stats strong {
    display: block;
    color: #0EA4E7;
    font-family: "Microsoft YaHei", Arial, sans-serif;
    font-size: 0.48rem;
    font-weight: 700;
    line-height: 0.5rem; }
    .jh-product-stats strong sup {
      font-size: 0.18rem;
      vertical-align: super; }
  .jh-product-stats span {
    display: block;
    margin-top: 0.25rem;
    color: #d1d5dc;
    font-size: 0.2rem;
    line-height: 0.2rem;
    letter-spacing: 0.02rem; }

.jh-product-intro {
  width: 100%;
  padding: 0.78rem 0 0;
  background: #001528; }
  .jh-product-intro .jh-product-intro-main {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    width: 16.62rem;
    margin: 0 auto; }
  .jh-product-intro .jh-product-building {
    width: 8.11rem;
    height: 7.04rem;
    border-radius: 0.16rem;
    object-fit: cover;
    box-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.5); }
  .jh-product-intro .jh-product-intro-copy {
    width: 8rem;
    padding-top: 0.01rem;
    color: #d1d5dc;
    text-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.5); }
    .jh-product-intro .jh-product-intro-copy h2 {
      position: relative;
      padding-bottom: 0.17rem;
      color: #fff;
      font-size: 0.4rem;
      font-weight: 700;
      line-height: 0.56rem;
      letter-spacing: 0.01rem; }
      .jh-product-intro .jh-product-intro-copy h2::after {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 0.01rem;
        background: rgba(0, 184, 219, 0.3);
        content: ""; }
    .jh-product-intro .jh-product-intro-copy p {
      margin-top: 0.2rem;
      font-size: 0.2rem;
      line-height: 0.32rem;
      letter-spacing: 0.005rem; }
      .jh-product-intro .jh-product-intro-copy p strong {
        color: #fff;
        font-weight: 700; }
  .jh-product-intro .jh-product-advantages {
    display: grid;
    grid-template-columns: 4.42rem 4rem 4rem 4rem;
    column-gap: 0.42rem;
    width: 16.65rem;
    height: 1.86rem;
    margin: 0.4rem auto 0;
    padding-top: 0.46rem;
    border-bottom: 0.01rem solid rgba(0, 184, 219, 0.2); }
    .jh-product-intro .jh-product-advantages article {
      display: flex;
      align-items: flex-start;
      min-width: 0;
      border-right: 0.01rem solid rgba(0, 184, 219, 0.2); }
      .jh-product-intro .jh-product-advantages article:last-child {
        border-right: 0; }
    .jh-product-intro .jh-product-advantages img {
      width: 1.2rem;
      height: 0.96rem;
      object-fit: contain;
      margin-right: 0.28rem; }
    .jh-product-intro .jh-product-advantages div {
      min-width: 0; }
    .jh-product-intro .jh-product-advantages h3 {
      color: #00b8d8;
      font-size: 0.3rem;
      font-weight: 700;
      line-height: 0.36rem;
      letter-spacing: 0.01rem; }
    .jh-product-intro .jh-product-advantages p {
      width: 2.65rem;
      margin-top: 0.12rem;
      color: #d1d5dc;
      font-size: 0.18rem;
      line-height: 0.28rem;
      letter-spacing: 0.004rem; }

.jh-product-belief {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 1.4rem;
  border-bottom: 0.01rem solid rgba(0, 184, 219, 0.2);
  background: linear-gradient(180deg, #002244 0%, #001a33 100%); }
  .jh-product-belief h2 {
    color: #d1d5dc;
    font-size: 0.4rem;
    font-weight: 700;
    line-height: 0.36rem;
    letter-spacing: 0.024rem;
    text-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.5); }

.jh-product-section-title {
  width: 15rem;
  margin: 0 auto;
  text-align: center; }
  .jh-product-section-title h2 {
    color: #fff;
    font-size: 0.48rem;
    font-weight: 700;
    line-height: 0.63rem; }
  .jh-product-section-title p {
    margin-top: 0.28rem;
    color: #d1d5dc;
    font-size: 0.18rem;
    line-height: 0.28rem; }

.jh-product-factory {
  width: 100%;
  height: 10.58rem;
  padding-top: 0.54rem;
  overflow: hidden;
  background: linear-gradient(180deg, #001a33 0%, #002244 100%); }
  .jh-product-factory img {
    width: 100%;
    height: 8.24rem;
    margin-top: 1.05rem;
    object-fit: cover; }

.jh-product-certs {
  width: 100%;
  min-height: 18.85rem;
  margin-top: 4.53rem;
  padding-top: 0.2rem;
  background: #001528; }
  .jh-product-certs .jh-product-cert-logo-wall {
    width: 100%;
    height: 1.86rem;
    margin-top: 0.53rem;
    border-top: 0.01rem solid rgba(0, 184, 219, 0.2);
    border-bottom: 0.01rem solid rgba(0, 184, 219, 0.2);
    background: rgba(0, 184, 219, 0.03); }
    .jh-product-certs .jh-product-cert-logo-wall div {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 16.6rem;
      height: 100%;
      margin: 0 auto; }
    .jh-product-certs .jh-product-cert-logo-wall img {
      width: 1.33rem;
      height: 1.33rem;
      object-fit: contain; }
    .jh-product-certs .jh-product-cert-logo-wall img:nth-child(3) {
      width: 1.3rem;
      height: 1.3rem; }
  .jh-product-certs .jh-product-cert-grid {
    display: grid;
    grid-template-columns: repeat(3, 4.5rem);
    gap: 0.86rem 1.05rem;
    width: 15.6rem;
    margin: 0.63rem auto 0; }
    .jh-product-certs .jh-product-cert-grid img {
      width: 4.5rem;
      height: 6.36rem;
      object-fit: cover;
      box-shadow: 0.04rem 0.05rem 0.04rem rgba(0, 0, 0, 0.25); }

.jh-product-partners {
  width: 100%;
  height: 6.74rem;
  overflow: hidden;
  border: 0.01rem solid rgba(0, 184, 219, 0.2);
  background: linear-gradient(180deg, #001a33 0%, #002244 100%); }
  .jh-product-partners .jh-product-invite {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 14.94rem;
    height: 1.73rem;
    margin: 0.63rem auto 0;
    padding-bottom: 0.23rem;
    border-bottom: 0.01rem dashed rgba(0, 184, 219, 0.2); }
  .jh-product-partners .jh-product-invite-copy h2 {
    color: #0EA4E7;
    font-size: 0.48rem;
    font-weight: 700;
    line-height: 0.9rem;
    letter-spacing: 0.01rem; }
  .jh-product-partners .jh-product-invite-copy p {
    color: #d1d5dc;
    font-size: 0.3rem;
    font-weight: 700;
    line-height: 0.36rem;
    letter-spacing: 0.01rem;
    text-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.5); }
  .jh-product-partners .jh-product-invite-form {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    width: 6.4rem; }
    .jh-product-partners .jh-product-invite-form input,
    .jh-product-partners .jh-product-invite-form button {
      width: 2rem;
      height: 0.6rem;
      border-radius: 0.1rem;
      font-size: 0.16rem;
      line-height: 0.2rem; }
    .jh-product-partners .jh-product-invite-form input {
      padding: 0 0.16rem;
      border: 0.01rem solid rgba(25, 60, 184, 0.3);
      background: rgba(255, 255, 255, 0.05);
      box-shadow: 0.02rem 0.02rem 0.05rem rgba(0, 0, 0, 0.5);
      color: #d1d5dc; }
      .jh-product-partners .jh-product-invite-form input::placeholder {
        color: #d1d5dc;
        opacity: 1; }
    .jh-product-partners .jh-product-invite-form button {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.12rem;
      border: 0.01rem solid rgba(0, 184, 219, 0.4);
      background: rgba(0, 184, 219, 0.2);
      box-shadow: 0 0.1rem 0.15rem rgba(0, 184, 219, 0.3), 0 0.04rem 0.06rem rgba(0, 184, 219, 0.3);
      color: #fff;
      font-size: 0.18rem;
      font-weight: 700;
      letter-spacing: 0.02rem;
      cursor: pointer; }
      .jh-product-partners .jh-product-invite-form button img {
        width: 0.2rem;
        height: 0.2rem;
        object-fit: contain; }
  .jh-product-partners .jh-product-partner-logos {
    width: 100%;
    margin-top: 0.84rem; }
  .jh-product-partners .jh-product-partner-row-one {
    width: 14.2rem;
    height: 1.25rem;
    margin: 0 auto;
    object-fit: contain; }
  .jh-product-partners .jh-product-partner-row-two {
    width: 17.8rem;
    height: 1.35rem;
    margin: 0.35rem auto 0;
    object-fit: contain; }

.jh-product-sidebar {
  position: fixed;
  right: 0.12rem;
  top: 3.62rem;
  z-index: 1001;
  width: 0.98rem;
  overflow: hidden;
  border: 0.01rem solid rgba(209, 213, 220, 0.12);
  border-radius: 0.16rem;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(0.08rem); }
  .jh-product-sidebar a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 0.98rem;
    height: 0.92rem;
    border-bottom: 0.01rem solid rgba(209, 213, 220, 0.12);
    color: #d1d5dc;
    font-size: 0.16rem;
    line-height: 0.2rem; }
    .jh-product-sidebar a:last-child {
      border-bottom: 0; }
    .jh-product-sidebar a img {
      width: 0.24rem;
      height: 0.24rem;
      margin-bottom: 0.08rem;
      object-fit: contain; }

.about-page {
  width: 100%;
  overflow: hidden;
  background: #001528;
  color: #d1d5dc; }

.about-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  min-width: 100%; }

.about-topbar {
  height: 0.37rem;
  border-bottom: 0.01rem solid rgba(0, 184, 219, 0.1);
  background: #001528; }

.about-topbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 16.3rem;
  height: 100%;
  margin: 0 auto; }
  .about-topbar-inner p {
    opacity: 0.7;
    color: #d1d5dc;
    font-size: 0.14rem;
    line-height: 0.2rem;
    letter-spacing: 0.02rem; }

.about-top-contact {
  display: flex;
  align-items: center;
  gap: 0.24rem; }
  .about-top-contact span {
    display: flex;
    align-items: center;
    gap: 0.08rem;
    color: #d1d5dc;
    font-size: 0.14rem;
    line-height: 0.2rem; }
  .about-top-contact img {
    width: 0.16rem;
    height: 0.16rem;
    object-fit: contain; }

.about-nav {
  height: 0.89rem;
  background: linear-gradient(180deg, rgba(0, 112, 192, 0.1) 0%, rgba(0, 21, 40, 0.5) 100%); }

.about-nav-inner {
  display: flex;
  align-items: center;
  width: 16.42rem;
  height: 100%;
  margin: 0 auto; }

.about-logo {
  display: flex;
  align-items: center;
  flex: 0 0 3.68rem;
  width: 3.68rem;
  height: 0.68rem; }
  .about-logo img {
    width: 1.03rem;
    height: 0.58rem;
    object-fit: contain; }
  .about-logo span {
    display: flex;
    flex-direction: column;
    margin-left: 0.18rem; }
  .about-logo strong {
    color: #fff;
    font-size: 0.2rem;
    font-weight: 700;
    line-height: 0.28rem;
    letter-spacing: 0.02rem; }
  .about-logo em {
    margin-top: 0.04rem;
    color: #00b8d8;
    font-size: 0.12rem;
    font-style: normal;
    line-height: 0.16rem; }

.about-menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.11rem;
  flex: 1;
  height: 0.44rem;
  margin-left: 0.88rem; }
  .about-menu a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    height: 0.44rem;
    color: #d1d5dc;
    font-size: 0.16rem;
    font-weight: 700;
    line-height: 0.24rem;
    letter-spacing: 0.02rem; }
    .about-menu a.active {
      color: #167dde;
      border-bottom: 0.015rem solid #167dde; }

.about-register {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 1.12rem;
  width: 1.12rem;
  height: 0.44rem;
  margin-left: 0.31rem;
  border-radius: 0.1rem;
  background: linear-gradient(90deg, #00b8db 0%, #2b7fff 50%, #025899 100%);
  box-shadow: 0.02rem 0.02rem 0.05rem rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 0.18rem;
  font-weight: 700;
  line-height: 0.24rem;
  letter-spacing: 0.02rem; }

.about-sidebar {
  position: fixed;
  top: 3.62rem;
  right: 0.12rem;
  z-index: 999;
  width: 0.98rem;
  height: 3.68rem;
  overflow: hidden;
  border: 0.01rem solid rgba(0, 184, 219, 0.1);
  border-radius: 0.14rem;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0.04rem 0.04rem 0.04rem rgba(0, 0, 0, 0.25), inset 0.02rem 0.02rem 0.04rem rgba(43, 127, 255, 0.05); }
  .about-sidebar a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 0.92rem;
    border-bottom: 0.01rem solid #0c3044;
    box-shadow: 0.04rem 0.04rem 0.04rem rgba(0, 0, 0, 0.25);
    color: #d1d5dc;
    font-size: 0.16rem;
    line-height: 0.24rem; }
    .about-sidebar a:last-child {
      border-bottom: 0; }
  .about-sidebar img {
    width: 0.24rem;
    height: 0.24rem;
    margin-bottom: 0.07rem;
    object-fit: contain; }

.about-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 9.34rem;
  padding-top: 1.74rem;
  background: url("../images/banner-video 1.png") center top/cover no-repeat; }

.about-hero-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 21, 40, 0.68); }

.about-hero-certs {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  width: 4.67rem;
  height: 0.78rem;
  margin-right: 11.95rem; }
  .about-hero-certs img {
    width: 0.6rem;
    height: 0.6rem;
    object-fit: contain;
    opacity: 0.78; }

.about-hero-copy {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.42rem;
  text-align: center;
  text-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.35); }
  .about-hero-copy h1 {
    color: #0EA4E7;
    font-size: 1.12rem;
    font-weight: 700; }
  .about-hero-copy h2 {
    margin-top: 0.28rem;
    color: #d1d5dc;
    font-size: 0.96rem;
    font-weight: 700;
    line-height: 0.9rem;
    letter-spacing: 0.01rem; }
  .about-hero-copy p {
    margin-top: 0.42rem;
    color: #d1d5dc;
    font-size: 0.32rem;
    font-weight: 700;
    line-height: 0.24rem;
    letter-spacing: 0.01rem; }

.about-hero-tags {
  display: flex;
  align-items: flex-end;
  gap: 0.28rem;
  margin-top: 0.39rem;
  filter: drop-shadow(0 0.04rem 0.02rem rgba(0, 0, 0, 0.25)); }
  .about-hero-tags span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.42rem;
    padding: 0.01rem 0.17rem;
    border: 0.01rem solid rgba(0, 184, 219, 0.2);
    border-radius: 0.1rem;
    background: rgba(255, 255, 255, 0.05);
    color: #d1d5dc;
    font-size: 0.2rem;
    line-height: 0.2rem;
    letter-spacing: 0.02rem; }
  .about-hero-tags em {
    margin-right: 0.08rem;
    color: #fff;
    font-family: Inter, Arial, sans-serif;
    font-size: 0.2rem;
    font-style: normal;
    line-height: 0.28rem; }
  .about-hero-tags img {
    width: 0.24rem;
    height: 0.24rem;
    margin-right: 0.08rem;
    object-fit: contain; }

.about-stats {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.66rem;
  width: 16.6rem;
  height: 2rem;
  left: 50%;
  transform: translateX(-50%);
  bottom: -.8rem;
  border: 0.01rem solid rgba(0, 184, 219, 0.2);
  border-radius: 0.16rem;
  background: linear-gradient(180deg, #001a33 0%, #002244 100%);
  box-shadow: 0 0.04rem 0.04rem rgba(0, 0, 0, 0.25); }
  .about-stats div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 1rem;
    gap: 0.25rem; }
  .about-stats strong {
    color: #0EA4E7;
    font-size: 0.4rem;
    font-weight: 700;
    line-height: 0.4rem; }
  .about-stats div:first-child strong {
    font-size: 0.48rem; }
  .about-stats span {
    color: #d1d5dc;
    font-size: 0.2rem;
    line-height: 0.2rem;
    letter-spacing: 0.02rem; }

.about-company {
  height: 12.63rem;
  padding-top: 1.73rem;
  background: linear-gradient(180deg, #001a33 0%, #001c36 20%, #001d3a 40%, #001f3d 60%, #002041 80%, #002244 100%); }

.about-company-intro {
  display: flex;
  gap: 0.4rem;
  width: 16.62rem;
  margin: 0 auto; }

.about-office {
  flex: 0 0 8.11rem;
  width: 8.11rem;
  height: 7.04rem;
  overflow: hidden;
  border: 0.01rem solid rgba(25, 60, 184, 0.3);
  border-radius: 0.16rem;
  box-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.5); }
  .about-office img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.about-intro-text {
  width: 8rem;
  padding-top: 0.07rem; }
  .about-intro-text h2 {
    height: 0.83rem;
    border-bottom: 0.01rem solid rgba(0, 184, 219, 0.2);
    color: #d1d5dc;
    font-size: 0.4rem;
    font-weight: 700;
    line-height: 0.9rem;
    letter-spacing: 0.02rem;
    text-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.5); }

.about-intro-copy {
  width: 8rem;
  margin-top: 0.15rem;
  color: #d1d5dc;
  font-size: 0.18rem;
  line-height: 0.32rem;
  text-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.5); }
  .about-intro-copy p {
    margin-bottom: 0.28rem; }
  .about-intro-copy strong {
    color: #fff;
    font-weight: 700; }

.about-advantages {
  display: grid;
  grid-template-columns: 4.42rem 4rem 4rem 4rem;
  align-items: center;
  gap: 0.42rem;
  width: 17.9rem;
  height: 1.86rem;
  margin: 0.4rem auto 0;
  padding: 0.46rem 0.21rem 0.46rem 0.76rem;
  overflow: hidden; }

.about-advantage {
  display: flex;
  align-items: center;
  width: 100%;
  height: 0.94rem;
  border-right: 0.02rem solid rgba(0, 184, 219, 0.2); }
  .about-advantage:last-child {
    border-right: 0; }
  .about-advantage:nth-child(2) img {
    width: 1.58rem; }
  .about-advantage:nth-child(3) img {
    width: 1.2rem; }
  .about-advantage:nth-child(4) img {
    width: .78rem; }
  .about-advantage img {
    flex: 0 0 auto;
    width: .96rem; }
  .about-advantage div {
    width: 2.5rem;
    margin-left: 0.28rem; }
  .about-advantage h3 {
    color: #0EA4E7;
    font-size: 0.3rem;
    font-weight: 700;
    line-height: 0.36rem;
    letter-spacing: 0.01rem; }
  .about-advantage p {
    margin-top: 0.12rem;
    color: #d1d5dc;
    font-size: 0.18rem;
    line-height: 0.28rem; }

.about-manifesto {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.4rem;
  margin-top: 0.28rem;
  border-bottom: 0.01rem solid rgba(0, 184, 219, 0.2);
  background: linear-gradient(180deg, #002244 0%, #002041 20%, #001f3d 40%, #001d3a 60%, #001c36 80%, #001a33 100%); }
  .about-manifesto p {
    color: #d1d5dc;
    font-size: 0.4rem;
    font-weight: 700;
    line-height: 0.36rem;
    letter-spacing: 0.024rem;
    text-align: center;
    text-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.5); }

.about-factory {
  height: 11.57rem;
  padding-top: 0.54rem;
  background: linear-gradient(180deg, #001a33 0%, #001c36 20%, #001d3a 40%, #001f3d 60%, #002041 80%, #002244 100%); }

.about-section-title {
  width: 15rem;
  margin: 0 auto;
  text-align: center; }
  .about-section-title h2 {
    color: #fff;
    font-size: 0.48rem;
    font-weight: 700;
    line-height: 0.63rem; }
  .about-section-title p {
    margin-top: 0.23rem;
    color: #d1d5dc;
    font-size: 0.18rem;
    line-height: 0.28rem; }

.about-factory-visual {
  position: relative;
  width: 100%;
  height: 8.24rem;
  margin-top: 0.51rem;
  overflow: hidden; }
  .about-factory-visual > img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.about-factory-mark {
  position: absolute;
  top: 1.86rem;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  color: #f5ffff;
  font-family: Georgia, "Microsoft YaHei", serif;
  font-size: 1.42rem;
  font-weight: 700;
  line-height: 1.46rem;
  letter-spacing: 0.04rem;
  text-shadow: 0.04rem 0.04rem 0 #31545f, 0.08rem 0.08rem 0.08rem rgba(0, 0, 0, 0.65); }

.about-qualification {
  position: relative;
  background: linear-gradient(180deg, #001a33 0%, #001c36 20%, #001d3a 40%, #001f3d 60%, #002041 80%, #002244 100%);
  padding: .6rem 0; }

.about-qualification::before {
  position: absolute;
  top: 1.87rem;
  left: 0;
  width: 100%;
  height: 1.86rem;
  opacity: 0.3;
  background: linear-gradient(180deg, rgba(173, 70, 255, 0.01) 0%, rgba(43, 127, 255, 0.02) 16%, rgba(0, 25, 48, 0.2) 100%);
  box-shadow: inset 0 0.04rem 0.04rem rgba(0, 0, 0, 0.25);
  content: ""; }

.about-cert-logo-wall {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 16.6rem;
  height: 1.67rem;
  margin: 0.57rem auto 0; }
  .about-cert-logo-wall img {
    width: 1.33rem;
    height: 1.33rem;
    object-fit: contain;
    opacity: 0.85; }
  .about-cert-logo-wall img:nth-child(3) {
    width: 1.3rem;
    height: 1.3rem; }

.about-certificate-grid {
  display: grid;
  grid-template-columns: repeat(3, 4.5rem);
  gap: 0.86rem 1.05rem;
  width: 15.6rem;
  margin: 0.72rem auto 0; }

.about-certificate-card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.5rem;
  height: 6.36rem;
  padding: 0.1rem 0.08rem;
  overflow: hidden;
  border: 0.005rem solid rgba(0, 184, 219, 0.2);
  background: radial-gradient(150% 150% at 50% 50%, #0b60af 0%, #025899 39%, #044678 53%, #053457 66%, #012743 95%);
  box-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.5);
  transform: translateY(0);
  transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease, background 0.35s ease; }
  .about-certificate-card::before {
    position: absolute;
    top: 0;
    left: -120%;
    z-index: 0;
    width: 60%;
    height: 100%;
    background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.12), transparent);
    transform: skewX(-18deg);
    transition: left 0.8s ease;
    pointer-events: none;
    content: ""; }
  .about-certificate-card::after {
    position: absolute;
    inset: -0.24rem;
    z-index: 0;
    background: radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.38) 0%, rgba(0, 211, 243, 0.14) 24%, transparent 48%), radial-gradient(circle at 50% 88%, rgba(0, 184, 219, 0.2) 0%, transparent 46%), linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, transparent 38%, rgba(0, 0, 0, 0.18) 100%);
    opacity: 0;
    transform: scale(0.96);
    transition: opacity 0.35s ease, transform 0.45s ease;
    pointer-events: none;
    content: ""; }
  .about-certificate-card:hover {
    border-color: rgba(0, 211, 243, 0.65);
    background: radial-gradient(150% 150% at 50% 50%, #0d74d1 0%, #0264ad 39%, #075185 55%, #053b63 70%, #012743 95%);
    box-shadow: 0 0.24rem 0.42rem rgba(0, 0, 0, 0.48), 0 0 0.34rem rgba(0, 184, 219, 0.42), inset 0 0 0.24rem rgba(255, 255, 255, 0.14);
    transform: translateY(-0.08rem); }
  .about-certificate-card:hover::before {
    left: 130%; }
  .about-certificate-card:hover::after {
    opacity: 1;
    transform: scale(1); }
  .about-certificate-card > span {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.24rem;
    height: 5.98rem;
    padding: 0.04rem;
    border: 0.01rem dashed #d1d5dc;
    transition: border-color 0.35s ease, box-shadow 0.35s ease; }
  .about-certificate-card:hover > span {
    border-color: rgba(255, 255, 255, 0.9);
    box-shadow: inset 0 0 0.18rem rgba(255, 255, 255, 0.14); }
  .about-certificate-card i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.1rem;
    height: 5.86rem;
    padding: 0.03rem;
    border: 0.005rem solid #d1d5dc;
    font-style: normal;
    transition: border-color 0.35s ease; }
  .about-certificate-card:hover i {
    border-color: rgba(0, 211, 243, 0.75); }
  .about-certificate-card em {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.04rem;
    height: 5.8rem;
    padding: 0.02rem;
    border: 0.005rem dashed #d1d5dc;
    font-style: normal;
    overflow: hidden;
    transition: border-color 0.35s ease; }
  .about-certificate-card:hover em {
    border-color: rgba(255, 255, 255, 0.9); }
  .about-certificate-card img {
    width: 4rem;
    height: 5.72rem;
    object-fit: cover;
    transition: transform 0.45s ease, filter 0.35s ease; }
  .about-certificate-card:hover img {
    filter: saturate(1.14) brightness(1.1) contrast(1.04);
    transform: scale(1.035); }

.about-certificate-card img {
  cursor: zoom-in; }

.certificate-modal-open {
  overflow: hidden; }

.about-certificate-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.48rem;
  background: rgba(0, 8, 18, 0.78);
  backdrop-filter: blur(0.08rem);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.28s ease, visibility 0.28s ease; }

.about-certificate-modal.is-open {
  opacity: 1;
  visibility: visible; }

.about-certificate-modal-panel {
  position: relative;
  max-width: min(8.8rem, 92vw);
  max-height: 88vh;
  padding: 0.12rem;
  border: 0.01rem solid rgba(0, 211, 243, 0.55);
  background: linear-gradient(180deg, rgba(1, 39, 67, 0.96), rgba(0, 13, 26, 0.96));
  box-shadow: 0 0.34rem 0.8rem rgba(0, 0, 0, 0.58), 0 0 0.38rem rgba(0, 184, 219, 0.28);
  transform: scale(0.94);
  transition: transform 0.28s ease; }

.about-certificate-modal.is-open .about-certificate-modal-panel {
  transform: scale(1); }

.about-certificate-modal-panel::before {
  position: absolute;
  inset: 0;
  border: 0.01rem solid rgba(255, 255, 255, 0.18);
  pointer-events: none;
  content: ""; }

.about-certificate-modal-image {
  display: block;
  max-width: calc(92vw - 0.24rem);
  max-height: calc(88vh - 0.24rem);
  object-fit: contain; }

.about-certificate-modal-close {
  position: absolute;
  top: -0.18rem;
  right: -0.18rem;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.46rem;
  height: 0.46rem;
  border: 0.01rem solid rgba(0, 211, 243, 0.65);
  border-radius: 50%;
  background: #001a33;
  box-shadow: 0 0.08rem 0.18rem rgba(0, 0, 0, 0.4), 0 0 0.18rem rgba(0, 184, 219, 0.28);
  color: #fff;
  font-size: 0.32rem;
  line-height: 1;
  cursor: pointer; }

.about-certificate-modal-close:hover {
  background: #003763; }

.about-partners {
  height: 6.74rem;
  border: 0.01rem solid rgba(0, 184, 219, 0.2);
  background: linear-gradient(180deg, #001a33 0%, #001c36 20%, #001d3a 40%, #001f3d 60%, #002041 80%, #002244 100%);
  box-shadow: 0 0.04rem 0.04rem rgba(0, 0, 0, 0.25); }

.about-partner-invite {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 14.92rem;
  height: 1.73rem;
  margin: 0.63rem auto 0;
  padding-bottom: 0.23rem;
  border-bottom: 0.01rem dashed rgba(0, 184, 219, 0.2); }

.about-partner-title {
  width: 5.93rem;
  text-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.5); }
  .about-partner-title h2 {
    color: #0EA4E7;
    font-size: 0.48rem;
    font-weight: 700;
    line-height: 0.9rem;
    letter-spacing: 0.01rem; }
  .about-partner-title p {
    color: #d1d5dc;
    font-size: 0.3rem;
    font-weight: 700;
    line-height: 0.36rem;
    letter-spacing: 0.01rem; }

.about-partner-form {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  width: 6.4rem; }
  .about-partner-form input,
  .about-partner-form button {
    width: 2rem;
    height: 0.6rem;
    border-radius: 0.1rem;
    font-family: "Microsoft YaHei", Arial, sans-serif; }
  .about-partner-form input {
    padding: 0 0.16rem;
    border: 0.01rem solid rgba(25, 60, 184, 0.3);
    outline: none;
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0.02rem 0.02rem 0.05rem rgba(0, 0, 0, 0.5);
    color: #d1d5dc;
    font-size: 0.16rem; }
  .about-partner-form input::placeholder {
    color: #d1d5dc;
    opacity: 1; }
  .about-partner-form button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.18rem;
    border: 0.01rem solid rgba(0, 184, 219, 0.4);
    background: rgba(0, 184, 219, 0.2);
    box-shadow: 0 0.1rem 0.15rem rgba(0, 184, 219, 0.3), 0 0.04rem 0.06rem rgba(0, 184, 219, 0.3);
    color: #fff;
    font-size: 0.18rem;
    font-weight: 700;
    line-height: 0.24rem;
    letter-spacing: 0.02rem;
    cursor: pointer; }
    .about-partner-form button img {
      width: 0.19rem;
      height: 0.19rem;
      object-fit: contain; }

.about-partner-logos {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box; }
  .about-partner-logos img {
    flex: 0 0 auto;
    object-fit: contain;
    filter: drop-shadow(0.04rem 0.05rem 0.04rem rgba(0, 0, 0, 0.25)); }

.about-partner-track {
  display: flex;
  align-items: center;
  width: max-content;
  will-change: transform; }

.about-partner-logo-group {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: var(--partner-logo-gap);
  padding-right: var(--partner-logo-gap); }

.about-partner-logos-top {
  --partner-logo-gap: 1.57rem;
  height: 1.67rem;
  margin-top: 0.4rem; }
  .about-partner-logos-top .about-partner-track {
    animation: aboutPartnerScrollLeft 24s linear infinite; }
  .about-partner-logos-top img {
    width: 1.5rem;
    max-height: 1rem; }

.about-partner-logos-bottom {
  --partner-logo-gap: 0.82rem;
  height: 1.59rem;
  margin-top: -0.11rem;
  padding: 0 0.36rem 0 0.44rem; }
  .about-partner-logos-bottom .about-partner-track {
    animation: aboutPartnerScrollRight 29s linear infinite; }
  .about-partner-logos-bottom img {
    width: 1.5rem;
    max-height: 1rem; }

.about-footer {
  height: 4.37rem;
  border-top: 0.01rem solid rgba(0, 184, 219, 0.2);
  background: #000d1a; }

.about-footer-inner {
  width: 16.96rem;
  height: 4.36rem;
  margin: 0 auto;
  padding: 0.64rem 0.32rem 0; }

.about-footer-main {
  display: flex;
  align-items: flex-start;
  width: 16.34rem;
  height: 2.56rem; }

.about-footer-brand {
  width: 7.16rem; }

.about-footer-logo {
  display: flex;
  align-items: flex-start;
  height: 0.57rem; }
  .about-footer-logo img {
    width: 0.9rem;
    height: 0.51rem;
    object-fit: contain; }
  .about-footer-logo div {
    margin: -0.07rem 0 0 0.25rem; }
  .about-footer-logo h3 {
    color: #fff;
    font-size: 0.18rem;
    font-weight: 700;
    line-height: 0.24rem;
    letter-spacing: 0.01rem; }
  .about-footer-logo p {
    margin-top: 0.05rem;
    color: #00b8d8;
    font-size: 0.14rem;
    line-height: 0.2rem;
    letter-spacing: 0.01rem; }

.about-footer-intro {
  width: 5.28rem;
  max-height: 1.04rem;
  margin-top: 0.15rem;
  overflow: hidden;
  color: #99a1af;
  font-size: 0.14rem;
  line-height: 0.2rem;
  letter-spacing: 0.01rem; }

.about-footer-column {
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  width: 1.6rem;
  margin: -0.14rem 0 0 1.01rem; }
  .about-footer-column h4 {
    margin-bottom: 0.08rem;
    color: #fff;
    font-size: 0.18rem;
    font-weight: 700;
    line-height: 0.24rem;
    letter-spacing: 0.01rem; }
  .about-footer-column a {
    color: #99a1af;
    font-size: 0.14rem;
    line-height: 0.2rem;
    letter-spacing: 0.01rem; }

.about-footer-services {
  width: 1.82rem; }

.about-footer-contact {
  width: 2.8rem;
  margin: -0.14rem 0 0 0.58rem; }
  .about-footer-contact h4 {
    margin-bottom: 0.16rem;
    color: #fff;
    font-size: 0.18rem;
    font-weight: 700;
    line-height: 0.24rem;
    letter-spacing: 0.01rem; }
  .about-footer-contact > div {
    display: flex;
    align-items: flex-start;
    gap: 0.08rem;
    height: 0.4rem;
    margin-bottom: 0.12rem; }
  .about-footer-contact img {
    width: 0.16rem;
    height: 0.16rem;
    margin-top: 0.02rem;
    object-fit: contain; }
  .about-footer-contact span,
  .about-footer-contact strong {
    display: block;
    font-size: 0.14rem;
    font-weight: 400;
    line-height: 0.2rem;
    letter-spacing: 0.01rem; }
  .about-footer-contact span {
    color: #99a1af; }
  .about-footer-contact strong {
    color: #fff; }

.about-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 16.28rem;
  height: 0.77rem;
  margin-top: 0.12rem;
  padding-top: 0.33rem;
  border-top: 0.01rem solid rgba(0, 184, 219, 0.2); }
  .about-footer-bottom p {
    color: #99a1af;
    font-size: 0.14rem;
    line-height: 0.2rem;
    letter-spacing: 0.01rem; }

.about-footer-badges {
  display: flex;
  align-items: center;
  gap: 0.08rem; }
  .about-footer-badges span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.3rem;
    padding: 0 0.12rem;
    border: 0.01rem solid rgba(0, 184, 219, 0.2);
    border-radius: 0.04rem;
    background: rgba(0, 184, 219, 0.1);
    color: #99a1af;
    font-size: 0.14rem;
    line-height: 0.2rem; }

.product1-page {
  width: 100%;
  min-width: 100%;
  overflow-x: hidden;
  background: #001a33;
  color: #d1d5dc; }
  .product1-page a {
    color: inherit; }
  .product1-page img {
    display: block; }
  .product1-page .pcb-nav-links > a:not(.pcb-register).active::after {
    width: .66rem;
    margin-left: -.66rem; }

.product1-section-title {
  width: 16.6rem;
  margin: 0 auto;
  text-align: center; }
  .product1-section-title h2 {
    color: #d1d5dc;
    font-size: .48rem;
    font-weight: 700;
    line-height: .63rem; }
  .product1-section-title p {
    margin-top: .24rem;
    color: #d1d5dc;
    font-size: .18rem;
    line-height: .28rem;
    text-align: center; }

.product1-banner {
  position: relative;
  height: 5.5rem;
  margin-top: 0;
  overflow: hidden;
  background: #001c36; }
  .product1-banner > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .2; }

.product1-banner-copy {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 1.45rem;
  text-align: center;
  text-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.5); }
  .product1-banner-copy h1 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.52rem;
    margin: 0;
    color: transparent;
    font-weight: 700;
    line-height: .9rem; }
  .product1-banner-copy span,
  .product1-banner-copy em,
  .product1-banner-copy strong {
    display: block;
    color: #0EA4E7;
    font-style: normal; }
  .product1-banner-copy span {
    font-size: 1.48rem;
    line-height: 1.31rem;
    letter-spacing: 0; }
  .product1-banner-copy em {
    margin-left: .08rem;
    font-size: .48rem;
    line-height: .62rem;
    text-align: left; }
  .product1-banner-copy strong {
    margin-left: .23rem;
    font-size: .96rem;
    line-height: .9rem;
    letter-spacing: .02rem; }
  .product1-banner-copy p {
    margin-top: .13rem;
    color: #d1d5dc;
    font-size: .28rem;
    line-height: .9rem;
    letter-spacing: .01rem; }

.product1-banner-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .19rem;
  margin-top: -.11rem; }
  .product1-banner-actions a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: .58rem;
    border-radius: .1rem;
    color: #fff;
    font-size: .18rem;
    font-weight: 700;
    line-height: .24rem;
    letter-spacing: .02rem;
    white-space: nowrap; }
    .product1-banner-actions a:first-child {
      gap: .09rem;
      min-width: 1.84rem;
      padding: 0 .24rem;
      background: linear-gradient(104deg, #00b8db 0%, #155dfc 95.39%);
      box-shadow: 0.02rem 0.02rem 0.05rem rgba(0, 0, 0, 0.5); }
    .product1-banner-actions a:last-child {
      min-width: 1.84rem;
      padding: 0 .24rem;
      border: .02rem solid #fff;
      box-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.5); }
    .product1-banner-actions a img {
      width: .2rem;
      height: .2rem;
      object-fit: contain; }

.product1-services,
.product1-medical,
.product1-products {
  background: linear-gradient(180deg, #001a33 0%, #001c36 20%, #001d3a 40%, #001f3d 60%, #002041 80%, #002244 100%); }

.product1-services {
  height: 18.21rem;
  padding-top: .88rem; }

.product1-service-cards {
  display: flex;
  justify-content: center;
  gap: .38rem;
  width: 16.6rem;
  margin: .76rem auto 0; }

.service-card {
  position: relative;
  flex: 0 0 5.28rem;
  width: 5.28rem;
  height: 5.32rem;
  padding: .85rem .38rem 0;
  overflow: hidden;
  border: 0.01rem solid rgba(0, 184, 219, 0.2);
  border-radius: .16rem;
  background: linear-gradient(135deg, #002244 0%, #002041 20%, #001f3d 40%, #001d3a 60%, #001c36 80%, #001a33 100%);
  box-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.5); }
  .service-card:nth-child(3) {
    background: linear-gradient(135deg, rgba(204, 229, 255, 0.1) 0%, rgba(89, 165, 243, 0.1) 20%, rgba(13, 136, 255, 0.1) 40%, rgba(3, 91, 179, 0.1) 60%, rgba(8, 72, 132, 0.1) 80%, rgba(3, 50, 96, 0.5) 100%); }
  .service-card ul {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: .12rem;
    width: 4.08rem;
    margin-top: .45rem; }
  .service-card li {
    position: relative;
    padding-left: .18rem;
    color: #d1d5dc;
    font-size: .16rem;
    line-height: .2rem;
    letter-spacing: .01rem; }
    .service-card li::before {
      position: absolute;
      left: 0;
      top: .07rem;
      width: .06rem;
      height: .06rem;
      border-radius: 50%;
      background: #d1d5dc;
      content: ""; }
  .service-card > a {
    position: absolute;
    left: 1.22rem;
    top: 4.4rem;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.88rem;
    height: .48rem;
    border-radius: .1rem;
    background: linear-gradient(116deg, #00b8db 0%, #155dfc 95.39%);
    box-shadow: 0.02rem 0.02rem 0.05rem rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: .18rem;
    font-weight: 700;
    line-height: .24rem;
    letter-spacing: .02rem; }

.service-badge {
  position: absolute;
  top: .3rem;
  right: .28rem;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  height: .26rem;
  padding: 0 .13rem;
  border: 0.01rem solid rgba(0, 211, 243, 0.5);
  border-radius: 99rem;
  background: rgba(0, 211, 243, 0.2);
  color: #fff;
  font-size: .12rem;
  line-height: .16rem; }

.service-head {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center; }
  .service-head > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .8rem;
    height: .8rem;
    border-radius: .16rem;
    background: linear-gradient(135deg, #2b7fff 0%, #025899 100%); }
  .service-head img {
    width: .4rem;
    height: .4rem;
    object-fit: contain; }
  .service-head div {
    margin-left: .3rem; }
  .service-head h3 {
    color: #d1d5dc;
    font-size: .3rem;
    font-weight: 700;
    line-height: .36rem;
    letter-spacing: .01rem; }
  .service-head p {
    margin-top: .16rem;
    color: #00b8d8;
    font-size: .18rem;
    line-height: .28rem;
    letter-spacing: .02rem; }

.service-card:nth-child(2) .service-head > span {
  background: linear-gradient(135deg, #025899 0%, #ad46ff 100%); }

.service-card:nth-child(3) .service-head > span {
  background: linear-gradient(135deg, #e60076 0%, #ad46ff 100%); }

.service-img {
  position: absolute;
  z-index: 1;
  pointer-events: none; }

.service-img-pcba {
  left: -.95rem;
  top: 3.77rem;
  width: 7.34rem;
  height: 2.6rem;
  object-fit: contain;
  opacity: .5; }

.service-img-pcb {
  left: -.53rem;
  top: .83rem;
  width: 8.86rem;
  height: 5.94rem;
  object-fit: contain;
  opacity: .5;
  transform: rotate(9.94deg); }

.service-img-smt {
  left: 0;
  top: 3.51rem;
  width: 5.28rem;
  height: 1.81rem;
  object-fit: cover;
  opacity: .5; }

.product1-feature-case {
  width: 17.25rem;
  margin: .79rem auto 0; }
  .product1-feature-case .product1-section-title {
    width: 12.96rem; }

.feature-case-title,
.product1-list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: .01rem solid #ad46ff; }

.feature-case-title {
  width: 17.16rem;
  height: .66rem;
  margin: .61rem 0 0 .09rem; }
  .feature-case-title h3 {
    color: #fff;
    font-size: .3rem;
    font-weight: 700;
    line-height: .36rem;
    letter-spacing: .01rem; }

.feature-case-list {
  display: flex;
  gap: .08rem;
  margin-top: .19rem; }
  .feature-case-list article {
    display: flex;
    width: 8.54rem;
    height: 5.51rem;
    border-radius: .16rem; }

.feature-case-gallery {
  position: relative;
  flex: 0 0 4.05rem;
  width: 4.05rem;
  height: 5.14rem; }
  .feature-case-gallery .main {
    width: 3.61rem;
    height: 4.02rem;
    border-radius: .16rem;
    object-fit: cover; }
  .feature-case-gallery .sub {
    position: absolute;
    right: 0;
    bottom: .02rem;
    width: 2.15rem;
    height: 1.76rem;
    border-radius: .16rem;
    object-fit: cover; }

.feature-case-copy {
  flex: 1;
  width: 4.36rem;
  padding: .4rem .4rem 0 .4rem; }
  .feature-case-copy h4 {
    color: #d1d5dc;
    font-size: .24rem;
    font-weight: 700;
    line-height: .32rem;
    letter-spacing: .01rem; }
  .feature-case-copy div {
    margin-top: .22rem; }
  .feature-case-copy strong {
    display: block;
    color: #00b8d8;
    font-size: .18rem;
    font-weight: 700;
    line-height: .24rem;
    letter-spacing: .01rem; }
  .feature-case-copy p {
    width: 3.46rem;
    margin-top: .16rem;
    color: #d1d5dc;
    font-size: .16rem;
    line-height: .2rem;
    letter-spacing: .01rem; }
  .feature-case-copy ul {
    display: flex;
    flex-direction: column;
    gap: .12rem;
    margin-top: .16rem; }
  .feature-case-copy li {
    position: relative;
    padding-left: .32rem;
    color: #d1d5dc;
    font-size: .14rem;
    line-height: .2rem;
    letter-spacing: .01rem; }
    .feature-case-copy li::before {
      position: absolute;
      left: 0;
      top: 0;
      width: .2rem;
      height: .2rem;
      background: url("../images/product1-figma/case-process.svg") center/contain no-repeat;
      content: ""; }
  .feature-case-copy a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.55rem;
    height: .52rem;
    margin-top: .28rem;
    border-radius: .1rem;
    background: linear-gradient(118deg, #00b8db 0%, #155dfc 95.39%);
    box-shadow: 0.02rem 0.02rem 0.05rem rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: .18rem;
    font-weight: 700;
    letter-spacing: .02rem; }

.product1-medical {
  padding-top: .02rem; }

.product1-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .84rem;
  height: 1.54rem; }
  .product1-tabs a {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: .8rem;
    border: 0.01rem solid rgba(255, 255, 255, 0);
    border-radius: .07rem;
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0.02rem 0.02rem 0.05rem rgba(0, 0, 0, 0.5);
    color: #d1d5dc;
    font-size: .28rem;
    padding-top: .18rem;
    box-sizing: border-box;
    font-weight: 700;
    line-height: .24rem; }
    .product1-tabs a.active {
      color: #0EA4E7; }
    .product1-tabs a img {
      width: 1.53rem;
      height: .24rem; }

.product1-medical > .product1-section-title {
  width: 16.6rem;
  margin-top: .43rem; }

.product1-list-head {
  width: 17.16rem;
  height: .66rem;
  margin: .35rem auto 0; }
  .product1-list-head h3 {
    color: #fff;
    font-size: .3rem;
    font-weight: 700;
    line-height: .36rem;
    letter-spacing: .01rem; }
  .product1-list-head a {
    display: flex;
    align-items: center;
    color: #99a1af;
    font-size: .2rem;
    line-height: .2rem;
    letter-spacing: .02rem; }
    .product1-list-head a img {
      width: .2rem;
      height: .2rem;
      margin-left: .09rem; }

.product1-medical-grid {
  display: grid;
  grid-template-columns: repeat(4, 4rem);
  gap: .45rem .4rem;
  width: 17.2rem;
  margin: .22rem auto 0; }
  .product1-medical-grid article {
    width: 4rem;
    height: 6.1rem;
    overflow: hidden;
    border: 0.01rem solid rgba(0, 184, 219, 0.2);
    border-radius: .16rem;
    background: rgba(255, 255, 255, 0.03);
    box-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.5); }

.medical-gallery {
  display: grid;
  grid-template-columns: repeat(4, 0.8rem);
  gap: .12rem .1rem;
  width: 3.5rem;
  height: 2.28rem;
  margin: .21rem auto 0; }
  .medical-gallery img {
    width: .8rem;
    height: .6rem;
    border-radius: .05rem;
    object-fit: cover; }
  .medical-gallery .medical-main {
    grid-column: 1 / -1;
    width: 3.5rem;
    height: 1.6rem;
    border-radius: .16rem; }

.medical-copy {
  width: 3.51rem;
  height: 3.14rem;
  margin: .42rem auto 0; }
  .medical-copy h4 {
    height: .37rem;
    border-bottom: 0.01rem solid rgba(0, 184, 219, 0.1);
    color: #d1d5dc;
    font-size: .24rem;
    font-weight: 700;
    line-height: .32rem;
    letter-spacing: .01rem; }
  .medical-copy p {
    color: #d1d5dc;
    font-size: .14rem;
    line-height: .28rem;
    letter-spacing: .01rem; }
  .medical-copy strong {
    display: block;
    margin-top: .1rem;
    color: #00b8d8;
    font-size: .18rem;
    font-weight: 700;
    line-height: .24rem;
    letter-spacing: .01rem; }
  .medical-copy span {
    display: flex;
    align-items: center;
    margin-top: .09rem;
    color: #d1d5dc;
    font-size: .14rem;
    line-height: .2rem;
    letter-spacing: .01rem; }
    .medical-copy span img {
      width: .2rem;
      height: .2rem;
      margin-right: .15rem; }

.product1-actions {
  display: flex;
  justify-content: center;
  gap: .2rem;
  margin-top: .58rem; }
  .product1-actions a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: .58rem;
    border-radius: .1rem;
    color: #fff;
    font-size: .18rem;
    font-weight: 700;
    line-height: .24rem;
    letter-spacing: .02rem;
    text-align: center; }
    .product1-actions a:first-child {
      width: 1.84rem;
      border: .02rem solid #fff;
      box-shadow: 0.02rem 0.02rem 0.1rem rgba(0, 0, 0, 0.5); }
    .product1-actions a:last-child {
      gap: .1rem;
      width: 1.96rem;
      background: linear-gradient(105deg, #00b8db 0%, #155dfc 95.39%);
      box-shadow: 0.02rem 0.02rem 0.05rem rgba(0, 0, 0, 0.5); }
    .product1-actions a img {
      width: .2rem;
      height: .2rem; }

.product1-products {
  padding-top: .74rem;
  padding-bottom: 1.24rem; }
  .product1-products .product1-tabs {
    margin-top: .41rem; }
  .product1-products .product1-list-head {
    width: 16.6rem;
    margin-top: .41rem; }

.product1-products-desc {
  width: 16.72rem;
  margin: .36rem auto 0;
  color: #d1d5dc;
  font-size: .18rem;
  line-height: .28rem;
  font-family: "Microsoft YaHei", Arial, sans-serif; }

.product1-product-grid {
  display: grid;
  grid-template-columns: repeat(4, 4rem);
  gap: .25rem;
  width: 16.75rem;
  margin: .67rem auto 0; }
  .product1-product-grid article {
    width: 4rem;
    height: 3.5rem;
    overflow: hidden;
    border-radius: .2rem;
    background: rgba(0, 184, 219, 0.1); }
  .product1-product-grid > article > img {
    width: 4rem;
    height: 2rem;
    object-fit: contain;
    object-position: center;
    background: rgba(0, 184, 219, 0.1); }
  .product1-product-grid > article > div {
    height: 1.5rem;
    padding: .09rem .19rem 0 .21rem;
    background: #d1d5dc;
    color: #001a33; }
  .product1-product-grid h4 {
    height: .39rem;
    border-bottom: .01rem solid #99a1af;
    font-size: .24rem;
    font-weight: 700;
    line-height: .32rem;
    letter-spacing: .01rem; }
  .product1-product-grid p {
    display: grid;
    grid-template-columns: 1.41rem 1.92rem;
    column-gap: .29rem;
    row-gap: .06rem;
    margin-top: .07rem; }
  .product1-product-grid span {
    color: #6a7282;
    font-size: .16rem;
    line-height: .2rem;
    letter-spacing: .01rem; }

.product1-value {
  background: #001a33; }

/* PCBA hover motion */
.pcb-page {
  --pcb-hover-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --pcb-hover-fast: 0.28s;
  --pcb-hover-normal: 0.52s; }

.pcb-page .header .link > ul > li > a,
.pcb-page .header .link .online,
.pcb-page .pcb-side a,
.pcb-page .pcb-quote-card,
.pcb-page .pcb-quote-card .pcb-upload-box,
.pcb-page .pcb-quote-card .pcb-formats span,
.pcb-page .pcb-hero-copy .pcb-cert-wall img,
.pcb-page .pcb-hero-copy .pcb-hero-tags span,
.pcb-page .pcb-service-card,
.pcb-page .pcb-craft-grid > div,
.pcb-page .pcb-guarantee article,
.pcb-page .pcb-equipment-row article,
.pcb-page .pcb-product-tabs a,
.pcb-page .pcb-product-intro a,
.pcb-page .pcb-product-grid article,
.pcb-page .pcb-product-actions a,
.pcb-page .pcb-value li,
.pcb-page .pcb-footer nav a,
.pcb-page .pcb-footer .pcb-footer-bottom li {
  transition: transform var(--pcb-hover-normal) var(--pcb-hover-ease), border-color var(--pcb-hover-fast) ease, box-shadow var(--pcb-hover-normal) var(--pcb-hover-ease), background var(--pcb-hover-fast) ease, color var(--pcb-hover-fast) ease, opacity var(--pcb-hover-fast) ease, filter var(--pcb-hover-fast) ease; }

.pcb-page .pcb-service-card img,
.pcb-page .pcb-craft-grid img,
.pcb-page .pcb-guarantee article img,
.pcb-page .pcb-equipment-row article img,
.pcb-page .pcb-product-tabs a img,
.pcb-page .pcb-product-intro a img,
.pcb-page .pcb-product-grid article > img,
.pcb-page .pcb-product-actions a img,
.pcb-page .pcb-value li img,
.pcb-page .pcb-side img {
  transition: transform var(--pcb-hover-normal) var(--pcb-hover-ease), opacity var(--pcb-hover-fast) ease, filter var(--pcb-hover-fast) ease; }

.pcb-page .header .link .online,
.pcb-page .pcb-quote-card button,
.pcb-page .pcb-service-large a,
.pcb-page .pcb-product-actions a {
  position: relative;
  overflow: hidden; }

.pcb-page .header .link .online::before,
.pcb-page .pcb-quote-card button::before,
.pcb-page .pcb-service-large a::before,
.pcb-page .pcb-product-actions a::before {
  position: absolute;
  top: -45%;
  left: -80%;
  width: 45%;
  height: 190%;
  background: linear-gradient(105deg, transparent, rgba(255, 255, 255, 0.56), transparent);
  transform: rotate(18deg);
  transition: left 0.72s ease;
  pointer-events: none;
  content: ""; }

.pcb-page .header .link .online:hover::before,
.pcb-page .pcb-quote-card button:hover::before,
.pcb-page .pcb-service-large a:hover::before,
.pcb-page .pcb-product-actions a:hover::before {
  left: 125%; }

.pcb-page .header .link > ul > li > a:hover {
  color: #fff;
  transform: translateY(-0.02rem);
  text-shadow: 0 0 0.16rem rgba(0, 211, 243, 0.28); }

.pcb-page .header .link .online:hover {
  transform: translateY(-0.04rem);
  box-shadow: 0 0.14rem 0.28rem rgba(0, 10, 26, 0.35), 0 0 0.24rem rgba(0, 184, 219, 0.2); }

.pcb-page .pcb-side a:hover {
  color: #fff;
  background: rgba(0, 184, 219, 0.18); }

.pcb-page .pcb-side a:hover img {
  transform: translateY(-0.03rem) scale(1.1);
  filter: drop-shadow(0 0 0.1rem rgba(0, 211, 243, 0.5)); }

.pcb-page .pcb-quote-card:hover {
  border-color: rgba(0, 211, 243, 0.58); }

.pcb-page .pcb-quote-card .pcb-quote-title span,
.pcb-page .pcb-quote-card .pcb-quote-title img,
.pcb-page .pcb-quote-card button img {
  transition: transform var(--pcb-hover-normal) var(--pcb-hover-ease), filter var(--pcb-hover-fast) ease; }

.pcb-page .pcb-quote-card:hover .pcb-quote-title span {
  transform: rotate(-3deg) scale(1.05);
  filter: drop-shadow(0 0 0.16rem rgba(0, 211, 243, 0.44)); }

.pcb-page .pcb-quote-card .pcb-quote-fields input {
  transition: border-color var(--pcb-hover-fast) ease, box-shadow var(--pcb-hover-fast) ease, background var(--pcb-hover-fast) ease; }

.pcb-page .pcb-quote-card .pcb-quote-fields input:hover,
.pcb-page .pcb-quote-card .pcb-quote-fields input:focus {
  border-color: rgba(0, 211, 243, 0.66);
  background: rgba(0, 184, 219, 0.1);
  box-shadow: 0 0 0.15rem rgba(0, 211, 243, 0.16);
  outline: 0; }

.pcb-page .pcb-quote-card .pcb-upload-box:hover {
  border-color: rgba(0, 211, 243, 0.78);
  background: rgba(0, 184, 219, 0.1); }

.pcb-page .pcb-quote-card button:hover,
.pcb-page .pcb-service-large a:hover,
.pcb-page .pcb-product-actions a:hover {
  box-shadow: 0 0.14rem 0.32rem rgba(0, 10, 26, 0.38), 0 0 0.24rem rgba(0, 184, 219, 0.18); }

.pcb-page .pcb-quote-card button:hover img,
.pcb-page .pcb-product-actions a:hover img {
  transform: translateX(0.04rem) scale(1.05); }

.pcb-page .pcb-hero-copy .pcb-cert-wall img:hover {
  opacity: 1;
  transform: translateY(-0.05rem) scale(1.06);
  filter: drop-shadow(0 0 0.16rem rgba(0, 211, 243, 0.36)); }

.pcb-page .pcb-hero-copy .pcb-hero-tags span:hover,
.pcb-page .pcb-value li:hover {
  border-color: rgba(0, 211, 243, 0.56);
  background: rgba(0, 184, 219, 0.18);
  box-shadow: 0 0.12rem 0.28rem rgba(0, 10, 26, 0.28);
  transform: translateY(-0.04rem); }

.pcb-page .pcb-hero-copy .pcb-hero-tags span:hover img,
.pcb-page .pcb-value li:hover img {
  transform: scale(1.1) rotate(-4deg); }

.pcb-page .pcb-service-card::before,
.pcb-page .pcb-product-grid article::before,
.pcb-page .pcb-guarantee article::before {
  position: absolute;
  top: 0;
  left: -120%;
  z-index: 4;
  width: 62%;
  height: 100%;
  background: linear-gradient(105deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  transform: skewX(-18deg);
  transition: left 0.82s ease;
  pointer-events: none;
  content: ""; }

.pcb-page .pcb-service-card:hover::before,
.pcb-page .pcb-product-grid article:hover::before,
.pcb-page .pcb-guarantee article:hover::before {
  left: 135%; }

.pcb-page .pcb-service-card:hover,
.pcb-page .pcb-craft-grid > div:hover,
.pcb-page .pcb-guarantee article:hover,
.pcb-page .pcb-product-grid article:hover {
  border-color: rgba(0, 211, 243, 0.52);
  box-shadow: 0 0.22rem 0.48rem rgba(0, 10, 26, 0.46), 0 0 0.28rem rgba(0, 184, 219, 0.13); }

.pcb-page .pcb-service-card:hover img {
  opacity: 0.95;
  transform: scale(1.045); }

.pcb-page .pcb-service-card:hover .pcb-service-badge {
  border-color: rgba(0, 211, 243, 0.78);
  background: rgba(0, 211, 243, 0.28);
  box-shadow: 0 0 0.16rem rgba(0, 211, 243, 0.2); }

.pcb-page .pcb-craft-grid > div:hover {
  background: linear-gradient(180deg, rgba(0, 34, 68, 0.92) 0%, rgba(0, 26, 51, 0.96) 100%); }

.pcb-page .pcb-craft-grid > div:hover img:not(.dot) {
  filter: drop-shadow(0 0 0.12rem rgba(0, 211, 243, 0.34)); }

.pcb-craft-grid > div img {
  height: .6rem; }

.pcb-page .pcb-craft-grid > div:hover strong {
  color: #fff; }

.pcb-page .pcb-guarantee article {
  position: relative;
  overflow: hidden; }

.pcb-page .pcb-guarantee article:hover img {
  transform: translateY(-0.04rem) scale(1.07);
  filter: drop-shadow(0 0 0.16rem rgba(0, 211, 243, 0.38)); }

.pcb-page .pcb-equipment-row article {
  transition: width var(--pcb-hover-normal) var(--pcb-hover-ease), transform var(--pcb-hover-normal) var(--pcb-hover-ease), border-color var(--pcb-hover-fast) ease, box-shadow var(--pcb-hover-normal) var(--pcb-hover-ease); }

.pcb-page .pcb-equipment-row article:hover {
  border-color: rgba(0, 211, 243, 0.54);
  box-shadow: 0 0.2rem 0.44rem rgba(0, 10, 26, 0.42);
  transform: translateY(-0.04rem); }

.pcb-page .pcb-equipment-row article:hover img {
  transform: scale(1.055);
  filter: saturate(1.08) brightness(1.08); }

.pcb-page .pcb-equipment-row article strong,
.pcb-page .pcb-equipment-row article div,
.pcb-page .pcb-equipment-row article p {
  transition: transform var(--pcb-hover-normal) var(--pcb-hover-ease), background var(--pcb-hover-fast) ease, color var(--pcb-hover-fast) ease, opacity var(--pcb-hover-fast) ease; }

.pcb-page .pcb-equipment-row article:hover strong {
  transform: translateY(-0.04rem);
  color: #fff; }

.pcb-page .pcb-equipment-row article:hover div {
  background: linear-gradient(181deg, rgba(255, 255, 255, 0.5) 7.55%, rgba(0, 21, 40, 0.26) 40.08%, rgba(0, 184, 219, 0.2) 100%); }

.pcb-page .pcb-product-tabs a:hover {
  color: #fff;
  background: rgba(0, 184, 219, 0.15);
  box-shadow: 0 0.14rem 0.32rem rgba(0, 10, 26, 0.32);
  transform: translateY(-0.05rem); }

.pcb-page .pcb-product-tabs a:hover img {
  transform: translateY(0.03rem) scaleX(1.06); }

.pcb-page .pcb-product-intro a:hover {
  color: #fff;
  transform: translateX(0.05rem); }

.pcb-page .pcb-product-intro a:hover img {
  transform: translateX(0.04rem) rotate(90deg) scaleY(-1); }

.pcb-page .pcb-product-grid article {
  position: relative;
  border: 0.01rem solid rgba(0, 184, 219, 0); }

.pcb-page .pcb-product-grid article:hover > img {
  transform: scale(1.06);
  filter: saturate(1.08) brightness(1.06); }

.pcb-page .pcb-product-grid article:hover > div {
  background: #eef8fb; }

.pcb-page .pcb-product-grid article > div,
.pcb-page .pcb-product-grid article h4 {
  transition: background var(--pcb-hover-fast) ease, color var(--pcb-hover-fast) ease, border-color var(--pcb-hover-fast) ease; }

.pcb-page .pcb-product-grid article:hover h4 {
  border-color: rgba(0, 184, 219, 0.35);
  color: #005b9f; }

.pcb-page .pcb-product-actions a:first-child:hover {
  border-color: #00d3f3;
  background: rgba(0, 184, 219, 0.14); }

.pcb-page .pcb-footer nav a:hover {
  color: #fff;
  transform: translateX(0.05rem); }

.pcb-page .pcb-footer .pcb-footer-bottom li:hover {
  color: #fff;
  border-color: rgba(0, 211, 243, 0.5);
  background: rgba(0, 184, 219, 0.18);
  transform: translateY(-0.03rem); }

@media (prefers-reduced-motion: reduce) {
  .pcb-page *,
  .pcb-page *::before,
  .pcb-page *::after {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important; } }
/* BGBL hover motion */
.bgbl-site {
  --bgbl-hover-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --bgbl-hover-fast: 0.26s;
  --bgbl-hover-normal: 0.52s; }

.header .link > ul > li > a,
.header .link .online,
.bgbl-quote-card,
.bgbl-upload-box,
.bgbl-gradient-btn,
.bgbl-advantage-list div,
.bgbl-service-card,
.bgbl-service-card a,
.bgbl-equipment-grid article,
.bgbl-cert-wall img,
.bgbl-quality-card,
.bgbl-quality-nav div,
.bgbl-feature-case,
.bgbl-feature-copy a,
.bgbl-case-tabs a,
.bgbl-case-card,
.bgbl-case-actions a,
.bgbl-process-line div,
.bgbl-bom-steps div,
.bgbl-consult-box,
.hero-actions a,
.bgbl-sidebar a,
.bottom-value-tag,
.site-footer .footer-column a,
.site-footer .footer-contact li,
.site-footer .footer-certs span {
  transition: transform var(--bgbl-hover-normal) var(--bgbl-hover-ease), border-color var(--bgbl-hover-fast) ease, box-shadow var(--bgbl-hover-normal) var(--bgbl-hover-ease), background var(--bgbl-hover-fast) ease, color var(--bgbl-hover-fast) ease, filter var(--bgbl-hover-fast) ease, opacity var(--bgbl-hover-fast) ease; }

.bgbl-quote-icon,
.bgbl-upload-box img,
.bgbl-gradient-btn img,
.bgbl-advantage-list img,
.bgbl-service-icon,
.bgbl-service-card h3,
.bgbl-equipment-grid h3,
.bgbl-quality-nav b,
.bgbl-quality-nav span,
.bgbl-feature-images img,
.bgbl-feature-copy h3,
.bgbl-feature-copy li img,
.bgbl-case-title a img,
.bgbl-case-info h3,
.bgbl-case-gallery img,
.bgbl-case-info p img,
.bgbl-case-actions img,
.bgbl-process-line b,
.bgbl-process-line span,
.bgbl-bom-steps img,
.bgbl-bom-steps span,
.bgbl-site .hero-actions img,
.bgbl-sidebar img,
.bgbl-site .bottom-value-tag img,
.bgbl-site .site-footer img {
  transition: transform var(--bgbl-hover-normal) var(--bgbl-hover-ease), filter var(--bgbl-hover-fast) ease, opacity var(--bgbl-hover-fast) ease, color var(--bgbl-hover-fast) ease, box-shadow var(--bgbl-hover-fast) ease; }

.bgbl-service-card,
.bgbl-quote-card .bgbl-gradient-btn,
.bgbl-service-card a,
.bgbl-case-tabs a,
.bgbl-case-actions a,
.bgbl-feature-case,
.bgbl-case-card,
.bgbl-quality-card,
.bgbl-consult-box {
  position: relative;
  overflow: hidden; }

/*.bgbl-service-card::before,
.bgbl-quote-card .bgbl-gradient-btn::before,
.bgbl-service-card a::before,
.bgbl-case-tabs a::before,
.bgbl-case-actions a::before,
.bgbl-feature-case::before,
.bgbl-case-card::before,
.bgbl-quality-card::before,
.bgbl-consult-box::before {
  position: absolute;
  top: 0;
  left: -120%;
  z-index: 3;
  width: 58%;
  height: 100%;
  background: linear-gradient(105deg, transparent, rgba(255, 255, 255, 0.12), transparent);
  transform: skewX(-18deg);
  transition: left 0.82s ease;
  pointer-events: none;
  content: ""; }*/

.bgbl-service-card:hover::before,
.bgbl-quote-card .bgbl-gradient-btn:hover::before,
.bgbl-service-card a:hover::before,
.bgbl-case-tabs a:hover::before,
.bgbl-case-actions a:hover::before,
.bgbl-feature-case:hover::before,
.bgbl-case-card:hover::before,
.bgbl-consult-box:hover::before {
  left: 135%; }

.bgbl-site .header .link > ul > li > a:hover,
.bgbl-site .site-footer .footer-column a:hover {
  color: #fff;
  transform: translateY(-0.02rem); }

.bgbl-site .header .link .online:hover {
  box-shadow: 0 0.12rem 0.28rem rgba(0, 184, 219, 0.28);
  filter: brightness(1.08);
  transform: translateY(-0.03rem); }

.bgbl-quote-card input {
  transition: border-color var(--bgbl-hover-fast) ease, box-shadow var(--bgbl-hover-fast) ease, background var(--bgbl-hover-fast) ease; }

.bgbl-quote-card input:hover,
.bgbl-quote-card input:focus {
  border-color: rgba(0, 211, 243, 0.72);
  background: rgba(0, 34, 68, 0.88);
  box-shadow: 0 0 0.16rem rgba(0, 184, 219, 0.16);
  outline: none; }

.bgbl-upload-box:hover {
  border-color: rgba(0, 211, 243, 0.62);
  background: rgba(0, 184, 219, 0.12);
  box-shadow: inset 0 0 0.18rem rgba(0, 184, 219, 0.12); }

.bgbl-gradient-btn:hover,
.bgbl-service-card a:hover,
.bgbl-feature-copy a:hover,
.bgbl-case-actions a:hover,
.bgbl-site .hero-actions a:hover {
  box-shadow: 0 0.16rem 0.34rem rgba(0, 10, 26, 0.34), 0 0 0.22rem rgba(0, 184, 219, 0.18);
  filter: brightness(1.08); }

.bgbl-advantage-list div:hover {
  transform: translateY(-0.05rem); }

.bgbl-advantage-list div:hover span {
  background: rgba(0, 184, 219, 0.16);
  box-shadow: 0 0 0.18rem rgba(0, 184, 219, 0.18); }

.bgbl-advantage-list div:hover img {
  filter: drop-shadow(0 0 0.12rem rgba(0, 211, 243, 0.4));
  transform: scale(1.12) rotate(-4deg); }

.bgbl-service-card:hover {
  border-color: rgba(0, 211, 243, 0.52);
  background: rgba(0, 34, 68, 0.36);
  box-shadow: 0 0.26rem 0.54rem rgba(0, 10, 26, 0.42), inset 0 0 0.26rem rgba(0, 184, 219, 0.08);
  transform: translateY(-0.06rem); }

.bgbl-service-card:hover .bgbl-service-icon {
  filter: drop-shadow(0 0 0.16rem rgba(0, 211, 243, 0.42));
  transform: translateY(-0.05rem) scale(1.12); }

.bgbl-service-card:hover h3,
.bgbl-feature-case:hover h3,
.bgbl-case-card:hover h3 {
  color: #fff; }

.bgbl-equipment-grid article:hover,
.bgbl-equipment-grid article.active {
  background: rgba(0, 34, 68, 0.38); }

.bgbl-equipment-grid article:hover {
  box-shadow: inset 0 0.3rem 0.5rem rgba(0, 184, 219, 0.08);
  transform: translateY(-0.04rem); }

.bgbl-equipment-grid article:hover h3 {
  color: #00d3f3; }

.bgbl-cert-wall img:hover {
  filter: drop-shadow(0 0 0.16rem rgba(0, 211, 243, 0.4));
  transform: translateY(-0.05rem) scale(1.08); }

.bgbl-quality-card:hover,
.bgbl-feature-case:hover,
.bgbl-case-card:hover,
.bgbl-consult-box:hover {
  border-color: rgba(0, 211, 243, 0.46);
  box-shadow: 0 0.22rem 0.5rem rgba(0, 10, 26, 0.42), 0 0 0.26rem rgba(0, 184, 219, 0.12); }

.bgbl-quality-nav div:hover b,
.bgbl-process-line div:hover b {
  box-shadow: 0 0 0.16rem rgba(0, 184, 219, 0.24);
  transform: scale(1.08); }

.bgbl-feature-case:hover .big,
.bgbl-case-card:hover .cover {
  filter: saturate(1.08) brightness(1.07);
  transform: scale(1.045); }

.bgbl-feature-case:hover .small {
  filter: drop-shadow(0 0.12rem 0.22rem rgba(0, 10, 26, 0.38));
  transform: translate(-0.05rem, -0.05rem) scale(1.06); }

.bgbl-feature-copy li:hover img,
.bgbl-case-info p:hover img {
  filter: drop-shadow(0 0 0.1rem rgba(0, 211, 243, 0.34));
  transform: scale(1.14); }

.bgbl-case-title a:hover {
  color: #fff;
  transform: translateX(0.04rem); }

.bgbl-case-title a:hover img {
  transform: translateX(0.04rem); }

.bgbl-case-tabs a:hover {
  border-color: rgba(0, 211, 243, 0.58);
  color: #fff;
  background: rgba(0, 184, 219, 0.12);
  box-shadow: 0 0.12rem 0.28rem rgba(0, 10, 26, 0.28);
  transform: translateY(-0.04rem); }

.bgbl-case-card:hover .bgbl-case-gallery img:not(.cover) {
  filter: brightness(1.08);
  transform: translateY(-0.02rem); }

.bgbl-process-line div:hover {
  transform: translateY(-0.05rem); }

.bgbl-process-line div:hover span,
.bgbl-bom-steps div:hover span {
  color: #fff; }

.bgbl-bom-steps div:hover img {
  filter: drop-shadow(0 0 0.14rem rgba(0, 211, 243, 0.38));
  transform: translateY(-0.04rem) scale(1.08); }

.bgbl-sidebar a:hover {
  background: rgba(0, 184, 219, 0.2);
  color: #fff;
  transform: translateX(-0.06rem); }

.bgbl-sidebar a:hover img {
  filter: drop-shadow(0 0 0.08rem rgba(0, 211, 243, 0.44));
  transform: scale(1.12); }

.bgbl-site .bottom-value-tag:hover,
.bgbl-site .site-footer .footer-contact li:hover,
.bgbl-site .site-footer .footer-certs span:hover {
  border-color: rgba(0, 211, 243, 0.5);
  background: rgba(0, 184, 219, 0.14);
  box-shadow: 0 0.12rem 0.28rem rgba(0, 10, 26, 0.28);
  transform: translateY(-0.04rem); }

.bgbl-site .bottom-value-tag:hover img,
.bgbl-site .site-footer .footer-contact li:hover img {
  filter: drop-shadow(0 0 0.1rem rgba(0, 211, 243, 0.36));
  transform: scale(1.1); }

@media (prefers-reduced-motion: reduce) {
  .bgbl-site *,
  .bgbl-site *::before,
  .bgbl-site *::after {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important; } }
.news-page {
  width: 100%;
  min-width: 100%;
  overflow-x: hidden;
  background: #001528;
  color: #d1d5dc; }

.news-page a {
  color: inherit; }

.news-page img {
  display: block; }

.news-page .header .link > ul > li.active > a {
  color: #fff; }

.news-page .header .link > ul > li.active > a::after {
  position: absolute;
  left: 50%;
  bottom: .18rem;
  width: .64rem;
  height: .03rem;
  border-radius: 99rem;
  background: linear-gradient(90deg, #00b8d8 0%, #2b7fff 100%);
  transform: translateX(-50%);
  content: ""; }

.news-hero {
  position: relative;
  width: 100%;
  height: 6rem;
  overflow: hidden;
  background: #001a33; }

.news-hero-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .34; }

.news-hero-mask {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 72% 35%, rgba(0, 184, 219, 0.2), transparent 30%), linear-gradient(90deg, rgba(0, 21, 40, 0.96) 0%, rgba(0, 26, 51, 0.82) 42%, rgba(0, 21, 40, 0.62) 100%); }

.news-hero-copy {
  position: relative;
  z-index: 1;
  width: 16.6rem;
  margin: 0 auto;
  padding-top: 1.86rem; }

.news-hero-copy h1 {
  margin-top: .18rem;
  color: #0EA4E7;
  font-size: .82rem;
  font-weight: 700;
  line-height: .96rem; }

.news-hero-copy p {
  width: 7.8rem;
  margin-top: .18rem;
  color: #d1d5dc;
  font-size: .2rem;
  line-height: .34rem; }

.news-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: .08rem;
  height: .38rem;
  padding: 0 .18rem;
  border: 0.01rem solid rgba(0, 211, 243, 0.35);
  border-radius: 99rem;
  background: rgba(0, 184, 219, 0.18);
  color: #fff;
  font-size: .16rem;
  line-height: .2rem; }

.news-hero-badge img {
  width: .16rem;
  height: .16rem;
  object-fit: contain; }

.news-hero-stats {
  display: flex;
  gap: .14rem;
  margin-top: .42rem; }

.news-hero-stats div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 1.8rem;
  height: .92rem;
  padding-left: .22rem;
  border: 0.01rem solid rgba(0, 184, 219, 0.24);
  border-radius: .08rem;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 0.16rem 0.34rem rgba(0, 10, 26, 0.28); }

.news-hero-stats strong {
  color: #fff;
  font-size: .3rem;
  line-height: .36rem; }

.news-hero-stats span {
  margin-top: .06rem;
  color: #99a1af;
  font-size: .14rem;
  line-height: .2rem; }

.news-main {
  width: 100%;
  padding: .82rem 0 1.1rem;
  background: linear-gradient(180deg, #001a33 0%, #001c36 20%, #001d3a 44%, #001f3d 68%, #002244 100%); }

.news-wrap {
  width: 16.6rem;
  margin: 0 auto; }

.news-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .14rem;
  margin: .36rem auto .42rem; }

.news-tabs a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.26rem;
  height: .46rem;
  padding: 0 .22rem;
  border: 0.01rem solid rgba(0, 184, 219, 0.2);
  border-radius: .08rem;
  background: rgba(255, 255, 255, 0.05);
  color: #d1d5dc;
  font-size: .16rem;
  font-weight: 700;
  line-height: .22rem;
  transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.2s ease, background 0.2s ease, color 0.2s ease, box-shadow 0.34s cubic-bezier(0.22, 1, 0.36, 1); }

.news-tabs a.active,
.news-tabs a:hover {
  border-color: rgba(0, 211, 243, 0.58);
  background: linear-gradient(104deg, rgba(0, 184, 219, 0.88) 0%, rgba(21, 93, 252, 0.88) 100%);
  box-shadow: 0 0.14rem 0.32rem rgba(0, 10, 26, 0.32), 0 0 0.22rem rgba(0, 184, 219, 0.16);
  color: #fff;
  transform: translateY(-0.03rem); }

.news-layout {
  display: grid;
  grid-template-columns: 10.7rem 5.5rem;
  gap: .4rem;
  align-items: start; }

.news-content,
.news-sidebar {
  min-width: 0; }

.news-feature,
.news-item,
.news-side-panel,
.news-consult {
  border: 0.01rem solid rgba(0, 184, 219, 0.2);
  border-radius: .08rem;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 0.18rem 0.42rem rgba(0, 10, 26, 0.25);
  transition: transform 0.42s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.22s ease, box-shadow 0.42s cubic-bezier(0.22, 1, 0.36, 1), background 0.22s ease; }

.news-feature {
  display: grid;
  grid-template-columns: 4.3rem 1fr;
  gap: .34rem;
  min-height: 3.2rem;
  padding: .24rem;
  overflow: hidden; }

.news-feature-img {
  display: block;
  width: 4.3rem;
  height: 2.72rem;
  overflow: hidden;
  border-radius: .08rem;
  background: rgba(0, 34, 68, 0.5); }

.news-feature-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.48s cubic-bezier(0.22, 1, 0.36, 1), filter 0.22s ease; }

.news-feature-copy {
  padding: .06rem .08rem 0 0; }

.news-feature-copy h2 {
  margin-top: .14rem;
  color: #fff;
  font-size: .28rem;
  font-weight: 700;
  line-height: .4rem; }

.news-feature-copy p {
  margin-top: .06rem;
  color: #d1d5dc;
  font-size: .16rem;
  line-height: .28rem; }

.news-meta {
  display: flex;
  align-items: center;
  gap: .12rem;
  color: #99a1af;
  font-size: .14rem;
  line-height: .2rem; }

.news-meta span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: .28rem;
  padding: 0 .12rem;
  border: 0.01rem solid rgba(0, 211, 243, 0.32);
  border-radius: 99rem;
  background: rgba(0, 184, 219, 0.12);
  color: #00d3f3; }

.news-read-more {
  display: inline-flex;
  align-items: center;
  gap: .08rem;
  height: .42rem;
  margin-top: .1rem;
  padding: 0 .16rem;
  border-radius: .08rem;
  background: linear-gradient(104deg, #00b8db 0%, #155dfc 95.39%);
  color: #fff;
  font-size: .16rem;
  font-weight: 700;
  transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.34s cubic-bezier(0.22, 1, 0.36, 1), filter 0.2s ease; }

.news-read-more img {
  width: .16rem;
  height: .16rem;
  object-fit: contain;
  transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1); }

.news-list {
  display: flex;
  flex-direction: column;
  gap: .18rem;
  margin-top: .2rem; }

.news-item {
  display: grid;
  grid-template-columns: 2.42rem 1fr;
  gap: .24rem;
  min-height: 1.84rem;
  padding: .18rem;
  overflow: hidden; }

.news-thumb {
  display: block;
  width: 2.42rem;
  height: 1.48rem;
  overflow: hidden;
  border-radius: .08rem;
  background: rgba(0, 34, 68, 0.5); }

.news-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.48s cubic-bezier(0.22, 1, 0.36, 1), filter 0.22s ease; }

.news-item-copy h3 {
  margin-top: .1rem;
  color: #fff;
  font-size: .22rem;
  font-weight: 700;
  line-height: .3rem;
  overflow: hidden;
  text-overflow: ellipsis; }
  .news-item-copy h3 a {
    color: #fff; }

.news-item-copy p {
  margin-top: .1rem;
  color: #d1d5dc;
  font-size: .16rem;
  line-height: .26rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.news-pagination {
  display: flex;
  justify-content: center;
  gap: .1rem;
  margin-top: .34rem;
  margin-bottom: 20px; }

.news-pagination a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: .42rem;
  height: .42rem;
  padding: 0 .14rem;
  border: 0.01rem solid rgba(0, 184, 219, 0.22);
  border-radius: .08rem;
  background: rgba(255, 255, 255, 0.05);
  color: #d1d5dc;
  font-size: .15rem;
  line-height: .2rem;
  transition: transform .28s ease, background .2s ease, border-color .2s ease, color .2s ease; }

.news-pagination a.active,
.news-pagination a:hover {
  border-color: rgba(0, 211, 243, 0.5);
  background: rgba(0, 184, 219, 0.18);
  color: #fff;
  transform: translateY(-0.02rem); }

.news-sidebar {
  display: flex;
  flex-direction: column;
  gap: .2rem; }

.news-side-panel {
  padding: .24rem; }

.news-side-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: .18rem;
  border-bottom: 0.01rem solid rgba(0, 184, 219, 0.12); }

.news-side-title h2 {
  color: #fff;
  font-size: .24rem;
  font-weight: 700;
  line-height: .32rem; }

.news-side-title a {
  color: #99a1af;
  font-size: .16rem;
  line-height: .22rem; }

.news-rank-list {
  display: flex;
  flex-direction: column;
  gap: .06rem;
  margin-top: .16rem; }

.news-rank-list li {
  overflow: hidden;
  border-radius: .08rem; }

.news-rank-list a {
  display: grid;
  grid-template-columns: .46rem 1fr;
  align-items: center;
  min-height: .58rem;
  padding: 0 .1rem;
  color: #d1d5dc;
  transition: background .2s ease, color .2s ease, transform .28s ease; }

.news-rank-list span {
  color: #00d3f3;
  font-size: .18rem;
  font-weight: 700;
  line-height: .24rem; }

.news-rank-list em {
  display: block;
  font-style: normal;
  font-size: .16rem;
  line-height: .24rem;
  overflow: hidden;
  text-overflow: ellipsis; }

.news-topic-panel {
  padding-bottom: .16rem; }

.news-topic {
  display: grid;
  grid-template-columns: 1.2rem 1fr;
  gap: .16rem;
  align-items: center;
  margin-top: .18rem;
  padding: .12rem;
  border-radius: .08rem;
  transition: background .2s ease, transform .28s ease; }

.news-topic img {
  width: 1.2rem;
  height: .84rem;
  border-radius: .08rem;
  object-fit: cover; }

.news-topic span {
  display: block;
  color: #fff;
  font-size: .18rem;
  font-weight: 700;
  line-height: .24rem; }

.news-topic p {
  margin-top: .06rem;
  color: #99a1af;
  font-size: .14rem;
  line-height: .22rem; }

.news-consult {
  position: relative;
  overflow: hidden;
  padding: .3rem;
  background: linear-gradient(135deg, rgba(0, 184, 219, 0.16) 0%, rgba(21, 93, 252, 0.12) 48%, rgba(255, 255, 255, 0.05) 100%); }

.news-consult::before {
  position: absolute;
  top: -.4rem;
  right: -.32rem;
  width: 1.8rem;
  height: 1.8rem;
  border: 0.01rem solid rgba(0, 211, 243, 0.16);
  border-radius: 50%;
  content: ""; }

.news-consult h2 {
  position: relative;
  color: #fff;
  font-size: .26rem;
  font-weight: 700;
  line-height: .34rem; }

.news-consult p {
  position: relative;
  margin-top: .14rem;
  color: #d1d5dc;
  font-size: .16rem;
  line-height: .28rem; }

.news-consult a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .08rem;
  height: .46rem;
  margin-top: .22rem;
  padding: 0 .2rem;
  border-radius: .08rem;
  background: linear-gradient(104deg, #00b8db 0%, #155dfc 95.39%);
  color: #fff;
  font-size: .16rem;
  font-weight: 700;
  transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.34s cubic-bezier(0.22, 1, 0.36, 1), filter 0.2s ease; }

.news-consult a img {
  width: .16rem;
  height: .16rem;
  object-fit: contain; }

.news-consult strong {
  position: relative;
  display: block;
  margin-top: .18rem;
  color: #00d3f3;
  font-size: .28rem;
  line-height: .34rem; }

.news-feature:hover,
.news-item:hover,
.news-side-panel:hover,
.news-consult:hover {
  border-color: rgba(0, 211, 243, 0.48);
  box-shadow: 0 0.24rem 0.56rem rgba(0, 10, 26, 0.42), 0 0 0.26rem rgba(0, 184, 219, 0.12);
  transform: translateY(-0.04rem); }

.news-feature:hover .news-feature-img img,
.news-item:hover .news-thumb img {
  filter: saturate(1.08) brightness(1.06);
  transform: scale(1.045); }

.news-feature h2 a,
.news-item h3 a,
.news-side-title a,
.news-rank-list a,
.news-topic,
.news-consult a,
.news-read-more {
  transition: color 0.2s ease, transform 0.34s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.34s cubic-bezier(0.22, 1, 0.36, 1), filter 0.2s ease; }

.news-feature h2 a:hover,
.news-item h3 a:hover,
.news-side-title a:hover {
  color: #00d3f3; }

.news-read-more:hover,
.news-consult a:hover {
  box-shadow: 0 0.14rem 0.3rem rgba(0, 10, 26, 0.34), 0 0 0.22rem rgba(0, 184, 219, 0.18);
  filter: brightness(1.08);
  transform: translateY(-0.03rem); }

.news-read-more:hover img {
  transform: translateX(0.04rem); }

.news-rank-list a:hover,
.news-topic:hover {
  background: rgba(0, 184, 219, 0.1);
  color: #fff;
  transform: translateX(0.03rem); }

.news-detail-main {
  padding-top: .58rem; }

.news-breadcrumb {
  display: flex;
  align-items: center;
  gap: .1rem;
  margin-bottom: .3rem;
  color: #99a1af;
  font-size: .15rem;
  line-height: .22rem; }

.news-breadcrumb a,
.news-breadcrumb em {
  font-style: normal; }

.news-breadcrumb a {
  color: #d1d5dc;
  transition: color .2s ease; }

.news-breadcrumb a:hover {
  color: #00d3f3; }

.news-breadcrumb span {
  color: rgba(0, 211, 243, 0.52); }

.news-breadcrumb em {
  color: #d1d5dc; }

.news-detail-article,
.news-detail-nav,
.news-related {
  border: 0.01rem solid rgba(0, 184, 219, 0.2);
  border-radius: .08rem;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 0.18rem 0.42rem rgba(0, 10, 26, 0.25); }

.news-detail-article {
  overflow: hidden;
  padding: .42rem .48rem .44rem; }

.news-detail-head {
  padding-bottom: .3rem;
  border-bottom: 0.01rem solid rgba(0, 184, 219, 0.14); }

.news-detail-head h1 {
  margin-top: .18rem;
  color: #fff;
  font-size: .38rem;
  font-weight: 700;
  line-height: .52rem; }

.news-detail-head p {
  margin-top: .16rem;
  color: #d1d5dc;
  font-size: .18rem;
  line-height: .32rem; }

.news-detail-head .news-meta em {
  color: #99a1af;
  font-style: normal; }

.news-detail-cover {
  width: 100%;
  height: 4.34rem;
  margin-top: .34rem;
  border-radius: .08rem;
  object-fit: cover;
  background: rgba(0, 34, 68, 0.5);
  box-shadow: 0 0.16rem 0.36rem rgba(0, 10, 26, 0.28); }

.news-detail-summary {
  position: relative;
  margin-top: .32rem;
  padding: .24rem .28rem .24rem .32rem;
  border: 0.01rem solid rgba(0, 211, 243, 0.24);
  border-radius: .08rem;
  background: linear-gradient(135deg, rgba(0, 184, 219, 0.14) 0%, rgba(21, 93, 252, 0.1) 58%, rgba(255, 255, 255, 0.04) 100%); }

.news-detail-summary::before {
  position: absolute;
  left: .18rem;
  top: .24rem;
  bottom: .24rem;
  width: .03rem;
  border-radius: 99rem;
  background: linear-gradient(180deg, #00d3f3 0%, #155dfc 100%);
  content: ""; }

.news-detail-summary strong {
  display: block;
  color: #fff;
  font-size: .2rem;
  font-weight: 700;
  line-height: .28rem; }

.news-detail-summary p {
  margin-top: .1rem;
  color: #d1d5dc;
  font-size: .16rem;
  line-height: .3rem; }

.news-detail-body {
  margin-top: .34rem; }

.news-detail-body h2 {
  position: relative;
  margin: .38rem 0 .16rem;
  padding-left: .18rem;
  color: #fff;
  font-size: .26rem;
  font-weight: 700;
  line-height: .36rem; }

.news-detail-body h2::before {
  position: absolute;
  left: 0;
  top: .08rem;
  width: .05rem;
  height: .22rem;
  border-radius: 99rem;
  background: linear-gradient(180deg, #00d3f3 0%, #155dfc 100%);
  content: ""; }

.news-detail-body p {
  margin-top: .18rem;
  color: #d1d5dc;
  font-size: .17rem;
  line-height: .32rem;
  text-align: justify; }

.news-detail-body strong {
  font-weight: 700; }

.news-detail-tags {
  display: flex;
  flex-wrap: wrap;
  gap: .1rem;
  margin-top: .36rem;
  padding-top: .26rem;
  border-top: 0.01rem solid rgba(0, 184, 219, 0.14); }

.news-detail-tags span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: .34rem;
  padding: 0 .14rem;
  border: 0.01rem solid rgba(0, 211, 243, 0.28);
  border-radius: 99rem;
  background: rgba(0, 184, 219, 0.1);
  color: #00d3f3;
  font-size: .14rem;
  line-height: .2rem; }

.news-detail-nav {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .18rem;
  margin-top: .2rem;
  padding: .2rem; }

.news-detail-nav a {
  display: block;
  min-width: 0;
  padding: .18rem .2rem;
  border: 0.01rem solid rgba(0, 184, 219, 0.14);
  border-radius: .08rem;
  background: rgba(0, 21, 40, 0.24);
  transition: transform .28s ease, background .2s ease, border-color .2s ease; }

.news-detail-nav span {
  display: block;
  color: #00d3f3;
  font-size: .15rem;
  line-height: .22rem; }

.news-detail-nav strong {
  display: block;
  margin-top: .08rem;
  overflow: hidden;
  color: #fff;
  font-size: .17rem;
  font-weight: 700;
  line-height: .26rem;
  text-overflow: ellipsis; }

.news-detail-nav a:hover {
  border-color: rgba(0, 211, 243, 0.42);
  background: rgba(0, 184, 219, 0.1);
  transform: translateY(-0.03rem); }

.news-related {
  margin-top: .2rem;
  padding: .24rem; }

.news-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .18rem;
  margin-top: .2rem; }

.news-related-grid a {
  display: block;
  min-width: 0;
  overflow: hidden;
  border: 0.01rem solid rgba(0, 184, 219, 0.14);
  border-radius: .08rem;
  background: rgba(0, 21, 40, 0.24);
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.2s ease, background 0.2s ease; }

.news-related-grid img {
  width: 100%;
  height: 1.32rem;
  object-fit: cover;
  background: rgba(0, 34, 68, 0.5);
  transition: transform 0.48s cubic-bezier(0.22, 1, 0.36, 1), filter 0.22s ease; }

.news-related-grid span {
  display: inline-flex;
  align-items: center;
  height: .26rem;
  margin: .14rem .14rem 0;
  padding: 0 .1rem;
  border: 0.01rem solid rgba(0, 211, 243, 0.28);
  border-radius: 99rem;
  color: #00d3f3;
  font-size: .13rem;
  line-height: .18rem; }

.news-related-grid strong {
  display: block;
  min-height: .52rem;
  margin: .1rem .14rem .18rem;
  overflow: hidden;
  color: #fff;
  font-size: .17rem;
  font-weight: 700;
  line-height: .26rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.news-related-grid a:hover {
  border-color: rgba(0, 211, 243, 0.42);
  background: rgba(0, 184, 219, 0.1);
  transform: translateY(-0.04rem); }

.news-related-grid a:hover img {
  filter: saturate(1.08) brightness(1.06);
  transform: scale(1.045); }

.news-detail-card ul {
  display: flex;
  flex-direction: column;
  gap: .12rem;
  margin-top: .18rem; }

.news-detail-card li {
  display: grid;
  grid-template-columns: .44rem 1fr;
  align-items: center;
  min-height: .46rem;
  padding: .08rem .1rem;
  border-radius: .08rem;
  background: rgba(0, 21, 40, 0.24);
  color: #d1d5dc;
  font-size: .16rem;
  line-height: .24rem; }

.news-detail-card li span {
  color: #00d3f3;
  font-size: .17rem;
  font-weight: 700; }

.news-info-page .news-side-panel:hover,
.news-info-page .news-consult:hover,
.news-related:hover,
.news-detail-article:hover,
.news-detail-nav:hover {
  border-color: rgba(0, 211, 243, 0.36);
  box-shadow: 0 0.24rem 0.56rem rgba(0, 10, 26, 0.34), 0 0 0.22rem rgba(0, 184, 219, 0.1); }

@media (prefers-reduced-motion: reduce) {
  .news-page *,
  .news-page *::before,
  .news-page *::after {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important; } }
@media (max-width: 1000px) {
  .header .link {
    display: none; }

  header {
    padding: 0 0.3rem; }

  .header {
    padding: 0 .3rem; }

  .header .logo a img {
    width: .88rem; }

  .header .logo a div p {
    font-size: .24rem; }

  .header .logo a div span {
    font-size: .16rem; }

  .hero-banner .hero-title-group h1 {
    font-size: .6rem; }

  .hero-banner .hero-title-group h2 {
    font-size: .6rem; }

  .hero-banner .hero-slogan {
    font-size: .28rem; }

  .hero-banner .hero-pill-list {
    padding: 0 .3rem;
    justify-content: center;
    flex-wrap: wrap; }

  .hero-banner .hero-pill-material {
    margin-top: .2rem; }

  .hero-actions a {
    height: .66rem;
    font-size: .22rem;
    padding: 0 .3rem; }

  .pcb-side {
    display: none; }

  .core-business {
    padding: .8rem .3rem; }

  .section-head h1 {
    font-size: .36rem; }

  .section-head p {
    font-size: .24rem;
    line-height: 1.6; }

  .business-cards {
    width: 100%;
    display: block; }

  div {
    max-width: 100% !important; }

  .business-card {
    width: 100%;
    height: 6.2rem;
    margin-bottom: .3rem; }

  .card-board-pcba {
    width: 100%;
    height: auto;
    top: auto;
    bottom: 0; }

  .card-board-pcb {
    width: 100%;
    height: auto;
    top: auto;
    bottom: 0; }

  .card-board-smt {
    width: 100%;
    height: auto;
    top: auto;
    bottom: 0; }

  .card-btn {
    left: 50%;
    transform: translateX(-50%);
    width: 3.4rem;
    height: .6rem;
    font-size: .26rem;
    top: 5rem;
    line-height: .6rem; }

  .badge {
    font-size: .2rem;
    height: .3rem; }

  .business-card li {
    font-size: .22rem;
    height: .3rem; }

  .product-list {
    gap: .2rem;
    margin-top: .6rem; }

  .product-item {
    margin: 0;
    flex: 0 0 3rem; }

  .product-icon {
    width: .68rem;
    height: .68rem; }

  .product-item strong {
    font-size: .24rem; }

  .product-item span {
    margin-top: .1rem; }

  .more-products {
    font-size: .2rem;
    line-height: 1.6; }

  .classic-case {
    padding: .8rem .3rem; }

  .case-stage {
    padding: 0;
    margin: 0;
    margin-top: .3rem; }

  .case-slider {
    display: block; }

  .case-main-img {
    display: none; }

  .case-side-img {
    display: none; }

  .case-card {
    width: 100%;
    display: block;
    height: auto; }

  .case-copy {
    width: 100%; }

  .case-actions a {
    height: .66rem;
    font-size: .22rem; }

  .solution-list li {
    font-size: .2rem; }

  .case-block p {
    width: 100%;
    font-size: .2rem; }

  .case-block h3 {
    font-size: .24rem;
    height: auto; }

  .result-panel {
    width: 100%;
    height: auto;
    margin-top: .3rem; }

  .result-panel h3 {
    height: auto;
    font-size: .26rem; }

  .result-grid {
    grid-template-columns: repeat(4, 1.4134rem);
    height: auto; }

  .result-item span {
    height: auto;
    font-size: .2rem; }

  .result-item p {
    width: auto;
    font-size: .16rem;
    margin-top: .1rem; }

  .case-tabs {
    flex-wrap: wrap;
    height: auto; }

  .case-tabs a {
    width: 30%; }

  .pcb-product-grid article {
    width: auto;
    height: auto; } }
/* product info detail page */
.product-info-page {
  background: #fff; }

.product-info-main {
  padding-top: 1.26rem;
  background: #fff;
  background: linear-gradient(180deg, #001a33 0%, #001c36 20%, #001d3a 40%, #001f3d 60%, #002041 80%, #002244 100%); }

.product-info-wrap {
  width: 16.3rem;
  margin: 0 auto; }

.product-info-hero {
  padding: 0.62rem 0 0.42rem; }

.product-info-hero .product-info-wrap {
  display: grid;
  grid-template-columns: 5.34rem 1fr;
  gap: 0.54rem;
  align-items: start; }

.product-info-cover {
  height: 5.34rem;
  overflow: hidden;
  position: relative;
  background: #004b63;
  padding: 5px; }
  .product-info-cover .swiper-pagination-bullet-active {
    background: #00b8db; }
  .product-info-cover .mySwiper {
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .product-info-cover .mySwiper .swiper-slide {
      display: block;
      width: 100%;
      height: 100%;
      overflow: hidden; }
      .product-info-cover .mySwiper .swiper-slide a {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden; }
      .product-info-cover .mySwiper .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: contain; }

.product-info-cover img {
  width: 100%;
  height: 100%;
  object-fit: contain; }

.pcb-service-card {
  position: relative;
  overflow: hidden; }
  .pcb-service-card:hover .button {
    opacity: 1;
    bottom: 0; }
  .pcb-service-card .button {
    width: 100%;
    height: .48rem;
    display: flex;
    transition: all .3s;
    align-items: center;
    justify-content: center;
    background: linear-gradient(116deg, #00b8db 0%, #155dfc 95.39%);
    z-index: 99;
    opacity: 0;
    box-shadow: 0.02rem 0.02rem 0.05rem rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: .18rem;
    font-weight: 700;
    position: absolute;
    left: 0;
    bottom: -.48rem;
    line-height: .24rem;
    letter-spacing: .02rem; }
    .pcb-service-card .button a {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: .18rem;
      color: #fff; }

.product-info-thumbs {
  margin-top: 0.14rem;
  padding: 0 2px; }
  .product-info-thumbs .mySwiper1 {
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .product-info-thumbs .mySwiper1 .swiper-slide {
      display: flex;
      align-items: center;
      cursor: pointer;
      justify-content: center;
      overflow: hidden;
      border: 2px solid transparent;
      background: #004b63; }
      .product-info-thumbs .mySwiper1 .swiper-slide.on {
        border: 2px solid #00b8db; }

.product-info-thumbs a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.72rem;
  overflow: hidden;
  border: 0.02rem solid transparent;
  background: #004b63;
  transition: border-color 0.24s ease, transform 0.24s ease; }

.product-info-thumbs a.active,
.product-info-thumbs a:hover {
  border-color: #00b8db;
  transform: translateY(-0.02rem); }

.product-info-thumbs img {
  width: 90%;
  height: 90%;
  object-fit: contain; }

.product-info-summary h1 {
  margin: 0;
  color: #fff;
  font-size: 0.3rem;
  font-weight: 700;
  line-height: 0.42rem; }

.product-info-summary p {
  margin-top: 0.18rem;
  color: #fff;
  font-size: 0.15rem;
  line-height: 1.6;
  min-height: .6rem; }

.product-info-specs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 2.6rem));
  gap: 0.1rem 0.28rem;
  margin-top: 0.16rem;
  min-height: 2rem; }

.product-info-specs li {
  position: relative;
  color: #fff;
  font-size: 0.15rem;
  display: flex;
  align-items: center; }

.product-info-specs li img {
  width: .2rem;
  margin-right: .06rem; }

.product-info-order {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 0.52rem;
  margin-top: 1.2rem;
  border-radius: 0.08rem;
  background: linear-gradient(104deg, #00b8db 0%, #155dfc 95.39%);
  color: #fff;
  font-size: 0.16rem;
  font-weight: 700;
  transition: transform 0.24s ease, box-shadow 0.24s ease; }

.product-info-order span {
  margin-left: 0.05rem;
  font-size: 0.14rem;
  font-weight: 400; }

.product-info-order:hover {
  transform: translateY(-0.03rem);
  box-shadow: 0 0.14rem 0.28rem rgba(21, 93, 252, 0.2); }

.product-info-content {
  padding: 0.2rem 0 0.7rem; }

.product-info-layout {
  display: grid;
  grid-template-columns: 10.5rem 4.78rem;
  gap: 0.76rem;
  align-items: start; }

.product-info-title h2,
.product-info-related h2 {
  margin: 0;
  color: #fff;
  font-size: 0.26rem;
  font-weight: 700;
  line-height: 0.36rem; }

.product-info-title {
/*  padding-bottom: 0.24rem;
  border-bottom: 0.01rem solid #bfc5ce; */}

.product-info-article {
  min-height: 12.2rem;
  margin-top: 0.36rem;
  padding: 0.3rem;
  background: #eef2f6;
  color: #fff;
  border: 0.01rem solid rgba(0, 184, 219, 0.18);
  border-radius: 0.06rem;
  background: linear-gradient(180deg, #072943 0%, #06243b 100%);
  box-shadow: 0 0.12rem 0.34rem rgba(0, 13, 26, 0.18); }

.product-info-article > img {
  display: block;
  width: 100%;
  max-width: 100%;
  max-height: 4.5rem;
  margin: 0 auto;
  object-fit: cover; }

.product-info-article p img,
.product-info-article div img,
.product-info-article img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0.2rem auto;
  object-fit: cover; }

.product-info-article h3 {
  margin-top: 0.36rem;
  color: #fff;
  font-size: 0.28rem;
  font-weight: 700; }

.product-info-article p {
  max-width: 100%;
  margin: 0.18rem 0 0 0;
  color: #fff;
  font-size: 0.16rem;
  line-height: 0.3rem;
  text-align: left; }

.product-info-process {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.12rem;
  margin: 0.34rem 0; }

.product-info-process div {
  min-height: 1.08rem;
  padding: 0.18rem 0.12rem;
  background: #fff;
  box-sizing: border-box; }

.product-info-process strong {
  display: block;
  color: #00a9ca;
  font-size: 0.2rem;
  line-height: 0.28rem; }

.product-info-process span {
  display: block;
  margin-top: 0.08rem;
  color: #334155;
  font-size: 0.14rem;
  line-height: 0.21rem; }

.product-info-sidebar {
  position: sticky;
  top: 1.48rem;
  display: flex;
  flex-direction: column;
  gap: 0.16rem; }

.product-side-card {
  overflow: hidden;
  border: 0.01rem solid rgba(0, 184, 219, 0.18);
  border-radius: 0.06rem;
  background: linear-gradient(180deg, #072943 0%, #06243b 100%);
  box-shadow: 0 0.12rem 0.34rem rgba(0, 13, 26, 0.18); }

.product-side-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.22rem 0.24rem 0.14rem;
  border-bottom: 0.01rem solid rgba(255, 255, 255, 0.06); }

.product-side-card h3 {
  margin: 0;
  color: #fff;
  font-size: 0.2rem;
  font-weight: 700; }

.product-side-head a {
  color: #8ca3b5;
  font-size: 0.12rem; }

.product-news-card ol {
  padding: 0.18rem 0.24rem 0.24rem;
  counter-reset: news; }

.product-news-card li {
  counter-increment: news;
  display: flex;
  align-items: center;
  min-height: 0.46rem; }

.product-news-card li::before {
  content: counter(news,decimal-leading-zero);
  flex: 0 0 0.44rem;
  color: #00d3f3;
  font-size: 0.15rem;
  font-weight: 700; }

.product-news-card a,
.product-topic-item em,
.product-service-card li,
.product-consult-card p {
  color: #9fb4c5;
  font-size: 0.14rem;
  line-height: 0.24rem; }

.product-topic-card {
  padding-bottom: 0.18rem; }

.product-topic-item {
  display: flex;
  gap: 0.14rem;
  padding: 0.16rem 0.24rem 0; }

.product-topic-item img {
  flex: 0 0 1rem;
  width: 1rem;
  height: 0.68rem;
  object-fit: cover;
  background: #d9e0e8; }

.product-topic-item strong,
.product-topic-item em {
  display: block; }

.product-topic-item strong {
  color: #fff;
  font-size: 0.16rem;
  line-height: 0.24rem; }

.product-topic-item em {
  margin-top: 0.04rem;
  font-style: normal; }

.product-service-card {
  padding: 0.22rem 0.24rem 0.24rem; }

.product-service-card ul {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  margin-top: 0.18rem; }

.product-service-card li {
  position: relative;
  min-height: 0.38rem;
  padding-left: 0.56rem;
  line-height: 0.38rem;
  background: rgba(0, 17, 34, 0.22); }

.product-service-card li::before {
  position: absolute;
  left: 0.12rem;
  color: #00d3f3;
  font-weight: 700; }

.product-service-card li:nth-child(1)::before {
  content: "01"; }

.product-service-card li:nth-child(2)::before {
  content: "02"; }

.product-service-card li:nth-child(3)::before {
  content: "03"; }

.product-service-card li:nth-child(4)::before {
  content: "04"; }

.product-consult-card {
  position: relative;
  padding: 0.3rem 0.26rem;
  background: linear-gradient(135deg, #07375c 0%, #082d55 100%); }

.product-consult-card::after {
  content: "";
  position: absolute;
  right: -0.22rem;
  top: -0.22rem;
  width: 1.28rem;
  height: 1.28rem;
  border: 0.01rem solid rgba(0, 211, 243, 0.16);
  border-radius: 50%; }

.product-consult-card p {
  margin-top: 0.16rem; }

.product-consult-card a {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.06rem;
  width: 1.14rem;
  height: 0.38rem;
  margin-top: 0.18rem;
  border-radius: 0.04rem;
  background: #00aef0;
  color: #fff;
  font-size: 0.14rem;
  font-weight: 700; }

.product-consult-card a img {
  width: 0.14rem;
  height: 0.14rem; }

.product-consult-card strong {
  display: block;
  margin-top: 0.16rem;
  color: #00d3f3;
  font-size: 0.26rem;
  font-weight: 400;
  line-height: 0.32rem; }

.product-info-related {
  padding: 0.06rem 0 0.88rem; }

.product-related-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.18rem;
  margin-top: 0.2rem; }

.product-related-grid article {
  overflow: hidden;
  border: 0.01rem solid #d8dee7;
  background: #dce4ef;
  transition: transform 0.24s ease, box-shadow 0.24s ease; }

.product-related-grid article:hover {
  transform: translateY(-0.04rem);
  box-shadow: 0 0.16rem 0.32rem rgba(0, 18, 36, 0.14); }

.product-related-grid article a > img {
  display: block;
  width: 100%;
  height: 1.78rem;
  object-fit: contain;
  padding: 0.18rem 0;
  background: #004b63;
  box-sizing: border-box; }

.product-related-grid article div {
  padding: 0.14rem 0.16rem 0.18rem; }

.product-related-grid h3 {
  margin: 0 0 0.08rem;
  padding-bottom: 0.08rem;
  border-bottom: 0.01rem solid #b8c2d0;
  color: #0f2a3d;
  font-size: 0.2rem;
  font-weight: 700; }

.product-related-grid p {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.04rem 0.12rem; }

.product-related-grid span {
  color: #667085;
  font-size: 0.13rem;
  line-height: 0.22rem; }

@media (max-width: 1000px) {
  .product-info-main {
    padding-top: 1.26rem; }

  .product-info-wrap {
    width: auto;
    margin: 0 0.3rem; }

  .product-info-hero {
    padding-top: 0.42rem; }

  .product-info-hero .product-info-wrap,
  .product-info-layout {
    display: block; }

  .product-info-cover {
    height: 4rem; }

  .product-info-summary {
    margin-top: 0.34rem; }

  .product-info-summary h1 {
    font-size: 0.38rem;
    line-height: 0.5rem; }

  .product-info-summary p,
  .product-info-specs li,
  .product-info-article p,
  .product-news-card a,
  .product-topic-item em,
  .product-service-card li,
  .product-consult-card p {
    font-size: 0.24rem;
    line-height: 0.38rem; }

  .product-info-specs {
    grid-template-columns: 1fr;
    gap: 0.12rem; }

  .product-info-specs li {
    padding-left: 0.44rem; }

  .product-info-specs li::before {
    width: 0.28rem;
    height: 0.28rem; }

  .product-info-specs li::after {
    left: 0.08rem;
    top: 0.08rem;
    width: 0.1rem;
    height: 0.15rem; }

  .product-info-order {
    width: 3.2rem;
    height: 0.68rem;
    font-size: 0.24rem; }

  .product-info-order span {
    font-size: 0.2rem; }

  .product-info-title h2,
  .product-info-related h2 {
    font-size: 0.34rem;
    line-height: 0.46rem; }

  .product-info-article {
    min-height: auto;
    padding: 0.28rem; }

  .product-info-article > img {
    width: 100%; }

  .product-info-article h3 {
    font-size: 0.32rem; }

  .product-info-process {
    grid-template-columns: 1fr; }

  .product-info-process strong {
    font-size: 0.28rem; }

  .product-info-process span {
    font-size: 0.22rem;
    line-height: 0.34rem; }

  .product-info-sidebar {
    position: static;
    margin-top: 0.34rem; }

  .product-side-card h3,
  .product-related-grid h3 {
    font-size: 0.28rem; }

  .product-topic-item img {
    flex-basis: 1.6rem;
    width: 1.6rem;
    height: 1.05rem; }

  .product-topic-item strong {
    font-size: 0.24rem;
    line-height: 0.34rem; }

  .product-consult-card strong {
    font-size: 0.36rem;
    line-height: 0.46rem; }

  .product-related-grid {
    grid-template-columns: 1fr; }

  .product-related-grid article > img {
    height: 3.2rem; }

  .product-related-grid span {
    font-size: 0.22rem;
    line-height: 0.34rem; } }
.product-info-page .header {
  background: #05233B; }

.product-info-main {
  padding-top: 0.88rem; }

@media (max-width: 1000px) {
  .product-info-main {
    padding-top: 0.88rem; } }

/* ======= PCB报价弹窗 ======= */
.pcb-modal-open {
  overflow: hidden; }

.pcb-quote-modal {
  position: fixed;
  inset: 0;
  z-index: 1050;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.28s ease, visibility 0.28s ease; }
  .pcb-quote-modal.is-open {
    opacity: 1;
    visibility: visible; }

.pcb-quote-modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 10, 26, 0.78);
  backdrop-filter: blur(0.06rem);
  -webkit-backdrop-filter: blur(0.06rem); }

.pcb-quote-modal-panel {
  position: relative;
  z-index: 1;
  max-width: 5.8rem;
  width: 92vw;
  max-height: 95vh;
  overflow-y: hidden;
  transform: scale(0.94);
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1); }
  .pcb-quote-modal.is-open .pcb-quote-modal-panel {
    transform: scale(1); }
  .pcb-quote-modal-panel .pcb-quote-card {
    flex: none;
    width: 5.4rem;
    margin: 0;
    max-width: none;
    position: relative;
    height: auto; }
  .pcb-quote-modal-panel .pcb-quote-card .pcb-quote-fields {
    flex-direction: row;
    gap: .2rem;
    margin-left: 0; }
  .pcb-quote-modal-panel .pcb-quote-card .pcb-quote-fields label {
    width: 2.4rem; }
  .pcb-quote-modal-panel .pcb-quote-card .pcb-quote-fields input {
    width: 100%; }
  .pcb-quote-modal-panel .pcb-quote-card .pcb-quote-tip {
    width: auto; }
  .pcb-quote-modal-panel .pcb-quote-card .pcb-formats {
    width: auto; }
  .pcb-quote-modal-panel .pcb-quote-card .pcb-formats div {
    width: auto; }

.pcb-quote-modal-close {
  position: absolute;
  top: .12rem;
  right: .12rem;
  z-index: 2;
  width: .36rem;
  height: .36rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  font-size: .22rem;
  line-height: 1;
  cursor: pointer;
  transition: background 0.2s ease; }
  .pcb-quote-modal-close:hover {
    background: rgba(255, 255, 255, 0.26); }
  .pcb-quote-card .pcb-quote-modal-close {
    width: .36rem;
    height: .36rem;
    margin-top: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.14);
    box-shadow: none;
    font-size: .22rem;
    font-weight: normal;
    line-height: 1;
    letter-spacing: normal; }

@media (max-width: 1000px) {
  .pcb-quote-modal-panel {
    max-width: 100%;
    width: 94vw;
    max-height: 88vh;
    overflow-y: auto; }
    .pcb-quote-modal-panel .pcb-quote-card {
      padding: .28rem .24rem; }
    .pcb-quote-modal-panel .pcb-quote-card .pcb-quote-fields {
      flex-direction: column;
      gap: .16rem; }
    .pcb-quote-modal-panel .pcb-quote-card .pcb-quote-fields label {
      width: auto; }
    .pcb-quote-modal-panel .pcb-quote-card .pcb-quote-fields input {
      width: 100%; } }

/* PCBA增强版弹窗：增加面板高度以容纳完整内容，不缩小 */
#pcbQuoteModalEnhanced .pcb-quote-modal-panel,
#pcbQuoteModal .pcb-quote-modal-panel {
  max-height: 100vh; }
.pcb-quote-modal.is-open #pcbQuoteModalEnhanced .pcb-quote-modal-panel {
    transform: scale(1); }

/*# sourceMappingURL=css.css.map */