.ok07-video-list {background: #FFFFFF;padding: 6.25rem 0 5rem;}
.ok07-video-list .banner-content {text-align: center;width: 53.75rem;margin: 0 auto;}
.ok07-video-list .banner-title {font-size: 3.75rem;font-weight: 700;color: #000000;text-align: center;line-height: 1.2;}
.ok07-video-list .banner-subtitle {font-size: 1.125rem;font-weight: 400;color: #565656;line-height: 1.67;margin-top: 1.25rem;}
.ok07-video-list .banner-video-section {margin-top: 5rem;position: relative;border-radius: 1.875rem;overflow: hidden;}
.ok07-video-list .video-main-container {position: relative;width: 100%;height: 37.5rem;overflow: hidden;background: linear-gradient(180deg, rgba(102, 102, 102, 0) 50%, rgba(0, 0, 0, 1) 100%);display: block;opacity: .8;transition: opacity .3s ease;}
.ok07-video-list .swiper-slide-active .video-main-container {opacity: 1;}
.ok07-video-list .video-main-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: 0;}
.ok07-video-list .video-main-overlay {position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(102, 102, 102, 0) 50%, rgba(220,220, 220, .1) 100%);z-index: 1;}
.ok07-video-list .video-main-content {position: absolute;bottom: 3.75rem;left: 6.25rem;right: 6.25rem;display: flex;justify-content: space-between;align-items: center;z-index: 2;}
.ok07-video-list .video-main-text {font-size: 2rem;font-weight: 600;color: #FFFFFF;max-width: 52.5rem;}
.ok07-video-list .play-button {width: 3.625rem;height: 3.625rem;background: rgba(7, 10, 24, 0.54);border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: transform 0.3s ease;}
.ok07-video-list .play-button i {font-size: 2rem;color: #fff;margin-left: 0.25rem;}
.ok07-video-list .play-button:hover {transform: scale(1.1);}


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


/* ok07-filter - 视频筛选区域 */
.ok07-filter {margin: 0 auto;background: #F8F8F8;padding:3.125rem 0 5rem;}
.ok07-filter .filter-tags {display: flex;justify-content: center;align-items: center;gap: 0.625rem;margin-bottom: 3.375rem;}
.ok07-filter .filter-tag {padding: 1.25rem 2.5rem;border-radius: 3.125rem;font-size: 1.25rem;font-weight: 700;color: #000000;background: #FFFFFF;border: none;cursor: pointer;transition: all 0.3s ease;}
.ok07-filter .filter-tag:hover {background: #F0F0F0;}
.ok07-filter .filter-tag.active {background: #5EA9E1;color: #FFFFFF;}
.ok07-filter .video-grid {display: flex;flex-wrap: wrap;gap: 1.5rem;align-self: stretch;}
.ok07-filter .video-card {width: calc(33.333% - 1rem);display: flex;flex-direction: column;gap: 1.125rem;}
.ok07-filter .video-card-image {position: relative;width: 100%;height: 22.5rem;border-radius: 1.875rem;overflow: hidden;display: block;}
.ok07-filter .video-card-image img {width: 100%;height: 100%;object-fit: cover;}
.ok07-filter .video-card-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(102, 102, 102, 0) 50%, rgba(0, 0, 0, 1) 100%);}
.ok07-filter .video-card-play {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 58px;height: 58px;background: rgba(7, 10, 24, 0.54);border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: transform 0.3s ease;}
.ok07-filter .video-card-play:hover {transform: translate(-50%, -50%) scale(1.1);}
.ok07-filter .video-card-play i {font-size: 1.375rem;color: #fff;}
.ok07-filter .video-card-title {font-size: 1.5rem;font-weight: 600;color: #000000;text-align: center;}

/* ok07-product - 新产品区域 */
.ok07-video-product {margin: 0 auto;background: #DAEFFF;padding: 3.75rem 0;}
.ok07-video-product .product-title {font-size: 3rem;font-weight: 700;color: #000000;text-align: center;margin-bottom: 2.5rem;}
.ok07-video-product .product-card {background: #FFFFFF;border-radius: 1.875rem;padding: 2.5rem 1.875rem;display: flex;flex-direction: column;gap: 2.5rem;}
.ok07-video-product .product-content {display: flex;justify-content: space-between;gap: 2.5rem;}
.ok07-video-product .product-image-wrapper {width:66.9%;border-radius: 1.25rem;overflow: hidden;}
.ok07-video-product .product-image {width: 100%;height: 100%;object-fit: cover;}
.ok07-video-product .product-info {flex: 1;display: flex;flex-direction: column;justify-content: center;gap: 0.75rem;   padding: 1.25rem 0;}
.ok07-video-product .product-name {font-size: 2.25rem;font-weight: 700;color: #000000;}
.ok07-video-product .product-desc {font-size: 1.125rem;font-weight: 400;color: #414141;line-height: 1.67;}
.ok07-video-product .product-nav {display: flex;justify-content: center;gap: 0.625rem;}
.ok07-video-product .product-nav-dot {width: 1rem;height: 1rem;background: #EBEBEB;border-radius: 50%;}
.ok07-video-product .product-nav-dot.active {background: #5EA9E1;}
.ok07-video-product a.more {display: inline-block;width: 13.25rem;line-height: 3.125rem;font-size:1.125rem;color: #0d233e;background: transparent;border: 2px solid #0d233e;border-radius: 1.875rem;cursor: pointer;transition: all 0.3s ease;margin-top:2.5rem;text-align: center;}

.ok07-video-product a.more:hover {background: #0d233e;color: #fff;}


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

/* Responsive Design */

@media (max-width: 1440px) {
    .ok07-video-list .banner-content {
        padding: 0 60px;
    }
    
    .ok07-video-list .video-main-container {
        height: 500px;
    }
    
    .ok07-filter .video-card {
        width: calc(50% - 12px);
    }
    
    .ok07-product .product-card {
        width: 90%;
        max-width: 1200px;
    }
    
    .ok07-product .product-content {
        flex-direction: column;
    }
    
    .ok07-product .product-image-wrapper {
        flex: none;
        width: 100%;
        height: 300px;
    }
}

@media (max-width: 1024px) {
    .ok07-video-list {
        padding: 0 40px 60px;
    }
    
    .ok07-video-list .banner-title {
        font-size: 2.5rem;
        width: 100%;
    }
    
    .ok07-video-list .banner-subtitle {
        font-size: 1rem;
        width: 100%;
    }
    
    .ok07-video-list .video-main-container {
        height: 400px;
    }
    
    .ok07-video-list .video-main-content {
        left: 40px;
        right: 40px;
        bottom: 40px;
    }
    
    .ok07-filter {
        padding: 40px 40px 60px;
    }
    
    .ok07-filter .filter-tags {
        flex-wrap: wrap;
        gap: 15px;
    }
    
    .ok07-filter .filter-tag {
        padding: 15px 30px;
        font-size: 1rem;
    }
    
    .ok07-filter .video-card {
        width: calc(50% - 12px);
    }
    
    .ok07-filter .video-card-image {
        height: 280px;
    }
}

@media (max-width: 768px) {
    .ok07-video-list {
        padding: 0 20px 40px;
    }
    
    .ok07-video-list .banner-content {
        padding: 0 20px;
        height: auto;
        min-height: 200px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    .ok07-video-list .banner-title {
        font-size: 2rem;
    }
    
    .ok07-video-list .banner-subtitle {
        font-size: 0.875rem;
        line-height: 1.5;
    }
    
    .ok07-video-list .video-main-container {
        height: 300px;
    }
    
    .ok07-video-list .video-main-text {
        font-size: 1.25rem;
    }
    
    .ok07-video-list .play-button {
        width: 48px;
        height: 48px;
    }
    
    .ok07-filter {
        padding: 30px 20px 50px;
    }
    
    .ok07-filter .filter-tags {
        justify-content: flex-start;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 10px;
        -webkit-overflow-scrolling: touch;
    }
    
    .ok07-filter .filter-tag {
        flex-shrink: 0;
        padding: 12px 24px;
        font-size: 0.875rem;
    }
    
    .ok07-filter .video-grid {
        gap: 16px;
    }
    
    .ok07-filter .video-card {
        width: calc(50% - 8px);
    }
    
    .ok07-filter .video-card-image {
        height: 200px;
        border-radius: 20px;
    }
    
    .ok07-filter .video-card-title {
        font-size: 1rem;
    }
    
    .ok07-filter .video-card-play {
        width: 40px;
        height: 40px;
    }
    
    .ok07-filter .video-card-play svg {
        width: 16px;
        height: 18px;
    }
    
    .ok07-product {
        padding: 40px 20px;
    }
    
    .ok07-product .product-title {
        font-size: 2rem;
    }
    
    .ok07-product .product-card {
        padding: 24px 20px;
        gap: 24px;
    }
    
    .ok07-product .product-image-wrapper {
        height: 200px;
    }
    
    .ok07-product .product-name {
        font-size: 1.5rem;
    }
    
    .ok07-product .product-desc {
        font-size: 0.875rem;
    }
}

@media (max-width: 480px) {
    .ok07-video-list .banner-title {
        font-size: 1.5rem;
    }
    
    .ok07-video-list .banner-subtitle {
        font-size: 0.75rem;
    }
    
    .ok07-video-list .video-main-container {
        height: 220px;
        border-radius: 20px;
    }
    
    .ok07-video-list .video-main-text {
        font-size: 1rem;
        max-width: 60%;
    }
    
    .ok07-filter .video-card {
        width: 100%;
    }
    
    .ok07-filter .video-card-image {
        height: 180px;
    }
    
    .ok07-product .product-title {
        font-size: 1.5rem;
    }
    
    .ok07-product .product-name {
        font-size: 1.25rem;
    }
}


@media (max-width: 992px) {
.ok07-video-list {padding: 0;}
.ok07-video-list .banner-content {width: 100%;}
.ok07-video-list .banner-content {padding: 0;height: auto;min-height: auto;padding-top: 2.5rem;padding-bottom: 2.5rem;}
.ok07-video-list .banner-video-section {margin-top: 2rem;}

.ok07-filter {padding: 2.5rem 0;}
.ok07-filter .filter-tags {margin-bottom: 2.5rem;}

.ok07-video-product {padding: 2.5rem 0;}
.ok07-video-product .product-title {font-size: 2.25rem;margin-bottom: 1.5rem;}
.ok07-video-product .product-card {padding: 1.875rem 1.5rem;gap: 1.5rem;}
.ok07-video-product .product-content {display: block;}
.ok07-video-product .product-image-wrapper {width: 100%;}
.ok07-video-product .product-name {font-size: 1.5rem;}
.ok07-video-product .product-info {padding: 1rem 0;}
}