@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900&display=swap");

.clear {
  font-size: 0;
  line-height: 0;
  clear: both;
  overflow: hidden;
  zoom: 1;
}
.fr {
  float: right;
}
.fl {
  float: left;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: #c01701;
  transition: all 0.2s linear 0s;
}
@charset "utf-8";

/* ===== 提示框 ===== */
.hint_box_case {
  margin-left: 44%;
  color: #fff;
  margin-top: 15%;
  position: relative;
  display: flex;
  align-items: center;
}
.hint_box_case .hint_box {
  width: 13px;
  height: 21px;
  border: 2px solid #fff;
  border-radius: 0.5rem;
  position: relative;
  margin-right: 0.5vw;
  font-size: 0.14rem;
  line-height: 1;
}
.hint_box_case .hint_box span {
  width: 3px;
  height: 5px;
  border-radius: 2px;
  background-color: #fff;
  position: absolute;
  left: 3px;
  top: 2px;
  animation: upd 2s ease infinite;
}
@keyframes upd {
  0% {
    transform: none;
  }
  50% {
    transform: translateY(50%);
  }
  100% {
    transform: none;
  }
}

/* ===== 动画文字 ===== */
.animated-text {
  font-size: 2.5vw;
  font-weight: normal;
  line-height: 2.6vw;
  margin: 0px 0 1.3vw 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.animated-text span {
  display: inline-block;
  opacity: 0;
  transform: translateY(20px);
}
.animate-text .animated-text span {
  animation: fadeInUp 0.5s forwards;
}
.animate-text .animated-text.section-1-text span:nth-child(1) {
  animation-delay: 0.1s;
}
.animate-text .animated-text.section-1-text span:nth-child(2) {
  animation-delay: 0.2s;
}
.animate-text .animated-text.section-1-text span:nth-child(3) {
  animation-delay: 0.3s;
}
.animate-text .animated-text.section-1-text span:nth-child(4) {
  animation-delay: 0.4s;
}
.animate-text .animated-text.section-1-text span:nth-child(5) {
  animation-delay: 0.5s;
}
.animate-text .animated-text.section-1-text span:nth-child(6) {
  animation-delay: 0.6s;
}
.animate-text .animated-text.section-1-text span:nth-child(7) {
  animation-delay: 0.7s;
}
.animate-text .animated-text.section-1-text span:nth-child(8) {
  animation-delay: 0.8s;
}
.animate-text .animated-text.section-1-text span:nth-child(9) {
  animation-delay: 0.9s;
}
.animate-text .animated-text.section-1-text span:nth-child(10) {
  animation-delay: 1.0s;
}
.animate-text .animated-text.section-1-text span:nth-child(11) {
  animation-delay: 1.1s;
}
.animate-text .animated-text.section-1-text span:nth-child(12) {
  animation-delay: 1.2s;
}
.animate-text .animated-text.section-1-text span:nth-child(13) {
  animation-delay: 1.3s;
}
.animate-text .animated-text.section-1-text span:nth-child(14) {
  animation-delay: 1.4s;
}
.animate-text .animated-text.section-1-text span:nth-child(15) {
  animation-delay: 1.5s;
}
.animate-text .animated-text.section-1-text span:nth-child(16) {
  animation-delay: 1.6s;
}
.animate-text .animated-text.section-2-text span:nth-child(1) {
  animation-delay: 0.15s;
}
.animate-text .animated-text.section-2-text span:nth-child(2) {
  animation-delay: 0.3s;
}
.animate-text .animated-text.section-2-text span:nth-child(3) {
  animation-delay: 0.45s;
}
.animate-text .animated-text.section-2-text span:nth-child(4) {
  animation-delay: 0.6s;
}
.animate-text .animated-text.section-2-text span:nth-child(5) {
  animation-delay: 0.75s;
}
.animate-text .animated-text.section-2-text span:nth-child(6) {
  animation-delay: 0.9s;
}
.animate-text .animated-text.section-2-text span:nth-child(7) {
  animation-delay: 1.05s;
}
.animate-text .animated-text.section-2-text span:nth-child(8) {
  animation-delay: 1.2s;
}
.animate-text .animated-text.section-3-text span:nth-child(1) {
  animation-delay: 0.05s;
}
.animate-text .animated-text.section-3-text span:nth-child(2) {
  animation-delay: 0.1s;
}
.animate-text .animated-text.section-3-text span:nth-child(3) {
  animation-delay: 0.15s;
}
.animate-text .animated-text.section-3-text span:nth-child(4) {
  animation-delay: 0.2s;
}
.animate-text .animated-text.section-3-text span:nth-child(5) {
  animation-delay: 0.25s;
}
.animate-text .animated-text.section-3-text span:nth-child(6) {
  animation-delay: 0.3s;
}
.animate-text .animated-text.section-3-text span:nth-child(7) {
  animation-delay: 0.35s;
}
.animate-text .animated-text.section-3-text span:nth-child(8) {
  animation-delay: 0.4s;
}
.animate-text .animated-text.section-3-text span:nth-child(9) {
  animation-delay: 0.45s;
}
@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ===== 全局重置 ===== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* font-family: Source Han Sans CN, Microsoft JhengHei, PingFang SC, Source Han Serif SC, Microsoft YaHei, sans-serif; */
}
html {
  scroll-behavior: smooth;
}
body {
  background-color: #ffffff;
  color: #333333;
  line-height: 1.6;
  overflow-x: hidden;
}
.section {
  width: 100%;
  position: relative;
}
.container {
  max-width: 88%;
  margin: 0 auto;
  padding: 0 0px;
}
h1,
h2,
h3 {
  color: #222222;
  margin-bottom: 1rem;
}
p {
  font-size: 1.1rem;
  margin-bottom: 1.5rem;
  opacity: 0.9;
}

/* ===== Hero 视频 ===== */
#hero {
  height: 100vh;
  position: relative;
  display: flex;
  align-items: end;
  background-color: #f8f9fa;
}
.herojz {
  margin: 0 6% 5% 6%;
  width: 88%;
  padding: 0 0px;
}
.hero-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0);
  z-index: 2;
}
.hero-content {
  position: relative;
  z-index: 3;
  text-align: center;
  max-width: 100%;
  padding: 0 0px;
  transform: translateY(30px);
  opacity: 0;
  animation: fadeInUp 1.2s ease-out forwards;
  animation-delay: 0.5s;
}
.hero-content h1 {font-weight: 800;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  font-size: 7vw;
  margin-bottom: 0vw;
  color: #fff;
  line-height: 6vw;
  text-align: left;
}
.hero-content h1 img {
  width: 28vw;
}
.hero-content p {
  letter-spacing: 5px;
  font-size: 0.8vw;
  line-height: 1.4;
  color: #fff;
}
.pinpai h3 {
  font-size: 2.5vw;
  color: #000;
  border-bottom: 1px solid #eee;
  margin: 0 0 3vw 0;
  font-weight: normal;
  padding-bottom: 2vw;
}

/* ===== 计数器 ===== */
#counter {
  margin-bottom: 10.3vw;
  padding: 0px 0;
}
.counter-title {
  text-align: center;
  margin-bottom: 0px;
  opacity: 0;
  transform: translateY(30px);
  transition: all 1s ease;
  color: #333333;
}
.counter-title.animate {
  opacity: 1;
  transform: translateY(0);
}
.counter-container {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 0px;
}
.counter-item {
  margin-bottom: 2vw;
  text-align: left;
  flex: 1;
  min-width: 100%;
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.8s ease;
}
.counter-item.animate {
  opacity: 1;
  transform: translateY(0);
}
.shu {
  overflow: hidden;
  border-bottom: 0px solid #ddd;
  margin-bottom: 1vw;
}
.counter-number {
  font-family: "Poppins", sans-serif;
  font-size: 3vw;
  font-weight: 700;
  display: inline;
  color: #7b639e;
  margin-bottom: 0vw;
}
.shu span {
  display: inline;
  left: 0.5vw;
  font-size: 1vw;
  color: #222;
  position: relative;
  bottom: 0.2vw;
}
.counter-text {
  font-size: 0.9vw;
  color: #666666;
}

