/* 全局重置样式 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: "Source Han Sans SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
}


a,
a:hover {
  text-decoration: none;
  color: #333;
}

ul,
ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0
}

img {
  max-width: 100%;
}

.location {
  font-size: 14px;
  color: #999;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}

.location a {
  color: #999
}

.marginT160 {
  margin-top: 160px
}




.banner-swiper {
  width: 100%;
  overflow: hidden;
}

.banner-swiper .swiper-slide {
  overflow: hidden;
}

.banner-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.1);
  transition: all 0.6s ease;
}

.banner-swiper .swiper-slide-active img {
  transform: scale(1);
}

.banner-swiper .swiper-button-prev,
.banner-swiper .swiper-button-next {
  color: #fff;
}

.banner-swiper .swiper-pagination {
  position: absolute;
  right: 80px;
  left: auto;
  width: auto;
  bottom: 80px;
  color: #fff;
  font-size: 30px;
  font-weight: 500;
}

.banner-swiper .swiper-pagination-current {
  font-size: 48px;
}

/* 面包屑导航 */
.sub_nav {
  border-bottom: 1px solid #e0e0e0;
  width: 100%;
  overflow: hidden;
}

.sub_nav ul {
  font-size: 0;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}

.sub_nav li {
  display: inline-block;
  line-height: 60px;
}

.sub_nav li a {
  display: block;
  text-align: center;
  font-size: 16px;
  color: #777;
  position: relative;
  padding: 0 30px;
}

.sub_nav li.cur a {
  color: #fff;
  background: #103581;
}

.sub_nav li.cur a:after {
  left: 0;
  width: 100%;
}

.sub_nav li:hover a {
  color: #fff;
  background: #fe0000;
}

.sub_nav li:hover a:after {
  left: 0;
  width: 100%;
}



/* 关于 */
/* 首页关于 */
.about-section {
  width: 100%;
  margin: 0 auto;
  padding: 60px 0px;
}

.about-header {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto 60px;
  display: grid;
  grid-template-columns: 35% 62%;
  gap: 40px;
  align-items: start;
  overflow: hidden;
}


.about-header__left {
  background: url(../../images/iaboutleft.jpg) no-repeat top right;
  background-size: cover;
  color: #fff;
  padding: 60px;
  position: relative;
}

.about-header__left .en-title {
  opacity: 0.9;
  margin-bottom: 12px;
}

.about-header__left .cn-title {
  font-size: 32px;
  font-weight: bold;
}

.about-header__right h2 {
  font-size: clamp(20px, 4vw, 36px);
  color: #222;
  margin-bottom: 20px;
}

.about-header__right p {
  font-size: 16px;
  line-height: 1.8;
  color: #666;
  margin-bottom: 20px;
}

.about-header__right .view-more {
  display: inline-flex;
  align-items: center;
  color: #777;
  text-decoration: none;
}

.about-header__right .view-more::after {
  content: "→";
  margin-left: 8px;
  font-size: 16px;
}

.nav-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto 60px;
}

.nav-card {
  position: relative;
  overflow: hidden;
  height: 349px;
}

.nav-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.nav-card:hover img {
  transform: scale(1.05);
}

.nav-card .btn {
  position: absolute;
  bottom: 20px;
  left: 0px;
  background-color: #2052b7;
  color: #fff;
  border: none;
  padding: 10px 60px;
  border-radius: 0 30px 30px 0;
  font-size: 20px;
  cursor: pointer;
}

.bottom-section {
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 0;
}

.factory-img {
  width: 100%;
  height: 600px;
  object-fit: cover;
}

.stats-card {
  background-color: #2052b7;
  background-color: linear-gradient(45deg, #2052b7, #0db192);
  color: #fff;
  padding: 60px 40px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  align-items: center;
  background-image: url(../../images/inumright.png);
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

.stat-item {
  text-align: center;
  position: relative;
  z-index: 1;
}

.stat-item .num {
  font-size: 60px;
  font-weight: bold;
  margin-bottom: 8px;
  color: #fff;
}

.stat-item-num {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.stat-item .unit {
  font-size: 16px;
  opacity: 0.9;
}

.stat-item .label {
  opacity: 0.8;
}

@media (max-width: 992px) {
  .about-header {
    grid-template-columns: 1fr;
  }

  .nav-cards {
    grid-template-columns: repeat(2, 1fr);
  }

  .bottom-section {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 576px) {
  .nav-cards {
    grid-template-columns: 1fr;
  }

  .stats-card {
    grid-template-columns: repeat(2,1fr);
  }
}


.about {
  width: 100%;
  overflow: hidden;
}

.section-bg {
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  height: 80vh;
  display: flex;
}

.section-about {
  align-items: flex-end;
  box-sizing: border-box;

}

.section-logo {
  align-items: center;
  justify-content: center;
}

.about-num {
  color: #333;
  width: 100%;
  max-width: 1600px;
  background-color: #fff;
  background: linear-gradient(45deg, rgba(33, 82, 184, 1), rgba(0, 159, 233, 1));
  padding: 60px 20px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  transform: translateY(100px);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  overflow: hidden;
}

.about-num-box {
  text-align: center;
  color: #fff
}

.about-num-num {
  font-size: 48px;
  color: #fff;
}

.about-num-num span {
  font-size: 20px;
  margin-left: 10px;
}

.about-about {
  background: #fff;
  padding: 60px 0px;
  width: 100%
}

.about-content {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}

.about-content h1 {
  text-align: center;
  font-size: clamp(24px, 4vw, 42px);
  font-weight: normal;
}

.about-desc {
  color: #999;
  font-size: 16px;
  text-align: center;
  margin: 10px 0 40px;
}

.about-content-con {
  line-height: 40px;
  color: #777
}

.about-logo {
  width: 100%;
  max-width: 1600px;
  padding: 80px;
  background: rgba(255, 255, 255, .9);
  margin: 0 auto;
  border-radius: 10px;
}

.about-logo-text h1 {
  font-size: clamp(24px, 4vw, 42px);
  text-align: center;
  margin-bottom: 60px;
  font-weight: normal;
}

.about-logo-definition {
  display: flex;
  gap: 60px;
  justify-content: space-between;
  align-items: center;
}

.about-logo-left,
.about-logo-right {
  width: 35%;
  display: grid;
  gap: 60px;
  grid-template-columns: repeat(2, 1fr);
}

.about-logo-definition-box h3 {
  margin-bottom: 10px;
  font-size: clamp(16px, 4vw, 18px);
}

.about-logo-definition-box p {
  color: #777;
  line-height: 30px;
  height: 60px;
  overflow: hidden;
}

.about-logo-definition-box:nth-child(1):after,
.about-logo-definition-box:nth-child(2):after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #2152b8;
  transform: translateY(30px);
}


/* 荣誉 */
.honor {
  width: 100%;
  max-width: 1600px;
  margin: 80px auto;
}

.honor h1 {
  font-size: clamp(24px, 4vw, 42px);
  text-align: center;
  margin-bottom: 40px;
  font-weight: normal;
}

.honorSwiper {
  width: 100%;
  padding: 30px 0
}

.honorSwiper .swiper-slide {
  opacity: .4;
  transform: scale(.85);
  transition: .4s;
  cursor: pointer
}

.honorSwiper .swiper-slide-active {
  opacity: 1;
  transform: scale(1)
}

.honorSwiper .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px
}

.lightbox-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .9);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999
}

