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

.ok07-pro-list-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-pro-list-grid {display: grid;grid-template-columns: repeat(4, 1fr);justify-content: center;  gap: 1.75rem;}
.ok07-pro-list-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;display:flex;flex-direction:column;}
.ok07-pro-list-image {width: 100%;overflow: hidden;border-radius: 1.25rem;display: block;}
.ok07-pro-list-image img {width: 100%;aspect-ratio: 1 / 1;transition: all .3s ease;}
.ok07-pro-list-content {margin-top: 1.125rem;flex:1;display:flex;flex-direction:column;}
.ok07-pro-list-name {font-size: 1.15rem;color: #000000;line-height: 1.333;transition: all .3s ease;margin-bottom: 1rem;}
.ok07-pro-list-btn {display: inline-block;width: 13.25rem;line-height: 3.125rem;font-size:1.125rem;color: #000000;background: transparent;border: 1px solid #E5E5E5;border-radius: 1.875rem;cursor: pointer;transition: all 0.3s ease;margin-top:auto;text-align: center;}



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

.ok07-load-more {display: flex;justify-content: center;margin-top: 2rem;}

.ok07-load-more-btn {width: 26rem;line-height: 4.25rem;font-size: 1.25rem;font-weight: 500;color: rgba(0, 0, 0, 0.09);background: rgba(217, 217, 217, 0.17);border: none;border-radius: 3.75rem;cursor: pointer;transition: all 0.3s ease; text-align: center;}

.ok07-load-more-btn:hover {background: #5EA9E1;color: #FFFFFF;transform: translateY(-2px);}

/* 响应式设计 */


@media (max-width: 992px) {
    .ok07-pro-list {
        padding: 4rem 0;
    }
    
    .ok07-pro-list-tags {
        padding: 0 1rem;
    }
    
    .ok07-pro-list-grid {
        padding: 0 1rem;
        gap: 1.25rem;
    }
    
    .ok07-pro-list-name {
        font-size: 1rem;
    }
    
    .ok07-pro-list-btn {
        width: 10rem;
        line-height: 2.5rem;
        font-size: 1rem;
    }
    
    .ok07-application {
        padding: 3rem 0;
    }
    
    .ok07-application-grid {
        flex-direction: column;
        align-items: center;
        gap: 1.5rem;
    }
    
    .ok07-application-card,
    .ok07-application-card:not(:first-child) {
        width: 90%;
        height: 25rem;
    }
    
    .ok07-service {
        padding: 3rem 1.5rem;
    }
    
    .ok07-service-grid {
        gap: 3rem 2rem;
    }
    
    .ok07-service-item {
        width: 8rem;
    }
    
    .ok07-service-icon {
        width: 8rem;
        height: 8rem;
    }
}

@media (max-width: 480px) {
    .ok07-pro-list-title,
    .ok07-application-title,
    .ok07-service-title {
        font-size: 2rem;
    }
    
    .ok07-pro-list-subtitle {
        font-size: 1rem;
        padding: 0 1rem;
    }
    
    .ok07-tag {
        padding: 0.5rem 1rem;
        font-size: 1rem;
    }
    
    .ok07-pro-list-grid {
        gap: 1rem;
    }
    
    .ok07-pro-list-card {
        width: 100%;
        max-width: 20rem;
    }
    
    .ok07-application-card,
    .ok07-application-card:not(:first-child) {
        width: 95%;
        height: 20rem;
    }
    
    .ok07-application-name {
        font-size: 1.5rem;
    }
    
    .ok07-application-desc {
        font-size: 1rem;
    }
    
    .ok07-service-grid {
        gap: 2.5rem 1.5rem;
    }
    
    .ok07-service-item {
        width: 7rem;
    }
    
    .ok07-service-icon {
        width: 7rem;
        height: 7rem;
    }
    
    .ok07-service-name {
        font-size: 1rem;
    }
    
    .ok07-load-more-btn {
        width: 20rem;
        height: 3.5rem;
        font-size: 1rem;
    }
}

@media (max-width: 400px) {
    .ok07-pro-list-title,
    .ok07-application-title,
    .ok07-service-title {
        font-size: 1.75rem;
    }
    
    .ok07-pro-list {
        padding: 3rem 0;
    }
    
    .ok07-pro-list-tags {
        gap: 0.5rem;
    }
    
    .ok07-tag {
        padding: 0.375rem 0.75rem;
        font-size: 0.875rem;
    }
    
    .ok07-application {
        padding: 2rem 0;
    }
    
    .ok07-application-card,
    .ok07-application-card:not(:first-child) {
        height: 18rem;
    }
    
    .ok07-application-overlay {
        padding: 1.5rem 2rem;
    }
    
    .ok07-service {
        padding: 2rem 1rem;
    }
    
    .ok07-service-grid {
        gap: 2rem 1rem;
    }
    
    .ok07-service-item {
        width: 6rem;
    }
    
    .ok07-service-icon {
        width: 6rem;
        height: 6rem;
    }
    
    .ok07-load-more-btn {
        width: 16rem;
        height: 3rem;
        font-size: 0.875rem;
    }
}

@media (max-width: 992px) {
.ok07-pro-list-grid {gap: 1rem;grid-template-columns: repeat(2, 1fr);padding: 0;}
.ok07-pro-list-image {height: auto;}

}