/* 大背景图浮动板块 (由下向上缓入) */
        .bg-story-section {
            background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), url('../images/index/keyan.jpg') center center/cover fixed;
            background-attachment: scroll;
            padding: 12vw 5%;
            text-align: left;
            position: relative;
            overflow: hidden;
        }
		.stoty-en{font-weight: 800;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
    font-size: 7vw;
    margin-bottom: 4vw;
    color: #fff;
    line-height: 6vw;
    text-align: left;}
		.story-title{font-size: 2.5vw;color:#fff;
    font-weight: normal;}
	.story-desc{font-size: 1vw;color:#fff;}
        @media (min-width: 1200px) {
            .bg-story-section {
                background-attachment: fixed;
            }
        }

/* ===== 左右结构板块 ===== */
#features {
  overflow: hidden;
  padding: 12vw 0 0vw 0;
  background-color: #fff;
}
.feature-item {overflow: hidden;
  background: #fff;
  display: block;
  align-items: center;
  gap: 5%;
  margin-bottom: 0vw;
  opacity: 0;
  transform: translateY(60px);
  transition: all 1s ease;
}
.feature-item.animate {
  opacity: 1;
  transform: translateY(0);
}
.feature-item.reverse {
  flex-direction: row-reverse;
}
.feature-image {
  width: 60%;
  float: left;
  flex: 1;
  border-radius: 0px;
  overflow: hidden;
  transition: transform 0.8s ease;
}
.feature-image p {
  font-size: .85vw;
  margin-bottom: 5vw;
  color: #666;
  line-height: 1.7vw;
}
.feature-image h4 {
  font-size: 1.6vw;
  padding: 2vw 0 0.5vw 0;
  font-weight: 800;
}
.feature-image dd {
  font-size: 0.85vw;
  color: #666;
  padding: 0vw 0 0 0;
  font-weight: normal;
}
.pinpailb {
  width: 100%;
  margin-top: 2vw;
}
.pinpailb ul li {text-align: center;
  width: 6vw;
  float: left;
  background: #7b639e;
  padding: 1vw 1vw;
  margin-right: 1vw;
  border-radius: 20px;
  list-style: none;
  color: #fff;
  font-size: 0.75vw;
}
.pinpailb ul li a{color:#fff;}
.pinpailb ul li img {
  width: 100%;
  height: auto;
  padding: 0px 20%;
}
.feature-content {
  float: right;
  width: 14%;
  flex: 1;
}
.feature-content h3 {
  font-size: 2rem;
  margin-bottom: 1.5rem;
  color: #3a7bd5;
}
.feature-content p {
  width: 100%;
  font-weight: normal;
  color: #888;
  font-size: 0.8vw;
  line-height: 1.2vw;
}
.ggl {
  width: 100%;
  margin: 0 0 3vw 0;
  text-align: center;
}
.ggl h3 {
  font-size: 2vw;
  color: #222;
}
.ggl p {
  font-size: 1vw;
  color: #666;
}

/*视频列表*/
.aberall{background: #fff;width:100%;height: auto;margin-top:0vw;background-size: cover;    overflow: hidden;}
.aber{width:88%;margin:0vw auto;padding:2vw 0 10vw 0;overflow: hidden;}
.aberl{float: left;width: 25%;}
.aberl img{width: 2.5vw;
    position: relative;
    top: 0;
    margin-bottom: 1vw;}
.aberl a{display: inline-block;
    padding: 0 2vw;
    margin-top: 3vw;
    border: #00b0bc 1px solid;
    font-size: 1vw;
    color: #00b0bc;
    overflow: hidden;
    width: 7vw;
    line-height: 3vw;
    border-radius: 35px;}
.aberl a img {
    background: none;
    position: relative;
    top: 0.65vw;
    margin-right: 0.5vw;
    padding: 0;
    border-radius: 0;
    width: 2vw;
    float: right;
}
.aberl h3{font-size: 2.3vw;color: #222;line-height: 2.8vw;margin-bottom: 1.5vw;}
.aberl p{color: #666;font-size: 1vw;line-height: 1.8vw; margin-bottom: 1vw;}

.video-gallery {
            display: flex;
            justify-content: center;
            width: 100%;           
            height: 500px;
            gap: 15px;
            margin: 0;float:left;
            perspective: 1200px;
        }
        
        .video-container {
            position: relative;
            flex: 1;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.5);
            cursor: pointer;
            transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            background: #000;
            transform-style: preserve-3d;
        }
        
        .video-container:hover {
            flex: 3;
            box-shadow: 0 15px 50px rgba(162, 115, 255, 0.3);
            z-index: 10; /* 确保悬停的容器在最上层 */
        }
        
        .video-cover {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: 2;
            filter: brightness(0.8);
            transition: opacity 0.5s ease;
        }
        
        .video-player {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: 1; /* 确保视频在背景图下方 */
        }
        
        /* 修复问题：视频播放时不会被背景图遮挡 */
        .video-container.video-active .video-cover {
            opacity: 0; /* 播放时隐藏封面图 */
            pointer-events: none; /* 防止封面图拦截鼠标事件 */
        }
        
        .video-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 30px 5%;
            background: linear-gradient(transparent, rgba(0,0,0,0.85));
            z-index: 3;
            transform: translateY(100px);
            transition: transform 0.5s ease 0.2s, opacity 0.5s ease 0.2s;
            opacity: 0;
        }
        
        .video-container:hover .video-overlay {
            transform: translateY(0);
            opacity: 1;
        }
        
        .video-title {
            font-size: 1.8rem;
            margin-bottom: 10px;
            color: #fff;
            text-shadow: 0 2px 4px rgba(0,0,0,0.5);
        }
        
        .video-description {margin: 0;
            font-size: 0.9vw;
            opacity: 0.9;
            max-width: 500px;
            color: #e0d6ff;
            line-height: 1.6;
        }
        
        .video-info {
            position: absolute;
            top: 20px;
            right: 20px;
            color: #fff;font-weight:bold;
            padding: 6px 20px;
            border-radius: 20px;
            font-size: 0.9rem;
            z-index: 3;
            display: flex;
            align-items: center;
            gap: 10px;
            backdrop-filter: blur(4px);
            border: 1px solid rgba(255,255,255,0.1);
        }
        
        .play-icon {    text-align: center;
            position: absolute;
            bottom: 0%;
            left: 50%;
            transform: translate(-50%, -50%);           
            width: 11vw;
            height: 70px;                     
            z-index: 3;
            opacity: 1;
            transition: all 0.4s ease;}
.play-icon i{font-style: normal;font-size:1.4vw;color:#fff;font-weight:bold;}
        
        .video-container:hover .play-icon {
            opacity: 0;
            transform: translate(-50%, -50%) scale(1.2);
        }
        
        .controls {
            display: flex;
            gap: 20px;
            margin-top: 40px;
            flex-wrap: wrap;
            justify-content: center;
        }
        
        .control-btn {
            background: linear-gradient(45deg, #8a2be2, #a273ff);
            border: none;
            color: white;
            padding: 14px 32px;
            border-radius: 30px;
            cursor: pointer;
            font-size: 1.1rem;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            gap: 10px;
            box-shadow: 0 5px 15px rgba(138, 43, 226, 0.4);
        }
        
        .control-btn:hover {
            background: linear-gradient(45deg, #9b42f5, #b68cff);
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(138, 43, 226, 0.6);
        }
  
        /* 默认状态：第一个图片展开 */
        .video-container:first-child {
            flex: 3;
        }
        
        /* 修复问题：确保视频层级正确 */
        .video-container.video-active {
            z-index: 5;
        }
        
        .video-container.video-active .video-player {
            z-index: 2; /* 播放时视频在封面图上方 */
        }
        
        /* 动画效果 */
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(-20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        @keyframes float {
            0% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
            100% { transform: translateY(0); }
        }
        
        /* 响应式设计 */
        @media (max-width: 900px) {
            .video-gallery {
                flex-direction: column;
                height: auto;
                max-width: 600px;
            }
            
            .video-container {
                height: 250px;
            }
            
            .video-container:hover {
                flex: 1;
                height: 350px;
            }
            
            h1 {
                font-size: 2.5rem;
            }
            
            .video-title {
                font-size: 1.5rem;
            }
        }
        
        .highlight {
            color: #ffb74d;
            font-weight: bold;
        }
        
        .pulse {
            animation: pulse 2s infinite;
        }
        
        @keyframes pulse {
            0% { box-shadow: 0 0 0 0 rgba(162, 115, 255, 0.7); }
            70% { box-shadow: 0 0 0 12px rgba(162, 115, 255, 0); }
            100% { box-shadow: 0 0 0 0 rgba(162, 115, 255, 0); }
        }
        
        .active-indicator {
            position: absolute;
            top: 20px;
            left: 20px;
            background: rgba(255, 183, 77, 0.9);
            color: #1a0a2e;
            padding: 5px 12px;
            border-radius: 20px;
            font-size: 0.9rem;
            font-weight: bold;
            z-index: 4;
            animation: float 3s ease-in-out infinite;
        }
        
        .status-bar {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-top: 20px;
        }
        
        .status-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255,255,255,0.3);
            transition: all 0.3s ease;
        }
        
        .status-dot.active {
            background: none;
            transform: scale(1.3);
        }

/* ===== 科研团队 ===== */
#team {
  padding: 0 0 0vw 0;
  background-color: #fff;
  position: relative;
  z-index: 999;
  opacity: 0;
  transform: translateY(50px);
  transition: all 1.2s ease;
}
#team.show {
  opacity: 1;
  transform: translateY(0);
}
.team-title {
  font-size: 2vw;
  text-align: center;
  margin: -4vw 0 60px 0;
  opacity: 0;
  transform: translateY(30px);
  transition: all 1s ease;
  color: #333333;
}
.team-title.animate {
  opacity: 1;
  transform: translateY(0);
}
.team-section {
  margin-bottom: 80px;
  opacity: 0;
  transform: translateY(60px);
  transition: all 1s ease;
}
.team-section.animate {
  opacity: 1;
  transform: translateY(0);
}
.team-item {
  display: flex;
  align-items: center;
  gap: 10%;
}
.team-content {
  flex: 1;
}
.team-content h3 {
  color: #3a7bd5;
}
.team-content p {
  color: #666;
  font-size: 1vw;
  line-height: 2vw;
  margin: 0;
}
.team-image {
  flex: 1;
  border-radius: 0px;
  overflow: hidden;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.team-image img {
  width: 100%;
  height: 18vw;
  object-fit: cover;
  display: block;
  transition: transform 0.8s ease;
}
.team-image:hover img {
  transform: scale(1.05);
}

/* ===== 响应式 ===== */
@media (max-width: 992px) {
  .feature-item,
  .team-item {
    flex-direction: column;
    gap: 40px;
  }
  .hero-content h1 {
    font-size: 2.8rem;
  }
  .counter-number {
    font-size: 3rem;
  }
  #slider-section {
    
  }
  .slide {
    height: 100vh;
  }
  .footer-content {
    flex-direction: column;
    gap: 40px;
  }
}
@media (max-width: 768px) {
  .hero-content h1 {
    font-size: 2.2rem;
  }
  .hero-content p {
    font-size: 1.1rem;
  }
  .counter-container {
    flex-direction: column;
    align-items: center;
  }
  .counter-item {
    min-width: 100%;
  }
  #slider-section {

  }
  .team-item,
  .feature-item {
    gap: 30px;
  }
}

/* ===== 按钮 Learn More ===== */
.learn-more {
  margin-top: 15vw;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: white;
  background: #7b639e;
  backdrop-filter: blur(8px);
  padding: 2.25rem 1.6rem;
  border-radius: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.35);
  transition: all 0.25s ease;
  cursor: pointer;
  text-decoration: none;
  width: fit-content;
  font-family: inherit;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.learn-more a{color:#fff;}
.learn-more i {
  font-size: 0.85rem;
  transition: transform 0.2s;
}
.learn-more:hover {
  background: rgba(255, 255, 255, 0.35);
  border-color: rgba(255, 255, 255, 0.8);
  gap: 14px;
  backdrop-filter: blur(12px);
}
.learn-more:hover i {
  transform: translateX(5px);
}

/* ===== Tab Hero 背景切换 ===== */
.tab-hero {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  border-radius: 0rem;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transition: background-image 0.45s ease-in-out;
}
.tab-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  /*background: radial-gradient(circle at 0% 10%, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.25) 100%);*/
  pointer-events: none;
  z-index: 1;
}
.tab-layout {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  min-height: 110vh;
  backdrop-filter: blur(0px);
}
.content-left {
  flex: 1;
  padding: 10rem 25% 10rem 6%;
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 1.5rem;
  border-radius: 0 2rem 2rem 0;
  transition: all 0.3s;
  margin: 1rem 0 8rem 1rem;
  border-left: 0px solid rgba(255, 215, 0, 0.6);
}
.tabjt{color: #ffffff94;width: 50%;
    font-size: .7vw;}
.tabsz{font-family: "Poppins", sans-serif;color: #fff;margin: 0 0 5vw 0;
    font-size: 6vw;}
.tab-title {
  margin-bottom: -15px;
  font-size: 1.2vw;
  font-weight: normal;
  line-height: 1.2;
  color: #ffffff;
}
.tab-description {
  font-size: .8vw;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.92);
  text-shadow: 0 2px 4px #00010a;
  max-width: 90%;
  font-weight: 400;
}
.geduan {
  width: 88%;
  margin: 8vw auto;
}
.geduan h3 {
  font-size: 2.5vw;
  font-weight: normal;
  color: #000;
}
.geduan p {
  width: 60%;
  font-size: 0.8vw;
  color: #666;
}
.btn-more {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  background: #7b639e;
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.35);
  padding: 0.85rem 2rem;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 50px;
  color: white;
  cursor: pointer;
  transition: all 0.25s ease;
  width: fit-content;
  text-decoration: none;
  letter-spacing: 0.5px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.btn-more:hover {
  background: rgba(255, 215, 0, 0.85);
  color: #0a0f1e;
  border-color: rgba(255, 215, 0, 1);
  transform: translateY(-3px);
  box-shadow: 0 12px 20px -8px rgba(0, 0, 0, 0.4);
}
.tabs-right {
  flex: 0.9;
  max-width: 18rem;
  border-radius: 1.5rem;
  margin: 6rem 5rem 1rem 0.5rem;
  padding: 1.5rem 1rem;
  display: block;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.85rem;
  justify-content: center;
  align-items: center;
}
.tab-option {
  background: #fff;
  backdrop-filter: blur(4px);
  padding: 2rem 1rem;
  border-radius: 1rem;
  text-align: center;
  font-weight: normal;
  font-size: 0.95rem;
  letter-spacing: 0.5px;
  color: #333;
  cursor: pointer;
  transition: all 0.2s ease;
  margin: 1vw 0.2vw;
  border: 0px solid rgba(255, 255, 255, 0.25);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  flex: 0 0 auto;
  white-space: nowrap;
}
.tab-option span a{color:#333;}
.tab-option span:hover a{color:#fff;}
.tab-option span.opt-icon {
  font-size: 1.1rem;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.3));
}
.tab-option:hover {
  background: #7b639e;
  color: #fff;
  border-left: 0px solid #ffb347;
  border-right: 0px solid rgba(0, 0, 0, 0.1);
  font-weight: 700;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  text-shadow: none;
}
.tab-option.active {
  background: #c1a1ef;
  color: #fff;
  border-left: 0px solid #ffb347;
  border-right: 0px solid rgba(0, 0, 0, 0.1);
  font-weight: 700;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  text-shadow: none;
}
.tab-option.active .opt-icon {
  transform: scale(1.05);
}
@media (max-width: 1000px) {
  .tab-layout {
    flex-direction: column;
  }
  .content-left {
    margin: 1rem;
    border-radius: 1.5rem;
    text-align: center;
    align-items: center;
  }
  .tab-description {
    max-width: 100%;
    text-align: center;
  }
  .btn-more {
    align-self: center;
  }
  .tabs-right {
    margin: 0 1rem 1rem 1rem;
    justify-content: center;
  }
  .tab-option {
    font-size: 0.9rem;
    padding: 0.6rem 1rem;
    white-space: nowrap;
  }
}
@media (max-width: 650px) {
  .content-left {
    padding: 2rem 1.5rem;
  }
  .tab-title {
    font-size: 2rem;
  }
  .tab-description {
    font-size: 0.95rem;
  }
  .tabs-right {
    padding: 1rem;
    gap: 0.6rem;
  }
  .tab-option {
    font-size: 0.8rem;
    padding: 0.5rem 0.8rem;
    white-space: normal;
    text-align: center;
    flex: 0 1 auto;
  }
}
@media (max-width: 480px) {
  .tab-title {
    font-size: 1.6rem;
  }
  .tab-option {
    font-size: 0.75rem;
    padding: 0.45rem 0.7rem;
  }
}
.btn-more:active {
  transform: scale(0.97);
}
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: #1e1f2c;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: #7b639e;
  border-radius: 10px;
}
.tab-hero {
  transition: background-image 0.45s cubic-bezier(0.2, 0.9, 0.4, 1.1);
}