.lightbox-modal.active {
  display: flex
}

.lightbox-close {
  position: absolute;
  top: 20px;
  right: 30px;
  color: #fff;
  font-size: 30px;
  cursor: pointer
}

.lightbox-img {
  max-width: 90%;
  max-height: 90%
}

.honor-name {
  line-height: 60px;
  height: 60px;
  overflow: hidden;
  text-align: center;
}


/* 合作伙伴 */

.partner-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at left top, rgba(33, 82, 184, .1), transparent 100%),
    radial-gradient(circle at right bottom, rgba(60, 184, 122, .1), transparent 30%),
    linear-gradient(180deg, #fff 0%, #f5f7fb 100%);
  width: 100%;
}


.partner-box {
  width: 100%;
  max-width: 1600px;
  margin: 120px auto;
}

/* title */

.partner-title {
  text-align: center;
  margin-bottom: 60px;
}

.partner-title h1 {
  font-size: clamp(24px, 4vw, 42px);
  font-weight: normal;
}

.partner-title p {
  color: #666;
  font-size: 16px;
}

/* 不规则布局 */

.partner-wall {
  position: relative;
  z-index: 2;
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-auto-rows: 92px;
  gap: 24px;
  grid-auto-flow: dense;
}

.partner-card {
  position: relative;
  min-height: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px 26px;
  border-radius: 24px;
  overflow: hidden;
  text-decoration: none;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .68));
  border: 1px solid rgba(255, 255, 255, .95);
  box-shadow:
    0 14px 38px rgba(15, 23, 42, .06),
    inset 0 1px 0 rgba(255, 255, 255, .95);
  backdrop-filter: blur(18px);
  transition: transform .45s ease, box-shadow .45s ease, border-color .45s ease;
  animation: cardFloat 5.6s ease-in-out infinite;
}

.partner-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(33, 82, 184, .16), transparent 48%, rgba(60, 184, 122, .07));
  opacity: 0;
  transition: opacity .45s ease;
}

.partner-card::after {
  content: "";
  position: absolute;
  width: 92px;
  height: 92px;
  right: -44px;
  bottom: -44px;
  border-radius: 50%;
  background: rgba(0, 159, 233, .08);
}

.partner-card img {
  position: relative;
  z-index: 2;
  max-width: 100%;
  max-height: 50px;
  object-fit: contain;
  filter: grayscale(100%);
  opacity: .68;
  transition: .45s ease;
}

.partner-card:hover {
  transform: translateY(-8px);
  border-color: rgba(0, 164, 224, .25);
  box-shadow:
    0 24px 58px rgba(0, 164, 224, .15),
    inset 0 1px 0 rgba(255, 255, 255, 1);
}

.partner-card:hover::before {
  opacity: 1;
}

.partner-card:hover img {
  filter: grayscale(0);
  opacity: 1;
  transform: scale(1.08);
}

/* 不规则 */

.partner-card:nth-child(1),
.partner-card:nth-child(8) {
  grid-column: span 2;
  grid-row: span 2;
}

.partner-card:nth-child(3),
.partner-card:nth-child(9),
.partner-card:nth-child(15) {
  grid-column: span 2;
}

.size-tall:nth-child(6) {
  grid-row: span 2;
}

/* 节奏变化 */

.partner-card:nth-child(4n + 1) {
  border-radius: 30px;
}

.partner-card:nth-child(5n + 2) {
  transform: translateY(10px);
}

.partner-card:nth-child(6n + 3) {
  border-radius: 18px 34px 18px 34px;
}

.partner-card:nth-child(2n) {
  animation-delay: .35s;
}

.partner-card:nth-child(3n) {
  animation-delay: .75s;
}

.partner-card:nth-child(4n) {
  animation-delay: 1.1s;
}

@keyframes cardFloat {

  0%,
  100% {
    translate: 0 0;
  }

  50% {
    translate: 0 -5px;
  }
}

/* 平板 */

@media (max-width: 1200px) {
  .partner-wall {
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 100px;
  }
}

/* 手机 */

@media (max-width: 768px) {
  .partner-section {
    padding: 64px 20px;
  }

  .partner-head {
    margin-bottom: 36px;
  }

  .partner-head h2 {
    font-size: 32px;
  }

  .partner-head p {
    font-size: 14px;
  }

  .partner-wall {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 92px;
    gap: 14px;
  }

  .partner-card,
  .size-lg,
  .size-wide,
  .size-tall {
    grid-column: span 1;
    grid-row: span 1;
    min-height: 92px;
    padding: 18px;
    border-radius: 20px;
    transform: none !important;
  }

  .partner-card img {
    max-height: 36px;
    max-width: 82%;
  }
}

@media (max-width: 480px) {
  .partner-wall {
    grid-template-columns: 1fr;
  }
}



.logo-section {
  background: #fff
}

.logo-wall {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  border: 1px solid #e8edf5;
  border-radius: 30px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 26px 80px rgba(11, 27, 56, .06)
}

.clients-box,
.value-section-box{
  width: 100%;
  max-width: 1600px;
  margin: 80px auto;
}
.cta-border{
  width: 100%;
  max-width: 1600px;
  margin:0 auto;  
}
.section-head{
  margin-bottom:60px;
}
.clients-title h2{
  font-size: clamp(20px, 4vw, 36px);
  font-weight: normal;
}
.clients-title p{
  color:#999;
margin-top:10px;
}

.logo-card {
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #e8edf5;
  border-bottom: 1px solid #e8edf5;
  position: relative;
  overflow: hidden;
  transition: .35s ease;
  background: #fff;
  color: #9aa5b5;
  font-weight: 900;
  letter-spacing: .5px
}

.logo-card:nth-child(6n) {
  border-right: 0
}

.logo-card:nth-last-child(-n+6) {
  border-bottom: 0
}

.logo-card:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(15, 103, 216, .1), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: .35s ease
}

.logo-card:hover {
  color: #2052b7;
  transform: translateY(-6px);
  z-index: 2;
  box-shadow: 0 20px 46px rgba(11, 61, 145, .12)
}

.logo-card:hover:before {
  opacity: 1
}

.logo-card em {
  font-style: normal;
  font-size: 22px
}

.logo-card span {
  display: block;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
  text-align: center;
  margin-top: 4px;
  color: #a5adba
}

.client-note {
  margin-top: 32px;
  display: grid;
  grid-template-columns: 1.1fr repeat(3, 1fr);
  gap: 18px;
  align-items: stretch
}

