/* ===== 首页专用样式 ===== */

/* Banner */
.banner {
  position: relative;
  width: 100%;
  max-width: 1920px;
  height: 980px;
  overflow: hidden;
}
.banner .banner-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 980px;
  object-fit: cover;
  z-index: 0;
}
.banner .banner-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.35);
  color: #fff;
  font-size: 26px;
  z-index: 3;
  transition: all 0.2s ease;
}
.banner .banner-arrow.prev { left: 30px; }
.banner .banner-arrow.next { right: 30px; }
.banner .banner-arrow:hover,
.banner .banner-arrow.is-active {
  background: var(--c-orange);
}
.banner .banner-text {
  position: absolute;
  left: 100px;
  top: 348px;

  display: flex;
  flex-direction: column;
  gap: 70px;
  z-index: 2;
}
.banner .brand-row {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 8px;
}
.banner .brand-yow {
  font-family: var(--font-en);
  font-weight: 900;
  font-size: 28px;
  color: var(--c-orange);
  letter-spacing: 2px;
}
.banner .brand-yow img{
  max-width: 200px;
}
.banner .brand-cn {
  font-size: 80px;
  font-weight: 900;
  color: var(--c-text);
  letter-spacing: 4px;
}
.banner .banner-title {
  font-size: 80px;
  font-weight: 900;
  color: var(--c-text);
  letter-spacing: 0.02em;
  line-height: 1.1;
  margin-top: -75px;
}
.banner .banner-en {
  font-family: var(--font-en);
  font-size: 18px;
  color: var(--c-text);
  letter-spacing: 0.01em;
}
.banner .banner-thumbs {
  position: absolute;
  right: 159px;
  top: 763px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 2;
}
.banner .banner-thumbs .thumb {
  width: 136px;
  height: 90px;
  border-radius: 5px;
  object-fit: cover;
}
.banner .banner-thumbs .thumb-nav {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.banner .banner-thumbs .thumb-nav li {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  color: var(--c-text-mid);
  cursor: pointer;
}
.banner .banner-thumbs .thumb-nav .num { width: 18px; }
.banner .banner-thumbs .thumb-nav .bar {
  display: block;
  width: 24px; height: 2px;
  background: rgba(0,0,0,0.2);
}
.banner .banner-thumbs .thumb-nav .active .num { color: var(--c-orange); font-weight: 700; }
.banner .banner-thumbs .thumb-nav .active .bar { background: var(--c-orange); }
.banner .scroll-icon {
  position: absolute;
  left: 50%;
  bottom: 35px;
  transform: translateX(-50%);
  width: 27px; height: 35px;
  border: 2px solid var(--c-text-light);
  border-radius: 20px;
  display: flex;
  justify-content: center;
  padding-top: 5px;
}
.banner .scroll-icon span {
  width: 2px; height: 8px;
  background: var(--c-text-light);
  border-radius: 2px;
  animation: scroll-down 1.4s infinite;
}
@keyframes scroll-down {
  0% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(10px); opacity: 0; }
}