/* ===== 项目 ===== */
.xm {
  background: #fff url(../images/yuanxian.png) center no-repeat;
  background-size: cover;
  padding: 0vw 0 8vw 0;
  overflow: hidden;
  margin: 0vw auto 0 auto;
  position: relative;
}
.video-quanqiu {
  width: 73%;
  float: right;
  right: 0%;
  position: relative;
  border-radius: 20px;
}
.map-service {
  position: relative;
  height: 32vw;
  background-size: cover;
  width: 94%;
  margin: 0 0 0 6%;
}
.map-service-right {
  padding-top: 0px;
  text-align: center;
  position: relative;
}
.map-service-right h3 {
  font-size: 2.4em;
  color: #fff;
  text-align: center;
  margin-bottom: 5px;
}
.map-service-right p {
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 45px;
  margin-bottom: 60px;
}
.china-map {
  width: 73%;
  height: 35vw;
  background: url(../images/kexue/map.png) center no-repeat;
  position: absolute;
  margin: 2vw auto;
  border-radius: 30px;
  float: right;
  right: 0%;
  background-size: cover;
}
.region-list {
  position: absolute;
  left: 0;
  top: 0;
}
.digitalq {
  width: 20%;
  float: left;
}
.digitalq p {
  font-size: 0.8vw;
  color: #666;
  line-height: 1.5vw;
  padding-bottom: 3vw;
}
.digitalq dd {
  font-size: 1.1vw;
  color: #333;
  line-height: 1.5vw;
}
.fwzc {
  width: 88%;
  margin: 0 auto;
  border-top: 0px solid #ddd;
  padding-top: 7vw;
}
.fwzc dd {
  color: #222;
  font-size: 1vw;
  line-height: 1.5vw;
  margin-bottom: 4vw;
  font-weight: normal;
}
.fwzc dd img {
  width: 1.2vw;
  position: relative;
  top: 0.25vw;
  margin-right: 0.5vw;
}
.fwzc h3 {
  font-size: 2.5vw;
  font-weight: normal;
  color: #222;
  line-height: 2.8vw;
  margin-bottom: 0.5vw;
}
.fwzc p {
  color: #666;
  font-size: 0.8vw;
  line-height: 1.8vw;
  margin-bottom: 4vw;
}