.note-main,
.note-item {
  border: 1px solid #103581;
  background: linear-gradient(180deg, #fff, #f8fbff);
  border-radius: 26px;
  padding: 26px;
  box-shadow: 0 20px 60px rgba(11, 27, 56, .05);
  transition: .35s ease;
  overflow: hidden;
  position: relative
}

.note-main:after,
.note-item:after {
  content: "";
  position: absolute;
  right: -50px;
  top: -50px;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: rgba(15, 103, 216, .08);
  transition: .35s ease
}

.note-main:hover,
.note-item:hover {
  transform: translateY(-6px);
  border-color: #d8e4f5;
  box-shadow: 0 26px 70px rgba(11, 27, 56, .08)
}

.note-main:hover:after,
.note-item:hover:after {
  transform: scale(1.4)
}

.note-main h3 {
  font-size: 24px;
  color: #07111f;
  margin-bottom: 8px
}

.note-main p {
  font-size: 14px;
  color: #667085;
  max-width: 520px
}

.note-item strong {
  display: block;
  font-size: 28px;
  line-height: 1;
  color: #2052b7;
  margin-bottom: 10px
}

.note-item span {
  font-size: 13px;
  color: #667085
}

.featured {
  background: var(--bg);
  position: relative;
  overflow: hidden
}

.featured:before {
  content: "";
  position: absolute;
  left: -160px;
  top: 80px;
  width: 360px;
  height: 360px;
  background: radial-gradient(circle, rgba(15, 103, 216, .12), transparent 68%)
}

.client-grid {
  display: grid;
  grid-template-columns: 1.18fr .82fr;
  gap: 24px
}

.client-card {
  position: relative;
  min-height: 390px;
  border-radius: 30px;
  overflow: hidden;
  background: #07111f;
  color: #fff;
  box-shadow: 0 30px 80px rgba(7, 17, 31, .14);
  transition: .45s ease;
  isolation: isolate
}

.client-card:hover {
  transform: translateY(-10px)
}

.client-card:before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--img) center/cover no-repeat;
  z-index: -2;
  transition: .7s ease
}

.client-card:hover:before {
  transform: scale(1.06)
}

.client-card:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(5, 15, 30, .12), rgba(5, 15, 30, .82));
  z-index: -1
}

.client-card .info {
  position: absolute;
  left: 36px;
  right: 36px;
  bottom: 34px
}

.tag {
  display: inline-flex;
  padding: 7px 13px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .13);
  border: 1px solid rgba(255, 255, 255, .22);
  font-size: 12px;
  margin-bottom: 16px
}

.client-card h3 {
  font-size: 30px;
  line-height: 1.28;
  margin-bottom: 14px
}

.client-card p {
  color: rgba(255, 255, 255, .76);
  font-size: 15px;
  max-width: 560px
}

.client-card .arrow {
  margin-top: 24px;
  display: inline-flex;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, .32);
  transition: .35s
}

.client-card:hover .arrow {
  background: #fff;
  color: #07111f
}

.side-list {
  display: grid;
  gap: 24px
}

.side-list .client-card {
  min-height: 183px
}

.side-list .client-card h3 {
  font-size: 22px
}

.side-list .client-card .info {
  left: 28px;
  right: 28px;
  bottom: 26px
}

.value-section {
  background: linear-gradient(180deg, #f7f9fc 0%, #fff 100%);
  padding:60px 0;
}

.value-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px
}

.value-card {
  padding: 34px 28px;
  border-radius: 28px;
  border: 1px solid #d8e4f5;
  background: #fff;
  transition: .35s ease;
  position: relative;
  overflow: hidden
}

.value-card:before {
  content: "";
  position: absolute;
  right: -40px;
  top: -40px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: rgba(15, 103, 216, .08);
  transition: .35s
}

.value-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 22px 60px rgba(11, 27, 56, .08);
  border-color: #d8e4f5
}

.value-card:hover:before {
  transform: scale(1.4)
}

