/* 桌面 / 笔记本：1200px - 1399px */
@media (max-width: 1399.98px) {
    :root {
        --content-width: 960px;
    }
    /*banner*/
    .banner {
        height: 480px;
    }
    .banner-item__wrapper {
        /*padding: 32px;*/
        transform: translate3d(-50%, -25%, 0);
    }
    .banner-item__title {
        width: 100%;
    }
    .banner-item__summary {
        width: 100%;
    }
    /*区块*/
    .section {
        padding: 32px 0;
    }
    .section-title {
        font-size: 24px;
        line-height: 32px;
    }
    .section-summary {
        margin-top: 8px;
        font-size: 14px;
    }
    /** 按钮 **/
    .action-button {
        height: 40px;
        padding: 0 24px;
        font-size: 14px;
    }

    /*首页新闻资讯*/
    .recommend-news {
        gap: 16px;
        margin: 16px auto;
    }
    .recommend-news-header {
        height: 48px;
        font-size: 20px;
        color: var(--text-color);
    }
    .recommend-news-more {
        font-size: 14px;
        color: #999;
        font-weight: normal;
    }
    .recommend-news-item {
        width: calc(33.3333% - 11px);
        height: auto;
        min-height: 108px;
        max-height: 144px;
        padding: 24px;
    }
    .recommend-news-item span {
        color: #999;
        font-size: 12px;
        font-weight: normal;
    }
    /** 产品卡片 **/
    .product-items {
        gap: 16px;
    }
    .product-items li {
        width: calc(33.3333% - 11px);
        padding: 24px;
    }
    .product-item-title {
        font-size: 18px;
        padding: 8px 0;
    }
    .product-item-description {
        max-height: 72px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #999;
    }
    /** 共同成长 **/
    .ecosystem {
        gap: 16px;
    }
    .ecosystem li {
        width: calc(50% - 8px);
        min-height: 240px;
        padding: 16px;
    }
    .pv-title {
        font-size: 20px;
        padding: 12px 0;
    }
    /** 客户 **/
    .partners li {
        height: 72px;
    }
    /** 页面 **/
    .news-container {
        flex-direction: column;
        justify-content: flex-start;
        row-gap: 16px;
    }
    .news-content {
        width: 100%;
    }
    .sidebar {
        width: 100%;
    }
    /** 文章内容页 **/
    .article-container {
        flex-direction: column;
        justify-content: flex-start;
        row-gap: 16px;
        padding: 0 16px;
    }
    .article-main {
        width: 100%;
    }
}

