/* Our Product 区域 */
.ok07-pro-read {padding: 6.25rem 0;}
.ok07-pro-read-header {text-align: center;margin-bottom: 0.625rem;}
.ok07-pro-read-title {font-size: 3.75rem;font-weight: 700;color: #000000;margin-bottom: 0.625rem;  letter-spacing: normal;}
.ok07-pro-read-subtitle {font-size: 1.125rem;color: #747474;line-height: 1.5;}

.ok07-pro-read-tags {display: flex;justify-content: center;flex-wrap: wrap;gap: 0.75rem;margin: 2.125rem 0;}
.ok07-tag {padding: 0.625rem 1.25rem;font-size: 1.125rem;color: #000000;background: transparent;border: 1px solid #DEDEDE;border-radius: 1.25rem;cursor: pointer;transition: all 0.3s ease;}

.ok07-tag.active,.ok07-tag:hover {background: #5EA9E1;border-color: #5EA9E1;color: #FFFFFF;}

.ok07-prodetail {background-color: #ffffff;padding-bottom: 6.25rem;}
.ok07-prodetail-banner {display: flex;justify-content: center;align-items: center;gap: 4.375rem;}

.ok07-prodetail-left {width: 48%;background-color: #f5f5f5;border-radius: 0.125rem;display: flex;justify-content: center;align-items: center;overflow: hidden;flex-shrink: 0;}
.ok07-prodetail-left img {width: 100%;height: 100%;object-fit: cover;}
.ok07-prodetail-right {flex: 1;display: flex;flex-direction: column;justify-content: center;gap: 1.375rem;}
.ok07-prodetail-title {font-size: 2.75rem;font-weight: 500;line-height: 1.3;color: #000000;}
.ok07-prodetail-desc {font-size: 1.125rem;color: #414141;line-height: 1.5;padding-bottom: 1.75rem;border-bottom: 1px solid #CFCFCF;}
.ok07-prodetail-dl {margin-top: 1.875rem;}
.ok07-prodetail-dl dd {font-size: 1.25rem;color: #9D9D9D;line-height: 1.75;}

.ok07-prodetail-contact { margin-top: 2rem;display: flex;gap: 1.875rem;}
.ok07-contact-btn {border-radius: 3.75rem;font-weight: 500;cursor: pointer;transition: all 0.3s ease;border: 1px solid #7A7A7A;width: 100%;color: #000000;display: block;text-align: center;line-height: 4rem;font-size: 1.25rem;flex: 1;}

.ok07-contact-btn:hover {border-color: #5EA9E2;background: #5EA9E2;color: #fff;transform: translateY(-2px);}

/* 产品类型区域 */
.ok07-product-types {background-color: #DAEFFF;padding: 5rem 0;display: flex;flex-direction: column;align-items: center;gap: 2.5rem;}
.ok07-section-title {font-size: 3rem;font-weight: 700;color: #000000;text-align: center;}
.ok07-product-types-list {margin-top: 2.5rem;}
.ok07-product-type-card {background-color: #ffffff;border-radius: 1.25rem;padding: 1.9375rem;display: flex;gap: 2.5625rem;align-items: center;transition: all .3s ease;}
.ok07-product-type-card + .ok07-product-type-card {margin-top: 2.5rem;}
.ok07-product-type-card:nth-child(2n) {flex-direction: row-reverse;}

.ok07-product-type-image {height: 28.25rem;border-radius: 0.625rem;overflow: hidden;flex-shrink: 0;}
.ok07-product-type-image img {width: 100%;height: 100%;object-fit: cover;transition: all .5s ease;}

.ok07-product-type-card:hover {transform: translateY(-4px);box-shadow: 0 0 5px 5px rgba(255, 255, 255, 0.2);} 
.ok07-product-type-image:hover img {transform: scale(1.02);}

.ok07-product-type-content {display: flex;flex-direction: column;justify-content: center;gap: 0.75rem;}
.ok07-product-type-title {font-size: 2.25rem;font-weight: 700;color: #000000;}
.ok07-product-type-desc {font-size: 1.125rem;color: #414141;line-height: 1.6;}

/* 核心优势区域 */
.ok07-pro-advantages {background-color: #0C233E;padding: 5rem 0 6.25rem;display: flex;flex-direction: column;align-items: center;gap: 2.8125rem;}
.ok07-pro-advantages .ok07-section-title {color: #ffffff;}

.ok07-pro-advantages-grid {display: flex;flex-wrap: wrap;justify-content: center;gap: 2rem;width: 100%;margin-top: 3rem;}
.ok07-pro-advantage-card {width: calc(50% - 1rem);background-color: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 1.725rem;padding: 3.25rem 4rem 2rem;}
.ok07-pro-advantage-image {width: 100;overflow: hidden;border-radius: 1.24rem;}
.ok07-pro-advantage-image img { max-width: 100%;max-height: 100%;object-fit: cover;aspect-ratio: 1 / .8;transition: all .3s ease;}
.ok07-pro-advantage-content {text-align: center;width: 100%;margin-top: 3.125rem;}
.ok07-pro-advantage-title {font-size: 1.5rem;font-weight: 700;color: #FFFFFD;margin-bottom: 0.75rem; line-height: 1.4;}
.ok07-pro-advantage-desc {font-size: 1.125rem;color: #A6B7CF;line-height: 1.6;}

.ok07-pro-advantage-image:hover img {transform: scale(1.03);}



/* 规格表格区域 */
.ok07-pro-specifications {background-color: #ffffff;padding: 5rem 0;}
.ok07-pro-specifications .ok07-section-title {font-size: 3rem;font-weight: 700;color: #000000;}
.ok07-pro-specifications .table-response{width:100%;max-width: 100%;overflow-x:auto;}
.ok07-spec-table {width: 100%;border-collapse: collapse;background-color: #ffffff;margin-top: 1.5rem;}
.ok07-spec-table tr {border-bottom: 0.0625rem solid rgba(143, 143, 143, 0.2);}
.ok07-spec-table th,.ok07-spec-table td {padding: 1.25rem 1.5rem;font-size: 1.125rem;text-align: left;border: 1px solid #D3D3D3;}
.ok07-spec-table tr:nth-child(2n+1) {background: #EEEEEE;}
.ok07-spec-table tr:first-child {background-color: #5EA9E2;color: #ffffff;}
.ok07-spec-table tr:first-child th {font-weight: 600;font-size: 1.25rem;text-align: center;}
.ok07-spec-table td {color: #414141;}

/* 应用领域区域 */
.ok07-pro-application {background-color: #FFF;padding: 5rem 0 0;position: relative;}
.application-title { text-align: center;font-size: 3rem;font-weight: 700;color: #000;margin-bottom: 2.6875rem;position: relative;z-index: 1;}
.application-cards {display: flex;justify-content: center;gap: 3.125rem;position: relative;z-index: 1;}
.app-card {overflow: hidden;position: relative;}
.app-card::after {content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 80%;background: linear-gradient(to top, rgba(0, 0, 0, 0.82), transparent);}
.app-content { position: absolute;bottom: 0;left: 0;right: 0;padding: 3.75rem 3.75rem 3.125rem; z-index: 2;display: flex;flex-direction: column;align-items: center;gap: 0.625rem;}
.app-card h3 {font-size: 2rem;font-weight: 600;color: #fff;text-align: center;}
.app-card p {font-size: 1.125rem;line-height: 1.875rem;color: #fff;text-align: center;}

.ok07-pro-application .swiper-pagination{width:100%;font-size:0;position: static;margin-top: 2.5rem;display: none;}
.ok07-pro-application .swiper-pagination-bullet {height:14px;width:14px;margin:0 4px;background:#B9B9B9;border-radius:50%;opacity:1;}
.ok07-pro-application .swiper-pagination-bullet-active{background:#5da9e1;}

/* 推荐产品区域 */
.ok07-recommended {background-color: #ffffff;padding: 5rem 0;}
.ok07-recommended .list {margin-top: 2rem;}
.ok07-recommended-grid {display: grid;grid-template-columns: repeat(4, 1fr);justify-content: center;  gap: 1.75rem;margin-top: 2rem;}
.ok07-recommended-card {background: #FFF;border: 1px solid rgba(229, 229, 229, 0.81);border-radius: 1.25rem;overflow: hidden;transition: transform 0.3s ease, box-shadow 0.3s ease;padding: 1rem;}
.ok07-recommended-image {width: 100%;overflow: hidden;border-radius: 1.25rem;display: block;}
.ok07-recommended-image img {width: 100%;aspect-ratio: 1 / 1;transition: all .3s ease;}
.ok07-recommended-content {margin-top: 1.125rem;}
.ok07-recommended-name {font-size: 1.25rem;font-weight: 500;color: #000000;line-height: 1.333;transition: all .3s ease;}
.ok07-recommended-btn {display: inline-block;width: 13.25rem;line-height: 3.125rem;margin: 0 auto;font-size: 1.25rem;font-weight: 500;color: #000000;background: transparent;border: 1px solid #E5E5E5;border-radius: 1.875rem;cursor: pointer;transition: all 0.3s ease;margin-top: 1.25rem;text-align: center;}

.ok07-recommended-card:hover .ok07-recommended-image img {transform: scale(1.04);}
.ok07-recommended-card:hover {transform: translateY(-0.5rem);box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);background: #5da9e1;}
.ok07-recommended-card:hover .ok07-recommended-name {color: #fff;}
.ok07-recommended-card:hover .ok07-recommended-btn {background: #fff;}
.ok07-recommended-name:hover {color: #5EA9E1;}


.ok07-recommended .swiper-pagination{width:100%;font-size:0;position: static;margin-top: 2.5rem;}
.ok07-recommended .swiper-pagination-bullet {height:20px;width:20px;margin:0 4px;background:#D9D9D9;border-radius:50%;opacity:1;}
.ok07-recommended .swiper-pagination-bullet-active{background:#5da9e1;}

/* 专属联络区域 */
.ok07-contact-section {
  background-color: #F9F9F9;
  padding: 0 12.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3.3125rem;
}

.ok07-contact-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5625rem;
  margin-top: 3.3125rem;
}

.ok07-contact-title {
  font-size: 3rem;
  font-weight: 700;
  color: #000000;
  text-align: center;
}

.ok07-contact-subtitle {
  font-size: 1.125rem;
  color: #414141;
  text-align: center;
  line-height: 1.6;
}

.ok07-contact-icons {
  display: flex;
  gap: 6.125rem;
  padding-bottom: 3.3125rem;
}

.ok07-contact-icon-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.1875rem;
}

.ok07-contact-icon {
  width: 10rem;
  height: 10rem;
  background-color: #f0f0f0;
  border-radius: 0.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.ok07-contact-icon img {
  max-width: 80%;
  max-height: 80%;
  object-fit: contain;
}

.ok07-contact-icon-text {
  font-size: 1.25rem;
  font-weight: 600;
  color: #000000;
  text-align: center;
  line-height: 1.6;
}

/* 响应式设计 */
@media screen and (max-width: 1440px) {
}

@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 992px) {
  
  .ok07-prodetail-banner {
    flex-direction: column;
    align-items: center;
    padding: 3.125rem 1.5rem 0;
  }
  
  .ok07-prodetail-left {
    width: 100%;
    max-width: 40rem;
    height: auto;
    aspect-ratio: 1;
  }
  
  .ok07-prodetail-right {
    max-width: 100%;
    text-align: center;
  }
  
  .ok07-prodetail-contact {
    justify-content: center;
  }
  
  .ok07-product-types {
    padding: 3rem 1.5rem;
  }
  
  .ok07-product-types-list {
    gap: 1.5rem;
  }
  
  .ok07-product-type-card {
    padding: 1.25rem;
  }
  
  .ok07-advantages {
    padding: 3rem 1.5rem;
  }
  
  .ok07-advantages-grid {
    padding: 0;
    gap: 1.5rem;
  }
  
  .ok07-advantage-card {
    width: 100%;
    max-width: 30rem;
  }
  
  .ok07-specifications {
    padding: 3rem 0;
  }
  
  .ok07-spec-table-wrapper {
    width: 90%;
  }
  
  .ok07-applications {
    padding: 3rem 0;
  }
  
  .ok07-application-card {
    width: 90%;
    height: auto;
    aspect-ratio: 16/9;
  }
  
  .ok07-recommended {
    padding: 3rem 1.5rem 0;
  }
  
  .ok07-recommended-grid {
    flex-direction: column;
    align-items: center;
  }
  
  .ok07-recommended-card {
    width: 100%;
    height: auto;
  }
  
  .ok07-contact-section {
    padding: 0 1.5rem;
  }
  
  .ok07-contact-icons {
    gap: 2rem;
  }
  
  .ok07-contact-icon-item {
    width: 30%;
    max-width: 12rem;
  }
  
  .ok07-contact-icon {
    width: 8rem;
    height: 8rem;
  }
}

@media screen and (max-width: 480px) {
  
  .ok07-section-title {
    font-size: 2.5rem;
  }
  
  .ok07-prodetail-title {
    font-size: 2rem;
  }
  
  .ok07-contact-title {
    font-size: 2rem;
  }
  
  .ok07-advantage-card {
    padding: 2rem 1rem;
    gap: 1.5rem;
  }
  
  .ok07-advantage-image {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
  }
  
  .ok07-advantage-title {
    font-size: 1.25rem;
  }
  
  .ok07-advantage-desc {
    font-size: 1rem;
  }
  
  .ok07-application-content {
    padding: 1.5rem;
  }
  
  .ok07-application-title {
    font-size: 1.5rem;
  }
  
  .ok07-application-desc {
    font-size: 0.875rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}


@media screen and (max-width: 992px) {
.ok07-pro-read {padding: 3rem 0;}
.ok07-pro-read-title {font-size: 2.5rem;}
.ok07-prodetail-banner {padding: 3rem 0 0;gap: 2.5rem;}
.ok07-prodetail-right {gap: 1rem;}
.ok07-product-type-card:nth-child(2n),.ok07-product-type-card {flex-direction: column;}
.ok07-section-title {font-size: 2.25rem;}
.ok07-product-type-title {font-size: 1.75rem;}
.ok07-prodetail-title {font-size: 2rem;}
.ok07-pro-advantages {padding: 3rem 0;gap: 1.5rem;}
.ok07-pro-advantage-card {border-radius: 1.25rem;padding: 1.55rem 2rem 1.25rem;}
.ok07-pro-advantage-content {margin-top: 1.5rem;}
.ok07-pro-specifications {padding: 3rem 0;}
.ok07-pro-specifications .ok07-section-title {font-size: 2rem;}
.ok07-spec-table-wrapper {width: 100%;}
.ok07-recommended {padding: 3rem 0 0;}
.ok07-section-title {font-size: 1.75rem;}
.ok07-recommended-grid {grid-template-columns: repeat(2, 1fr); gap: 1.5rem;}
.ok07-recommended {padding: 3rem 0;}
.ok07-recommended .swiper-pagination-bullet {height: 12px;width: 12px;}
}


@media screen and (max-width: 480px) {
.ok07-recommended-grid {grid-template-columns: repeat(1, 1fr);}
.ok07-recommended-card {width: 100%;max-width: 100%;}
.ok07-recommended-name {line-height: 1.5rem;height: 3rem;}
}