.icon {
  width: 52px;
  height: 52px;
  border-radius: 18px;
  background: linear-gradient(135deg, #2052b7, #58a6ff);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 24px;
  margin-bottom: 22px
}

.value-card h3 {
  font-size: 20px;
  margin-bottom: 10px
}

.value-card p {
  font-size: 16px;
  color: #667085
}

.cta {
  padding: 0 0 96px
}

.cta-box {
  position: relative;
  overflow: hidden;
  border-radius: 34px;
  padding: 100px 0;
  background: #07111f;
  color: #fff;
  background-image: linear-gradient(135deg, #07111f, #0b2a58);
  box-shadow: 0 30px 80px rgba(7, 17, 31, .22);
  text-align: center;
}

.cta-box:before {
  content: "";
  position: absolute;
  right: -18%;
  top: -80%;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(65, 148, 255, .35), transparent 68%);
  animation: pulse 4s ease-in-out infinite
}

.cta-box h2 {
  font-size: clamp(20px, 4vw, 36px);
  margin-bottom: 40px;
  position: relative
}

.cta-box p {
  color: rgba(255, 255, 255, .72);
  max-width: 600px;
  position: relative;
  line-height: 30px;
  margin: 0 auto;
}

.cta-box .btn {
  margin-top: 28px;
  position: relative;
  background: #fff;
  color: #07111f
}






/* 新闻 */
.news {
  width: 100%;
}

.newsTop {
  background-color: #f8f8f8;
  padding: 140px 0 80px;
  overflow: hidden;
}

.newsTop .carousel-wrap {
  width: 100%;
  max-width: 1600px;
  height: 500px;
  display: flex;
  margin: 0px auto;
  overflow: hidden;
  position: relative;
}

/* 左侧图片 */
.newsTop .img-part {
  width: 65%;
  height: 100%;
}

.newsTop .img-part .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 右侧灰色文字区 */
.newsTop .text-part {
  width: 35%;
  height: 100%;
  background: #fff;
  position: relative;
}

.newsTop .text-slide {
  height: 100%;
  padding: 60px;
  display: flex;
  flex-direction: column;
}

.newsTop .text-part::before {
  content: "";
  display: block;
  width: 60px;
  height: 500px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.newsTop .text-date {
  font-size: 16px;
  color: #777;
  margin-bottom: 15px;
}

.newsTop .text-title {
  font-size: 24px;
  color: #222;
  margin-bottom: 20px;
  line-height: 1.4;
}

.newsTop .text-desc {
  font-size: 15px;
  color: #555;
  line-height: 1.7;
}

/* 自定义箭头位置样式 */
.newsTop .swiper-button-prev,
.newsTop .swiper-button-next {
  left: 70px;
  top: auto;
  bottom: 40px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #eee;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.newsTop .swiper-button-next {
  transform: translateX(60px);
  background: #222;
}

.newsTop .swiper-button-prev::after,
.newsTop .swiper-button-next::after {
  font-size: 18px;
}


.newsBottom {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  overflow: hidden;
  padding: 60px 0;
}

.newsBottom ul {
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(4, 1fr);
}

.newsBottom ul li {
  transition: all .5s;
}

.newsList-pic {
  width: 100%;
  height: 188px;
  overflow: hidden;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
}

.newsList-pic img {
  width: 100%;
  object-fit: cover;
  transition: all .5s;
}

.newsList-text {
  padding: 20px 0;
  overflow: hidden;
}

.newsList-date {
  color: #777
}

.newsList-title {
  font-size: 20px;
  line-height: 30px;
  margin: 10px 0 20px;
  height: 60px;
  overflow: hidden;
}

.newsList-title a {
  transition: all .5s;
}

.newsList-btn a {
  color: #999;
}

.newsBottom ul li:hover .newsList-pic img {
  transform: scale(1.1);
}

.newsBottom ul li:hover .newsList-title a {
  color: #2052b7
}

.news-content-top {
  width: 100%;
  background-color: #2052b7;
  padding: 80px 0;
  position: relative;
}


.news-content-top::after {
  content: "";
  display: block;
  width: 1px;
  height: 80px;
  background: #ccc;
  position: absolute;
  left: calc(50% - 1px);
  top: 80%
}

.news-content-top-text {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
}

.news-content-top-text h1 {
  font-size: clamp(24px, 4vw, 42px);
  font-weight: normal;
}

.news-content-top-desc {
  color: #ddd;
  margin-top: 20px;
}

.news-content-con {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 60px;
}

.news-content-con h3 {
  font-size: 26px;
  text-align: center;
  font-weight: normal;
}

.news-content-icon {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  gap: 40px;
  padding-top: 20px;
  color: #999
}

.news-content-text {
  margin: 80px 0;
  overflow: hidden;
  line-height: 30px;
  color: #555;
}

.news-related {
  width: 100%;
  background-color: #f8f8f8;
  padding: 60px 0;
}

.news-related h3 {
  width: 100%;
  max-width: 1600px;
  line-height: 60px;
  margin: 0 auto;
  border-bottom: 2px solid #2052b7;
}

.news-related-item {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  overflow: hidden;
}

.news-related-item li {
  padding: 30px 0;
  border-bottom: 1px solid #ccc;
  transition: all .5s;
}

.news-related-item li a {
  display: flex;
  flex-wrap: wrap;
  gap: 80px;
  color: #777
}

.news-related-item li a .news-related-title {
  transition: all .5s;
}

.news-related-item li:hover a .news-related-title {
  color: #000;
}

.news-related-item li:hover {
  background-color: #fff;
}




.banner-c {
  width: 100%;
  position: relative;
}

.banner-pic {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.banner-pic img {
  width: 100%;
  object-fit: cover;
  margin: 0 auto;
}

.banner-c-txt {
  position: absolute;
  left: 12%;
  top: 35%;
  color: #fff;
}

.banner-c-txt h1 {
  font-size: clamp(24px, 4vw, 42px);
  font-weight: normal;
}

.banner-c-txt a {
  color: #fff
}

.banner-c-desc {
  color: #eee;
  margin-top: 10px;
}

.banner-location {
  margin-top: 20px;
  font-size: 14px;
}

/* 联系我们 */
.contact {
  width: 100%;
  padding: 80px 0;
  overflow: hidden;
}

.contact-box {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}

.contact-box h2 {
  text-align: center;
  font-size: clamp(20px, 4vw, 36px);
}

.map {
  width: 100%;
  margin: 60px 0;
  overflow: hidden;
}

.contact-bottom{
  display: grid;
  gap: 60px;
  grid-template-columns: repeat(2,1fr);
  justify-content: center;
}
.contact-txt {
  overflow: hidden;
}

.contact-txt ul li {
  padding: 30px 0;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #ccc;
  align-items: center;
}

.contact-txt ul li:nth-child(1) {
  border-top: 1px solid #ccc
}

.contact-txt ul li:last-child {
  border-bottom: unset
}

.contact-txt-title {
  width: 20%
}
.message{
  background: #f4f4f4;
  border-radius: 10px;
  overflow: hidden;
  padding:60px;
}
.message .contact-form{
  gap:30px;
}


/* 解决方案 */
.solu-section {
  width: 100%;
  overflow: hidden;
}

.isolution {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  overflow: hidden;
}

.isolution-title {
  text-align: center;
  margin-bottom: 60px;
}

.isolution-title h2 {
  font-size: clamp(20px, 4vw, 36px);
}

.isolution-title .isolution-desc {
  color: #777;
  margin-top: 10px;
}

.isolution-item {
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(3, 1fr);
}

.isolution-item-li {
  position: relative;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
}

.isolution-item-li-pic {
  width: 100%;
  height: 338px;
  display: flex;
}

.isolution-item-li-pic img {
  width: 100%;
  object-fit: cover;
  transition: all .5s;
}

.isolution-item-li-text {
  position: absolute;
  width: 100%;
  height: 30%;
  background-color: rgba(32, 82, 183, .8);
  padding: 20px;
  left: 0;
  bottom: 0;
}

.isolution-item-li-icon {
  font-size: 80px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  transform: translateY(-80%);
  color: #fff;
  font-style: italic;
  line-height: 80px;
  float: left;
}

.isolution-item-li-desc {
  color: #fff;
  text-align: center;
  font-size: 24px;
}

.isolution-item-li:hover .isolution-item-li-pic img {
  transform: scale(1.1);
}


.section-products {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 80px 0;
  overflow: hidden;
  /* background:
    radial-gradient(circle at top center, rgba(54, 125, 255, 0.08), transparent 40%),
    linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%); */
}

.section-header {
  text-align: center;
  margin-bottom: 40px;
}

.section-header h2 {
  margin: 0;
  font-size: clamp(20px, 4vw, 36px);
  line-height: 1.2;
  color: #1a2740;
  font-weight: 700;
  letter-spacing: 1px;
}

.section-header p {
  margin: 12px 0 0;
  font-size: 16px;
  color: #74839b;
  letter-spacing: 0.4px;
}

.products-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 30px;
}

.product-card {
  position: relative;
  min-height: 248px;
  border-radius: 14px;
  overflow: hidden;
  padding: 40px;
  background:
    linear-gradient(135deg, #ddd 0%, #eee 55%, #f4f4f4 100%);
  transition: all .5s;
}

/* .product-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(63, 145, 255, 0.12) 1px, transparent 1px),
    linear-gradient(rgba(63, 145, 255, 0.12) 1px, transparent 1px);
  background-size: 34px 34px;
  opacity: 0.35;
  pointer-events: none;
  z-index: 0;
}

.product-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(73, 155, 255, 0.12), transparent 42%, transparent 60%, rgba(73, 155, 255, 0.08));
  pointer-events: none;
  z-index: 0;
} */

.product-card.large {
  grid-column: span 6;
}

.product-card.medium {
  grid-column: span 6;
}

.product-card.small {
  grid-column: span 4;
  min-height: 220px;
}

.card-top,
.card-bottom,
.card-media {
  position: relative;
  z-index: 1;
}

.card-no {
  font-size: 16px;
  font-weight: 700;
  color: #3b92ff;
  letter-spacing: 1px;
  margin-bottom: 12px;
}

.card-title {
  margin: 0 0 8px;
  font-size: 30px;
  line-height: 1.15;
  font-weight: 700;
}

.small .card-title {
  font-size: 26px;
}

.card-desc {
  margin: 0;
  font-size: 16px;
  line-height: 1.8;
  color: #777;
  max-width: 240px;
}

.card-tags {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  margin-top: 18px;
}

.card-tags span {
  padding: 7px 12px;
  border-radius: 999px;
  font-size: 12px;
  color: #cfe7ff;
  border: 1px solid rgba(118, 189, 255, 0.28);
  background: rgba(66, 139, 255, 0.1);
  backdrop-filter: blur(4px);
}

.card-media {
  position: absolute;
  right: 18px;
  bottom: 18px;
  width: 44%;
  height: 68%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.96;
}

.small .card-media {
  width: 38%;
  height: 58%;
  right: 12px;
  bottom: 14px;
}

.machine {
  position: relative;
  width: 100%;
  height: 100%;
}

.machine div {
  position: absolute;
  /* border: 1px solid rgba(101, 190, 255, 0.92);
  background: linear-gradient(180deg, rgba(75, 177, 255, 0.26), rgba(0, 56, 116, 0.1));
  box-shadow: inset 0 0 16px rgba(75, 177, 255, 0.18), 0 0 18px rgba(50, 145, 255, 0.18); */
}

.drum .base {
  left: 10%;
  bottom: 10%;
  width: 72%;
  height: 16%;
  transform: skewX(-18deg);
}

.drum .body {
  left: 24%;
  top: -20%;
}

.drum .body img {
  max-height: 200px;
}

.sensor .belt {
  left: 16%;
  bottom: 14%;
  width: 68%;
  height: 14%;
  transform: skewX(-22deg);
}

.sensor .frame {
  left: 10%;
  top: 5%;
  height: 40%;
}

.sensor .scan {
  left: 58%;
  top: 16%;
  width: 18%;
  height: 48%;
  border-radius: 10px;
}

.sensor .head {
  left: 20%;
  top: 12%;
  width: 18%;
  height: 16%;
  border-radius: 8px;
}

.arm .rail {}

.tower .tower-body {
  left: 20%;
  top: -40%;
}

.tower .tower-body img {
  max-height: 180px;
}

.robot .body {}

.card-arrow {
  position: absolute;
  left: 40px;
  bottom: 30px;
  z-index: 2;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(116, 191, 255, 1);
  background: rgba(27, 96, 186, 1);
  color: #fff;
  font-size: 18px;
  text-decoration: none;
  transition: all .5s;
}

.product-card img {
  transition: all .5s;
}

.card-arrow:hover {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  color: #fff;
}

.product-card:hover {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}

.product-card:hover img {
  transform: scale(1.1);
}

@media (max-width: 1199px) {

  .product-card.large,
  .product-card.medium,
  .product-card.small {
    grid-column: span 6;
  }

  .section-header h2 {
    font-size: clamp(20px, 4vw, 36px);
  }
}

@media (max-width: 767px) {
  .section-products {
    padding: 40px 16px 56px;
  }

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

  .product-card.large,
  .product-card.medium,
  .product-card.small {
    grid-column: span 1;
    min-height: 250px;
  }

  .card-title {
    font-size: 28px;
  }

  .small .card-title {
    font-size: 24px;
  }

  .card-media,
  .small .card-media {
    width: 42%;
    height: 54%;
  }

  .section-header h2 {
    font-size: clamp(20px, 4vw, 36px);
  }

  .section-header p {
    font-size: 14px;
  }
}



/* 主容器（全屏背景） */
.hero-section {
  width: 100%;
  min-height: 80vh;
  background: url("../../images/ihzhbback.png") no-repeat center center;
  background-size: cover;
  position: relative;
  display: flex;
  align-items: center;
}

/* 半透明遮罩，增强文字可读性 */
.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 1;
}

.hero-content {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

/* 标题样式 */
.hero-line {
  width: 80px;
  height: 4px;
  background: #fff;
}

.hero-title {
  font-size: clamp(22px, 4vw, 36px);
  font-weight: bold;
  margin-bottom: 60px;
  line-height: 60px;
  color: #fff;
  margin-top: 20px;
}

/* Logo 网格布局 */
.logo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 15px;
  margin-bottom: 40px;
}

.logo-item {
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 10px;
  height: 100px;
}

.logo-item img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* 按钮样式 */
.btn-learn-more {
  display: inline-block;
  padding: 12px 30px;
  background-color: #2052b7;
  color: #fff;
  text-decoration: none;
  border-radius: 20px;
  font-size: 16px;
  font-weight: 500;
  transition: background-color 0.3s ease;
}

.btn-learn-more:hover {
  background-color: #2152b8;
}

/* 响应式适配 */
@media (max-width: 768px) {
  .logo-grid {
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: 10px;
  }

  .logo-item {
    height: 80px;
    padding: 15px 8px;
  }

  .hero-title {
    margin-bottom: 30px;
  }
}


/* ---------------------- 客户案例部分 ---------------------- */
/* 客户案例 */
.case-section {
  padding: 80px 0;
  background: linear-gradient(to bottom,
      #fff 0%,
      #fff 30%,
      #ccc 30%,
      #ccc 100%);
  height: 50vh;
}

.section-title {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto 60px;
  text-align: center;
  font-size: clamp(22px, 4vw, 36px);
  font-weight: bold;
  position: relative;
}

.section-title::after {
  content: '';
  width: 60px;
  height: 2px;
  background: #0052cc;
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
}



.caseSwiper {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  z-index: 5;
}

/* 轮播卡片 */
.case-card {
  position: relative;
  overflow: hidden;
}

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

.case-label {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: #fff;
  font-size: 16px;
  padding: 5px 10px;
  border-radius: 4px;
}

/* Swiper 导航样式 */
.caseSwiper .swiper-button-next,
.caseSwiper .swiper-button-prev {
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

.caseSwiper .swiper-button-next::after,
.caseSwiper .swiper-button-prev::after {
  font-size: 16px;
}

.caseSwiper .swiper-pagination-bullet-active {
  background: #0052cc;
}

/* 案例 */
.mainBox {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  overflow: hidden;
  padding: 80px 00px;
}

.cases {
  background: #fff
}

.case-item {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 62px 34px
}

#caseGrid .case-item-li {
  display: none;
  min-width: 0;
  position: relative;
  transition: all .5s;
}
#caseGrid .case-item-li.visible {
  display: block;
}

.more-case {
  display: none
}

.case-item.show-more .more-case {
  display: block
}

.case-li-img {
  height: 285px;
  background: #edf1f6;
  overflow: hidden;
  display: flex;
}

.case-li-img img {
  width: 100%;
  object-fit: cover;
  transition: transform .55s ease, filter .55s ease;
  filter: saturate(.9)
}

.case-li-txt {
  margin-top: 20px;
  padding: 10px;
}

.case-li-txt h3 {
  font-weight: normal;
  font-size: clamp(16px, 4vw, 18px);
  position: relative;
}

.case-li-txt h3::before {
  content: "";
  display: block;
  width: 30px;
  height: 2px;
  background-color: #2052b7;
  position: absolute;
  left: 0;
  top: -10px;
}


.case-item-li:hover .case-li-img img {
  transform: scale(1.045);
  filter: saturate(1.05)
}

.case-item-li:hover {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}

.load-wrap {
  text-align: center;
  margin-top: 60px
}

.load-more {
  width: 200px;
  height: 48px;
  border: 1px solid #cbd5e1;
  background: #fff;
  color: #334155;
  font-size: 16px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: .25s;
}

.load-more:hover {
  background: #2052b7;
  color: #fff;
  transform: translateY(-2px)
}

.load-more.is-disabled {
  opacity: .55;
  cursor: default;
  pointer-events: none
}

.load-more::after {
  content: "↓";
  font-size: 15px
}




/* ---------------------- 应用领域部分 ---------------------- */
.application-section {
  background: url(../../images/case.jpg) no-repeat center center;
  background-size: cover;
  padding: 160px 0 120px;
  position: relative;
  color: #fff;
}

.application-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  z-index: 1;
}

.application-container {
  position: relative;
  z-index: 2;
  max-width: 1600px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
}

.application-text h2 {
  font-size: clamp(20px, 4vw, 36px);
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 20px;
}

.application-text h2::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 2px;
  background-color: #fff;
}