/* 平板：768px - 1199px */
@media (max-width: 1023.98px) {
    :root {
        --content-width: 100%
    }
    .mt3 {
        margin-top: 24px;
    }
    .floater {
        display: none;
    }
    /** header **/
    .header-container {
        padding:  0 24px;
    }
    .nav {
        display: none;
    }
    .nav-trigger {
        display: inline-flex;
    }
    .nav-special {
        display: none;
    }
    /*banner*/
    .banner {
        height: 360px;
    }
    .banner-item__wrapper {
        padding: 32px;
        transform: translate3d(-50%, -25%, 0);
    }
    .banner-item__title {
        width: 100%;
        font-size: 24px;
    }
    .banner-item__summary {
        width: 100%;
    }
    /*区块*/
    .section {
        padding: 32px 24px;
    }
    .section-header {
        margin-bottom: 24px;
    }
    .section-title {
        font-size: 24px;
        line-height: 32px;
    }
    .section-summary {
        margin-top: 8px;
        font-size: 14px;
    }
    .section-footer {
        margin-top: 24px;
    }
    /** 按钮 **/
    .action-button {
        height: 36px;
        padding: 0 24px;
        font-size: 14px;
    }

    /*首页新闻资讯*/
    .recommend-news {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 4px;
        padding: 0 24px;
        margin: 8px auto;
    }
    .recommend-news-header {
        height: 48px;
        font-size: 20px;
        color: var(--text-color);
    }
    .recommend-news-more {
        font-size: 14px;
        color: #999;
        font-weight: normal;
    }
    .recommend-news-item {
        width: 100%;
        height: auto;
        padding: 24px;
        margin-right: 0;
        font-size: 16px;
    }
    .recommend-news-item span {
        color: #999;
        font-size: 12px;
        font-weight: normal;
    }
    /** 产品卡片 **/
    .product-items {
        gap: 16px;
    }
    .product-items li {
        width: calc(50% - 8px);
        padding: 24px;
    }
    .product-item-title {
        font-size: 18px;
        padding: 8px 0;
    }
    .product-item-description {
        min-height: 24px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #999;
    }
    /** 共同成长 **/
    .padding-bottom-subscribe {
        padding: 24px 0;
    }
    .ecosystem {
        gap: 16px;
    }
    .ecosystem li {
        width: calc(50% - 8px);
        min-height: 240px;
        padding: 16px;
    }
    .pv-title {
        font-size: 20px;
        padding: 12px 0;
    }
    /** 服务平台 **/
    .entry-platform {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 24px;
        margin: 0 auto;
        border-radius: 0;
        text-align: center;
        box-shadow: none;
    }
    .entry-platform-description {
        max-width: 80%;
    }
    .entry-platform .action-button {
        height: 40px;
        padding: 0 24px;
        box-shadow: 0 4px 16px rgba(0,0,0,0.15);
    }
    /** 客户 **/
    .partners {
        gap: 8px;
    }
    .partners li {
        width: calc(25% - 6px);
        height: 72px;
        padding: 8px;
    }
    /** 底部栏目 **/
    .footer {
        padding: 24px 0;
    }
    .footer-info {
        width: 100%;
        padding: 0 24px;
    }
    .footer-navigation {
        display: none;
    }
    .footer-contact {
        padding-right: 0;
    }
    .footer-contact li {
        display: flex;
        flex-wrap: wrap;
        padding: 4px 0;
    }
    .footer-contact li p:last-of-type {
        flex: 1;
    }
    /** 页面 **/
    .module-banner__container {
        padding:  0 32px;
    }
    .category {
        top: 72px;
        z-index: 99;
    }
    .category-items {
        height: 48px;
    }
    .category-items li {
        margin: 0;
        width: 25%;
        padding: 0 8px;
    }
    .module-content {
        margin: 24px auto;
        padding: 0  24px;
    }
    .support {
        gap: 8px;
    }
    .support li {
        width: 100%;
    }
    .news-container {
        flex-direction: column;
        justify-content: flex-start;
        row-gap: 16px;
        padding: 0 16px;
        margin: 24px 0;
    }
    .news-content {
        width: 100%;
    }
    .sidebar {
        width: 100%;
    }
    .about-banner {
        height: 256px;
    }
    .culture-content {
        padding: 32px 24px;
    }
    .culture {
        gap: 8px;
    }
    .culture li {
        width: 100%;
    }
    /** 文章内容页 **/
    .article-container {
        flex-direction: column;
        justify-content: flex-start;
        row-gap: 16px;
        padding: 0 24px;
    }
    .article-main {
        width: 100%;
    }
}

