.page-product-examples-contract>.wrap {
    margin-bottom: 3.84rem;
}

.page-product-examples-contract .page-product-examples-contract-cards {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}

.page-product-examples-contract .page-product-examples-contract-cards .tpl-product-cards{
   width: 100%;
}

.page-product-examples-contract .page-product-examples-contract-cards .tpl-product-cards .tpl-product-cards-img{
    aspect-ratio: 16 / 9;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--z-body-bg-color1);
    overflow: hidden;
}

.page-product-examples-contract .page-product-examples-contract-cards .tpl-product-cards .tpl-product-cards-img img{
   width: auto;
   height: auto;
   max-width: 100%;
   max-height: 100%;
}

.page-product-examples-contract .page-product-examples-contract-cards .tpl-product-cards .top-title img{
    aspect-ratio: unset;
}

.page-product-examples-contract .page-product-examples-contract-cards.spacemit  {
    padding-bottom: 48px;
}

.page-product-examples-contract-module {
    background-color: #f7f7f7;
    padding-bottom: 24px;
}

.site-main .page-product-examples-contract-module .second-title {
    padding: 2.56rem 0 1.75rem;
}


.page-product-examples-contract-module .third-title {
    margin-bottom: 24px;
}
@media screen and (max-width: 1200px) {
    .site-main .page-product-examples-contract-module .second-title {
        padding-left: 16px;
    }
}

/* 移动端下的适配 */
@media screen and (max-width: 768px) {
    .site-main .page-product-examples-contract-module .second-title {
        padding: var(--z-body-padding);
    }
    .page-product-examples-contract .page-product-examples-contract-cards {
        gap: 16px;
    }
    .page-product-examples-contract .page-product-examples-contract-cards .tpl-product-cards {
        max-width: calc(50% - 8px);
    }

    .page-product-examples-contract-module .second-title{
        padding-left: var(--z-body-padding);
        padding-right: var(--z-body-padding);
    }

    .page-product-examples-contract>.wrap {
        margin-bottom: 10px;
    }

}