.application-text p {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 20px;
}

.btn-learn-more {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 24px;
  background-color: #fff;
  color: #0052cc;
  border: none;
  border-radius: 20px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.btn-learn-more a {
  display: block;
  transition: all .3s ease;
}

.btn-learn-more:hover {
  background-color: #0052cc;
  color: #fff;
}

.btn-learn-more:hover a {
  color: #fff;
}

.application-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.icon-item {
  width: 16%;
  color: #fff;
  border-radius: 10px;
  border: 1px solid #fff;
  padding: 18px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 16px;
  text-align: center;
}

.icon-item:nth-child(3),
.icon-item:nth-child(5) {
  width: 36%
}

/* ---------------------- 响应式适配 ---------------------- */
@media (max-width: 992px) {
  .application-container {
    grid-template-columns: 1fr;
  }

  .application-icons {
    grid-template-columns: repeat(4, 1fr);
  }
}

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

  .application-icons {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* ---------------------- 新闻媒体模块 ---------------------- */
.news-section {
  padding: 80px 0;
  background-color: #ffffff;
}

.section-title {
  text-align: center;
  font-size: clamp(22px, 4vw, 36px);
  font-weight: bold;
  color: #222;
  margin-bottom: 60px;
  position: relative;
}

.section-title::after {
  content: '';
  width: 60px;
  height: 2px;
  background-color: #0052cc;
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
}

.news-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 30px;
  max-width: 1600px;
  margin: 0 auto;
}

.news-card {
  background-color: #f8f9fa;
  overflow: hidden;
  transition: all .5s;
}

.news-card img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  display: block;
  transition: all .5s;
}