/* Products section */
.products-section {   width: 100%; max-width: 1920px; }
.products-section .section-head { width: min(1720px, 100%);margin-left: 100px; }
.products-section .tabs {
  width: min(1720px, 100%);
  display: flex;
  align-items: center;
  gap: 70px;
  padding: 0 0 10px 30px;
  border-bottom: 0.8px solid #a1a1a1;
  margin-bottom: 40px;
  margin-top: -60px;
  margin-left: 100px;
  position: relative;
}
.products-section .tabs .tab-indicator {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 2px;
  background: var(--c-orange);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  z-index: 1;
}
.products-section .tabs .tab {
  position: relative;
  font-size: 16px;
  letter-spacing: 0.01em;
  color: var(--c-text);
  padding-bottom: 10px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.products-section .tabs .tab.active {
  color: var(--c-orange);
  font-weight: 700;
}
.products-section .tabs .tab.active::before {
  display: none;
}
.products-section .tabs .tag-new {
  /*background: var(--c-orange);*/
  color: #fff;
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 3px 3px 3px 0;
  line-height: 1.2;
  position: absolute;
  top: 1px;
  right: -41px;
}
.product-carousel {
  position: relative;
  width: 100%;
}
.product-carousel .product-list {
  display: flex;
  gap: 46px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding: 29px 90px;
  scrollbar-width: none;
}
.product-carousel .product-list::-webkit-scrollbar { display: none; }
.product-carousel .product-list li {
  flex: 0 0 340px;
  height: 400px;
  border-radius: 20px;

  /*background: #fff;*/
  position: relative;
  /*transition: transform 0.25s ease, */
  box-shadow 0.25s ease;
}
/*.product-carousel .product-list li::before {
  content: "";
  position: absolute;
  inset: 14px;
  border-radius: 16px;
  background: rgba(254, 104, 4, 0.18);
  opacity: 0;
  z-index: 0;
  transition: opacity 0.25s ease;
}*/
.product-carousel .product-list img {
  position: relative;
  z-index: 1;
  width: 340px;
  height: 400px;
  object-fit: cover;
  border-radius: 20px;
 
  border-bottom: 4px solid rgba(255,255,255,0);
  /*transition: 0.4s;*/
}

.product-carousel .product-list li:hover {
  transform: translateY(-5px);
  /*box-shadow: 0 16px 28px rgba(254, 104, 4, 0.24);*/
  

}
.product-carousel .product-list li:hover img{
  /*transform: scale(1.1);*/
  border-bottom: 4px solid #fe6804;
  box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
}
.product-carousel .product-list li:hover::before { opacity: 1; }
.product-carousel .nav-arrow {
  position: absolute;
  top: 167px;
  width: 60px; height: 60px;
  border-radius: 50%;
  background: rgba(204, 204, 204, 0.4);
  backdrop-filter: blur(8.75px);
  -webkit-backdrop-filter: blur(8.75px);
  color: #fff;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  transition: background 0.2s;
}
.product-carousel .nav-arrow:hover { background: rgba(254, 104, 4, 0.7); }
.product-carousel .nav-arrow.is-active { background: rgba(254, 104, 4, 0.7); }
.product-carousel .nav-arrow.prev { left: 60px; }
.product-carousel .nav-arrow.next { right: 60px; }

/* Magnetic ad */
.magnetic-ad {
  margin-top: 80px;
  width: 100%;
  max-width: 1920px;
  position: relative;
  overflow: hidden;
}

.magnetic-ad img {
  width: 100%;
  height: 500px;
  display: block;
  transition: .4s;
}
.magnetic-ad:hover img{
  transform: scale(1.1);
}
.magnetic-ad .bwz{
  position: absolute;
  height: 100%;
  width: 45%;
  left: 100px;
  top: 0;
  display: grid;
  align-content: center;
}
.magnetic-ad .bwz .bw1{
  font-size: 62px;
  color: #353535;
  font-weight: 700;
}
.magnetic-ad .bwz .bw2{
  font-size: 18px;
  color: #5B5B5B;
  margin:35px 0;
}
.magnetic-ad .bwz .btn-outline{
  width: 250px;
}

/* Patent */
.patent-section { padding-left: 100px; padding-right: 100px; width: 100%; max-width: 1920px; }
.patent-section .section-head { width: min(1720px, 100%);border-bottom:1px solid #A1A1A1; }
.patent-card {
  position: relative;
  width: min(1720px, 100%);
  height: 735px;
  border-radius: 20px;
  overflow: hidden;
}
.patent-card .bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .4s;
}
.patent-card:hover .bg{
  transform: scale(1.1);
}
.patent-card .patent-content {
  position: absolute;
  left: 90px;
  top: 148px;
  width: 590px;
  display: flex;
  flex-direction: column;
  gap: 71px;
}
.patent-title {
  font-family: var(--font-display);
  font-size: 96px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 0.83;
  background: linear-gradient(186deg, var(--c-orange-light) 0%, var(--c-orange) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.patent-data { width: 407px; }
.patent-data .data-row {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-content: space-between;
  border-bottom: 0.8px solid var(--c-text-light);
  padding-bottom: 8px;
  margin-bottom: 16px;
}
.patent-data .data-label {
  font-size: 20px;
  font-weight: bold;
  color: var(--c-text);
}
.patent-data .data-value {
  font-family: var(--font-en);
  font-weight: 700;
  color: var(--c-orange);
}
.patent-data .data-value b { font-size: 94px; line-height: 1;font-family:'dn';font-weight: normal; }
.patent-data .data-value i { font-style: 500; font-size: 40px; }
.patent-data .data-value sub{font-size: 23px;color: #353535;margin-left: 5px;font-weight: normal;position: relative;top: -8px}
.patent-data .data-list {
  display: flex;
  gap: 40px;
}
.patent-data .data-list li {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.patent-data .data-list b {
font-weight: normal;
  font-size: 55px;
  font-weight: 700;
  color: #FE6804;
  position: relative;
  font-family:'dn' 

}
.patent-data .data-list b:after{
  content: '项';
  /*position: absolute;*/
  right: 10px;
  color: #353535;
  font-size: 18px;
  font-weight: 500;
  margin-left: 5px;
}
.patent-data .data-list b sub{
  color: #353535;
  font-size: 18px;
  font-weight: 500;
  margin-left: 5px;
  top: -8px;
    position: relative;
}
.patent-data .data-list span {
  font-size: 18px;
  color: var(--c-text-mid);
  font-weight: bold;
}

/* Operations */
.operations-section { padding-left: 100px; padding-right: 100px; width: 100%; max-width: 1920px; }
.operations-section .section-head { width: min(1720px, 100%);border-bottom:1px solid #A1A1A1; }
.ops-grid {
  display: flex;
  justify-content: center;
  gap: 75px;
}
.ops-card {
  width: 500px;
  background: var(--c-bg-card);
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 28px;
}
.ops-card img {
  width: 100%;
  height: 525px;
  object-fit: cover;
  margin-bottom: -120px;
  border-radius: 20px;
  transition: .4s;
}
.ops-card:hover img{
  transform: scale(1.1);
}
.ops-card .ops-card-text {
  /*width: 444px;*/
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 20px;
  align-items: flex-start;
  z-index: 2;
}
.ops-card .ops-title {
  font-size: 20px;
  margin-bottom: -25px;
  font-weight: 700;
  color: var(--c-text);
}
.ops-card .ops-en {
  font-family: var(--font-en);
  font-size: 40px;
  color: rgba(64, 64, 64, 0.3);
  margin-top: -5px;
  font-weight: bold;
}
.ops-card .ops-bar {
  width: 40px; height: 5px;
  background: var(--c-orange);
  display: block;
}
.ops-card .ncon{
  font-family: 'Arial';
}


/* Partners */
.partners-section { padding-left: 0; padding-right: 0; width: 100%; max-width: 1920px; }
.partners-section .section-head {
  width: min(1720px, calc(100% - 40px));
  margin-left: 100px;
  border-bottom: 1px solid #A1A1A1;
}
.section-head .desc{
  text-align: right;
}
.partners-wall {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 10px 0;
}
.partners-wall .partners-track {
  display: flex;
  width: max-content;
  animation: partners-marquee 20s linear infinite;
}
.partners-wall .partner-item {
  width: 200px;
  height: 110px;
  border-radius: 14px;
  overflow: hidden;
  margin-right: 24px;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.1);
  background: #fff;
}
.partners-wall .partner-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.flex {
    display: flex;
}
.partners-section .scroll_x img{
  box-shadow: 0px 5px 12px rgba(121,148,193,0.1);
  margin-top:10px;
  margin-bottom:10px;
}
.partners-section .row_left_animation{
  animation: 10s rowup-left linear infinite normal;
}
.partners-section .row_right_animation{
  animation: 10s rowup-right linear infinite normal;
}
.partners-section  .pos{
    position: relative;
}

.partners-section .m-t-52{
    margin-top: 52px;
}

.partners-section .h-80{
    height: 100px;
}
.partners-section .m-r-20{
    margin-right: 20px;
}
.bbg{
  background: url(../images/pbg.jpg) no-repeat;
  position: relative;
  padding:60px 0;
}
.bbg .mask_left {
    position: absolute;
    top: 0px;
    left: 0;
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #fff 100%);
    z-index: 6;
    width: 600px;
    height: 100%;
}
.bbg .mask_right {
    position: absolute;
    top: 0px;
    right: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);
    z-index: 6;
    width: 600px;
    height: 100%;
}
@keyframes rowup-left {
  0%{
    transform: translate3d(0,0,0);
  }
  100%{
    transform: translate3d(-300px,0,0);
  }
}

@keyframes rowup-right {
  0%{
    transform: translate3d(0,0,0);
  }
  100%{
    transform: translate3d(300px,0,0);
  }
}
.partners-section .scroll_x{
  width: min(1720px, calc(100% - 40px));
    margin-left: 100px;
  overflow: hidden;
}

@keyframes partners-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* After-sales */
.after-sales-section {
  padding: 40px 100px 0;
  width: 100%;
  max-width: 1920px;
}
.after-sales-card {
  width: min(1720px, 100%);

  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
.after-sales-card img.bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: .4s;
}
.after-sales-card:hover img{
  transform: scale(1.1);
}
.after-sales-card .bbwz{
  position: absolute;
  left: 50px;
  height: 100%;
  width: 45%;
  top: 0;
  display: grid;
  align-content: center;
}
.after-sales-card .bbwz .bbwz1{
  font-size: 70px;
  font-weight: 700;
  color: #353535;
}
.after-sales-card .bbwz .bbwz1 span{
  color: #FE6804;
}
.after-sales-card .bbwz .bbwz1 span sup{
  font-size: 36px;
}
.after-sales-card .bbwz .bbwz2{
  color: #5B5B5B;
  font-size: 20px;
  margin:45px 0 60px;
}
.after-sales-card .bbwz .btn-outline{
  width: 35%;
}

/* page bottom spacing before footer */
.after-sales-section { margin-bottom: 80px; }

@media (max-width: 1280px) {
  .banner { height: 760px; }
  .banner .banner-bg { height: 760px; }
  .banner .banner-text { left: 30px; top: 240px; width: min(520px, calc(100% - 60px)); gap: 30px; }
  .banner .banner-title { font-size: clamp(42px, 7vw, 64px); }
  .banner .banner-thumbs { right: 30px; top: auto; bottom: 90px; }
  .products-section,
  .patent-section,
  .operations-section,
  .after-sales-section { padding-left: 24px; padding-right: 24px; }
  .products-section .tabs { gap: 26px; margin-bottom: 40px; }
  .product-carousel .product-list { padding: 0 14px; gap: 20px; }
  .product-carousel .product-list li { flex-basis: 280px; height: 320px; }
  .product-carousel .product-list img { width: 280px; height: 320px; }
  .product-carousel .nav-arrow { width: 48px; height: 48px; top: 135px; }
  .product-carousel .nav-arrow.prev { left: 8px; }
  .product-carousel .nav-arrow.next { right: 8px; }
  .patent-card { height: 560px; }
  .patent-card .patent-content { left: 30px; top: 80px; width: min(460px, calc(100% - 60px)); gap: 32px; }
  .patent-title { font-size: clamp(44px, 8vw, 72px); }
  .ops-grid { gap: 20px; }
  .ops-card { width: calc((100% - 40px) / 3); }
  .ops-card img { height: 360px; margin-bottom: -80px; }
  .ops-card .ops-card-text { width: calc(100% - 24px); }
  .partners-section .section-head { margin-left: 24px; }
  .partners-wall .partner-item { width: 200px; height: 100px; margin-right: 14px; }
  .after-sales-card { height: 440px; }
}

@media (max-width: 767px) {
  .banner { height: 560px; }
  .banner .banner-bg { height: 560px; }
  .banner .banner-text { left: 16px; top: 160px; width: calc(100% - 32px); gap: 20px; }
  .banner .brand-cn { font-size: 18px; letter-spacing: 1px; }
  .banner .banner-title { font-size: 38px; line-height: 1.2; }
  .banner .banner-en { font-size: 13px; }
  .banner .banner-thumbs { right: 16px; bottom: 76px; gap: 8px; }
  .banner .banner-thumbs .thumb { width: 90px; height: 62px; }
  .banner .scroll-icon { bottom: 24px; }
  .banner .banner-arrow { display: none; }
  .products-section,
  .patent-section,
  .operations-section,
  .after-sales-section { padding-left: 12px; padding-right: 12px; }
  .products-section .tabs { gap: 16px; padding-left: 0; margin-top: -24px; }
  .product-carousel .product-list { padding: 0 0 8px; }
  .product-carousel .product-list li { flex-basis: 240px; height: 280px; }
  .product-carousel .product-list img { width: 240px; height: 280px; }
  /*.product-carousel .nav-arrow { display: none; }*/
  .magnetic-ad { margin-top: 40px; }
  .magnetic-ad img.bg { height: 260px; object-fit: cover; }
  .patent-card { height: 460px; }
  .patent-card .patent-content { left: 16px; top: 40px; width: calc(100% - 32px); gap: 20px; }
  .patent-data { width: 100%; }
  .patent-data .data-list { gap: 20px; }
  .operations-section .section-head { margin-bottom: 30px; }
  .ops-grid { flex-direction: column; }
  .ops-card { width: 100%; }
  .ops-card img { height: 280px; }
  .partners-wall .partner-item { width: 160px; height: 80px; }
  .after-sales-card { height: 280px; }
  .after-sales-section { margin-bottom: 30px; }
}