/* ===== 动画脉冲 ===== */
@-webkit-keyframes warn {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@-moz-keyframes warn {
  0% {
    -moz-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@-o-keyframes warn {
  0% {
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes warn {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.area-box .dot {
  position: absolute;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #f1592a;
  opacity: 1;
  filter: alpha(opacity=100);
}
.area-box .pulse {
  position: absolute;
  top: -28px;
  left: -28px;
  height: 66px;
  width: 66px;
  border: 2px solid #f1592a;
  border-radius: 48px;
  box-shadow: 0 0 4px #f1592a, 0 0 10px #f1592a inset;
  opacity: 0.12;
  filter: alpha(opacity=0);
  animation: warn 2s ease-out both;
  animation-iteration-count: infinite;
  background: 0 0;
}
.area-box .delay-01 {
  animation-delay: 0;
}
.area-box .delay-02 {
  animation-delay: 0.4s;
}
.area-box .delay-03 {
  animation-delay: 0.8s;
}
.area-box .delay-04 {
  animation-delay: 1.2s;
}
.area-box .delay-05 {
  animation-delay: 1.6s;
}
.area-box .delay-06 {
  animation-delay: 2s;
}
.area-box .delay-07 {
  animation-delay: 2.4s;
}
.area-box .delay-08 {
  animation-delay: -0.4s;
}
.area-box .delay-09 {
  animation-delay: -0.8s;
}
.area-box .delay-10 {
  animation-delay: -1.2s;
}
.area-box .delay-11 {
  animation-delay: 4s;
}
.region-list.active .area-box .dot {
  background: #f1592a;
}
.region-list.active .area-box .pulse {
  border-color: #f1592a;
  top: -39px;
  left: -39px;
  height: 88px;
  width: 88px;
  box-shadow: 0 0 12px #f1592a, 0 0 20px #f1592a inset;
}
.region-list.waite .area-box .dot {
  background: #f1592a;
}
.region-list.waite .area-box .pulse {
  border-color: #f1592a;
}
.show-regin {
  position: absolute;
  left: 2px;
  height: 0;
  top: 0;
  width: 11px;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.online-node .show-regin,
.region-list:hover .show-regin,
.underline-node .show-regin,
.waite-node .show-regin {
  height: 127px;
  opacity: 1;
}
.show-regin span {
  width: 80px;
  position: absolute;
  left: 8px;
  top: -11px;
  padding: 6px 10px;
  font-size: 14px;
  color: #ccc;
  border-radius: 2px;
  text-align: center;
  white-space: nowrap;
}
.postition-10 .show-regin span {
  left: 0;
}
.postition-6 .show-regin span {
  left: -72px;
}
.area-box {
  z-index: 77;
}
.show-regin {
  z-index: 66;
}
.region-list.active .show-regin span {
  position: relative;
  color: #ccc;
}
.region-list.waite .show-regin span {
  color: #ccc;
}
.postition-1 {
  left: 8vw;
  top: 5vw;
}
.postition-2 {
  left: 17vw;
  top: 18vw;
}
.postition-3 {
  left: 18vw;
  top: 24vw;
}
.postition-4 {
  left: 49vw;
  top: 18vw;
}
.postition-5 {
  left: 39vw;
  top: 7vw;
}
.postition-6 {
  left: 53vw;
  top: 23vw;
}
.postition-7 {
  left: 49vw;
  top: 10vw;
}
.postition-7.region-list.active .area-box .pulse {
  top: -50px;
  left: -50px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
}
.postition-8 {
  left: 48vw;
  top: 5vw;
}
.postition-9 {
  left: 33vw;
  top: 15vw;
}
.postition-9.region-list.active .area-box .pulse {
  top: -50px;
  left: -50px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
}
.postition-10 {
  left: 54vw;
  top: 9vw;
}
.postition-11 {
  left: 43vw;
  top: 12vw;
}
.postition-13 {
  left: 13vw;
  top: 10vw;
}
.douhao {
  width: 0;
}

/* ===== 手风琴 ===== */
.accordion-wrapper {
  max-width: 90%;
  margin: 0 auto 8vw auto;
  width: 100%;
  border-radius: 0rem;
  padding: 0.75rem;
  backdrop-filter: blur(1px);
}
.accordion {
  display: flex;
  width: 100%;
  background: #ffffff;
  border-radius: 1.5rem;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
}
.accordion-item {
  flex-shrink: 0;
  transition: width 0.5s cubic-bezier(0.2, 0.9, 0.4, 1.1);
  background: #fff;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  cursor: pointer;
  position: relative;
  overflow: hidden;
  height: auto;
  min-height: 380px;
  display: flex;
  flex-direction: column;
}
.accordion-item:last-child {
  border-right: none;
}
.item-inner {
  display: flex;
  width: 100%;
  height: 100%;
  flex: 1;
  transition: all 0.3s ease;
}
.img-area {
  padding: 2vw;
  width: 0;
  flex-shrink: 0;
  overflow: hidden;
  transition: width 0.5s cubic-bezier(0.2, 0.9, 0.4, 1.1);
  background-color: #fff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.img-area.active-img {
  width: 15vw;
}
.img-area img {
  border-radius: 15px;
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.accordion-item:hover .img-area img {
  transform: scale(1.02);
}
.content-area {
  flex: 1;
  padding: 1.5rem 1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fff;
  transition: all 0.3s;
  min-width: 0;
}
.content-area h3 {
  font-size: 1.5vw;
  font-weight: normal;
  margin-bottom: 0.75rem;
  letter-spacing: 0px;
  color: #333;
  line-height: 1.2;
}
.description {
  color: #777;
  font-size: 0.8vw;
  line-height: 1.5;
  margin: 3.5rem 0 0 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #1e2a3a;
  color: white;
  border: none;
  padding: 0.6rem 1.2rem;
  border-radius: 2rem;
  font-weight: 600;
  font-size: 0.85rem;
  cursor: pointer;
  transition: all 0.25s ease;
  width: fit-content;
  gap: 0.5rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  letter-spacing: 0.3px;
}
.more-btn:hover {
  background: #0f1720;
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15);
}
.more-btn:active {
  transform: translateY(1px);
}

@media (max-width: 880px) {
  .img-area.active-img {
    width: 140px;
  }
  .content-area {
    padding: 1rem 0.8rem;
  }
  .content-area h3 {
    font-size: 1.3rem;
  }
  .description {
    font-size: 0.85rem;
    -webkit-line-clamp: 2;
  }
  .more-btn {
    padding: 0.45rem 1rem;
    font-size: 0.75rem;
  }
}
@media (max-width: 680px) {
  .accordion-wrapper {
    padding: 0.4rem;
  }
  .img-area.active-img {
    width: 110px;
  }
  .content-area {
    padding: 0.8rem 0.6rem;
  }
  .content-area h3 {
    font-size: 1.1rem;
    margin-bottom: 0.4rem;
  }
  .description {
    margin-bottom: 0.8rem;
    font-size: 0.75rem;
  }
}
.accordion-item {
  transition: width 0.5s cubic-bezier(0.2, 0.9, 0.4, 1.1), box-shadow 0.2s;
}
.accordion-item:hover {
  filter: brightness(0.99);
  background: #fefefe;
}
.accordion {
  transition: all 0.2s;
}
/* ===== 主容器 ===== */
        .product-slider {
            position: relative;
            width: 100%;
            max-width: 100%;
            background:#f9f9f9;                           
            overflow: hidden;
            padding: 10vw 0px;
            transition: box-shadow 0.3s;
        }

        .product-slider:hover {
            box-shadow: 0 35px 60px -12px rgba(0, 0, 0, 0.30), inset 0 1px 2px rgba(255, 255, 255, 0.6);
        }

        /* ===== 幻灯片容器 ===== */
        .slides-wrapper {
            position: relative;
            width: 100%;
            height: 30vw;
            overflow: hidden;
            border-radius: 20px;
        }

        /* ===== 每个产品项 ===== */
        .product-slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 10px 0;
            opacity: 0;
            transform: translateX(30px) scale(0.96);
            transition: opacity 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            pointer-events: none;
            will-change: transform, opacity;
        }

        .product-slide.active {
            opacity: 1;
            transform: translateX(0) scale(1);
            pointer-events: auto;
            z-index: 10;
        }

        /* 离开动画方向 - 左滑 */
        .product-slide.exit-left {
            opacity: 0;
            transform: translateX(-40px) scale(0.94);
            pointer-events: none;
        }

        /* 离开动画方向 - 右滑 */
        .product-slide.exit-right {
            opacity: 0;
            transform: translateX(40px) scale(0.94);
            pointer-events: none;
        }

        /* 进入动画方向 - 从左来 */
        .product-slide.enter-left {
            opacity: 1;
            transform: translateX(0) scale(1);
        }

        /* 进入动画方向 - 从右来 */
        .product-slide.enter-right {
            opacity: 1;
            transform: translateX(0) scale(1);
        }

        /* ===== 左侧：标题 + 描述 + 按钮 ===== */
        .product-left {
            flex: 0 0 26%;
            padding-right: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            height: 100%;
        }

        .product-tag {
            font-size: 12px;
            font-weight: 600;
            letter-spacing: 2px;
            text-transform: uppercase;
            color: #333;
            margin-bottom: 10vw;
            background: rgba(0, 0, 0, 0.04);
            padding: 4px 14px;
            border-radius: 20px;
            display: inline-block;
        }

        .product-title {
            font-size: 2.5vw;
            font-weight: normal;
            line-height: 1.2;
            margin-bottom: 20px;
            letter-spacing: -0.5px;
            transition: color 0.4s;
        }

        .product-short-desc {
            font-size: .85vw;
            line-height: 1.6;
            color: #333;
            margin-bottom: 85px;
            max-width: 90%;
        }

        

        

        /* ===== 中间：图片 ===== */
        .product-center {
            flex: 0 0 30%;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
            padding: 0 10px;
        }

        .product-center img {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
            border-radius: 18px;
            filter: drop-shadow(0 12px 28px rgba(0, 0, 0, 0.08));
            transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
            /*background: rgba(255, 255, 255, 0.3);*/
            padding: 0px;
        }

        .product-slide.active .product-center img {
            animation: imgFloat 4s ease-in-out infinite;
        }

        @keyframes imgFloat {
            0%,
            100% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-6px);
            }
        }

        /* ===== 右侧：详细描述 ===== */
        .product-right {
            flex: 0 0 44%;
            padding-left: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: 100%;
            border-left: 0px solid rgba(0, 0, 0, 0.05);
        }
        .product-right dd{font-size: .6vw;color: #999;padding-top: 1vw;}
        .product-detail-label {
            font-size: .85vw;
            font-weight: 600;
            letter-spacing: 2px;
            text-transform: uppercase;
            color: #333;
            margin-bottom: 12px;
        }

        .product-detail-desc {
            font-size: .8vw;font-weight:bold;
            line-height: 1.9;
            color: #333;
            margin-bottom: 6px;
        }
		
		.product-detail-descxq {
            font-size:.8vw;
            line-height: 1.7;
            color: #666;
            margin-bottom: 10px;
        }

        .product-features {
            list-style: none;
            padding: 0;
            margin: 0 0 2vw 0;
        }

        .product-features li {
            font-size: 14px;
            color: #666;
            padding: 4px 0;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .product-features li::before {
            content: '✦';
            font-size: 12px;
            opacity: 0.5;
            color: inherit;
        }

        /* ===== 左右控制按钮 ===== */
        .slider-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 46px;
            height: 46px;
            border-radius: 50%;
            border: none;
            background: rgba(255, 255, 255, 0.85);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
            cursor: pointer;
            font-size: 22px;
            color: #1a202c;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            z-index: 20;
            outline: none;
            user-select: none;
        }

        .slider-btn:hover {
            background: #ffffff;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
            transform: translateY(-50%) scale(1.08);
        }

        .slider-btn:active {
            transform: translateY(-50%) scale(0.92);
        }

        .slider-btn.prev {
            left: 4px;
        }

        .slider-btn.next {
            right: 4px;
        }

        .slider-btn svg {
            width: 22px;
            height: 22px;
            fill: none;
            stroke: currentColor;
            stroke-width: 2.5;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        /* ===== 底部指示器 ===== */
        .slider-dots {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            margin-top: 28px;
            padding-top: 6px;
        }

        .dot {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #cbd5e0;
            border: none;
            cursor: pointer;
            transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
            outline: none;
            padding: 0;
            position: relative;
        }

        .dot.active {
            width: 30px;
            border-radius: 8px;
            background: #9966e5;
            box-shadow: 0 4px 12px rgba(79, 70, 229, 0.35);
        }

        .dot:hover:not(.active) {
            background: #a0aec0;
            transform: scale(1.15);
        }

        /* ===== 自动播放指示 ===== */
        .autoplay-indicator {
            position: absolute;
            bottom: 18px;
            right: 50px;
            font-size: 13px;
            color: rgba(0, 0, 0, 0.25);
            display: flex;
            align-items: center;
            gap: 8px;
            letter-spacing: 0.5px;
            z-index: 5;
            background: rgba(255, 255, 255, 0.6);
            backdrop-filter: blur(4px);
            padding: 4px 14px 4px 10px;
            border-radius: 30px;
            font-weight: 500;
        }

        .autoplay-indicator .pulse-dot {
            display: inline-block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #48bb78;
            animation: pulse 2s ease-in-out infinite;
        }

        

        .autoplay-indicator.paused .pulse-dot {
            background: #fc8181;
            animation: none;
            opacity: 0.6;
            transform: scale(0.8);
        }

        /* ===== 响应式 ===== */
        @media (max-width: 1024px) {
            .product-slider {
                padding: 30px 30px;
            }
            .slides-wrapper {
                height: 380px;
            }
            .product-title {
                font-size: 26px;
            }
            .product-left {
                flex: 0 0 28%;
            }
            .product-center {
                flex: 0 0 44%;
            }
            .product-right {
                flex: 0 0 28%;
            }
        }

        @media (max-width: 820px) {
            .product-slider {
                padding: 24px 20px;
                border-radius: 24px;
            }
            .slides-wrapper {
                height: auto;
                min-height: 420px;
            }
            .product-slide {
                flex-direction: column;
                justify-content: center;
                gap: 8px;
                padding: 20px 0;
                position: relative;
                height: auto;
                min-height: 420px;
            }
            .product-left {
                flex: none;
                width: 100%;
                padding-right: 0;
                align-items: center;
                text-align: center;
                height: auto;
                order: 2;
            }
            .product-center {
                flex: none;
                width: 100%;
                padding: 10px 0;
                height: auto;
                order: 1;
            }
            .product-center img {
                max-height: 180px;
                width: auto;
            }
            .product-right {
                flex: none;
                width: 100%;
                padding-left: 0;
                border-left: none;
                border-top: 2px solid rgba(0, 0, 0, 0.05);
                padding-top: 16px;
                height: auto;
                order: 3;
                text-align: center;
            }
            .product-short-desc {
                max-width: 100%;
            }
            .product-features {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                gap: 0 16px;
            }
            .product-features li {
                padding: 2px 0;
            }
            .slider-btn {
                width: 38px;
                height: 38px;
                font-size: 18px;
            }
            .slider-btn.prev {
                left: -2px;
            }
            .slider-btn.next {
                right: -2px;
            }
            .slider-dots {
                margin-top: 18px;
                gap: 8px;
            }
            .autoplay-indicator {
                display: none;
            }
            .product-tag {
                font-size: 10px;
            }
            .product-title {
                font-size: 24px;
            }
            
        }

        @media (max-width: 480px) {
            .product-slider {
                padding: 16px 12px;
                border-radius: 18px;
            }
            .slides-wrapper {
                min-height: 360px;
            }
            .product-slide {
                min-height: 360px;
                gap: 4px;
            }
            .product-title {
                font-size: 20px;
            }
            .product-short-desc {
                font-size: 14px;
                margin-bottom: 16px;
            }
            .product-detail-desc {
                font-size: 13px;
            }
            .product-center img {
                max-height: 140px;
            }
            .slider-btn {
                width: 32px;
                height: 32px;
                font-size: 14px;
            }
            
            .dot {
                width: 8px;
                height: 8px;
            }
            .dot.active {
                width: 24px;
            }
            .product-features li {
                font-size: 12px;
            }
        }
.liuyanall {
    background: url(../images/index/liuyanbg.png) no-repeat left top;
    width: 100%;
    height: 50vw;
    margin-top: 0vw;
    background-size: 40%;
    overflow: hidden;}
.liuyan{width:88%;margin:8vw auto;}
.liuyanl{float: left;margin-top:2vw;
    width: 30%;}
.liuyanl dd{font-size: 20px;padding-bottom: 1vw;
    color: #666;}
.liuyanl h3{font-size: 3.2vw;text-transform:uppercase;padding-bottom: 3vw;
    line-height: 3.8vw;}
.liuyanl dt{font-weight: 600;
    font-size: 2vw;
    color: #7b639e;}
.liuyanl p{color: #8a919c;
    font-size: 0.85vw;
    line-height: 1.8vw;
    margin-bottom: 1vw;
    font-weight: 400;}
.liuyanl span{color:#222;font-size: 2vw;
    font-weight: 600;}
.biaodan{width:60%;margin:0 0vw 0 0px;border-top: 0px solid #ddd;padding-top:0px;box-shadow: 19.799px 19.799px 100px 0px rgba(96, 96, 96, 0.08);float:right;}
.biaodan h3{font-size: 3.2vw; color: #061F3A; font-weight: bold; width: 100%;text-align: center;padding-top: 60px;}
.biaodan form{box-sizing: border-box;padding: 35px 85px 60px 85px;background: white;border-radius: 20px;}
.biaodan form input,.biaodan form textarea{display:block;width:100%;height: 50px;box-sizing: border-box;border: none;outline: none;color:#8a919c;font-size:0.95vw;border-bottom: 1px solid lightgray; margin-bottom: 3vw;}
.xmxz{display:block;width:100%;height: 50px;box-sizing: border-box;border: none;outline: none;color:#666;font-size:0.95vw;border-bottom: 0px solid lightgray; margin-bottom: 0vw;}
select.form-control {
    color: #5e6278;
    transition: color .2s ease, background-color .2s ease;
}
select.form-control {
    cursor: pointer;
    background-image: url(images/index/jiantou.svg);
    background-repeat: no-repeat;
    background-position: right 16px center;
    padding: 0 20px;
    width: 100%;
    height: 3.5vw;
    border-radius: 10px;
    border: 1px solid #ddd;
}
.biaodan form input:focus{color: #2e4ba3;border-bottom: 2px solid #2e4ba3;}
.biaodan form textarea{margin-top: 25px;height: 100px;resize: none;color: #777;width:100%;}
.biaodan form input[type=submit]{width: 110px;height:35px;background:#1b62b4;color: white;margin-top: 30px;cursor: pointer;}
.btn{background:#7b639e;border: 0;color: #fff;padding: 20px 65px;
    margin-top: 30px;
    font-size: 1vw;
    border-radius: 30px;}

/* ===== 容器：左右分栏 ===== */
        .split-container {margin: 0 auto 10vw auto;
            display: flex;
    flex-wrap: wrap;
    gap: 30px;         
            width: 88%;           
        }

        /* ===== 每个面板 ===== */
        .panel {height: 27vw;border-radius: 20px;
            position: relative;
            flex: 0 0 calc(50% - 15px);
            /* 各占一半，可伸缩 */          
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            /* 背景图将覆盖整个区域 */
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s ease;
            will-change: transform;
        }

        /* 每个面板独立的背景图 */
        .panel-left {
            background-image: url('../images/index/probg.jpg');
        }

        .panel-right {
            background-image: url('../images/index/anlibg.jpg');
        }

        /* ===== 遮罩层 ===== */
        .panel-overlay {
            position: absolute;
            inset: 0;
            z-index: 1;
            /* 从底部到顶部渐变：底部深色 → 顶部半透明 */
            background: linear-gradient(to top, #7b639e 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.10) 80%, rgba(0, 0, 0, 0.02) 100%);
            pointer-events: none;
            /* 让点击穿透到按钮 */;
        }

        /* ===== 内容容器 ===== */
        .panel-content {
            position: relative;
            z-index: 2;
            max-width: 520px;
            width: 90%;
            padding: 2.4rem 1.8rem;
            text-align:left;
            display: flex;
            flex-direction: column;
            align-items: baseline;
            justify-content: center;
            /* 文字阴影辅助可读性 */
            text-shadow: 0 2px 24px rgba(0, 0, 0, 0.45);
            animation: fadeUp 0.9s cubic-bezier(0.23, 1, 0.32, 1) both;
            pointer-events: auto;
            /* 允许点击内部元素 */;
        }

        /* 每个面板内容入场动画略微延迟，产生错落感 */
        .panel-left .panel-content {
            animation-delay: 0.15s;
        }
        .panel-right .panel-content {
            animation-delay: 0.35s;
        }

        @keyframes fadeUp {
            0% {
                opacity: 0;
                transform: translateY(32px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* ===== 英文标签 ===== */
        .panel-en {
            display: inline-block;
            font-size: 0.75rem;
            font-weight: 600;
            letter-spacing: 0.35em;
            text-transform: uppercase;
            color: rgba(255, 255, 255, 0.8);
            background: rgba(255, 255, 255, 0.10);
            backdrop-filter: blur(2px);
            padding: 0.45rem 1.2rem;
            border-radius: 40px;
            border: 1px solid rgba(255, 255, 255, 0.12);
            margin-bottom: 1.2rem;
            transition: background 0.3s ease, border-color 0.3s ease;
        }
        
        .panel-en a{color:#fff;}

        /* ===== 标题 ===== */
        .panel-title {text-transform: uppercase;
    font-family: "Poppins", sans-serif;
            font-size: clamp(2.6rem, 7vw, 4.2rem);
            font-weight: 800;
            line-height: .9;
            letter-spacing: -0.02em;
            margin-bottom: 0.6rem;
            color: #fff;
        }

        /* ===== 装饰分隔线 ===== */
        .panel-divider {
    width: 25px;
    height: 4px;
    border-radius: 6px;
    background: #fff;
    margin: 0.6rem 0 1.2rem 0;
    transition: width 0.5s ease, background 0.4s ease;
}

        /* ===== 描述 ===== */
        .panel-desc {
            font-size: clamp(0.95rem, 1.4vw, 1.15rem);
            font-weight: 300;
            line-height: 1.7;
            color: rgba(255, 255, 255, 0.85);
            max-width: 400px;
            margin: 0 0 6.8rem 0;
            letter-spacing: 0.02em;
        }

        /* ===== 按钮 ===== */
        .panel-btn {
            display: inline-block;
            font-size: 0.9rem;
            font-weight: 600;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            text-decoration: none;
            color: #fff;
            background: transparent;
            border: 0px solid rgba(255, 255, 255, 0.55);
            padding: 0rem 0rem;
            border-radius: 0px;
            cursor: pointer;
            transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            position: relative;
            overflow: hidden;                      
        }

        /* 按钮悬停效果 */
        .panel-btn:hover,
        .panel-btn:focus {
            background: #ffffff;
            color: #0b0d10;
            border-color: #ffffff;
            transform: scale(1.04);
            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
        }

        .panel-btn:active {
            transform: scale(0.97);
        }

        /* ===== 面板悬停微动效 ===== */
        .panel:hover {
            transform: scale(1.012);
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.40);
            z-index: 5;
        }

        .panel:hover .panel-divider {
            width: 72px;
            background: rgba(255, 255, 255, 0.7);
        }

        .panel:hover .panel-en {
            background: rgba(255, 255, 255, 0.18);
            border-color: rgba(255, 255, 255, 0.25);
        }

        /* ===== 响应式：移动端上下排列 ===== */
        @media (max-width: 820px) {
            .panel {
                flex: 1 1 100%;
                /* 每个占满一行 */
                min-height: 60vh;
                /* 移动端高度适当减小，但依然舒适 */
            }

            .panel-left {
                min-height: 60vh;
            }
            .panel-right {
                min-height: 60vh;
            }

            .panel-content {
                max-width: 420px;
                padding: 1.8rem 1.2rem;
            }

            .panel-title {
                font-size: clamp(2.2rem, 10vw, 3.2rem);
            }

            .panel-desc {
                font-size: 0.95rem;
            }

            .panel-btn {
                padding: 0.75rem 2.2rem;
                font-size: 0.8rem;
            }

            /* 移动端悬停效果改为点击态 */
            .panel:hover {
                transform: none;
                box-shadow: none;
            }

            .panel:active {
                transform: scale(0.99);
            }

            .panel:active .panel-divider {
                width: 72px;
                background: rgba(255, 255, 255, 0.7);
            }
        }

        /* 小屏手机进一步优化 */
        @media (max-width: 480px) {
            .panel {
                min-height: 55vh;
            }
            .panel-left {
                min-height: 55vh;
            }
            .panel-right {
                min-height: 55vh;
            }

            .panel-content {
                padding: 1.2rem 0.8rem;
            }

            .panel-en {
                font-size: 0.6rem;
                padding: 0.3rem 0.9rem;
                letter-spacing: 0.25em;
            }

            .panel-title {
                font-size: clamp(1.8rem, 12vw, 2.6rem);
            }

            .panel-desc {
                font-size: 0.85rem;
                margin-bottom: 1.4rem;
            }

            .panel-btn {
                padding: 0.65rem 1.8rem;
                font-size: 0.7rem;
                border-width: 1.5px;
            }

            .panel-divider {
                width: 40px;
                height: 2px;
                margin: 0.4rem auto 0.9rem auto;
            }
        }

        /* ===== 针对横屏或超宽屏优化 ===== */
        @media (min-width: 1600px) {
            .panel-content {
                max-width: 720px;
            }
            .panel-title {
                font-size: 4.8rem;
            }
            .panel-desc {
                font-size: .85rem;
            }
            .panel-en {
                font-size: 0.85rem;
                padding: 0.5rem 1.6rem;
            }
            .panel-btn {
                font-size: 1rem;
                padding: 0rem 0rem;
            }
        }

        /* ===== 辅助：选中文字高亮 ===== */
        ::selection {
            background: rgba(255, 255, 255, 0.25);
            color: #fff;
        }

        /* ===== 滚动条美化 (可选) ===== */
        ::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }
        ::-webkit-scrollbar-track {
            background: #0b0d10;
        }
        ::-webkit-scrollbar-thumb {
            background: rgba(255, 255, 255, 0.25);
            border-radius: 12px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: rgba(255, 255, 255, 0.4);
        }
 /* 回到顶部按钮样式 */
        .back-to-top {
            position: fixed;
            bottom: 40px;
            right: 40px;
            width: 50px;
            height: 50px;
            background-color: #7b639e;
            color: white;
            border: none;
            border-radius: 50%;
            cursor: pointer;
            opacity: 0;
            visibility: hidden;
            transform: translateY(20px);
            transition: all 0.3s ease;
            z-index: 1000;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
        }

        .back-to-top:hover {
            background: linear-gradient(135deg, #3a0ca3, #4361ee);;
            transform: translateY(-10px);
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
        }

        .back-to-top.visible {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .back-to-top i {
            font-size: 18px;
        }

        /* 移动端适配 */
        @media (max-width: 768px) {
            .back-to-top {
                bottom: 20px;
                right: 20px;
                width: 45px;
                height: 45px;
            }
        }

        

        
        /* 新闻列表板块 */
        .news-section {padding: 8vw 0% 8vw 6%;
            background: #fff;
            border-top: 1px solid #f0f0f0;
            border-bottom: 1px solid #f0f0f0;
        }
		.section-title{font-size:1.3vw;    font-weight: normal;
    padding-bottom: 2vw;}
        .news-grid {
            display: flex;
            gap: 30px;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .news-card {
            flex: 1;
            min-width: 280px;
            background: #ffffff;
            border-radius: 15px;
            overflow: hidden;
            transition: all 0.4s ease;
            box-shadow: 0 8px 20px rgba(0,0,0,0.05);
            border: 1px solid #f0e9e1;
        }
        .news-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 30px rgba(0,0,0,0.1);
        }
        .news-img {
            width: 100%;
            height: 280px;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        .news-card:hover .news-img {
            transform: scale(1.03);
        }
        .news-info {
            padding: 20px 22px 28px;
        }
        .news-title {
            font-size: 1.25rem;
            font-weight: normal;
            margin-bottom: 12px;
            color: #333;
            line-height: 1.4;
        }
        .news-date {
            display: inline-block;
            font-size: 0.85rem;
            color: #7b639e;
            background: #f5efff;
            padding: 4px 12px;
            border-radius: 30px;
            margin-top: 10px;
        }
        .news-date i {
            margin-right: 6px;
            font-size: 0.75rem;
        }     

/* ============================================================
   移动端适配样式 (仅针对屏幕宽度 ≤ 768px)
   不修改任何电脑端原有样式，仅在移动端覆盖
   所有字体大小使用 vw 单位，最小 3vw
   ============================================================ */

@media (max-width: 768px) {

    /* ---------- 全局重置 ---------- */
    .container {
        max-width: 92% !important;
        padding: 0 4px !important;
    }

    body {
        overflow-x: hidden !important;
    }

    /* ---------- Hero 视频 ---------- */
    #hero {
        height: 80vh !important;
        min-height: 480px !important;
    }

    .herojz {
        margin: 0 5% 8% 5% !important;
        width: 90% !important;
    }

    .hero-content h1 {
        font-size: 10vw !important;
        line-height: 9vw !important;
    }

    .hero-content h1 img {
        width: 40vw !important;
    }

    .hero-content p {
        font-size: 3vw !important;
        letter-spacing: 3px !important;
        margin-top: 2vw !important;
    }

    .hint_box_case {
        margin-left: 0 !important;
        margin-top: 6vw !important;
        justify-content: center !important;
    }

    /* ---------- 计数器 ---------- */
    #counter {display: none;
        padding: 4vw 0 !important;
        margin-bottom: 6vw !important;
    }

    .counter-container {
        flex-direction: column !important;
        align-items: center !important;
        gap: 0 !important;
    }

    .counter-item {
        min-width: 100% !important;
        text-align: center !important;
        margin-bottom: 4vw !important;
        transform: none !important;
        opacity: 1 !important;
    }

    .counter-item.animate {
        transform: none !important;
    }

    .shu {
        border-bottom: 0 !important;
        margin-bottom: 1vw !important;
        text-align: center !important;
    }

    .counter-number {
        font-size: 8vw !important;
        display: inline !important;
    }

    .shu span {
        font-size: 3.5vw !important;
        bottom: 0.2vw !important;
        left: 0.5vw !important;
    }

    .counter-text {
        font-size: 3.2vw !important;
        text-align: center !important;
    }

    .counter-title {
        font-size: 4vw !important;
        margin-bottom: 4vw !important;
        opacity: 1 !important;
        transform: none !important;
    }

    .counter-title.animate {
        opacity: 1 !important;
        transform: none !important;
    }

    /* ---------- Features 左右结构 ---------- */
    #features {
        padding: 8vw 0 0 0 !important;
    }

    .feature-item {
        flex-direction: column !important;
        gap: 4vw !important;
        display: block !important;
        opacity: 1 !important;
        transform: none !important;
        margin-bottom: 8vw !important;
        overflow: hidden !important;
    }

    .feature-item.animate {
        opacity: 1 !important;
        transform: none !important;
    }

    .feature-image {
        width: 100% !important;
        float: none !important;
        display: block !important;
    }

    .feature-image p {
        font-size: 3.2vw !important;
        line-height:6.5vw !important;
        margin-bottom: 4vw !important;
    }

    .feature-image h4 {
        font-size: 4.5vw !important;
        padding: 3vw 0 1.5vw 0 !important;
    }

    .feature-image dd {
        font-size: 3vw !important;
        line-height:8.2vw !important;
        padding: 1vw 0 0 0 !important;
    }

    .feature-content {
        width: 100% !important;
        float: none !important;
        display: block !important;
        margin-top: 2vw !important;
    }

    .feature-content p {
        font-size: 3vw !important;
        line-height: 4.2vw !important;
        width: 100% !important;
    }

    .pinpailb {
        width: 100% !important;
        margin-top: 4vw !important;
        overflow: hidden !important;
    }

    .pinpailb ul {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
    }

    .pinpailb ul li {
        width: 22% !important;
        float: none !important;
        padding: 2vw 1vw !important;
        margin-right: 0 !important;
        border-radius: 4vw !important;
        font-size: 2.6vw !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .pinpailb ul li img {
        width: 60% !important;
        padding: 0 !important;
        display: block !important;
        margin: 0 auto 1vw auto !important;
    }

    .pinpai h3 {
        font-size: 4.5vw !important;
        margin: 0 0 5vw 0 !important;
        padding-bottom: 3vw !important;
    }

    .animated-text {
        font-size: 4.5vw !important;
        line-height: 5.5vw !important;
        margin: 0 0 2vw 0 !important;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }

    .animated-text span {
        display: inline-block !important;
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
		font-size: 6vw !important;
		margin-top: 5vw !important;
    }

    /* ---------- 视频列表 (aberall) ---------- */
    .aberall {
        margin-top: 0 !important;
        overflow: hidden !important;
    }

    .aber {
        width: 92% !important;
        margin: 0 auto !important;
        padding: 4vw 0 8vw 0 !important;
        overflow: hidden !important;
    }

    .aber .video-gallery {
        flex-direction: column !important;
        height: auto !important;
        max-width: 100% !important;
        gap: 3vw !important;
        perspective: none !important;
        float: none !important;
        width: 100% !important;
    }

    .aber .video-container {
        height: 52vw !important;
        flex: 1 1 auto !important;
        border-radius: 3vw !important;
        min-height: 180px !important;
    }

    .aber .video-container:hover {
        flex: 1 1 auto !important;
        height: 52vw !important;
        z-index: auto !important;
    }

    .aber .video-container:first-child {
        flex: 1 1 auto !important;
    }

    .aber .video-overlay {
        padding:5vw 5% !important;
        transform: translateY(0) !important;
        opacity: 1 !important;
        bottom: 0 !important;
    }

    .aber .video-title {
        font-size: 4vw !important;
        margin-bottom:2.5vw !important;
    }

    .aber .video-description {
        font-size: 2.8vw !important;
        line-height:5vw !important;
    }

    .aber .play-icon {
        width: 30vw !important;
        height: auto !important;
        bottom: 10% !important;
    }

    .aber .play-icon i {
        font-size: 3.8vw !important;
    }

    .aber .video-info {
        font-size: 2.8vw !important;
        padding: 0.8vw 3vw !important;
        top: 2vw !important;
        right: 2vw !important;
    }

    .aber .status-bar {
        margin-top: 3vw !important;
        gap: 2vw !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    .aber .status-dot {
        width: 2.8vw !important;
        height: 2.8vw !important;
        min-width: 12px !important;
        min-height: 12px !important;
    }

    .aber .status-dot.active {
        transform: scale(1.2) !important;
    }

    .aberl {
        float: none !important;
        width: 100% !important;
        text-align: left !important;
        margin-bottom: 4vw !important;
    }

    .aberl h3 {
        font-size: 4.8vw !important;
        line-height: 5.8vw !important;
        margin-bottom: 2vw !important;
    }

    .aberl p {
        font-size: 3.2vw !important;
        line-height: 4.8vw !important;
        margin-bottom: 2vw !important;
    }

    .aberl img {
        width: 5vw !important;
        margin-bottom: 2vw !important;
    }

    .aberl a {
        padding: 0 4vw !important;
        font-size: 3vw !important;
        width: 20vw !important;
        line-height: 6vw !important;
        border-radius: 6vw !important;
        margin-top: 2vw !important;
        display: inline-block !important;
    }

    .aberl a img {
        width: 4vw !important;
        top: 0.8vw !important;
    }

    /* ---------- Tab Hero 背景切换 ---------- */
    .tab-hero {
        border-radius: 0 !important;
        background-attachment: scroll !important;
		/-background-size: 100% !important;*/
    }

    .tab-layout {
        flex-direction: column !important;
        min-height: 70vh !important;
        backdrop-filter: none !important;
    }

    .content-left {
        padding: 8vw 5% 4vw 5% !important;
        margin: 0 !important;
        border-radius: 0 !important;
        border-left: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 2vw !important;
    }

    .content-left .tabjt {
        font-size: 3vw !important;
        width: 100% !important;
        color: rgba(255, 255, 255, 0.85) !important;
        line-height:5.2vw !important;
		text-align: left;
		margin-bottom:25vw;
    }

    .content-left .tabsz {
        font-size: 12vw !important;
        margin: 0 0 2vw 0 !important;
        line-height: 11vw !important;
    }

    .tab-title {
        font-size: 4vw !important;
        line-height: 5vw !important;
        margin-bottom: 0 !important;
        font-weight: 600 !important;
    }

    .tab-description {
        font-size: 3vw !important;
        line-height: 4.2vw !important;
        max-width: 100% !important;
        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6) !important;
        padding-right: 0 !important;
    }

    .btn-more {
        font-size: 3.2vw !important;
        padding: 2.5vw 6vw !important;
        border-radius: 6vw !important;
        margin-top: 2vw !important;
        align-self: flex-start !important;
    }

    .tabs-right {
        flex: none !important;
        max-width: 100% !important;
        margin: 2vw 4% 4vw 4% !important;
        padding: 2vw 2vw !important;
        border-radius: 3vw !important;
        display: none !important;
        flex-wrap: wrap !important;
        gap: 2vw !important;
        justify-content: center !important;
        
        /*backdrop-filter: blur(4px) !important;*/
    }

    .tab-option {
        font-size: 3vw !important;
        padding: 1.5vw 3.5vw !important;
        margin: 0.5vw !important;
        border-radius: 4vw !important;
        white-space: nowrap !important;
        flex: 0 1 auto !important;
        background: rgba(123, 99, 158, 0.12) !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .tab-option span a {
        font-size: 3vw !important;
    }

    .tab-option.active {
        background: #7b639e !important;
        color: #fff !important;
        font-weight: 600 !important;
    }

    .tab-option.active span a {
        color: #fff !important;
    }

    .tab-option:hover {
        background: #7b639e !important;
        color: #fff !important;
    }

    .tab-option:hover span a {
        color: #fff !important;
    }

    /* ---------- 产品滑动展示 (product-slider) ---------- */
    .product-slider {
        padding: 6vw 2vw !important;
        border-radius: 0 !important;
        overflow: hidden !important;
    }

    .product-slider .container {
        max-width: 100% !important;
        padding: 0 2px !important;
    }

    .slides-wrapper {
        height: auto !important;
        min-height: 110vw !important;
        border-radius: 3vw !important;
        overflow: hidden !important;
        position: relative !important;
    }

    .product-slide {
        flex-direction: column !important;
        justify-content: flex-start !important;
        gap: 2vw !important;
        padding: 4vw 3vw !important;
        position: absolute !important;
        height: auto !important;
        min-height: 110vw !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        opacity: 0 !important;
        transform: translateX(30px) scale(0.96) !important;
        transition: opacity 0.5s ease, transform 0.5s ease !important;
        pointer-events: none !important;
        background: #fff !important;
        border-radius: 3vw !important;
        box-sizing: border-box !important;
        overflow-y: auto !important;
    }

    .product-slide.active {
        opacity: 1 !important;
        transform: translateX(0) scale(1) !important;
        pointer-events: auto !important;
        z-index: 10 !important;
        position: relative !important;
    }

    .product-slide.exit-left,
    .product-slide.exit-right,
    .product-slide.enter-left,
    .product-slide.enter-right {
        opacity: 0 !important;
        transform: translateX(40px) scale(0.94) !important;
        pointer-events: none !important;
    }

    .product-left {
        flex: none !important;
        width: 100% !important;
        padding-right: 0 !important;
        align-items: flex-start !important;
        text-align: left !important;
        height: auto !important;
        order: 2 !important;
        padding-top: 2vw !important;
    }

    .product-tag {
        font-size: 2.8vw !important;
        padding: 0.8vw 3vw !important;
        margin-bottom:10vw !important;
        border-radius: 4vw !important;
        letter-spacing: 1px !important;
    }

    .product-title {
        font-size: 5.5vw !important;
        line-height: 6.5vw !important;
        margin-bottom: 2vw !important;
        letter-spacing: -0.3px !important;
    }

    .product-short-desc {
        font-size: 3.2vw !important;
        line-height:8.6vw !important;
        margin-bottom: 3vw !important;
        max-width: 100% !important;
    }

   

    .product-center {
        flex: none !important;
        width: 100% !important;
        padding: 2vw 0 !important;
        height: auto !important;
        order: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .product-center img {
        max-height: 60vw !important;
        width: auto !important;
        max-width: 80% !important;
        object-fit: contain !important;
    }

    .product-right {
        flex: none !important;
        width: 100% !important;
        padding-left: 0 !important;
        border-left: 0 !important;
        border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
        padding-top: 3vw !important;
        height: auto !important;
        order: 3 !important;
        text-align: left !important;
    }

    .product-detail-label {
        font-size: 3vw !important;
        letter-spacing: 1px !important;
        margin-bottom: 2vw !important;
    }

    .product-detail-desc {
        font-size: 3.2vw !important;
        line-height: 4.5vw !important;
        margin-bottom: 1vw !important;
        font-weight: 600 !important;
    }

    .product-detail-descxq {
        font-size: 3vw !important;
        line-height:5.2vw !important;
        margin-bottom:5vw !important;
    }

    .product-features {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 1.5vw 3vw !important;
        margin-bottom: 2vw !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .product-features li {
        font-size: 3vw !important;
        padding: 0.5vw 0 !important;
        display: flex !important;
        align-items: center !important;
        gap: 1.5vw !important;
        color: #555 !important;
    }

    .product-features li::before {
        font-size: 2.5vw !important;
    }

    .slider-btn {
        width: 10vw !important;
        height: 10vw !important;
        min-width: 36px !important;
        min-height: 36px !important;
        font-size: 4vw !important;
        top: 13% !important;
        transform: translateY(-50%) !important;
        background: rgba(255, 255, 255, 0.92) !important;
        backdrop-filter: blur(4px) !important;
        border-radius: 50% !important;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12) !important;
        z-index: 20 !important;
    }

    .slider-btn.prev {
        left: 8vw !important;
    }

    .slider-btn.next {
        right: 8vw !important;
    }

    .slider-btn svg {
        width: 4.5vw !important;
        height: 4.5vw !important;
        stroke-width: 2.5 !important;
    }

    .slider-dots {
        margin-top: 4vw !important;
        gap: 2.5vw !important;
        padding-top: 2vw !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    .dot {
        width: 3vw !important;
        height: 3vw !important;
        min-width: 14px !important;
        min-height: 14px !important;
        border-radius: 50% !important;
    }

    .dot.active {
        width: 8vw !important;
        border-radius: 4vw !important;
        min-width: 36px !important;
    }

    .autoplay-indicator {
        display: none !important;
    }

    /* ---------- 大背景图故事板块 ---------- */
    .bg-story-section {
        padding: 16vw 5% !important;
        background-attachment: scroll !important;
        background-size: cover !important;
        min-height: 60vh !important;
        display: flex !important;
        align-items: center !important;
    }

    .bg-story-section .story-content {
        max-width: 100% !important;
        padding: 0 !important;
    }

    .bg-story-section .stoty-en {
        font-size: 8vw !important;
        line-height: 8vw !important;
        margin-bottom: 4vw !important;
    }

    .bg-story-section .story-title {
        font-size: 5vw !important;
        margin-bottom: 2vw !important;
        font-weight: 400 !important;
    }

    .bg-story-section .story-desc {
        font-size: 3.2vw !important;
        line-height: 4.8vw !important;
        margin-bottom: 4vw !important;
    }

    .bg-story-section .learn-more {
        font-size: 3.2vw !important;
        padding: 2.5vw 5vw !important;
        border-radius: 3vw !important;
        margin-top: 2vw !important;
    }

    .bg-story-section .learn-more i {
        font-size: 2.8vw !important;
    }

    /* ---------- 新闻列表 ---------- */
    .news-section {
        padding: 8vw 4% !important;
        border-top: 1px solid #eee !important;
        border-bottom: 1px solid #eee !important;
    }

    .news-section .section-title {
        font-size: 4.5vw !important;
        padding-bottom: 4vw !important;
        text-align: left !important;
    }

    .news-grid {
        flex-direction: column !important;
        gap: 4vw !important;
    }

    .news-card {
        min-width: 100% !important;
        flex: 1 1 auto !important;
        border-radius: 3vw !important;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
        border: 1px solid #f0e9e1 !important;
        overflow: hidden !important;
    }

    .news-card:hover {
        transform: none !important;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
    }

    .news-img {
        height: 40vw !important;
        min-height: 160px !important;
        object-fit: cover !important;
        width: 100% !important;
    }

    .news-card:hover .news-img {
        transform: none !important;
    }

    .news-info {
        padding: 3vw 4vw 5vw 4vw !important;
    }

    .news-title {
        font-size: 3.8vw !important;
        line-height: 5vw !important;
        margin-bottom: 2vw !important;
    }

    .news-date {
        font-size: 2.8vw !important;
        padding: 0.8vw 3vw !important;
        border-radius: 4vw !important;
    }

    .news-date i {
        font-size: 2.4vw !important;
        margin-right: 1.5vw !important;
    }

    /* ---------- 留言表单 ---------- */
    .liuyanall {
        background: #f8f6fc !important;
        width: 100% !important;
        height: auto !important;
        margin-top: 0 !important;
        background-size: 60% !important;
        background-position: left top !important;
        background-image: url(../images/index/liuyanbg.png) !important;
        padding: 6vw 0 !important;
        overflow: hidden !important;
    }

    .liuyan {
        width: 92% !important;
        margin: 0 auto !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 4vw !important;
    }

    .liuyanl {
        float: none !important;
        width: 100% !important;
        margin-top: 0 !important;
        text-align: left !important;
    }

    .liuyanl dd {
        font-size: 3.2vw !important;
        padding-bottom: 1.5vw !important;
        color: #7b639e !important;
        font-weight: 600 !important;
    }

    .liuyanl h3 {
        font-size: 5vw !important;
        line-height: 6vw !important;
        padding-bottom: 3vw !important;
        text-transform: none !important;
    }

    .liuyanl dt {
        font-size: 4vw !important;
        padding-bottom: 1vw !important;
    }

    .liuyanl p {
        font-size: 3vw !important;
        line-height: 4.5vw !important;
        margin-bottom: 2vw !important;
    }

    .liuyanl span {
        font-size: 4.5vw !important;
    }

    .biaodan {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
        border-top: 0 !important;
        padding-top: 0 !important;
        box-shadow: 0 4px 24px rgba(96, 96, 96, 0.10) !important;
        border-radius: 4vw !important;
        overflow: hidden !important;
    }

    .biaodan h3 {
        font-size: 5vw !important;
        padding-top: 5vw !important;
        text-align: center !important;
    }

    .biaodan form {
        padding: 4vw 5vw 6vw 5vw !important;
        border-radius: 0 !important;
        background: #fff !important;
    }

    .biaodan form input,
    .biaodan form textarea {
        height: 12vw !important;
        font-size: 3.2vw !important;
        margin-bottom: 4vw !important;
        border-bottom: 1px solid #ddd !important;
        padding: 1vw 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
    }

    .biaodan form textarea {
        height: 24vw !important;
        margin-top: 2vw !important;
        resize: vertical !important;
        min-height: 20vw !important;
    }

    .biaodan form input[type="submit"] {
        width: 30vw !important;
        height: 10vw !important;
        font-size: 3.2vw !important;
        margin-top: 3vw !important;
        border-radius: 5vw !important;
        border: 0 !important;
        background: #7b639e !important;
        color: #fff !important;
        cursor: pointer !important;
    }

    .xmxz {
        font-size: 3vw !important;
        height: auto !important;
        margin-bottom: 2vw !important;
        color: #333 !important;
        display: block !important;
        width: 100% !important;
    }

    .xmxz .required {
        color: #e74c3c !important;
    }

    select.form-control {
        height: 12vw !important;
        font-size: 3.2vw !important;
        border-radius: 2vw !important;
        padding: 0 4vw !important;
        background-position: right 4vw center !important;
        background-size: 3vw !important;
        border: 1px solid #ddd !important;
        width: 100% !important;
        margin-bottom: 4vw !important;
        color: #555 !important;
        appearance: auto !important;
        -webkit-appearance: auto !important;
    }

    .btn {
        font-size: 3.2vw !important;
        padding: 3vw 8vw !important;
        margin-top: 3vw !important;
        border-radius: 6vw !important;
        width: 100% !important;
        text-align: center !important;
        background: #7b639e !important;
        color: #fff !important;
        border: 0 !important;
        cursor: pointer !important;
    }

    /* ---------- 左右分栏面板 (split-container) ---------- */
    .split-container {
        flex-direction: column !important;
        gap: 4vw !important;
        width: 92% !important;
        margin: 6vw auto !important;
    }

    .panel {
        flex: 1 1 100% !important;
        min-height: 50vh !important;
        border-radius: 4vw !important;
        height: auto !important;
        min-height: 44vw !important;
        aspect-ratio: auto !important;
    }

    .panel-left {
        min-height: 44vw !important;
        background-size: cover !important;
        background-position: center !important;
    }

    .panel-right {
        min-height: 44vw !important;
        background-size: cover !important;
        background-position: center !important;
    }

    .panel:hover {
        transform: none !important;
        box-shadow: none !important;
    }

    .panel-content {
        max-width: 90% !important;
        padding: 4vw 4vw !important;
        text-align: left !important;
        align-items: flex-start !important;
        justify-content: center !important;
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }

    .panel-en {
        font-size: 2.6vw !important;
        padding: 0.8vw 3vw !important;
        border-radius: 4vw !important;
        letter-spacing: 0.2em !important;
        margin-bottom: 1.5vw !important;
        background: rgba(255, 255, 255, 0.15) !important;
        border: 1px solid rgba(255, 255, 255, 0.15) !important;
    }

    .panel-title {
        font-size: 7vw !important;
        line-height: 7.5vw !important;
        letter-spacing: -0.02em !important;
        margin-bottom: 1vw !important;
    }

    .panel-divider {
        width: 6vw !important;
        height: 0.6vw !important;
        margin: 1vw 0 2vw 0 !important;
        border-radius: 1vw !important;
        min-height: 2px !important;
    }

    .panel:hover .panel-divider {
        width: 14vw !important;
    }

    .panel-desc {
        font-size: 3vw !important;
        line-height: 4.5vw !important;
        margin: 0 0 3vw 0 !important;
        max-width: 100% !important;
    }

    .panel-btn {
        font-size: 2.8vw !important;
        padding: 2vw 4vw !important;
        border-radius: 0 !important;
        border-width: 1.5px !important;
        letter-spacing: 0.05em !important;
        background: transparent !important;
        color: #fff !important;
        border-bottom: 2px solid rgba(255, 255, 255, 0.5) !important;
    }

    .panel-btn:hover {
        transform: none !important;
        background: transparent !important;
        color: #fff !important;
        border-color: #fff !important;
        box-shadow: none !important;
    }

    /* ---------- 回到顶部按钮 ---------- */
    .back-to-top {
        width: 12vw !important;
        height: 12vw !important;
        min-width: 44px !important;
        min-height: 44px !important;
        bottom: 4vw !important;
        right: 4vw !important;
        border-radius: 50% !important;
        font-size: 4vw !important;
        background: #7b639e !important;
        color: #fff !important;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25) !important;
        z-index: 999 !important;
    }

    .back-to-top i {
        font-size: 4.5vw !important;
    }

    .back-to-top:hover {
        transform: none !important;
        background: #7b639e !important;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25) !important;
    }

    .back-to-top.visible {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    /* ---------- 通用移动端微调 ---------- */
    .ggl h3 {
        font-size: 4.5vw !important;
    }

    .ggl p {
        font-size: 3.2vw !important;
    }

    .geduan {
        width: 92% !important;
        margin: 6vw auto !important;
    }

    .geduan h3 {
        font-size: 5vw !important;
        font-weight: 400 !important;
    }

    .geduan p {
        width: 100% !important;
        font-size: 3.2vw !important;
        color: #666 !important;
        line-height: 4.8vw !important;
    }

    .xm {
        padding: 6vw 0 10vw 0 !important;
        background-size: cover !important;
        margin: 0 auto !important;
    }

    .video-quanqiu {
        width: 100% !important;
        float: none !important;
        right: auto !important;
        border-radius: 3vw !important;
        margin: 0 auto !important;
    }

    .map-service {
        height: 60vw !important;
        width: 100% !important;
        margin: 0 auto !important;
        position: relative !important;
        background-size: cover !important;
    }

    .china-map {
        width: 100% !important;
        height: 55vw !important;
        margin: 0 auto !important;
        float: none !important;
        right: auto !important;
        position: relative !important;
        background-size: contain !important;
        background-position: center !important;
        border-radius: 3vw !important;
    }

    .digitalq {
        width: 100% !important;
        float: none !important;
        padding: 2vw 0 !important;
    }

    .digitalq p {
        font-size: 3vw !important;
        line-height: 4.5vw !important;
        padding-bottom: 2vw !important;
    }

    .digitalq dd {
        font-size: 3.5vw !important;
        line-height: 4.5vw !important;
    }

    .fwzc {
        width: 100% !important;
        padding-top: 6vw !important;
        margin: 0 auto !important;
    }

    .fwzc h3 {
        font-size: 4.8vw !important;
        line-height: 5.8vw !important;
        margin-bottom: 1.5vw !important;
    }

    .fwzc p {
        font-size: 3vw !important;
        line-height: 4.5vw !important;
        margin-bottom: 4vw !important;
    }

    .fwzc dd {
        font-size: 3.2vw !important;
        line-height: 4.5vw !important;
        margin-bottom: 4vw !important;
    }

    .fwzc dd img {
        width: 3.5vw !important;
        top: 0.5vw !important;
        margin-right: 1.5vw !important;
    }

    /* ---------- 手风琴 ---------- */
    .accordion-wrapper {
        max-width: 96% !important;
        margin: 2vw auto 8vw auto !important;
        padding: 0 !important;
        border-radius: 0 !important;
    }

    .accordion {
        flex-direction: column !important;
        border-radius: 3vw !important;
        overflow: hidden !important;
        box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06) !important;
        background: #fff !important;
    }

    .accordion-item {
        width: 100% !important;
        min-height: auto !important;
        height: auto !important;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
        cursor: pointer !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        padding: 2vw 0 !important;
        transition: none !important;
    }

    .accordion-item:last-child {
        border-bottom: 0 !important;
    }

    .accordion-item:hover {
        filter: none !important;
        background: #fff !important;
    }

    .item-inner {
        flex-direction: column !important;
        width: 100% !important;
        height: auto !important;
        display: flex !important;
        align-items: center !important;
        gap: 1vw !important;
        padding: 0 3vw !important;
    }

    .img-area {
        width: 100% !important;
        padding: 2vw 0 !important;
        flex-shrink: 0 !important;
        overflow: hidden !important;
        transition: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: transparent !important;
    }

    .img-area.active-img {
        width: 100% !important;
    }

    .img-area img {
        width: 30% !important;
        max-width: 140px !important;
        height: auto !important;
        border-radius: 2vw !important;
        display: block !important;
        margin: 0 auto !important;
    }

    .accordion-item:hover .img-area img {
        transform: none !important;
    }

    .content-area {
        width: 100% !important;
        padding: 1vw 2vw 3vw 2vw !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        background: #fff !important;
        text-align: center !important;
        align-items: center !important;
        min-width: 0 !important;
    }

    .content-area h3 {
        font-size: 4vw !important;
        line-height: 5vw !important;
        margin-bottom: 1.5vw !important;
        font-weight: 500 !important;
        color: #222 !important;
    }

    .description {
        font-size: 3vw !important;
        line-height: 4.5vw !important;
        margin: 0 0 2.5vw 0 !important;
        -webkit-line-clamp: 4 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-align: center !important;
        color: #666 !important;
        max-width: 100% !important;
    }

    .more-btn {
        font-size: 2.8vw !important;
        padding: 1.5vw 4vw !important;
        border-radius: 4vw !important;
        align-self: center !important;
        background: #7b639e !important;
        color: #fff !important;
        border: 0 !important;
        font-weight: 500 !important;
        letter-spacing: 0.3px !important;
        box-shadow: 0 2px 8px rgba(123, 99, 158, 0.25) !important;
    }

    .more-btn:hover {
        background: #6a5290 !important;
        transform: none !important;
        box-shadow: 0 2px 8px rgba(123, 99, 158, 0.25) !important;
    }

    /* ---------- 额外修复：浮动清除 ---------- */
    .clear {
        font-size: 0 !important;
        line-height: 0 !important;
        clear: both !important;
        overflow: hidden !important;
        zoom: 1 !important;
    }

    .fr {
        float: none !important;
    }

    .fl {
        float: none !important;
    }

    /* ---------- 强制所有文字不小于 3vw ---------- */
    * {
        /* 注意：此规则会覆盖所有元素，但为了确保最小字号，我们使用更具体的选择器 */
    }

    /* 确保所有文本元素字号不小于3vw */
    body,
    p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    span,
    div,
    li,
    dd,
    dt,
    a,
    button,
    input,
    textarea,
    select,
    label,
    .counter-text,
    .tab-description,
    .story-desc,
    .news-title,
    .panel-desc,
    .product-short-desc,
    .product-detail-descxq,
    .feature-image p,
    .feature-image dd,
    .feature-content p,
    .aberl p,
    .liuyanl p,
    .fwzc p,
    .fwzc dd,
    .digitalq p,
    .digitalq dd,
    .geduan p,
    .ggl p,
    .counter-number,
    .shu span,
    .tabjt,
    .tab-title,
    .tab-option,
    .tab-option span a,
    .btn-more,
    .learn-more,
    .panel-en,
    .panel-btn,
    .product-tag,
    .product-title,
    .product-detail-label,
    .product-detail-desc,
    .product-features li,
    .description,
    .more-btn,
    .xmxz,
    select.form-control,
    .btn,
    .news-date,
    .video-description,
    .video-title,
    .video-info,
    .play-icon i,
    .hint_box_case,
    .counter-title,
    .story-title,
    .stoty-en,
    .pinpai h3,
    .animated-text,
    .aberl h3,
    .liuyanl h3,
    .liuyanl dd,
    .liuyanl dt,
    .liuyanl span,
    .biaodan h3,
    .giaodan form input,
    .giaodan form textarea,
    .panel-title,
    .panel-divider,
    .accordion-item .content-area h3,
    .ggl h3,
    .geduan h3,
    .xm,
    .map-service-right h3,
    .map-service-right p,
    .back-to-top i,
    .slider-btn svg,
    .dot {
        font-size: clamp(3vw, 3.2vw, 4.5vw) !important;
        /* 覆盖所有文本，但某些特殊元素需要单独调整，上面已经做了精细化处理 */
    }

    /* 但是标题和特殊元素需要更大的字号，已在各自选择器中覆盖 */
    .hero-content h1,
    .stoty-en,
    .tabsz,
    .panel-title,
    .product-title,
    .liuyanl h3,
    .counter-number,
    .aberl h3,
    .biaodan h3,
    .fwzc h3,
    .geduan h3,
    .ggl h3,
    .pinpai h3,
    .animated-text,
    .video-title,
    .content-area h3,
    .news-title,
    .story-title {
        font-size: clamp(4vw, 5.5vw, 8vw) !important;
    }

    /* 特大标题 */
    .hero-content h1,
    .stoty-en,
    .tabsz,
    .panel-title {
        font-size: clamp(7vw, 10vw, 14vw) !important;
    }

    /* 保证最小字号不少于3vw的底线 */
    .counter-text,
    .tab-description,
    .feature-image dd,
    .feature-content p,
    .aberl p,
    .liuyanl p,
    .digitalq p,
    .fwzc dd,
    .geduan p,
    .ggl p,
    .product-features li,
    .product-detail-descxq,
    .description,
    .story-desc,
    .panel-desc,
    .video-description,
    .news-date,
    .xmxz,
    .tabjt,
    .tab-title,
    .tab-option,
    .tab-option span a,
    .btn-more,
    .learn-more,
    .panel-en,
    .panel-btn,
    .product-tag,
    .product-detail-label,
    .product-detail-desc,
    .more-btn,
    select.form-control,
    .btn,
    .hint_box_case,
    .counter-title,
    .pinpai h3,
    .liuyanl dd,
    .liuyanl dt,
    .liuyanl span,
    .video-info,
    .play-icon i,
    .back-to-top i,
    .slider-btn svg,
    .dot,
    .status-dot,
    .counter-number,
    .shu span {
        font-size: clamp(2.8vw, 3.2vw, 4vw) !important;
    }

    /* 微调某些特殊元素 */
    .counter-number {
        font-size: clamp(6vw, 8vw, 10vw) !important;
    }

    .shu span {
        font-size: clamp(3vw, 3.5vw, 4.5vw) !important;
    }

    .tabsz {
        font-size: clamp(8vw, 12vw, 16vw) !important;
    }

    .stoty-en {
        font-size: clamp(7vw, 12vw, 16vw) !important;
        line-height: 1 !important;
    }

    .panel-title {
        font-size: clamp(6vw, 7vw, 9vw) !important;
    }

    .product-title {
        font-size: clamp(4.5vw, 5.5vw, 7vw) !important;
    }

    .hero-content h1 {
        font-size: clamp(7vw, 10vw, 13vw) !important;
        line-height: 0.95 !important;
    }

    .animated-text {
        font-size: clamp(4vw, 4.5vw, 6vw) !important;
    }

    .video-title {
        font-size: clamp(3.5vw, 4vw, 5vw) !important;
    }

    .news-title {
        font-size: clamp(3.5vw, 3.8vw, 4.8vw) !important;
    }

    .content-area h3 {
        font-size: clamp(3.8vw, 4vw, 5.2vw) !important;
    }

    .liuyanl h3 {
        font-size: clamp(4.5vw, 4vw, 6.5vw) !important;
    }

    .biaodan h3 {
        font-size: clamp(4.5vw, 5vw, 6.5vw) !important;
    }

    .fwzc h3 {
        font-size: clamp(4.5vw, 4.8vw, 6vw) !important;
    }

    .geduan h3 {
        font-size: clamp(4.5vw, 5vw, 6.5vw) !important;
    }

    .ggl h3 {
        font-size: clamp(4.5vw, 5vw, 6.5vw) !important;
    }

    .pinpai h3 {
        font-size: clamp(4.5vw, 5vw, 6.5vw) !important;
    }

    .story-title {
        font-size: clamp(4vw, 5vw, 6.5vw) !important;
    }

    .aberl h3 {
        font-size: clamp(4vw, 4.8vw, 6vw) !important;
    }
}

/* ---------- 小屏手机额外优化 (≤ 480px) ---------- */
@media (max-width: 480px) {
    .tab-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 0% 10%, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.5) 100%);
    pointer-events: none;
    z-index: 1;
}
    .hero-content h1 {
        font-size: 10vw !important;
        line-height: 9.5vw !important;
    }

    .tabsz {
        font-size: 14vw !important;
        line-height: 13vw !important;
    }

    .stoty-en {
        font-size: 13vw !important;
        line-height: 12vw !important;
    }

    .panel-title {
        font-size: 8vw !important;
        line-height: 8.5vw !important;
    }

    .product-title {
        font-size: 5.5vw !important;
        line-height: 6.5vw !important;
    }

    .counter-number {
        font-size: 9vw !important;
    }

    .slider-btn {
        width: 11vw !important;
        height: 11vw !important;
        min-width: 32px !important;
        min-height: 32px !important;
    }

    .slider-btn svg {
        width: 5vw !important;
        height: 5vw !important;
    }

    .dot {
        width: 3.5vw !important;
        height: 3.5vw !important;
        min-width: 12px !important;
        min-height: 12px !important;
    }

    .dot.active {
        width: 9vw !important;
        min-width: 32px !important;
    }

    .panel {
        min-height: 48vw !important;
    }

    .panel-left,
    .panel-right {
        min-height: 48vw !important;
    }

    .news-img {
        height: 44vw !important;
        min-height: 140px !important;
    }

    .back-to-top {
        width: 14vw !important;
        height: 14vw !important;
        min-width: 40px !important;
        min-height: 40px !important;
        bottom: 4vw !important;
        right: 4vw !important;
    }

    .back-to-top i {
        font-size: 5vw !important;
    }

    

    .tab-option {
        font-size: 3.2vw !important;
        padding: 2vw 4vw !important;
    }

    .tab-option span a {
        font-size: 3.2vw !important;
    }

    .btn-more {
        font-size: 3.5vw !important;
        padding: 3vw 7vw !important;
    }

    .learn-more {
        font-size: 3.5vw !important;
        padding:2vw 2vw !important;
    }
}

/* ---------- 平板设备微调 (769px ~ 1024px) ---------- */
@media (min-width: 769px) and (max-width: 1024px) {
    /* 平板保持大部分桌面布局，仅微调字体和间距 */
    .hero-content h1 {
        font-size: 6vw !important;
        line-height: 5.5vw !important;
    }

    .counter-number {
        font-size: 4vw !important;
    }

    .feature-image p {
        font-size: 1.2vw !important;
        line-height: 1.8vw !important;
    }

    .feature-image dd {
        font-size: 1.1vw !important;
    }

    .tab-title {
        font-size: 2vw !important;
    }

    .tab-description {
        font-size: 1.2vw !important;
    }

    .product-title {
        font-size: 3vw !important;
    }

    .product-short-desc {
        font-size: 1.2vw !important;
    }

    .product-detail-desc {
        font-size: 1.1vw !important;
    }

    .product-detail-descxq {
        font-size: 1vw !important;
    }

    .story-title {
        font-size: 3vw !important;
    }

    .story-desc {
        font-size: 1.4vw !important;
    }

    .panel-title {
        font-size: 4.5vw !important;
    }

    .panel-desc {
        font-size: 1.4vw !important;
    }

    .liuyanl h3 {
        font-size: 3.8vw !important;
    }

    .liuyanl p {
        font-size: 1.2vw !important;
    }

    .news-title {
        font-size: 1.4vw !important;
    }

    .slider-btn {
        width: 5vw !important;
        height: 5vw !important;
        min-width: 40px !important;
        min-height: 40px !important;
    }

    .slider-btn svg {
        width: 2.5vw !important;
        height: 2.5vw !important;
    }
}