.news-content {
  padding: 25px;
}

.news-line {
  width: 30px;
  height: 2px;
  background-color: #0052cc;
  margin-bottom: 15px;
}

.news-title {
  font-size: 20px;
  height: 64px;
  overflow: hidden;
  line-height: 1.6;
  color: #333;
  margin-bottom: 20px;
}

.news-link {
  display: inline-block;
  font-size: 16px;
  color: #777;
  text-decoration: none;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}

.news-date {
  font-size: 16px;
  color: #999;
  display: flex;
  align-items: center;
  gap: 6px;
}

.news-card:hover {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}

.news-card:hover img {
  transform: scale(1.1);
}


/* ---------------------- 联系表单模块 ---------------------- */
.contact-section {
  background: url(../../images/icontact.jpg) no-repeat center center;
  background-size: cover;
  padding: 80px 0;
  position: relative;
  color: #fff;
}

.contact-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 82, 204, 0.1);
  z-index: 1;
}

.contact-container {
  position: relative;
  z-index: 2;
  max-width: 1600px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: start;
}

.contact-text {
  padding-top: 20px;
}

.contact-line {
  width: 60px;
  height: 2px;
  background-color: #fff;
  margin-bottom: 20px;
}

.contact-text h2 {
  font-size: clamp(20px, 4vw, 36px);
  margin-bottom: 20px;
}

.contact-text p {
  font-size: 16px;
  line-height: 1.8;
  opacity: 0.9;
}

.contact-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}

.form-full {
  grid-column: 1 / -1;
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 12px 15px;
  border: none;
  background-color: rgba(255, 255, 255, 0.7);
  color: #333;
  font-size: 16px;
}

.contact-form textarea {
  resize: none;
  min-height: 100px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.submit-btn {
  grid-column: 1 / -1;
  background-color: #0052cc;
  color: #fff;
  border: none;
  padding: 12px 0;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s;
  width: 30%;
}

.submit-btn:hover {
  background-color: #2152b8;
}

/* ---------------------- 响应式适配 ---------------------- */
@media (max-width: 768px) {
  .contact-container {
    grid-template-columns: 1fr;
  }

  .contact-form {
    grid-template-columns: 1fr;
  }
}


footer {
  background-color: #103581;
  /* 原图深蓝色 */
  background-image: radial-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px);
  background-size: 20px 20px;
  /* 背景网格点 */
  color: #fff;
}

.footer-container {
  max-width: 1600px;
  margin: 0 auto;
}

