/* 导航样式 */
.tab-con {
    margin-top: 30px;
}
.tab-nav, .sub-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.tab-nav .tab-item, .sub-nav .tab-item {
    cursor: pointer;
    padding: 0 10px;
    position: relative;
    color: #666;
    transition: color 0.3s ease;
    white-space: nowrap;
    flex: 0 1 auto;
}

.tab-nav .tab-item.active {
    color: #0d6efd;
}
.tab-con .item.active {
    color: #0d6efd;
}

.tab-nav .tab-item.active::after {
    content: '';
    position: absolute;
    bottom: -11px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #0d6efd;
}

.sub-nav .tab-item {
    color: #666;
    font-size: 14px;
}

.sub-nav .tab-item.active {
    color: #0d6efd;
}

/* 内容区域样式 */
.content-area {
}

.content-section {
    display: none;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.content-section.active {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.item {
    color: #666;
    font-size: 14px;
    padding: 0 10px;
    cursor: pointer;
    transition: color 0.3s ease;
    white-space: nowrap;
    flex: 0 1 auto;
}

.item:hover {
    color: #0d6efd;
} 
.product-image { position: relative; flex: 0 0 420px; max-width: 420px; min-width: 220px;}
.product-image .slick-arrow {
    position: absolute;
    top: 50%;
    /* transform: translateY(-50%); */
    width: 40px;
    height: 40px;
    background: #4A43DD;
    color: #fff;
    border: none;
    border-radius: 50%;
    z-index: 10;
    opacity: 0.95;
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(17,60,140,0.12);
    transition: background 0.2s, color 0.2s;
}
.product-info {
    flex: 1; min-width: 260px;line-height: 30px;
}
.product-info .table-title {
    padding: 2px 12px 2px 0; color: #0d6efd;
}
.product-image .slick-arrow:hover {
    background: #2a5ad7;
    color: #fff;
    opacity: 1;
}
.product-image .slick-prev {
    left: 8px !important;
}
.product-image .slick-next {
    right: 8px !important;
}
.product-image .slick-prev:before, .product-image .slick-next:before {
    content: '';
}
.product-image .slick-prev svg, .product-image .slick-next svg {
    width: 20px;
    height: 20px;
    display: block;
}

.product-image .slider-nav .slick-current img {
    border: 2px solid #113c8c;
}
.slider-for {
    border: 1px solid #ccc
}
.slider-for img, .slider-nav img {
    display: block;
}
/* 缩略图间距优化 */
.product-image .slider-nav {
    display: flex !important;
    gap: 8px;
    justify-content: flex-start;
}
.product-image .slider-nav .slick-slide {
    margin-right: 20px !important;
}
.product-image .slider-nav img {
    margin: 0 !important;
}
.product-image .slider-nav .slick-arrow {
    border-radius: 0;
    width: 15px;
    height: 80px;
    background: #e1e1e1;
}
.product-image .slider-nav .slick-prev {
    left: 0 !important;
    top: 30px
}
.product-image .slider-nav .slick-next {
    right: 0 !important;
    top: 30px
}
.product-image .slider-nav svg {
    color:#000 !important
}

@media (max-width: 600px) {
  
    .product-detail-content {
        flex-direction: column;
        gap: 24px;
    }
    .product-image {
        max-width: 100%;
        min-width: 0;
        width: 100%;
    }
    .product-image .slick-slider {
      height: auto;
    }
    .slider-nav img {
        width: 60px !important;
        height: 60px !important;
    }
    .product-image .slider-nav .slick-slide {
        height: 60px;
        overflow: hidden;
    }
    .product-image .slider-nav .slick-prev,
    .product-image .slider-nav .slick-next {
      height: 60px;
    }
}
.product-detail-content1 {
    padding: 30px 20px
}
.product-detail-content1 {
    line-height: 30px;
}
.product-detail-content1 h4{
    color: #0d6efd;
    margin: 30px 0 10px;
    font-size: 18px;
}
.product-detail-content1 table {
    width: 100%;
    border-top: 1px solid #0d6efd;
    border-left: 1px solid #0d6efd;
}
.product-detail-content1 th, .product-detail-content1 td {
    padding: 5px 10px;
    text-align: center;
    border-right: 1px solid #0d6efd;
    border-bottom: 1px solid #0d6efd;
    width: 50%;
}
.product-detail-content1 th {
    background: #4A43DD;
    color: #fff
}
.service {
    padding: 30px 0
}
.font-blue {
    color: #0d6efd
}
.service .fa-solid {
    margin: 0 10px;
}
.service .heading1 {
    padding-bottom: 50px;
}
.crumbs {
    background-color: #f8f8f8;
    padding: 10px;
}
.crumbs1 {
  background-color: #f8f8f8;
  padding: 10px;
  margin-bottom: -30px;
  margin-top:20px
}
.research-box .t {
    padding: 5px 10px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
}
.product-detail-content {
  padding-top: 10px;

}
.product-detail-content .downloadPDF {
  margin-top: 10px
}
.product-detail-content .fa-solid {
  margin: 0 10px;
}
.slider-nav-custom {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}
.slider-nav-custom img{
    margin-right: 25px;
    width:80px;
    height:80px;
    object-fit:cover;
    border-radius:4px;
    cursor:pointer;
    border:3px solid transparent;
}
.slider-nav-custom img.active {
    border: 2px solid #0d6efd !important;
}
.table-inner {
    padding: 0 !important;
}
.table-inner table,.table-inner table td {
    border: 0;
}