@charset "UTF-8";
:root{--ThemesBoxTitleColor: #212121;--ThemesBoxSubTitleColor: #808080;--ThemesTextContentColor: #212121;--ThemesBodyColor: #F3F3F3;--ThemesProductsTitleColor: #000000;--ThemesBoxTitleFont: FiraSans-Bold;--ThemesBoxSubTitleFont: FiraSans-Regular;--ThemesTextContentFont: FiraSans-Regular;--ThemesProductsTitleFont: FiraSans-Bold;--ThemesNavFont: FiraSans-Regular;--FloatMessageTitleColor: #FFFFFF;--FloatMessageTitleBgColor: #32A45A;--FloatMessageArrowColor: #FFFFFF;--FloatMessageButtonTextColor: #FFFFFF;--FloatMessageButtonHoverTextColor: #333333;--FloatMessageButtonBgColor: #32A45A;--FloatMessageButtonBgHoverColor: #00000000;--FloatMessageButtonBorderColor: #00000000;--FloatMessageButtonBorderHoverColor: #32A45A;--FloatButtonTextColor: #FFFFFF;--FloatButtonBgColor: #1a73e8;--FloatButtonBgGradientColor: #0d47a1;--FloatButtonHoverBgColor: #1557b0;--FloatButtonHoverBgGradientColor: #0a3a8a;--ProductsPriceFont: Roboto-Bold;--ThemesButtonFont: Roboto-Bold;--ButtonRadiusSizePc: 24px;--ButtonRadiusSizeMobile: 24px;--ButtonFontStyle1: Roboto-Bold;--ButtonTextColorStyle1: #ffffff;--ButtonBgColorStyle1: #00b95e;--ButtonBorderColorStyle1: #00000000;--ButtonHoverTextColorStyle1: #00b95e;--ButtonBgHoverColorStyle1: #00000000;--ButtonBorderHoverColorStyle1: #00b95e;--ButtonTextSizePcStyle1: 20px;--ButtonRadiusSizePcStyle1: 30px;--ButtonTextSizeMobileStyle1: 14px;--ButtonRadiusSizeMobileStyle1: 30px;--ButtonFontStyle2: Roboto-Bold;--ButtonTextColorStyle2: #00b95e;--ButtonBgColorStyle2: #00000000;--ButtonBorderColorStyle2: #00B95E;--ButtonHoverTextColorStyle2: #ffffff;--ButtonBgHoverColorStyle2: #00b95e;--ButtonBorderHoverColorStyle2: #00000000;--ButtonTextSizePcStyle2: 20px;--ButtonRadiusSizePcStyle2: 30px;--ButtonTextSizeMobileStyle2: 14px;--ButtonRadiusSizeMobileStyle2: 30px;--ButtonFontInquiry: Roboto-Bold;--ButtonTextColorInquiry: #ffffff;--ButtonBgColorInquiry: #00b95e;--ButtonBorderColorInquiry: #00000000;--ButtonHoverTextColorInquiry: #00b95e;--ButtonBgHoverColorInquiry: #00000000;--ButtonBorderHoverColorInquiry: #00b95e;--ButtonTextSizePcInquiry: 18px;--ButtonRadiusSizePcInquiry: 23px;--ButtonTextSizeMobileInquiry: 18px;--ButtonRadiusSizeMobileInquiry: 23px;--ButtonFontBatchInquiryList: Roboto-Bold;--ButtonTextColorBatchInquiryList: #00b95e;--ButtonBgColorBatchInquiryList: #00000000;--ButtonBorderColorBatchInquiryList: #00b95e;--ButtonHoverTextColorBatchInquiryList: #FFFFFF;--ButtonBgHoverColorBatchInquiryList: #00b95e;--ButtonBorderHoverColorBatchInquiryList: #00000000;--ButtonTextSizePcBatchInquiryList: 14px;--ButtonRadiusSizePcBatchInquiryList: 30px;--ButtonTextSizeMobileBatchInquiryList: 14px;--ButtonRadiusSizeMobileBatchInquiryList: 30px;--ButtonFontBatchInquiryDetail: Roboto-Bold;--ButtonTextColorBatchInquiryDetail: #00B95E;--ButtonBgColorBatchInquiryDetail: #00000000;--ButtonBorderColorBatchInquiryDetail: #32A45A;--ButtonHoverTextColorBatchInquiryDetail: #FFFFFF;--ButtonBgHoverColorBatchInquiryDetail: #32A45A;--ButtonBorderHoverColorBatchInquiryDetail: #00000000;--ButtonTextSizePcBatchInquiryDetail: 16px;--ButtonRadiusSizePcBatchInquiryDetail: 30px;--ButtonTextSizeMobileBatchInquiryDetail: 16px;--ButtonRadiusSizeMobileBatchInquiryDetail: 5px;--PreBackgroundColor: #F1F1F1;--ThemesMobileButtomNavBgColor: #ffffff;--ThemesMobileButtomIconColor: #4a4a4a;--ThemesMobileButtomIconSelectedColor: #ec6608;--ThemesMobileButtomNavNameColor: #333333;--ThemesMobileButtomNavNameSelectedColor: #ec6608;--ThemesMobileButtomNavNameSize: 12px;}
#mobile_header .btn_menu .iconfont{ color: var(--ThemesHeaderIconColor); }
	#mobile_header .btn_menu .ajax_inquiry .list_numner{background-color:; color:}
/* ===== 页首横幅 ===== */
    .article_detail_banner {
        width: 100%;
        position: relative;
        overflow: hidden;
        height: 280px;
    }
    .article_detail_banner .banner_bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .article_detail_banner .banner_overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #3709AA;
        mix-blend-mode: hard-light;
        z-index: 1;
    }
    .article_detail_banner .banner_content {
        position: relative;
        z-index: 2;
        max-width: 960px;
        margin: 0 auto;
        padding: 0 23px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
    /* 横幅面包屑 */
    .article_detail_banner .banner_breadcrumb {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 14px;
        color: rgba(255,255,255,0.7);
        margin-bottom: 16px;
        flex-wrap: wrap;
    }
    .article_detail_banner .banner_breadcrumb a {
        color: rgba(255,255,255,0.85);
        text-decoration: none;
        transition: color 0.2s;
    }
    .article_detail_banner .banner_breadcrumb a:hover {
        color: #fff;
    }
    .article_detail_banner .banner_breadcrumb .separator {
        color: rgba(255,255,255,0.4);
    }
    .article_detail_banner .banner_breadcrumb .current {
        color: rgba(255,255,255,0.6);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 400px;
    }
    /* 横幅标题 */
    .article_detail_banner .banner_title {
        font-family: 'Fira Sans', var(--ThemesBoxTitleFont, sans-serif);
        font-weight: 600;
        font-size: 32px;
        color: #FFFFFF;
        line-height: 1.3;
        margin: 0 0 12px 0;
        max-width: 800px;
        animation: articleBannerFadeIn 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 0.2s both;
    }
    /* 横幅元信息 */
    .article_detail_banner .banner_meta {
        display: flex;
        align-items: center;
        gap: 12px;
        font-size: 14px;
        color: rgba(255,255,255,0.75);
        animation: articleBannerFadeIn 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 0.4s both;
    }
    .article_detail_banner .banner_meta a {
        color: rgba(255,255,255,0.9);
        text-decoration: none;
        font-weight: 500;
    }
    .article_detail_banner .banner_meta a:hover {
        color: #fff;
        text-decoration: underline;
    }
    .article_detail_banner .banner_meta .dot {
        width: 4px;
        height: 4px;
        background: rgba(255,255,255,0.4);
        border-radius: 50%;
    }
    @keyframes articleBannerFadeIn {
        from {
            transform: translateY(15px);
            opacity: 0;
        }
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }

    /* ===== 正文区域 ===== */
    .supplier_article_detail {
        max-width: 960px;
        margin: 0 auto;
        padding: 40px 23px 60px;
        font-family: var(--ThemesTextContentFont, 'Inter', sans-serif);
    }
    /* 封面图 */
    .supplier_article_detail .article_cover_img {
        width: 100%;
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 32px;
    }
    .supplier_article_detail .article_cover_img img {
        width: 100%;
        height: auto;
        display: block;
        max-height: 500px;
        object-fit: cover;
    }
    /* 正文 */
    .supplier_article_detail .article_content {
        font-size: 16px;
        color: #333;
        line-height: 1.8;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    .supplier_article_detail .article_content img {
        max-width: 100%;
        height: auto;
        border-radius: 8px;
        margin: 16px 0;
    }
    .supplier_article_detail .article_content h2 {
        font-size: 24px;
        font-weight: 600;
        color: #1E1E1E;
        margin: 32px 0 16px;
    }
    .supplier_article_detail .article_content h3 {
        font-size: 20px;
        font-weight: 600;
        color: #1E1E1E;
        margin: 24px 0 12px;
    }
    .supplier_article_detail .article_content p {
        margin: 0 0 16px;
    }
    .supplier_article_detail .article_content ul,
    .supplier_article_detail .article_content ol {
        padding-left: 24px;
        margin: 0 0 16px;
    }
    .supplier_article_detail .article_content blockquote {
        border-left: 4px solid #3709AA;
        padding: 12px 20px;
        margin: 16px 0;
        background: #f8f6ff;
        border-radius: 0 8px 8px 0;
        color: #555;
    }
    .supplier_article_detail .article_content table {
        width: 100%;
        border-collapse: collapse;
        margin: 16px 0;
    }
    .supplier_article_detail .article_content table th,
    .supplier_article_detail .article_content table td {
        border: 1px solid #e5e5e5;
        padding: 10px 14px;
        text-align: left;
    }
    .supplier_article_detail .article_content table th {
        background: #f8f9fa;
        font-weight: 600;
    }
    /* 底部返回 */
    .supplier_article_detail .article_footer {
        margin-top: 48px;
        padding-top: 24px;
        border-top: 1px solid #eee;
    }
    .supplier_article_detail .back_link {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 15px;
        font-weight: 600;
        color: #3709AA;
        text-decoration: none;
        padding: 10px 24px;
        background: #f5f0ff;
        border-radius: 24px;
        transition: all 0.3s ease;
    }
    .supplier_article_detail .back_link:hover {
        background: #ebe0ff;
        transform: translateX(-4px);
    }
    .supplier_article_detail .back_link svg {
        width: 16px;
        height: 16px;
    }
    /* 移动端 */
    @media (max-width: 768px) {
        .article_detail_banner {
            height: 220px;
        }
        .article_detail_banner .banner_content {
            padding: 0 15px;
        }
        .article_detail_banner .banner_breadcrumb {
            font-size: 13px;
            margin-bottom: 12px;
        }
        .article_detail_banner .banner_breadcrumb .current {
            max-width: 180px;
        }
        .article_detail_banner .banner_title {
            font-size: 22px;
        }
        .article_detail_banner .banner_meta {
            font-size: 13px;
        }
        .supplier_article_detail {
            padding: 24px 15px 40px;
        }
        .supplier_article_detail .article_cover_img {
            margin-bottom: 24px;
            border-radius: 8px;
        }
        .supplier_article_detail .article_content {
            font-size: 15px;
        }
        .supplier_article_detail .article_content h2 {
            font-size: 20px;
        }
        .supplier_article_detail .article_content h3 {
            font-size: 18px;
        }
        .supplier_article_detail .article_footer {
            margin-top: 32px;
        }
    }