.footer-top {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.footer-logo img {
  height: 80px;
}


/* 顶部导航 */
.footer-nav {
  display: flex;
  gap: 4rem;
  margin-bottom: 40px;
  flex-wrap: wrap;
  line-height: 80px;
}

.footer-nav a {
  color: #fff;
  text-decoration: none;
}

/* 主内容区 */
.footer-main {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 100px;
  margin-bottom: 40px;
}

/* 左侧联系信息 */
.footer-info {
  line-height: 30px;
  font-size: 16px;
}

.footer-info .company-name {
  font-size: 20px;
  margin-bottom: 15px;
}

/* 中间二维码区 */
.footer-qrcodes {
  display: flex;
  gap: 60px;
  text-align: center;
}

.qrcode-item img {
  width: 120px;
  height: 120px;
  background: #fff;
  border-radius: 4px;
  margin-bottom: 10px;
}

.qrcode-item .douyin {
  border-radius: 50%;
}


.text-c {
  text-align: center;
  margin-top: 60px
}

.text-c span {
  padding: 2px 10px;
  background: #2052b7;
  color: #fff;
}

.text-c a {
  margin-right: 10px;
}

.text-c span {
  margin-right: 10px;
}

.fanye {
  display: flex;
  gap: 100px;
  justify-content: space-between;
  border-top: 1px solid #ddd;
  padding-top: 20px;
  margin-bottom: 60px;
  color: #999;
}

.fanye a {
  color: #999
}


/* 右侧产品展示 */
.footer-products {
  line-height: 2.2;
  font-size: 16px;
}

.footer-products .title {
  font-size: 20px;
  margin-bottom: 10px;
}
.footer-products a{color:#ccc;}



/* 底部版权区 */
.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
}

.footer-bottom a {
  color: rgba(255, 255, 255, 0.8)
}

.footer-bottom .business-icon {
  width: 120px;
  height: auto;
}

/* 响应式适配 */
@media (max-width: 1024px) {
  .footer-main {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .footer-qrcodes {
    justify-content: center;
  }

  .footer-products {
    text-align: center;
    display: none;
  }
  footer{padding-top:20px;}
  .footer-logo {
    position: static;
    margin: 0 auto 20px;
    display: block;
    width: fit-content;
  }
}

@media (max-width: 768px) {
  .footer-nav {
    justify-content: center;
    gap: 2rem;
  }

  .footer-info,
  .footer-products {
    font-size: 16px;
  }

  .footer-bottom {
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }
}



/* 产品 */

.productIndex-box{
  width: 100%;
  max-width: 1600px;
  margin:80px auto;
}

/* 选项卡容器 */
.tab-pro{
  max-width: 1600px;
  margin: 0 auto 60px;
  display: flex;
  justify-content: space-between;
  gap: 15px;
  flex-wrap: wrap;
}

.tab-pro-btn {
  flex: 1;
  min-width: 130px;
  padding: 18px 10px;
  border: none;
  border-radius: 8px;
  background-color: #ffffff;
  color: #333333;
  font-size: 17px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.3s ease;
}

.tab-pro-btn.active {
  background-color: #2052b7;
  color: #ffffff;
}

.tab-btn i {
  font-size: 20px;
}

/* 产品内容容器 */
.product-content {
  max-width: 1600px;
  margin: 0 auto;
  display: none;
}

.product-content.active {
  display: block;
}
.product-content-li{
  align-items: center;
  gap: 60px;
  display:flex;
  margin-bottom:30px;
  background-color: #f8f8f8;
}
.product-img {
  flex: 1;
  min-width: 300px;
  border-radius: 8px;
  overflow: hidden;
}

.product-img img {
  width: 100%;
  height: auto;
  display: block;
}

.product-desc {
  flex: 1;
  min-width: 300px;
  padding-right:60px;
  padding-top:40px;
  padding-bottom:40px;
}

.product-header {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
}
.product-title h1{font-size: 30px;}

.product-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #2052b7;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 30px;
}

.product-title h2 {
  font-size: clamp(20px, 4vw, 36px);
  color: #666666;
  font-weight: normal;
  margin-bottom: 5px;
}
/* 
.product-title h1 {
  font-size: 24px;
  color: #333333;
} */

.product-text {
  color: #777;
  line-height: 1.8;
  font-size: 16px;
  margin-bottom: 60px;
}

.more-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #2052b7;
  text-decoration: none;
  font-size: 16px;
}

.more-link i {
  font-size: 18px;
}