/* 手机：< 768px */
@media (max-width: 767.98px) {
    :root {
        --content-width: 100%
    }
    .mt3 {
        margin-top: 16px;
    }
    .floater {
        display: none;
    }
    /** header **/
    .header-container {
        padding:  0 16px;
    }
    .nav {
        display: none;
    }
    .nav-trigger {
        display: inline-flex;
    }
    .nav-special {
        display: none;
    }
    /*banner*/
    .banner {
        height: 360px;
    }
    .banner-item__wrapper {
        padding: 32px;
        transform: translate3d(-50%, -25%, 0);
    }
    .banner-item__title {
        width: 100%;
        font-size: 24px;
    }
    .banner-item__summary {
        width: 100%;
    }
    /*区块*/
    .section {
        padding: 24px 16px;
    }
    .section-header {
        margin-bottom: 24px;
    }
    .section-title {
        font-size: 24px;
        line-height: 32px;
    }
    .section-summary {
        margin-top: 8px;
        font-size: 14px;
    }
    .section-footer {
        margin-top: 16px;
    }
    /** 按钮 **/
    .action-button {
        height: 36px;
        padding: 0 16px;
        font-size: 14px;
    }

    /*首页新闻资讯*/
    .recommend-news {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 4px;
        padding: 0 16px;
        margin: 8px auto;
    }
    .recommend-news-header {
        height: 48px;
        font-size: 20px;
        color: var(--text-color);
    }
    .recommend-news-more {
        font-size: 14px;
        color: #999;
        font-weight: normal;
    }
    .recommend-news-item {
        width: 100%;
        height: auto;
        padding: 16px;
        margin-right: 0;
        font-size: 16px;
    }
    .recommend-news-item span {
        color: #999;
        font-size: 12px;
        font-weight: normal;
    }
    /** 产品卡片 **/
    .product-items {
        gap: 8px;
    }
    .product-items li {
        width: 100%;
        padding: 16px;
    }
    .product-item-title {
        font-size: 18px;
        padding: 8px 0;
    }
    .product-item-description {
        min-height: 24px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #999;
    }
    /** 共同成长 **/
    .padding-bottom-subscribe {
        padding: 24px 0;
    }
    .ecosystem {
        gap: 16px;
    }
    .ecosystem li {
        width: calc(50% - 8px);
        min-height: 240px;
        padding: 16px;
    }
    .pv-title {
        font-size: 20px;
        padding: 12px 0;
    }
    /** 服务平台 **/
    .entry-platform {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 16px;
        margin: 0 auto;
        border-radius: 0;
        text-align: center;
        box-shadow: none;
    }
    .entry-platform-description {
        max-width: 80%;
    }
    .entry-platform .action-button {
        height: 40px;
        padding: 0 24px;
        box-shadow: 0 4px 16px rgba(0,0,0,0.15);
    }
    /*企业优势*/
    .advantage {
        margin: 24px 0;
        gap: 8px;
    }
    .advantage li {
        width: calc(50% - 4px);
        padding: 16px;
        border-right: none;
        background: #fff;
        border-radius: 8px;
    }
    /** 客户 **/
    .partners {
        gap: 8px;
    }
    .partners li {
        width: calc(50% - 4px);
        height: 72px;
        padding: 8px;
    }
    /** 底部栏目 **/
    .footer {
        padding: 24px 0;
    }
    .footer-info {
        width: 100%;
        padding: 0 16px;
    }
    .footer-navigation {
        display: none;
    }
    .footer-contact {
        padding-right: 0;
    }
    .footer-contact li {
        display: flex;
        flex-wrap: wrap;
        padding: 4px 0;
    }
    .footer-contact li p:last-of-type {
        flex: 1;
    }
    /** 页面 **/
    .module-banner__container {
        padding:  0 32px;
    }
    .category {
        top: 72px;
        z-index: 99;
    }
    .category-items {
        height: 48px;
    }
    .category-items li {
        margin: 0;
        width: 25%;
        padding: 0 8px;
    }
    .module-content {
        margin: 24px auto;
        padding: 0  16px;
    }
    .support {
        gap: 8px;
    }
    .support li {
        width: 100%;
    }
    .news-container {
        flex-direction: column;
        justify-content: flex-start;
        row-gap: 16px;
        padding: 0 16px;
        margin: 24px 0;
    }
    .news-content {
        width: 100%;
    }
    .sidebar {
        width: 100%;
    }
    .about-banner {
        height: 256px;
    }
    .culture-content {
        padding: 32px 16px;
    }
    .culture {
        gap: 8px;
    }
    .culture li {
        width: 100%;
    }
    /** 文章内容页 **/
    .article-container {
        flex-direction: column;
        justify-content: flex-start;
        row-gap: 16px;
        padding: 0;
        margin: 88px auto 16px;
    }
    .article-main {
        width: 100%;
    }
    .article {
        padding: 16px 24px;
    }
    .article-recommend {
        padding: 16px 24px;
    }
    .widget-card {
        padding: 0 24px 16px;
    }
}