@charset "utf-8";
/*弹出层*/
.video_bg{display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #101010;z-index: 9999999999999;}
.video_close img{position: absolute;right: 24px;top: 24px;width: 36px;height: auto;opacity: 0.5;cursor: pointer;}
.video{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 66vw;height: 77vh;}
.video iframe{width: 100%;height: 100%;}
/* ===== Products (index.html) ===== */
products.products {
  display: block;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  background: #f3f6fa;
  color: #000000;
}

.products__wrap {
  width: 90%;
  max-width: 1680px;
  margin-inline: auto;
  padding: clamp(48px, 4.17vw, 80px) 0 clamp(56px, 4.69vw, 90px);
}

.products__title {
  text-align: center;
  color: #1c4889;
  font-size: clamp(26px, 2.19vw, 42px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.01em;
}

.products__title1 {
  text-align: left;
  color: #1c4889;
  font-size: clamp(26px, 2.19vw, 42px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.01em;
}

/* pro_nav */
.pro_nav {
  margin-top: clamp(28px, 2.6vw, 50px);
  --pro-nav-item-h: 42px;
  --pro-nav-gap: 6px;
  --pro-nav-pad-x: 6px;
  --pro-nav-groove-pad: 4px;
}

.pro_nav__list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: var(--pro-nav-gap);
}

/* 凹槽：白底 + 内凹阴影 */
.pro_nav__list > li {
  display: flex;
  padding: var(--pro-nav-groove-pad);
  border: none;
  border-radius: 10px;
  background: #ffffff;
  box-shadow:
    inset 1px 1px 5px rgba(163, 177, 198, 0.5),
    inset -1px -1px 5px rgba(255, 255, 255, 0.95);
}

.pro_nav__list > li a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /*gap: 5px;*/
  box-sizing: border-box;
  height: var(--pro-nav-item-h);
  padding: 0 var(--pro-nav-pad-x);
  border: 1px solid #d8dee8;
  border-radius: 6px;
  background: linear-gradient(to bottom, #ddd 0%, #ccc 55%, #ccc 100%);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
  color: #4a4a4a;
  font-size: clamp(14px, 0.83vw, 16px);
  font-weight: 550;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
@media screen and (min-width: 1680px) {.pro_nav__list > li a{gap: 8px;}}
@media screen and (max-width: 1580px) {.pro_nav__list > li a{height: 30px;padding: 0 4px;font-size: 14px;}}
@media screen and (max-width: 1480px) {.pro_nav__list > li a{height: 30px;padding: 0 4px;font-size: 12px;}}
@media screen and (max-width: 1350px) {.pro_nav__list > li a{height: 30px;padding: 0 3px;font-size: 12px;}.pro_nav__list{gap: 6px;}}
.pro_nav__list > li a img {
  display: block;
  width: clamp(22px, 1.56vw, 29px);
  height: clamp(20px, 1.35vw, 25px);
  object-fit: contain;
  flex-shrink: 0;
}
.pro_nav__list > li.on a{
  background: linear-gradient(180deg, #1e5299 0%, #1a4a8e 100%);
  border-color: #1a4a8e;
  color: #ffffff;
  box-shadow: 0 2px 5px rgba(26, 74, 142, 0.35);
  }
.pro_nav__list > li.on a img {
  filter: brightness(0) invert(1);
}

.pro_nav__list > li a:hover{
  background: linear-gradient(180deg, #1e5299 0%, #1a4a8e 100%);
  border-color: #1a4a8e;
  color: #ffffff;
  box-shadow: 0 2px 5px rgba(26, 74, 142, 0.35);
  }
.pro_nav__list > li a:hover img {
  filter: brightness(0) invert(1);
}
  
/*.pro_nav__item:hover {
  background: linear-gradient(180deg, #ffffff 0%, #f2f5f9 100%);
  border-color: #c8d2de;
  color: #333333;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.pro_nav__item.is-active {
  background: linear-gradient(180deg, #1e5299 0%, #1a4a8e 100%);
  border-color: #1a4a8e;
  color: #ffffff;
  box-shadow: 0 2px 5px rgba(26, 74, 142, 0.35);
}

.pro_nav__item.is-active:hover {
  background: linear-gradient(180deg, #2160ad 0%, #1c5098 100%);
  border-color: #1c5098;
  color: #ffffff;
  box-shadow: 0 3px 6px rgba(26, 74, 142, 0.4);
}

.pro_nav__item.is-active img {
  filter: brightness(0) invert(1);
}
*/

/* products grid */
.products__grid {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(36px, 2.29vw, 44px);
  margin-top: clamp(28px, 2.6vw, 50px);
}

.products__card {
  background: #ffffff;
  border-radius: clamp(10px, 0.78vw, 15px);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.25s ease;
}

.products__card:hover {
  box-shadow: 0 8px 32px rgba(61, 127, 212, 0.22);
}

.products__card-body {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: clamp(12px, 1.56vw, 30px);
  padding: clamp(20px, 1.67vw, 32px) clamp(20px, 2.08vw, 40px);
  min-height: clamp(180px, 12.5vw, 240px);
}

.products__info {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  flex: 1;
  min-width: 0;
}

.products__model {
  flex-shrink: 0;
  color: #000000;
  font-size: clamp(22px, 1.67vw, 32px);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom:5px;
  transition: color 0.25s ease;
}

.products__card:hover .products__model {
  color: #1b4988;
}

.products__tagline {
  flex-shrink: 0;
  margin-top: -1px;
  color: #595959;
  font-size: clamp(15px, 0.94vw, 18px);
  font-weight: 400;
  line-height: 1.45;
}

.products__specs {
  flex: 0 0 calc(1.7em * 6);
  min-height: calc(1.7em * 6);
  height: calc(1.7em * 6);
  margin-top: clamp(6px, 0.52vw, 10px);
  font-size: clamp(13px, 0.78vw, 15px);
  line-height: 1.7;
  overflow: hidden;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.products__card:hover .products__specs {
  opacity: 1;
  visibility: visible;
}

.products__specs p {
  display: flex;
  gap: 6px;
  font-size: inherit;
  line-height: inherit;
  color: #888888;
}

.products__specs span {
  flex-shrink: 0;
  font-weight: 400;
}



.products__specs div {
  display: flex;
  gap: 6px;
  font-size: inherit;
  line-height: inherit;
  color: #888888;
}

.products__specs dt {
  flex-shrink: 0;
  font-weight: 400;
}

.products__specs dd {
  margin: 0;
  font-weight: 400;
}

.products__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  flex-shrink: 0;
  padding-top: clamp(14px, 1.25vw, 24px);
  color: #1c4889;
  font-size: clamp(15px, 0.94vw, 18px);
  font-weight: 400;
  text-decoration: none;
  transition: opacity 0.2s ease, gap 0.2s ease;
}

.products__link img {
  display: block;
  width: clamp(18px, 1.2vw, 23px);
  height: auto;
}

.products__link:hover,
.products__link:focus-visible {
  opacity: 0.75;
  gap: 12px;
}

.products__media {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  width: clamp(120px, 16.67vw, 320px);
}

.products__media img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.products__more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: clamp(36px, 3.13vw, 60px) auto 0;
  padding: clamp(10px, 0.73vw, 14px) clamp(28px, 2.08vw, 40px);
  border: 1px solid #1c4889;
  border-radius: 999px;
  background: transparent;
  color: #1c4889;
  font-size: clamp(13px, 0.83vw, 16px);
  font-weight: 400;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.products__wrap > .products__more {
  display: flex;
  width: fit-content;
}

.products__more img {
  display: block;
  width: clamp(16px, 1.09vw, 21px);
  height: auto;
  transition: filter 0.2s ease;
}

.products__more:hover,
.products__more:focus-visible {
  background: #1c4889;
  color: #ffffff;
  box-shadow: 0 4px 16px rgba(28, 72, 137, 0.25);
}

.products__more:hover img,
.products__more:focus-visible img {
  filter: brightness(0) invert(1);
}

@media (max-width: 900px) {
  .pro_nav__list {
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: var(--pro-nav-gap);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 4px;
  }

  .pro_nav__list::-webkit-scrollbar {
    display: none;
  }

  .products__grid {
    grid-template-columns: 1fr;
  }

  .products__card-body {
    flex-direction: column;
    align-items: stretch;
    min-height: 0;
  }

  .products__media {
    order: -1;
    width: 100%;
    max-width: 280px;
    align-self: center;
    margin-bottom: clamp(12px, 2.5vw, 18px);
  }

  .products__specs {
    flex: none;
    height: auto;
    min-height: 0;
    opacity: 1;
    visibility: visible;
  }

  .products__model {
    color: #1b4988;
  }
}

@media (max-width: 520px) {
  .products__wrap {
    width: 92%;
  }

.pro_nav__item {
    white-space: nowrap;
  }
}

/*产品内页*/
.features {
  width: 100%;
  max-width: 1920px;
  margin: 20px auto;
  background: #f2f5f8;
  color: #333333;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.features__wrap {
  width: 90%;
  max-width: 1680px;
  margin-inline: auto;
  padding: clamp(56px, 5.21vw, 100px) 0 clamp(64px, 5.73vw, 110px);
}

.features__title {
  text-align: center;
  color: #333333;
  font-size: clamp(26px, 2.19vw, 42px);
  font-weight: 700;
  line-height: 1.2;
}

.features__card {
  margin-top: clamp(28px, 2.6vw, 48px);
  padding: clamp(32px, 2.6vw, 48px) clamp(35px, 3.19vw, 50px);
  background: #ffffff;
  border-radius: clamp(12px, 1.04vw, 18px);
  box-shadow: 0 2px 16px rgba(27, 73, 136, 0.04);
  transition: box-shadow 0.25s ease;
}

.features__card:hover {
  box-shadow: 0 8px 28px rgba(27, 73, 136, 0.08);
}

.features__card h2{margin-top: clamp(10px, 0.83vw, 14px); color:#1c4889;}
.features__card p {
  padding-left: 0em;
  color: #595959;
  font-size: clamp(14px, 0.94vw, 16px);
  font-weight: 400;
  line-height: 1.85;
  list-style: disc;
}

.features__list li::marker {
  color: #595959;
}

@media (max-width: 900px) {
  .features__card {
    padding: clamp(24px, 5vw, 32px) clamp(20px, 4.5vw, 28px);
  }
}

@media (max-width: 520px) {
  .features__wrap {
    width: 92%;
  }
}

/* ===== aboutus 下的quality (index.html) ===== */
.stats {
  width: 100%;
  max-width: 1920px;
  aspect-ratio: 1920 / 1080;
  max-height: 1080px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
}

.stats__wrap {
  width: 100%;
  display: flex;
  justify-content: center;
}

.stats__card {
  width: 90%;
  max-width: 1580px;
  background: #fff;
  border-radius: clamp(14px, 1.04vw, 20px);
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
  padding: clamp(24px, 1.98vw, 38px) 0 clamp(32px, 2.5vw, 48px);
}

.stats__list {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

.stats__item {
  position: relative;
  text-align: center;
  padding: 0 clamp(4px, 1vw, 12px);
}

.stats__item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 18%;
  height: 64%;
  width: 1px;
  background: #e4e5e7;
}

.stats__value {
  color: #1c4889;
  font-size: clamp(42px, 3.208vw, 65px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.01em;
}

.stats__unit {
  font-size: clamp(16px, 1.04vw, 20px);
  font-weight: 400;
  vertical-align: baseline;
}

.stats__unit--lower {
  text-transform: lowercase;
}

.stats__plus {
  font-size: 0.72em;
  font-weight: 700;
  vertical-align: super;
  line-height: 0;
}

.stats__label {
  margin-top: clamp(14px, 1.04vw, 20px);
  color: #595959;
  font-size: clamp(14px, 0.83vw, 16px);
  font-weight: 400;
  line-height: 1.35;
}

@media (max-width: 900px) {
  .stats {
    aspect-ratio: auto;
    max-height: none;
    padding: 20px 0;
  }

  .stats__list {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 28px;
  }

  .stats__item:nth-child(3)::after,
  .stats__item:nth-child(6)::after {
    display: none;
  }
}

@media (max-width: 520px) {
  .stats__list {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 24px;
  }

  .stats__item::after {
    display: none;
  }

  .stats__item:nth-child(odd):not(:last-child)::after {
    display: block;
  }

  .stats__card {
    padding: 28px 4px 32px;
  }
}

@media (max-width: 360px) {
  .stats__list {
    grid-template-columns: 1fr;
  }

  .stats__item::after {
    display: none !important;
  }

  .stats__item + .stats__item {
    padding-top: 20px;
    border-top: 1px solid #e4e5e7;
  }
}


.quality {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  background: #ffffff;
  color: #333333;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.quality__wrap {
  width: 90%; margin:0 auto;
  max-width: 1680px; 
  margin-inline: auto;
}

.quality__row {
  padding: clamp(56px, 5.21vw, 100px) 0;
}

.quality__row + .quality__row {
  padding-top: 0;
}

.quality__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(32px, 4.17vw, 80px);
  align-items: start;
}

.quality__grid--reverse .quality__media {
  order: -1;
}

.quality__title {
  color: #1c4889;
  font-size: clamp(42px, 3.208vw, 65px);
  font-weight: 700;
  line-height: 1.0;
  padding-bottom: clamp(10px, 1.25vw, 20px);
}

.quality__title--blue {
  color: #1b4988;
}

.quality__text {
  margin-top: clamp(10px, 1.67vw, 15px);
  color: #595959;
  font-size: clamp(14px, 0.92vw, 16px);
  font-weight: 400;
  line-height: 1.8;
}
.quality__media {
  line-height: 0;
}

.quality__media img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: clamp(12px, 1.04vw, 20px);
 /* min-height: clamp(220px, 22.4vw, 550px);
  
  object-fit: cover;
  aspect-ratio: 780 / 520;*/
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.quality__media:hover img,
.quality__media:focus-within img {
  transform: scale(1.02);
  box-shadow: 0 12px 36px rgba(27, 73, 136, 0.12);
}

@media (max-width: 900px) {
  .quality__grid {
    grid-template-columns: 1fr;
    gap: clamp(24px, 4vw, 36px);
  }

  .quality__media {
    order: -1;
    width: 94vw;
    max-width: 94vw;
    margin-inline: calc(50% - 47vw);
  }

  .quality__media img {
    width: 100%;
    height: auto;
    max-height: none;
    aspect-ratio: auto;
    object-fit: contain;
  }
}

@media (max-width: 520px) {
  .quality__wrap {
    width: 92%;
  }
}

/*solution*/
.custom {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  background: #ffffff;
  color: #333333;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.custom__wrap {
  width: 90%;
  max-width: 1680px;
  margin-inline: auto;
}

.custom__row {
  padding: clamp(56px, 5.21vw, 100px) 0;
}

.custom__row + .custom__row {
  padding-top: 0;
}

.custom__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(32px, 4.17vw, 80px);
  align-items: start;
}

.custom__grid--reverse .custom__media {
  order: -1;
}

.custom__title {
  color: #333333;
  font-size: clamp(26px, 2.19vw, 42px);
  font-weight: 700;
  line-height: 1.2;
  padding-bottom: clamp(16px, 1.25vw, 24px);
  border-bottom: 1px solid #e4e5e7;
}

.custom__title--blue {
  color: #1b4988;
}

.custom__text {
  margin-top: clamp(20px, 1.67vw, 32px);
  color: #595959;
  font-size: clamp(14px, 0.94vw, 18px);
  font-weight: 400;
  line-height: 1.85;
}

.custom__more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: clamp(24px, 2.08vw, 36px);
  color: #1b4988;
  font-size: clamp(14px, 0.94vw, 16px);
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition: opacity 0.2s ease, gap 0.2s ease;
}

.custom__more img {
  display: block;
  width: clamp(16px, 1.09vw, 21px);
  height: auto;
}

.custom__more:hover,
.custom__more:focus-visible {
  opacity: 0.75;
  gap: 12px;
}

.custom__media {
  line-height: 0;
}

.custom__media img {
  display: block;
  width: 100%;
  height: auto;
  max-height: clamp(220px, 22.4vw, 430px);
  border-radius: clamp(12px, 1.04vw, 20px);
  object-fit: cover;
  aspect-ratio: 780 / 420;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.custom__media:hover img,
.custom__media:focus-within img {
  transform: scale(1.02);
  box-shadow: 0 12px 36px rgba(27, 73, 136, 0.12);
}

@media (max-width: 900px) {
  .custom__grid {
    grid-template-columns: 1fr;
    gap: clamp(24px, 4vw, 36px);
  }

  .custom__media {
    order: -1;
    width: 94vw;
    max-width: 94vw;
    margin-inline: calc(50% - 47vw);
  }

  .custom__media img {
    width: 100%;
    height: auto;
    max-height: none;
    aspect-ratio: auto;
    object-fit: contain;
  }
}

@media (max-width: 520px) {
  .custom__wrap {
    width: 92%;
  }
}

.bms {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  background: #eff3f8;
  color: #333333;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.bms__wrap {
  width: 90%;
  max-width: 1680px;
  margin-inline: auto;
  padding: clamp(56px, 5.21vw, 100px) 0 clamp(64px, 5.73vw, 110px);
}

.bms__card {
  padding: clamp(36px, 3.13vw, 36px) clamp(32px, 2.6vw, 48px);
  background: #ffffff;
  border-radius: clamp(12px, 1.04vw, 16px);
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.25s ease;
}

.bms__card:hover {
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.07);
}

.bms__card h2 {
  margin-top: clamp(10px, 0.92vw, 20px);
  color: #000000;
  font-size: clamp(18px, 1.15vw, 22px);
  font-weight: 700;
  line-height: 1.35;
}

.bms__card p{
  
  color: #555555;
  font-size: clamp(14px, 0.94vw, 16px);
  font-weight: 400;
  line-height: 1.65;
}

@media (max-width: 900px) {
  .bms__wrap {
    width: 94%;
  }

  .bms__card {
    padding: clamp(28px, 5vw, 40px) clamp(22px, 4.5vw, 32px);
  }
}

@media (max-width: 520px) {
  .bms__wrap {
    width: 94%;
  }
}


/* 分页 */
.fy {text-align: center;margin-bottom: 87px; margin-top:50px;}
.fy ul {display: inline-block;overflow: hidden;}
.fy ul li {float: left;width: 32px;height: 32px;box-sizing: border-box; border-radius:50%;text-align: center;border:0px #dddddd solid;margin: 0 8px;overflow: hidden;}
.fy ul li.fy_prev a {font-weight: bold;font-size: clamp(14px, 0.92vw, 16px);font-family: swiper-icons;background-color: #ddd;}
.fy ul li.fy_next a {font-weight: bold;font-size: clamp(14px, 0.92vw, 16px);font-family: swiper-icons;background-color: #ddd;}
.fy ul li.fy_active a {background-color: #1c4889;border-color: #1c4889;color: #fff;}
.fy ul li:hover a {background-color: #1c4889;border-color: #1c4889;color: #fff;}
.fy ul li a {display: block;line-height: 32px;color: #666;border:0px #fff solid;font-size: clamp(14px, 0.92vw, 18px);}

/*contact us*/

.site-footer__socialc {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(8px, 0.73vw, 12px);
  margin-top: clamp(16px, 1.25vw, 22px);
}

.site-footer__socialc a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(32px, 2.19vw, 38px);
  height: clamp(32px, 2.19vw, 38px);
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  transition: background 0.25s ease, border-color 0.25s ease, opacity 0.2s ease;
}

.site-footer__socialc a:hover,
.site-footer__socialc a:focus-visible {
  background: rgba(0, 0, 0, 0.02);
  border-color: rgba(0, 0, 0, 0.8);
}

.site-footer__socialc img {
  display: block;
  width: clamp(18px, 1.25vw, 28px);opacity: 0.7;
  height: auto;
}


/* ===== Footer (global.css) ===== */
.feedback + .site-footer {
  margin-top: -2px;
}

.site-footer {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  background: #1a4682;
  color: #ffffff;
}

.site-footer__wrap {
  width: 90%;
  max-width: 1680px;
  margin-inline: auto;
  padding: clamp(48px, 4.17vw, 72px) 0 clamp(24px, 2.08vw, 36px);
}

.site-footer__main {
  display: grid;
  grid-template-columns: minmax(160px, 1.35fr) minmax(0, 0.95fr) minmax(280px, 1.85fr) minmax(0, 0.95fr) minmax(0, 0.95fr) minmax(180px, 1.45fr);
  gap: clamp(20px, 2.08vw, 40px);
}

.site-footer__brand {
  min-width: 0;
}

.site-footer__logo {
  display: inline-block;
}

.site-footer__logo img {
  display: block;
  width: min(100%, 240px);
  height: auto;
  filter: brightness(0) invert(1);
}

.site-footer__hotline {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: clamp(20px, 1.67vw, 28px);
}

.site-footer__hotline img {
  flex-shrink: 0;
  width: clamp(24px, 3.25vw, 32px);
  height: auto;
}

.site-footer__hotline a {
  color: #ffffff;
  font-size: clamp(20px, 1.56vw, 28px);
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.site-footer__hotline a:hover,
.site-footer__hotline a:focus-visible {
  opacity: 0.8;
}

.site-footer__social {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(8px, 0.73vw, 12px);
  margin-top: clamp(16px, 1.25vw, 22px);
}

.site-footer__social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(32px, 2.19vw, 38px);
  height: clamp(32px, 2.19vw, 38px);
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 4px;
  transition: background 0.25s ease, border-color 0.25s ease, opacity 0.2s ease;
}

.site-footer__social a:hover,
.site-footer__social a:focus-visible {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.8);
}

.site-footer__social img {
  display: block;
  width: clamp(18px, 1.25vw, 28px);filter: brightness(0) invert(1);
  height: auto;
}

.site-footer__heading {
  font-size: clamp(14px, 0.94vw, 18px);
  font-weight: 700;
  line-height: 1.3;
  color:#fff;
  margin-bottom: clamp(14px, 1.04vw, 20px);
}

.site-footer__links {
  list-style: none;
}

.site-footer__links li + li {
  margin-top: clamp(8px, 0.73vw, 12px);
}

.site-footer__links a,
.site-footer__contact a {
  color: rgba(255, 255, 255, 0.88);
  font-size: clamp(12px, 0.73vw, 14px);
  font-weight: 400;
  line-height: 1.55;
  text-decoration: none;
  transition: color 0.2s ease, opacity 0.2s ease;
}

.site-footer__links a:hover,
.site-footer__links a:focus-visible,
.site-footer__contact a:hover,
.site-footer__contact a:focus-visible {
  color: #ffffff;
  opacity: 1;
}

.site-footer__col--wide .site-footer__pro {
  display: grid;
  grid-template-columns: repeat(2, minmax(168px, 1fr));
  gap: clamp(8px, 0.73vw, 16px) clamp(8px, 0.63vw, 14px);
}

.site-footer__col--wide .site-footer__links a {
  white-space: nowrap;
}

.site-footer__contact {
  list-style: none;
  color: rgba(255, 255, 255, 0.88);
  font-size: clamp(12px, 0.73vw, 14px);
  font-weight: 400;
  line-height: 1.65;
}

.site-footer__contact li + li {
  margin-top: clamp(8px, 0.73vw, 12px);
}

.site-footer__label {
  color: #ffffff;
  font-weight: 700;
}

.site-footer__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: clamp(32px, 2.6vw, 48px);
  padding-top: clamp(20px, 1.67vw, 28px);
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.site-footer__copy,
.site-footer__support {
  color: rgba(255, 255, 255, 0.65);
  font-size: clamp(11px, 0.68vw, 13px);
  font-weight: 400;
  line-height: 1.5;
}

.site-footer__support a {
  color: rgba(255, 255, 255, 0.65);
  text-decoration: none;
  transition: color 0.2s ease, opacity 0.2s ease;
}

.site-footer__support a:hover,
.site-footer__support a:focus-visible {
  color: #ffffff;
  opacity: 1;
}

@media (max-width: 1200px) {
  .site-footer__main {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .site-footer__brand {
    grid-column: 1 / -1;
	margin-top:-20px;
  }

  .site-footer__col--contact {
    grid-column: span 2;
  }
}

@media (max-width: 768px) {
  .site-footer__main {
    grid-template-columns: 1fr;
  }

  .site-footer__main > nav.site-footer__col {
    display: none;
  }

  .site-footer__col--wide,
  .site-footer__col--contact {
    grid-column: 1;
  }

  .site-footer__col--wide .site-footer__links a {
    white-space: normal;
  }

  .site-footer__bar {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 520px) {
  .site-footer__wrap {
    width: 92%;
  }

  .site-footer__main {
    grid-template-columns: 1fr;
  }

  .site-footer__col--wide .site-footer__pro {
    grid-template-columns: 1fr;
  }
}


/* 侧边栏 */
.online { position: fixed;right: 0px;top: 40%;margin-top: -163px;width: 40px;z-index: 999;}
.online ul.icons {position: absolute;list-style: none;right: 0px;width: 40px;}
.online ul.icons li {text-align: center;margin-bottom: 1px;}
.online ul.icons li i {display: block;position: relative; width: 40px;height: 40px;cursor: pointer;z-index: 210;background: url(../images/onlinebg1.png) no-repeat;}
.online ul.icons li.wechat i {background-position: 0 -82px;}
.online ul.icons li p { display: block;position: absolute;top: 0px; right: -190px;color: #FFFFFF;line-height: 40px;background: rgba(0, 0, 0, 0.7);overflow: hidden;z-index: 201;transition: all 0.3s;width: 165px;height: 177px;padding: 10px;}
.online ul.icons li.wechat p {background: rgba(0, 0, 0, 0);width: 135px;height: 135px;padding: 0 2px;}
.online ul.icons li p span {display: block;color: #ffffff;font-size: 14px;line-height: 35px;}
.online ul.icons li:hover p { right: 40px;}
.online ul.icons li p a {color: #fff; font-size:13px;}
.online ul.icons li.tel i {background-position: 0 -205px;}
.online ul.icons li.tel p {width: 150px;margin-top: 40px;height: auto;padding: 0px;}
.online ul.icons li.xinxi i {background-position: 0 -246px;}
.online ul.icons li.xinxi p {width: 150px;margin-top: 82px;height: auto; padding: 0px;}
.online ul.icons li.ali i {background-position: 0 -123px;}
.online ul.icons li.ali p {width: 150px;margin-top: 162px;height: auto; padding: 0px;}
.online ul.icons li.up i { background-position: 0 -287px;}