.product .page-nav{border-bottom:1px solid #eee;}
.product .pro-img-text{padding:50px 0;}
.product .pro-img-text .text{width:60%}
.product .pro-img-text .text p{font-size:18px;line-height:36px;color:#222;margin-bottom:20px;}
.en .product .pro-img-text .text p{font-size:0.88vw;line-height:.1.4;}
.product .pro-img-text .img{width:35%;}
.product .pro-img-text .img img{width:100%;}
.pro{padding:30px 0 0 0;background-color: #fff;}
.pro-title{font-size:2.34375vw;margin-bottom: 30px;}
.pro::-webkit-scrollbar{display: none;}
.pro .nav-tabs{width:100%;border: none!important;position: relative;bottom: -2px;}
.pro .nav-tabs li{border:none!important;width:20%;height: 85px;border-radius:0!important;}
.pro .nav-tabs li:last-child{margin-right: 0}
.pro .nav-tabs li a{width: 100%;display:block;padding: 0 40px;line-height:80px;font-size: 1.145833vw;color: var(--color-10);border-bottom: 0!important;border-top: 2px solid #fff;;font-weight: 500;background-color:#fff!important;text-align: center;}
.en .pro .nav-tabs li a{font-size: 1vw;}
.pro .nav-tabs li.active{border: none!important;}
.pro .nav-tabs li.active a,.pro .nav-tabs li.active:hover a{font-weight: 550;border:none;background-color:#f4f7fc!important;border-top:2px solid var(--color-1);border-bottom: 0!important;color:var(--color-1);}
.pro .tab-content{position: relative;z-index: 2;width:100%;padding:20px 0 0 0}
.pro .tab-content p{font-size: 18px;line-height: 30px;font-weight: 300;margin-bottom: 20px;color:#495057 }
.pro .tab-content h6{font-size:25px;font-weight: 550;color: #212529;margin-bottom: 20px;}
@media (max-width: 1028px) {
    .pro{padding: 20px 0 0 0;}
    .pro-title{font-size:25px;margin-bottom: 30px;font-weight: 700;}
}
@media (max-width: 991px) {
    .pro .nav-tabs{width:100%;margin-bottom:0;display: flex}
    .pro .nav-tabs li{border: none!important;width: 33%;height: 50px;}
    .pro .nav-tabs li:last-child{margin-bottom:0;}
    .pro .nav-tabs li a{font-size: 16px;line-height:26px!important;padding: 10px 10px;font-weight: 700;}
    .pro .tab-content{padding:10px 0 0 0}
    .pro .tab-content p{font-size: 14px;line-height:22px;margin-bottom:10px;}
    .pro .tab-content h6{font-size:16px;margin-bottom:10px;}
}

.product{padding:0;background-color:#f4f7fc;}
.pro-ul{flex-wrap: wrap;padding: 50px 0;}
.pro-ul li{width: 23.5%;margin-right: 2%;margin-bottom: 2%;}
.pro-ul li:nth-child(4n){margin-right: 0;}
.pro-ul li .img{width: 100%;margin: 0;height: auto;overflow: hidden;}
.pro-ul li .img img{width: auto;max-width: 100%;}
.pro-ul li .info{padding: 20px;background-color: #fff;text-align: center;}
.pro-ul li .info h6{font-size: 1.04166vw;font-weight: 500;color:var(--color-10);}
.en .pro-ul li .info h6{font-size:0.88vw}
.pro-ul li a:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.pro-ul li a:hover .info h6{color: var(--color-2);}
@media (max-width: 1028px) {
    .pro-ul{padding: 20px 0;}
    .pro-ul li{width:49%;}
    .pro-ul li:nth-child(2n){margin-right: 0;}
    .pro-ul li .info{padding: 10px 0 5px 0;}
    .pro-ul li .info h6{font-size: 14px;font-weight: 700;}
}


.app{width: 100%;padding:80px 0;}
.app-info{width:100%;height:100%;align-items:center;}
.app-info .info{width:25%;}
.app-info .info p{font-size:16px;line-height:28px;color:#222;font-family: "思源黑体";margin-bottom:50px;}
.app-ul{
  background-color:rgba(255,255,255,0.85);box-shadow: 0 5px 10px rgba(0,0,0,0.05);-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.05);
  display: flex;
  width:70%;height:calc(100vh -200px);
  align-items: stretch; /* 关键：让三列高度统一，避免对齐错乱 */
  justify-content: space-between;
  gap: 10px; /* 列之间统一间距20px，无需额外margin计算 */
  margin: 0;
  padding: 20px;
  list-style: none;
}
.app-ul li{
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/* 左列：28%宽度，2个项目 */
.app-ul li:nth-child(1){
  width: calc(30% - 5px);
}
/* 中间列：38%宽度，1个项目（核心缩减，避免占比过多） */
.app-ul li:nth-child(2){
  width: calc(39.5% - 5px);
}
/* 右列：30%宽度，3个项目（适配多1个项目，略宽于左列） */
.app-ul li:nth-child(3){
  width: calc(30% - 5px);
}
/* 所有卡片基础样式 */
.app-ul li a{
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
}
/* 左列2个卡片：均分高度 + 10px垂直间距 */
.app-ul li:nth-child(1) a{
  height: calc(50% - 5px); /* 50%均分 - 5px间距（总间距10px） */
}
/* 中间1个卡片：占满整列高度，无间距 */
.app-ul li:nth-child(2) a{
  height: 100%;
  flex: 1; /* 确保占满列高度 */
}
/* 右列3个卡片：均分高度 + 10px垂直间距（自动适配3个） */
.app-ul li:nth-child(3) a{
  height: calc(33.333% - 7px); /* 3等分 - 6.666px间距（总间距20px） */
}

.app-ul li a img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}
/* 所有卡片hover效果（完全保留原有样式） */
.app-ul li a:hover{
  box-shadow: 0 20px 30px -5px rgba(0,0,0,0.25);
  -webkit-box-shadow: 0 20px 30px -5px rgba(0,0,0,0.25);
}
.app-ul li a:hover img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}
/* 信息层样式（微调内边距，适配新宽度） */
.app-ul li a .info{
  width: 100%;
  height:60px;line-height: 60px;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px 0 0 20px; /* 微调内边距，避免文字拥挤 */
  background: linear-gradient(180deg,rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.app-ul li a:hover .info{
  height: 80px;
}
.app-ul li a .info h6{
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  margin-top: 0;
}


@media screen and (max-width: 768px) {
  .app-ul{
    flex-direction: column;
    gap: 15px;
  }
  .app-ul li{
    width: 100% !important;
  }
  .app-ul li a{
    height: 220px !important; /* 固定移动端卡片高度，适配触摸 */
  }
  .app-ul li a .info{padding:15px 20px;}
  .app-ul li a .info h6{font-size: 18px;}
}


.pro-table{width:100%;margin:50px 0}
.pro-table table{border-collapse: collapse;border-spacing: 0;width: 100%;}
.pro-table table td,.pro-table table th{padding: 5px;}
.pro-table table th{background:var(--color-1)!important;font-size: 14px;text-align: center;color: #fff;border: 1px solid #fff;font-weight:400}
.pro-table table td{background:#fff;font-size: 14px;text-align: center;border: 1px solid #868e96;}
.pro-table table tr:nth-child(2n) td{background-color:#e9ecef!important;}
.pro-table table{table-layout:fixed;width:100%;}
.pro-table table thead{width: 100%;}
.pro-table table thead th{white-space: normal;word-wrap: break-word; }
.tips{width: 100%; margin:30px 0;}
@media (max-width: 1028px) {
    .pro-table {width: 100%;max-height: 400px;overflow-x: auto;overflow-y: auto;-webkit-overflow-scrolling: touch;border-collapse: separate !important;border-spacing: 0}
    .pro-table::-webkit-scrollbar {width: 6px;height: 6px;}
    .pro-table::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 3px;}
    .pro-table::-webkit-scrollbar-thumb {background: #ccc;border-radius: 3px;}
    .pro-table table {width: 100%;min-width: 600px; table-layout: auto; }
    /* 表头样式 */
    .pro-table table thead{
        top: 0; z-index: 2;
        position: -webkit-sticky;
        position: sticky;
    }
    .pro-table table thead th{white-space: nowrap;min-width: 80px;border: 1px solid #fff !important;position: relative;z-index: 1;}
    .pro-table table td {white-space: nowrap;vertical-align: middle;min-width: 80px;}
}
@media (max-width: 768px) {
    .pro-table table th,
    .pro-table table td {padding: 5px 5px;font-size: 12px;}
    .pro-table table thead th{
        border: 1px solid #fff !important; /* 表头边框（与背景色对比） */
        padding: 8px 12px; /* 内边距，保证文字不拥挤 */
        white-space: normal; /* 允许文字换行，适应多级表头 */
        text-align: center; /* 文字居中，增强可读性 */
        vertical-align: middle; /* 垂直居中，优化多行显示 */
    }
    .pro-table {max-height:350px;}
}


.wheel{padding:50px 0 0 0;}
.wheel .pro-info-text{margin-bottom:20px;padding:40px;background-color:#fff;}
.wheel .pro-info-text h6{position:relative;}
.wheel .pro-info-text h6:after{width:5px;height:20px;background-color:var(--color-1);position:absolute;left:-40px;top:5px;}
.wheel .pro-info-text p span{font-size:15px;line-height:25px;}
.wheel .pro-table{margin-bottom:10px;}
.wheel .pro-img-text{align-items:center;}

.app-text-ul{width:100%;margin-bottom:0;}
.app-text-ul li{padding:20px;background-color:#fff;margin-bottom: 2%;border-right:3px solid var(--color-1);
box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05);
-wekit-box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05);}
.app-text-ul li b{font-size:18px;margin-bottom:10px;display:block;}
.app-text-ul li p{font-size:15px!important;line-height:28px!important;font-weight:400;margin-bottom:0;}