.productC-top{
  background: #f4f4f4;
  padding:80px 0;
  overflow: hidden;
}
.productC-top-box{
  max-width:1600px;
  margin: 0 auto;
  display: grid;
  gap: 60px;
  grid-template-columns: repeat(2,1fr);
  align-items: center;
}
.productC-top-pic{
  overflow: hidden;
}
.productC-top-pic img{transition: all .5s;}
.productC-top-pic:hover img{
  transform: scale(1.1);
}
.productC-top-c h2{
  font-size: clamp(20px, 4vw, 36px);
  margin-bottom:30px;
  font-weight: normal;
}
.productC-top-c h2::before{
  content: "";
  display: block;
  width:40px;
  height:2px;
  background-color:#2052b7;
  transform: translateY(-20px);
}
.productC-description{
  color:#777;
  line-height: 30px;
  padding-bottom:20px;
  margin-bottom:30px;
  border-bottom:1px solid #ddd;
}
.productC-btn{
  font-size: 20px;
  color:#fff;
  width:200px;
  height:48px;
  background: #2052b7;
  text-align: center;
  line-height: 48px;
  transition: all .3s;
}
.productC-btn a{
  display: block;
  color:#fff;
}
.productC-btn i.fa-commenting:before{font-size: 20px;}
.productC-btn:hover {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}
.productC-works{
  max-width: 1600px;
  margin:0 auto;
  padding:80px 0;
}
.productC-works h2{text-align: center;margin-bottom:40px;font-size: clamp(20px, 4vw, 36px);font-weight: normal;}
.productC-c{
  line-height: 30px;
  color:#777;
  padding:0 80px; 
  overflow: hidden;
}
.productC-adv{
  background: url(../../images/proBg.jpg) no-repeat center;
  background-size:100%;
  padding:80px 0;
}
.productC-adv h2,.productC-adv .productC-c{
  max-width: 60%;
  padding-left:12%;
  color:#fff;
}
.productC-adv h2{margin-bottom:40px;font-size: clamp(20px, 4vw, 36px);font-weight: normal;}
.productC-char,.productC-parameter{
  max-width:1600px;
  margin: 0 auto;
  padding:80px 0;
}
.productC-char{border-bottom:1px solid #ccc;}
.productC-char h2,.productC-parameter h2{
  font-size: clamp(20px, 4vw, 36px);font-weight: normal;
  margin-bottom:40px;
  text-align: center;
}
table{width: 100%;border-spacing: 0;}
table tr td{
  border: 1px solid #ddd;
  line-height: 40px;
  text-align: center;
}
.firstRow tr td{
  line-height: 60px;
  background: #f8f8f8;
}

.productC-case{
  background: #ccc;
  padding:80px 0;
}
.productC-case h2{
  font-size: clamp(20px, 4vw, 36px);font-weight: normal;
  max-width:1600px;
  margin:0 auto 40px;
}
.tedian-item{
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(2,1fr);
}
.tedian-li{
  border: 1px solid #ccc;
  border-radius: 10px;
  padding:20px;
  background-color: #f8f8f8;
}
.proCaseSwiper .swiper-slide{
  height:310px;
  overflow: hidden;
  display: flex;
  padding:10px;
  border-radius: 10px;
  background: #f4f4f4;
  }
  .proCaseSwiper .swiper-slide img{
    width:100%;
    object-fit: cover;
  }


  .proCaseSwiper .swiper-button-lock{
    display: block !important;
  }



@media(max-width:1600px){
.contact-box{
  padding:0 20px;
}
.footer-container{
  padding:0 20px;
}
.newsTop{padding: 80px 20px 80px;}
.newsBottom{padding: 60px 20px;}
.newsList-title{font-size: 18px;}
.news-content-con{padding:60px 20px 0;}
.news-related{padding:60px 20px;}
.mainBox{padding: 80px 20px;}
.productIndex-box{padding:0 20px;}
.productC-top,.productC-works,.productC-char, .productC-parameter,.productC-case{padding: 80px 20px;}
.productC-adv h2, .productC-adv .productC-c{padding-left: 5%;}
.about-about{padding: 60px 20px;}
.clients-box, .value-section-box{margin: 80px 00px;padding:0 20px;}
.about-section{padding: 60px 20px;}
.solu-section{padding:0 20px;}
.case-section{padding: 80px 20px;}
.application-section{padding: 160px 20px 120px;}
.news-section,.contact-section{padding: 80px 20px;}
.section-logo{padding:0 20px;}
}


@media(max-width:1300px){
  .icon-item img{
    height:40px;
  }
  .case-card img{
    height:300px;
  }
  .news-card img{height: 240px;}
  .news-title{font-size: 18px;}
  .proCaseSwiper .swiper-slide{height: 200px;}
  .case-li-img{height: 200px;}
  .newsList-title{font-size: 16px;}
}

@media(max-width:1025px){
  .nav-card{height: 240px;}
.stat-item .stat-item-num .num{font-size: 40px;}
.factory-img{height: 300px;}
.stats-card{padding:30px 10px;}
.isolution-item-li-pic{height:240px;}
.isolution-item-li-icon{font-size: 60px;}
.isolution-item-li-desc{font-size: 16px;}
.card-title{font-size: 24px;}
.hero-section{padding:0 20px;}
.about-num-num{font-size:36px}

}

/* 响应式适配 */
@media (max-width: 992px) {
  .product-content {
      flex-direction: column;
  }
  .footer-top,.footer-info{display: none;}
  .productC-c{padding: 0;}
  .products-grid{grid-template-columns: unset;}
  .about-num{
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
  }
  .about-logo-definition{display: block;}
  .about-logo-left, .about-logo-right{width: 100%;}
  .about-logo-middle{display: none;}
  .case-li-txt h3{font-size: 16px;}
  .product-title h1{font-size: 20px;}
  .product-text{height:60px;overflow: hidden;}
  .productC-adv{background-size: cover;}
  .newsTop .carousel-wrap{height: auto;display: block;}
  .newsTop .img-part{width: 100%;}
  .carousel-wrap .img-part .swiper-slide{height:350px}
  .newsTop .text-part{width: 100%;}
  .newsTop .text-title{font-size: 20px;}
  .newsList-pic{height:85px}
  .news-content-con h3{font-size: 20px;}
  .contact-bottom{display: block;}
  .banner-pic{
    height:200px
  }
  .contact{padding:40px 0;}
  .map{margin: 30px 0;}
}

@media (max-width: 768px) {
  /* body {
      padding: 20px 10px;
  } */
  .productIndex-box {
      gap: 10px;
      margin: 30px auto;
  }
  .tab-pro-btn {
      font-size: 14px;
      padding: 15px 8px;
  }
  .product-header {
      flex-direction: column;
      align-items: flex-start;
  }
  .contact-txt-title{width: 100%;}
  .message{padding: 20px;}
  .carousel-wrap .img-part .swiper-slide{height: 200px;}
  .newsTop .text-slide{padding:40px 20px;}
  .newsTop .text-part::before{display: none;}
  .newsBottom ul{grid-template-columns: repeat(1, 1fr);gap: 20px;}
  .newsTop {
    padding: 20px;
}
  .newsBottom{padding: 20px;}
  .newsTop .swiper-button-prev, .newsTop .swiper-button-next{bottom:0;left:0;}
  .newsList-pic{height:188px}
  .news-content-text{margin: 40px 0;}
  .fanye{display: block;}
  .news-related{padding:20px;}
  .news-related-item li a{display: block;}
  .case-item{display: block;}
  .mainBox{padding:40px 20px;}
  .product-content-li{display: block;}
  .tab-pro{margin: 0 auto 30px;}
  .product-desc{padding:20px;}
  .product-text{height:auto;margin-bottom:20px;}
  .productC-top-box{display: block;}
  .productC-c{overflow-x: scroll;}
  .productC-top, .productC-works, .productC-char, .productC-parameter, .productC-case{padding: 20px 20px;}
  .productC-char h2, .productC-parameter h2{margin-bottom: 20px;}
  .about-num{grid-template-columns: repeat(2, 1fr);padding:30px 20px;}
  .section-bg{height: 65vh;}
  .marginT160{margin-top: 120px;}
  .about-about{padding: 30px 20px;}
  .about-desc{margin: 10px 0 20px;}
  .about-content-con{line-height: 30px;}
  .section-bg{height: auto;}
  .about-logo{padding: 20px;}
  .about-logo-text h1{margin-bottom:20px}
  .section-logo{padding:20px;}
  .partner-section{padding: 20px;}
  .partner-box{margin:30px auto;}
  .honor{margin: 40px auto;}
  .section-head{margin-bottom: 30px;}
  .clients-box, .value-section-box{margin: 40px 00px;}
  .logo-wall{grid-template-columns: repeat(3, 1fr);}
  .logo-card img{max-height:60px;}
  .value-section{padding: 0px;}
  .value-grid{display: block;}
  .value-card{margin-bottom:20px;}
  .cta{padding: 10px;}
  .cta-border{padding:10px;}
  .cta-box{padding:30px 0;}
  .cta-box h2{margin-bottom:20px;}
  .banner-swiper .swiper-pagination{right:20px;bottom:20px;font-size: 16px;}
  .banner-swiper .swiper-pagination-current{font-size: 20px;}
  .about-section{padding:30px 10px;}
  .about-header{margin: 0 auto 30px;}
  .stat-item .stat-item-num .num{font-size: 32px;}
  .isolution-title{margin-bottom: 30px;}
  .isolution-item{display: block;}
  .isolution-item-li{margin-bottom:20px;}
  .section-products{
    padding: 40px 0;
  }
  .card-title{
    font-size: 20px;
}
.card-media, .small .card-media{height: 40%;}
.drum .body img,.tower .tower-body img{max-height: 120px;}
.small .card-media{bottom: 0px;}
.hero-title{line-height: 30px;}
.hero-content{margin: 30px auto;}
.case-section{padding: 40px 20px;}
.application-section{padding: 40px 20px;}
.application-container{gap: 30px;}
.icon-item,.icon-item:nth-child(3), .icon-item:nth-child(5){width: 26%;}
.news-section, .contact-section{padding:40px 10px;}

}