@charset "utf-8";

/* ============================================================
   主题色变量:换主题时只改这里,全站生效。
   注意:纯 CSS 无法自动推导颜色的深浅变体,下面列出的
   变体蓝(浅/深)换主题时需与 --c-main 一并手工调整:
   #2b98d8 #2a9ae5 #1e86cf #0a76c4 #14639c
   ============================================================ */
:root {
    --c-main: #208cd7;        /* 主题蓝:标题色条、选中态、按钮等 */
    --c-main-deep: #0877bd;   /* 深蓝:搜索条渐变尾色 */
    --c-page: #f2f8fc;        /* 页面浅蓝底色 */
    --c-line: #d5e8f5;        /* 浅色细边框 */
    --c-line-strong: #a8c8dd; /* 稍重细边框 */
    --rgb-main: 32, 140, 215; /* 主蓝 rgb 分量,用于阴影/光晕 */
    --rgb-navy: 23, 96, 154;  /* 藏蓝 rgb 分量,用于阴影/深色线条 */
}

/* ============================================================
   newindex.css  -  2019 new face for zgszjs
   standalone stylesheet: header / nav / search / homepage / footer
   main color: var(--c-main)
   NOTE: loaded on every page AFTER style.css & cms.css, overrides them
   ============================================================ */

/* ---------- base ---------- */
html {
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    padding: 0;
    background: var(--c-page);
    color: #333;
    font: 12px/1.6 "Microsoft YaHei", SimSun, Arial, sans-serif;
}

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}

.wrap {
    width: 1202px;
    margin: 0 auto;
}

.nx-mt10 {
    margin-top: 10px;
}

.nx-mb10 {
    margin-bottom: 10px;
}

a {
    color: #235f92;
    text-decoration: none;
}

a:hover {
    color: var(--c-main);
    text-decoration: none;
}

img {
    border: 0;
}

/* ---------- top logo bar ---------- */
.LogoContainer {
    width: 1202px;
    margin: 0 auto;
    padding: 16px 0 24px;
    position: relative;
    /* z-index 高于 #HeadSearch(1000)：搜索下拉 #listselect 能盖住下方蓝条 */
    z-index: 1001;
    background: #fff;
    /* 旧 style.css 给 .LogoContainer 写了 overflow:hidden,不放开会把全宽白底拉条裁掉 */
    overflow: visible;
}

/* 将白色渐变底延伸到整个屏幕宽度，与导航栏连通(原版效果) */
.LogoContainer:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    background: linear-gradient(180deg, #ffffff 0%, #f2f8fd 58%, #e3eff9 100%);
    border-bottom: 1px solid #d5e5f2;
}

/* 居中内衬行:Logo 行与导航蓝条共用,宽度跟随外层容器 */
.nx-head-in {
    width: 100%;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
}

.LogoContainer:after {
    content: "";
    display: block;
    clear: both;
    /* 城市天际线剪影:锚定容器自身右下角(随 1202px 容器右缘对齐) */
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    pointer-events: none;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 64'%3E%3Cg fill='%23208cd7' fill-opacity='0.10'%3E%3Crect x='0' y='30' width='20' height='34'/%3E%3Crect x='24' y='16' width='14' height='48'/%3E%3Crect x='40' y='38' width='22' height='26'/%3E%3Crect x='66' y='10' width='12' height='54'/%3E%3Crect x='80' y='28' width='24' height='36'/%3E%3Crect x='128' y='6' width='16' height='58'/%3E%3Crect x='146' y='32' width='20' height='32'/%3E%3Crect x='168' y='26' width='14' height='38'/%3E%3Crect x='192' y='28' width='16' height='36'/%3E%3Crect x='226' y='40' width='28' height='24'/%3E%3Crect x='258' y='24' width='16' height='40'/%3E%3Crect x='276' y='36' width='14' height='28'/%3E%3Crect x='292' y='18' width='12' height='46'/%3E%3Crect x='316' y='36' width='18' height='28'/%3E%3Crect x='350' y='12' width='14' height='52'/%3E%3Crect x='366' y='30' width='24' height='34'/%3E%3Crect x='392' y='40' width='10' height='24'/%3E%3Crect x='430' y='36' width='26' height='28'/%3E%3Crect x='458' y='22' width='14' height='42'/%3E%3Crect x='492' y='18' width='16' height='46'/%3E%3Crect x='520' y='34' width='22' height='30'/%3E%3Crect x='554' y='8' width='12' height='56'/%3E%3Crect x='580' y='26' width='26' height='38'/%3E%3C/g%3E%3C/svg%3E") no-repeat right bottom / 800px 80px;
    /* 负层级:画在容器渐变之上、容器内容之下 */
    z-index: -1;
}

.LogoContainer .logo {
    float: left;
    /*background: #fff;
    border: 1px solid #e3eef6;
    border-radius: 8px;*/
    padding: 5px 14px 5px 10px;
    /*box-shadow: 0 2px 6px rgba(23, 96, 154, 0.08);*/
}

.LogoContainer .logo img {
    display: block;
    height:100px;
}

/* Logo 行右端:登录/注册在上、搜索框在其下方,两行均靠右排列 */
.LogoContainer .head-auth {
    float: right;
    display: flex;
    gap: 16px;
    margin: 2px 0 10px;
}

.LogoContainer .topsearchbox {
    float: right;
    /* 从登录/注册按钮下方另起一行,左右都贴右缘 */
    clear: right;
    margin: 0;
}

.LogoContainer .head-auth a {
    display: inline-block;
    height: 27px;
    line-height: 25px;
    padding: 0 16px;
    border-radius: 14px;
    font-size: 13px;
    font-family: "Microsoft YaHei";
    text-decoration: none;
}

.LogoContainer .head-auth .h-login {
    background: var(--c-main);
    color: #fff;
    font-weight: bold;
}

.LogoContainer .head-auth .h-login:hover {
    background: #14639c;
    color: #fff;
}

.LogoContainer .head-auth .h-reg {
    border: 1px solid #b6d9ef;
    color: #235878;
    background: #fff;
}

.LogoContainer .head-auth .h-reg:hover {
    border-color: var(--c-main);
    color: var(--c-main);
    background: #eaf5fc;
}
.LogoContainer .topsearchbox .cont1 {
    display: flex;
    align-items: center;
}
.LogoContainer .selectcont {
    position: relative;
    margin-left: 6px;
}
.LogoContainer #showselect {
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    border: 1px solid var(--c-main);
    border-right: 0;
    border-radius: 17px 0 0 17px;
    background: #fff;
    color: #235878;
    font-size: 13px;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 30;
    white-space: nowrap;
}
.LogoContainer .keyword {
    padding: 0;
}
.LogoContainer .keyword input {
    width: 230px;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    border: 1px solid var(--c-main);
    border-right: 0;
    background: #fff;
    outline: 0;
    color: #333;
    font-size: 13px;
    box-sizing: border-box;
}
.LogoContainer .keyword input:focus {
    border-color: #14639c;
}
.LogoContainer .search_sub {
    padding: 0;
}
.LogoContainer .search_sub input {
    height: 32px;
    line-height: 32px;
    min-width: 78px;
    padding: 0 16px;
    margin: 0;
    border: 1px solid var(--c-main);
    border-left: 0;
    border-radius: 0 17px 17px 0;
    background: linear-gradient(#2a9ae5, var(--c-main-deep));
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    cursor: pointer;
    font-family: "Microsoft YaHei";
    box-sizing: border-box;
    text-align: center;
}
.LogoContainer .search_sub input:hover {
    background: #14639c;
}
/* "找资讯/找商家"下拉列表:挂载在 Logo 行的胶囊下展开 */
.LogoContainer #listselect {
    position: absolute;
    left: 0;
    top: 32px;
    width: 82px;
    padding-bottom: 0;
    border: 1px solid #c9dff0;
    border-top: 0;
    background: #fff;
    box-shadow: 0 2px 5px rgba(var(--rgb-navy), 0.15);
    z-index: 999;
}
.LogoContainer #listselect a {
    display: block;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    font-size: 12px;
    background: none;
    color: #44718f;
}
.LogoContainer #listselect a:hover,
.LogoContainer #listselect a.ck {
    background: var(--c-main);
    color: #fff;
}

.LogoContainer .logo_tel {
    float: right;
    margin-top: 14px;
    padding: 6px 16px 6px 16px;
    border: 1px solid #cfe4f2;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(var(--rgb-navy), 0.08);
    text-align: right;
}

.LogoContainer .logo_tel em {
    display: block;
    font-style: normal;
    color: #98b8cd;
    line-height: 14px;
    font-size: 11px;
}

.LogoContainer .logo_tel strong {
    display: block;
    font-size: 18px;
    font-family: Arial, "Microsoft YaHei";
    color: var(--c-main);
    line-height: 22px;
    letter-spacing: 1px;
}

/* ---------- supplier quick menu ---------- */
.NewsMenu {
    width: 1202px;
    margin: 10px auto 0;
    background: #fff;
    border: 1px solid var(--c-line);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(var(--rgb-navy), 0.08);
}

.NewsMenu .Menucont {
    padding: 8px 14px;
    background: none;
}

.NewsMenu .logo {
    float: left;
    margin: 2px 14px 0 0;
}

.NewsMenu .logo img {
    display: block;
}

.NewsMenu ul.menu {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

.NewsMenu ul.menu li {
    float: left;
    margin-right: 2px;
}

.NewsMenu ul.menu li a:hover {
    background: var(--c-main);
    color: #fff;
}

.NewsMenu ul.menu li a span {
    font-weight: bold;
    color: #12557f;
}

.NewsMenu ul.menu li a:hover span {
    color: #fff;
}

.NewsMenu .clear,
.NewsMenu:after {
    clear: both;
}

/* ---------- breadcrumb ---------- */
#nav_guide {
    width: 1202px;
    margin: 10px auto 10px;
    padding: 6px 0px;
    background: #fff;
    border: 1px solid var(--c-line);
    border-radius: 4px;
    color: #789cb5;
}

#nav_guide .t1,
#nav_guide .t2 {
    display: inline;
}

#nav_guide a {
    color: var(--c-main);
}

/* ============================================================
   homepage
   ============================================================ */

/* top 5 ads */
#index_top_ad {
    width: 1202px;
    margin: 12px auto 0;
}

#index_top_ad .ad1,
#index_top_ad .ad2,
#index_top_ad .ad3,
#index_top_ad .ad4,
#index_top_ad .ad5 {
    float: left;
    width: 231px;
    height: 75px;
    margin-right: 9px;
    overflow: hidden;
}

#index_top_ad .ad5 {
    margin-right: 0;
}

/* hero row */
.nx-hero {
    width: 1202px;
    margin: 8px auto 0;
}

.nx-hero:after {
    content: "";
    display: block;
    clear: both;
}

.nx-hero-slider {
    float: left;
    width: 742px;
}

.nx-hero-slider .index_silder {
    border: 1px solid var(--c-line);
    border-radius: 4px;
    overflow: hidden;
    background: #eef7fd;
    height: 376px;
}

/* 轮播图铺满模块：覆盖后台标签输出的 320x270 内联尺寸 */
.nx-hero-slider .p8rollpic,
.nx-hero-slider .p8rollpic UL.slideshow {
    width: 100% !important;
    height: 100% !important;
}

.nx-hero-slider .p8rollpic UL.slideshow LI {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.nx-hero-slider .p8rollpic UL.slideshow LI img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
}

.nx-hero-news {
    float: left;
    width: 446px;
    margin-left: 14px;
}

.nx-hero-side {
    float: right;
    width: 304px;
}

.nx-hero-side:after {
    content: "";
    display: block;
    clear: both;
}

.nx-hero-sidead {
    margin-top: 10px;
    overflow: hidden;
    min-height: 78px;
}

/* center news 列:纯新闻行列表(仅 blue_secondnews,行距自动均分填满,首条加粗) */
.nx-hero-news .centernews { height:378px; overflow:hidden; padding:0 2px; background:#fff; box-sizing:border-box; }
.nx-hero-news .secondnews {
    height: 100%;
    padding: 2px 14px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.nx-hero-news .secondnews div {
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    overflow: hidden;
    border-bottom: 1px solid #ececec;
}
.nx-hero-news .secondnews div a {
    flex: 1 1 auto;
    min-width: 0;
    color: #3a6a92;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.nx-hero-news .secondnews div:first-child a { font-weight: bold; }
.nx-hero-news .secondnews div a:hover { color: var(--c-main); }

.Logindiv {
    border: 1px solid var(--c-line);
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(var(--rgb-navy), 0.08);
    padding: 6px;
    min-height: 95px;
}

.Logindiv iframe {
    width: 100%;
    border: 0;
}

/* quick action buttons */
.Index_Action {
    margin-top: 10px;
}

.Index_Action a {
    display: block;
    margin-bottom: 8px;
    padding: 0 14px;
    height: 41px;
    line-height: 41px;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    text-align: center;
    color: #14639c;
    border: 1px solid #b9dcf2;
    border-radius: 3px;
    background: -webkit-linear-gradient(#fdfeff, #eaf5fc);
    background: linear-gradient(#fdfeff, #eaf5fc);
    box-shadow: 0 1px 2px rgba(var(--rgb-navy), 0.10);
}

.Index_Action a:hover,
.Index_Action a.b {
    color: #fff;
    border-color: #1e86cf;
    background: -webkit-linear-gradient(#2a9ae5, #1a7cc2);
    background: linear-gradient(#2a9ae5, #1a7cc2);
    text-shadow: 0 1px 1px rgba(0, 60, 100, 0.2);
}

/* scrolling wide ad */
.wangye {
    width: 1202px;
    margin: 0 auto;
}

.wangye #demo {
    border: 1px solid var(--c-line);
    border-radius: 4px;
    background: #fff;
}

/* generic rows */
.nx-row {
    width: 1202px;
    float: left;
    margin-left: auto;
    margin-right: auto;
}

.nx-mainL {
    float: left;
    width: 884px;
}

.nx-sideR {
    float: right;
    width: 304px;
}

.nx-col2 {
    float: left;
    width: 435px;
}

.nx-col2+.nx-col2 {
    float: right;
}

/* 整行独占卡片 */
.nx-card-full {
    width: 100%;
}

/* 4-ad rows */
.nx-ad4 {
    float: left;
    width: 291px;
    height: 87px;
    margin-right: 12px;
    overflow: hidden;
}

.nx-ad4-c {
    width: 304px;
}

.nx-ad4-r {
    margin-right: 0;
}

/* cards —— 模块标题样式参考 lrc007 站：灰蓝条 + 蓝色块标题(右侧箭头尖角) + 3px蓝底线 + 右侧"查看更多" */
.nx-card {
    border: 1px solid #e3eef6;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(var(--rgb-navy), 0.06);
}

.nx-card-h {
    height: 55px;
    line-height: 55px;
    padding: 0 12px 0 0;
    border-top: 1px solid #e3eef6;
    border-bottom: 3px solid var(--c-main);
    background: #f7fbfe;
    border-radius: 3px 3px 0 0;
    overflow: visible;
}

.nx-card-h .l {
    display: block;
    float: left;
    height: 58px;
    line-height: 58px;
    margin: -1px 0 0 0;
    padding: 0 20px;
    font-size: 17px;
    font-weight: normal;
    font-family: "Microsoft YaHei";
    color: #fff;
    background: var(--c-main);
    position: relative;
    border-radius: 3px 0 0 0;
}

.nx-card-h .l:after {
    /* 三角飘尾: 用整块背景+clip-path 裁形, 而不是两块拼接。
       原先 border 三角与 .l 背景是两个独立绘制的同色块, 在浏览器缩放/系统DPI(+110%/125%等)
       等非整数缩放下各自取整会对不齐, 中间露出 1~2px 浅色竖缝(客户反馈的现象)。
       现在与 .l 等高并把左端伸入标题块 9px, 接缝处永远被同一块同色背景覆盖, 缩放下不再开裂。 */
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -29px;
    width: 38px;  /* 29px 探出标题块 + 9px 伸入, 对角线起点在 9px 处, 外形与原三角一致 */
    height: 58px; /* 与 .l 等高(原 border 29+29) */
    background: var(--c-main);
    -webkit-clip-path: polygon(9px 0, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(9px 0, 100% 100%, 0 100%, 0 0);
}

.nx-card-h .more {
    float: right;
    color: #0a76c4;
    font-size: 13px;
    font-family: "Microsoft YaHei";
}

.nx-card-h .more a {
    color: #0a76c4;
}

.nx-card-h .more a:hover {
    color: var(--c-main);
    text-decoration: underline;
}

.nx-card-c {
    padding: 6px 14px;
    overflow: hidden;
}

.nx-card-c div {}

/* 文字列表：参考站风格——小圆点(标签自带·)、等比放大后 40px 行高、无分隔线 */
.nx-card-c-list div {
    line-height: 40px !important;
    height: 40px;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 !important;
    border-bottom: 0 !important;
    background: none !important;
    font-size: 14px;
}

.nx-card-c-list div a {
    color: #3a6a92;
    font-size: 16px;
}

.nx-card-c-list div a:hover {
    color: var(--c-main);
}

/* card with tab strip in header (行业动态 8 tabs) —— 选中项使用胶囊样式 */
.nx-card-h-tabs {
    line-height: 55px;
}

.nx-card-h-tabs .nx-tablist {
    font-size: 0;
    letter-spacing: 0;
    white-space: nowrap;
    padding-left: 50px;
    line-height: 55px;
}

.nx-card-h-tabs .nx-tablist span {
    display: inline-block;
    padding: 0 18px;
    font-size: 13px;
    line-height: 30px;
    height: 30px;
    margin: 12px 12px 0;
    color: #0a76c4;
    cursor: pointer;
    vertical-align: top;
    font-family: "Microsoft YaHei";
    border-radius: 16px;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.nx-card-h-tabs .nx-tablist span:hover {
    color: var(--c-main);
    background: #eaf5fc;
}

.nx-card-h-tabs .nx-tablist span.choose {
    color: #fff;
    background: var(--c-main);
    box-shadow: 0 2px 5px rgba(var(--rgb-main), .22);
    text-shadow: none;
}

/* 标签里自带的竖线分隔符弱化 */
.nx-card-h-tabs .nx-tablist {
    color: transparent;
}

/* 图文混合列表（行业动态 8 栏内容）：上 3 个带图文章 + 下 3 列文字列表 */
.nx-card-c-pic {
    padding: 15px 18px 12px;
}

.nx-card-full .nx-card-c-pic {
    padding-top: 15px !important;
}

.nx-card-c-pic .Mlistp_w table {
    border: 0;
}

.nx-card-c-pic td {
    vertical-align: top;
}

.nx-card-c-pic>div {
    line-height: 36px !important;
    height: 36px;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 !important;
    border-bottom: 0 !important;
    font-size: 14px;
}

.nx-card-c-pic>div a {
    color: #3a6a92;
    font-size: 14px;
}

.nx-card-c-pic>div a:hover {
    color: var(--c-main);
}

/* 日期靠右的行(·标题 日期)保持同行 */
.nx-card-c-pic>div {
    color: #9db8ca;
}

/* —— 整行模式（行业动态独占一行）：左侧竖排 3 个带图文章，右侧文字列表 —— */
/* 左列：头条图文容器。后台模板自带 float:left，这里定宽竖排 */
.nx-card-full .nx-card-c-pic .Mlistp_w {
    float: left !important;
    width: 425px !important;
    height: auto;
    overflow: hidden;
    margin: 0 14px 0 0 !important;
    border-right: 1px solid #e8f1f8 !important;
    padding-right: 16px !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.nx-card-full .nx-card-c-pic .Mlistp_w table {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    display: table !important;
    table-layout: fixed !important;
    margin: 0 0 12px 0 !important;
    padding: 0 0 12px 0 !important;
    border-bottom: 1px dotted #dcebf5 !important;
}

/* 单元格内长文本/长词强制折行，杜绝撑破表格 */
.nx-card-full .nx-card-c-pic .Mlistp_w table td {
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    overflow: hidden;
    line-height: 22px;
}

.nx-card-full .nx-card-c-pic .Mlistp_w table:last-of-type {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* 图列：放大到 148px 宽 */
.nx-card-full .nx-card-c-pic .Mlistp_w table td[width="4%"] {
    width: 148px !important;
    padding-right: 12px !important;
}

.nx-card-full .nx-card-c-pic .Mlistp_w table td[width="4%"] img {
    width: 143px !important;
    height: 104px !important;
    border-radius: 3px;
}

/* 文列：标题加粗、摘要正常换行
   fixed 布局下列宽由第一行决定；摘要 td 用 white-space:normal + break-all 保证折行 */
.nx-card-full .nx-card-c-pic .Mlistp_w table td[width="96%"] {
    width: auto !important;
    height: auto !important;
    max-height: 50px !important;
    overflow: hidden;
    line-height: 24px !important;
    padding-top: 2px;
    padding-bottom: 0 !important;
    vertical-align: top !important;
    white-space: normal !important;
    word-break: break-all;
}

.nx-card-full .nx-card-c-pic .Mlistp_w table td a b {
    font-size: 15px;
    color: #2c5a7c;
}

.nx-card-full .nx-card-c-pic .Mlistp_w table td a:hover b {
    color: var(--c-main);
}

.nx-card-full .nx-card-c-pic .Mlistp_w table td {
    color: #8aa5ba;
    font-size: 13px;
    line-height: 22px;
}

.nx-card-full .nx-card-c-pic .Mlistp_w table tr {
    height: auto !important;
}

/* 左侧头条简介：只保留两行，避免第三行把右侧列表顶出空白 */
.nx-card-full .nx-card-c-pic .Mlistp_w table tr+tr td[width="96%"] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 48px !important;
    height: 48px !important;
    line-height: 24px !important;
    overflow: hidden;
    white-space: normal !important;
    word-break: break-all;
    margin-top:5px;
}

/* 头条标题只显示一行，超长以省略号收尾 */
.nx-card-full .nx-card-c-pic .Mlistp_w table tr:first-child td[width="96%"] {
    height: 26px !important;
    line-height: 26px !important;
    overflow: hidden;
    white-space: nowrap !important;
    text-overflow: ellipsis;
}

.nx-card-full .nx-card-c-pic:after {
    content: "";
    display: block;
    clear: both;
}

.nx-card-full .nx-card-c-pic>div:not(.Mlistp_w) {
    width: 342px !important;
    height: 46px !important;
    line-height: 46px !important;
    margin: 0 0 0 12px !important;
    padding: 0 0 0 18px !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
    border-bottom: 0 !important;
    font-size: 14px;
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.nx-card-full .nx-card-c-pic>div:not(.Mlistp_w) a {
    font-size: 14px;
    display: inline-block;
    max-width: 238px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    vertical-align: top;
}

.nx-card-full .nx-card-c-pic>div:not(.Mlistp_w) span {
    float: right;
    color: #9db8ca;
}

/* 品牌供应商/工程公司推荐 双选项卡头 */
#Span1,
#Span2 {
    display: block;
    float: left;
    height: 58px;
    line-height: 58px;
    margin: -1px 4px 0 0;
    padding: 0 20px;
    text-align: center;
    font-size: 15px;
    font-weight: normal;
    font-family: "Microsoft YaHei";
    color: #0a76c4;
    cursor: pointer;
    vertical-align: top;
    position: relative;
}

#Span1:hover,
#Span2:hover {
    color: var(--c-main);
}

#Span1.choose,
#Span2.choose {
    color: #fff;
    background: var(--c-main);
    border-radius: 3px 0 0 0;
    text-shadow: none;
}

#Span1.choose:after,
#Span2.choose:after {
    /* 同 .nx-card-h .l:after: 整块背景+clip-path 裁形, 避免缩放下拼接竖缝 */
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -29px;
    width: 38px;
    height: 58px;
    background: var(--c-main);
    -webkit-clip-path: polygon(9px 0, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(9px 0, 100% 100%, 0 100%, 0 0);
}

/* tab content (图文 mixed block) */
.nx-card-c-pic .Mlistp_w {}

.nx-card-c-pic table {}

.nx-card-c-pic td {}

/* product recommend —— 一屏 4 个，图片 194x194，标题完整显示 */
.nx-card-c-prod {
    overflow: hidden;
}

.nx-card-c-prod img {
    border: 1px solid #e2eef7;
    border-radius: 5px;
}

.nx-prod-roll-wrap {
    position: relative;
    padding: 16px 62px 16px 48px;
    overflow: hidden;
}

.nx-prod-roll {
    width: 1068px;
    overflow: hidden;
}

.nx-prod-track {
    width: 9999px;
    position: relative;
    left: 0;
    overflow: hidden;
    -webkit-transition: left .45s ease;
    transition: left .45s ease;
}

.nx-prod-track>div {
    float: left;
    width: 267px !important;
    min-height: 272px;
    height: auto !important;
    margin: 0 !important;
    padding: 0 10px !important;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.nx-prod-track>div p.img {
    margin: 0 auto;
}

.nx-prod-track>div p.img a {
    display: block !important;
    width: 238px !important;
    height: 238px !important;
    margin: 0 auto;
    border: 1px solid #e2eef6 !important;
    border-radius: 5px;
    overflow: hidden;
    background: #f8fbfd;
}

.nx-prod-track>div p.img img {
    display: block;
    width: 236px !important;
    height: 236px !important;
    border: 0 !important;
    object-fit: cover;
}

.nx-prod-track>div p.title {
    height: 29px !important;
    line-height: 29px !important;
    margin: 7px 0 0 !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center !important;
}

.nx-prod-track>div p.title a {
    font-size: 14px;
    color: #3a6a92;
}

.nx-prod-track>div p.title a:hover {
    color: var(--c-main);
}

.nx-prod-nav {
    position: absolute;
    top: 50%;
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block;
    transform: translateY(-50%);
    line-height: 1 !important;
    font-size: 0;
    font-family: Arial, sans-serif;
    font-weight: 300;
    color: var(--c-main);
    background: #fff !important;
    border: 1px solid #cfe5f3 !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 8px rgba(var(--rgb-main), .16);
    cursor: pointer;
    user-select: none;
}

.nx-prod-nav:before {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 24px;
    height: 29px;
    margin: 0;
    transform: translate(-50%, -50%);
    display: block;
    font-size: 32px;
    line-height: 26px;
    font-family: Arial, sans-serif;
    font-weight: 300;
    text-align: center;
}

.nx-prod-prev:before {
    content: '\2039';
}

.nx-prod-next:before {
    content: '\203A';
}

.nx-prod-nav:hover {
    color: #fff !important;
    background: var(--c-main) !important;
    border-color: var(--c-main) !important;
}

.nx-prod-prev {
    left: 10px !important;
}

.nx-prod-next {
    right: 10px !important;
}

/* 技术研究 + 招投标采购独占一行，两列等宽 */
.nx-tech-row .nx-mainL {
    float: none;
    width: 100%;
}

.nx-tech-row .nx-col2 {
    width: 49.2%;
}

/* 品牌供应商推荐独占下一整行 */
.nx-brand-row {
    width: 1202px;
}

.nx-brand-full {
    width: 100%;
}

.nx-brand-full>.nx-card-h {}

.nx-brand-full>.nx-card-c {
    min-height: 297px;
}

.nx-friendlink .piclink img {
    margin: 4px 6px 4px 0;
    border: 1px solid #e2eef7;
    border-radius: 2px;
}

.nx-friendlink .wordlink {
    border-top: 1px dashed #e8f1f8;
    padding-top: 8px;
    line-height: 22px;
}

.nx-friendlink .wordlink a {
    display: inline-block;
    margin-right: 14px;
    color: #557ea0;
}

.nx-friendlink .wordlink a:hover {
    color: var(--c-main);
}

/* ============================================================
   footer
   ============================================================ */
#footer {
    margin-top: 16px;
    padding: 22px 0 36px;
    border-top: 3px solid var(--c-main);
    background: #143a5c;
    color: #9fc0d8;
    text-align: center;
    width: 100%;
}
body{
	overflow-x: hidden;
}

#footer a {
    color: #cfe4f4;
}

#footer a:hover {
    color: #fff;
    text-decoration: underline;
}

.nx-foot-in {
    width: 1202px;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.nx-foot-menu {
    line-height: 28px;
    font-size: 13px;
}

.nx-foot-menu a {
    margin: 0 6px;
}

.nx-foot-copy {
    margin-top: 10px;
    line-height: 22px;
    color: #7fa7c4;
}

.nx-foot-copy div {
    text-align: center;
}

.nx-foot-line {
    margin-top: 6px;
    line-height: 22px;
    color: #7fa7c4;
    font-size: 11px;
}

#cnzz_stat_icon_1000232093 {
    display: block;
    margin-top: 10px;
}

/* 页面分区布局：技术/招标一行；品牌(2/3)+产品应用(1/3)一行；政策/工程一行 */
.nx-tech-row .nx-mainL {
    float: none;
    width: 100%;
}

.nx-tech-row .nx-col2 {
    width: 49.2%;
}

.nx-policy-row .nx-mainL {
    float: none;
    width: 100%;
}

.nx-policy-row .nx-col2 {
    width: 49.2%;
}

/* 品牌供应商 + 产品应用：品牌占 2/3，产品应用占 1/3，品牌高度跟随产品应用 */
.nx-brand-product-row {
    display: flex !important;
    align-items: stretch !important;
    width: 1202px;
}

.nx-brand-product-row .nx-brand-col {
    width: 66% !important;
    padding-right: 12px;
    box-sizing: border-box;
}

.nx-brand-product-row .nx-product-col {
    width: 34% !important;
}

.nx-brand-product-row .nx-brand-col,
.nx-brand-product-row .nx-product-col {
    display: flex !important;
    float: none !important;
    align-items: stretch;
}

.nx-brand-product-row .nx-brand-col>.nx-card,
.nx-brand-product-row .nx-product-col>.nx-card {
    width: 100%;
    min-height: 0 !important;
    box-sizing: border-box;
    height: 477px
}

.nx-brand-product-row .nx-brand-col>.nx-card {
    display: flex;
    flex-direction: column;
}

.nx-brand-product-row .nx-product-col>.nx-card {
    height: auto !important;
}

.nx-brand-product-row .nx-brand-col>.nx-card>.nx-card-c-scroll {
    flex: 1 1 auto;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    padding: 10px 18px !important;
}

/* 固定滚动视口：内容超出品牌卡高度时继续滚动 */
.nx-brand-product-row #Tab1,
.nx-brand-product-row #Tab2,
.nx-brand-product-row #coleea,
.nx-brand-product-row #colee {
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
}

.nx-brand-product-row #coleea1,
.nx-brand-product-row #colee1,
.nx-brand-product-row #coleea2,
.nx-brand-product-row #colee2 {
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
}

/* 品牌供应商一行两个 */
.nx-brand-product-row #coleea1>div,
.nx-brand-product-row #coleea2>div,
.nx-brand-product-row #colee1>div,
.nx-brand-product-row #colee2>div {
    width: 50%;
    float: left;
}

.nx-brand-product-row #coleea1 a,
.nx-brand-product-row #colee1 a,
.nx-brand-product-row #coleea2 a,
.nx-brand-product-row #colee2 a {
    display: block !important;
    float: left;
    height: 36px !important;
    line-height: 36px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nx-brand-product-row #coleea1:after,
.nx-brand-product-row #colee1:after,
.nx-brand-product-row #coleea2:after,
.nx-brand-product-row #colee2:after {
    content: "";
    display: block;
    clear: both;
}

/* 单图广告：当前每个广告标签独占通栏；同一行的旧占位项隐藏 */
.nx-ad4 {
    float: none;
    width: 1202px !important;
    height: auto;
    margin: 0 !important;
    text-align: center;
    overflow: hidden;
}

.nx-ad4 img,
.nx-ad4 object {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.nx-ad4+.nx-ad4 {
    display: none !important;
}

/* 企业列表视觉增强：每个企业前加小蓝色菱形符号，不改变现有布局/高度 */
.nx-brand-product-row #coleea1>div,
.nx-brand-product-row #coleea2>div,
.nx-brand-product-row #colee1>div,
.nx-brand-product-row #colee2>div {
    position: relative;
    padding-left: 14px;
    box-sizing: border-box;
}

.nx-brand-product-row #coleea1>div:before,
.nx-brand-product-row #coleea2>div:before,
.nx-brand-product-row #colee1>div:before,
.nx-brand-product-row #colee2>div:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 15px;
    width: 6px;
    height: 6px;
    background: var(--c-main);
    border-radius: 1px;
    transform: rotate(45deg);
}

/* 去除企业链接前的模板空格：容器字号归零，链接恢复字号，保持原行高 */
.nx-brand-product-row #coleea1>div,
.nx-brand-product-row #coleea2>div,
.nx-brand-product-row #colee1>div,
.nx-brand-product-row #colee2>div {
    font-size: 0;
    line-height: 36px !important;
}

.nx-brand-product-row #coleea1>div>a,
.nx-brand-product-row #coleea2>div>a,
.nx-brand-product-row #colee1>div>a,
.nx-brand-product-row #colee2>div>a {
    font-size: 16px !important;
    line-height: 36px !important;
}

.nx-brand-product-row #coleea1>div>a,
.nx-brand-product-row #coleea2>div>a,
.nx-brand-product-row #colee1>div>a,
.nx-brand-product-row #colee2>div>a {
    display: block !important;
    padding: 0 !important;
    width: 100% !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 展会公告 / 科技成果 / 专家视角：三个等宽卡片共用一行 */
.nx-three-row {
    display: flex;
    align-items: stretch;
}

.nx-three-row .nx-mainL {
    display: contents;
    float: none;
    width: auto;
}

.nx-three-row .nx-sideR {
    display: block;
    float: none;
    width: 32.8%;
    margin-left: 1.2%;
}

.nx-three-row .nx-col2 {
    float: none;
    width: 32.8%;
    margin-right: 1.2%;
}

.nx-three-row .nx-col2 .nx-card,
.nx-three-row .nx-sideR .nx-card {
    height: 100%;
    box-sizing: border-box;
}

/* 用户自定义三模块结构：展会公告/科技成果/专家视角严格三等分 */
.nx-row>.nx-mainL[style*="width:100%"] {
    float: none !important;
    width: 100% !important;
    display: flex !important;
    align-items: stretch;
    box-sizing: border-box;
}

.nx-row>.nx-mainL[style*="width:100%"]>.nx-col2 {
    float: none !important;
    width: 32% !important;
    margin: 0 1% 0 0 !important;
    box-sizing: border-box;
}

.nx-row>.nx-mainL[style*="width:100%"]>.nx-col2:last-of-type {
    width: 34% !important;
    margin-right: 0 !important;
}

.nx-row>.nx-mainL[style*="width:100%"]>.nx-col2>.nx-card {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

/* ============================================================
   蓝色通栏条：主导航菜单(左) + 滚动公告(右)
   蓝条渐变背景经 ::before 延伸到整个屏幕宽度(原版效果),
   条体 1202px 固定宽居中;菜单数据(JS/PHP)不变，
   登录/注册按钮已移至 Logo 行,搜索框排在其正下方
   ============================================================ */
#HeadSearch {
    width: 1202px !important;
    max-width: 100%;
    height: 46px !important;
    margin: 0 auto !important;
    background: linear-gradient(#2b98d8, var(--c-main-deep)) !important;
    border-radius: 2px !important;
    box-shadow: 0 1px 2px rgba(0, 65, 110, .22) !important;
    box-sizing: border-box;
    overflow: visible !important;
    /* 建立层叠上下文压过后继 .NewsMenu(position:static)，菜单悬停不被盖底 */
    position: relative !important;
    z-index: 1000 !important;
}

/* 蓝条渐变背景延伸到整个屏幕宽度（::before 伪元素方案） */
#HeadSearch:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    background: linear-gradient(#2b98d8, var(--c-main-deep));
}

/* 内衬行承担弹性排布(模板里包了一层 .nx-head-in) */
#HeadSearch .nx-head-in {
    display: flex;
    align-items: stretch;
    height: 46px;
}

/* —— 主导航菜单：宽度均分铺满整条蓝条 —— */
#HeadSearch #MainMenu {
    flex: 1 1 auto;
    display: flex;
    width: auto !important;
    height: 46px !important;
    margin: 0;
    padding: 0;
    list-style: none;
    background: none !important;
    border: 0;
    box-shadow: none;
    overflow: hidden;
    box-sizing: border-box;
}

#HeadSearch #MainMenu li {
    float: none;
    flex: 1 1 0%;
    width: auto;
    margin: 0;
    padding: 0 !important;
    position: relative;
    text-align: center;
    background: none !important;
}

#HeadSearch #MainMenu li a {
    display: block;
    width: 100%;
    height: auto;
    line-height: 46px;
    padding: 0;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    color: #fff;
    background: none !important;
    border: 0;
    text-shadow: none;
    text-decoration: none;
    white-space: nowrap;
    text-align: center;
}

#HeadSearch #MainMenu li a:hover {
    color: #fff;
    background: rgba(255, 255, 255, .15) !important;
}

#HeadSearch #MainMenu li.choose a,
#HeadSearch #MainMenu li.begin a {
    color: #fff !important;
    font-weight: bold;
    background: #0a76c4 !important;
}

/* —— 滚动公告：菜单铺满蓝条后不再占位（隐藏显示,需恢复时删除 display:none 即可） —— */
#HeadSearch .hotsearch {
    display: none;
}

/* NewsMenu：单一边框、统一行高与垂直对齐 */
.NewsMenu {
    width: 1202px !important;
    height: 47px !important;
    margin: 10px auto 0 !important;
    padding: 0 !important;
    background: linear-gradient(#f7fbfe, #dcebf5) !important;
    border: 1px solid var(--c-line-strong) !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    box-sizing: border-box;
    overflow: hidden;
}
.NewsMenu .Menucont {
    height: 47px !important;
    /* 覆盖旧 style.css 的 width:990px + menubg.gif 背景:
       旧宽度使内容溢出 1202 新宽度,旧背景图与渐变底冲突 */
    width: auto !important;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    background: none !important;
    padding: 0 5px !important;
    line-height: 47px !important;
}
.NewsMenu .logo {
    flex: 0 0 auto;
    height: 47px !important;
    width: auto !important;
    box-sizing: border-box;
    margin: 0;
    padding:7px 5px 4px 6px;
}
.NewsMenu .logo img {
    display: block;
    height: 32px !important;
    width: auto !important;
}
/* 菜单项两端均分(等间隙铺满 logo 右侧整行,各项保留自然宽度) */
.NewsMenu ul.menu {
    flex: 1 1 auto;
    display: flex;
    justify-content: space-between;
    float: none !important;
    align-items: center;
    height: 47px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}
.NewsMenu ul.menu li {
    /* 后台标签把 11 个链接都塞在同一个 <li class="begin"> 里:
       li 占满整行并转横向 flex,由内部的 a 铺满 */
    float: none !important;
    flex: 1 1 auto;
    display: flex;
    justify-content: space-between;
    height: 47px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 47px !important;
    background: none !important;
}
.NewsMenu ul.menu li a {
    display: block !important;
    flex: 0 1 auto;
    width: auto !important;
    height: 47px !important;
    line-height: 47px !important;
    padding: 0 15px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #28536f;
    white-space: nowrap;
    vertical-align: top;
    text-align: center;
}
.NewsMenu ul.menu li a:hover span { color: #fff !important; }

/* 供应商平台文字标志（替代 images/blue/news/logo.gif）：主题蓝底 + 左侧亮蓝竖条 */
.NewsMenu .logo .supplier-badge {
    display: block;
    box-sizing: border-box;
    height: 32px;
    padding: 0 9px;
    background: #208cd7;
    border-left: 5px solid #6fc4f2;
    border-radius: 2px;
    color: #fff;
    font: bold 16px/32px "Microsoft YaHei", SimHei, Arial, sans-serif;
    letter-spacing: 1px;
    text-align: center;
    text-decoration: none;
}
/* secondnews：数字背景与文章标题按 25px 行高垂直对齐 */
.nx-hero-news .secondnews > div { position: relative; height: 25px !important; line-height: 25px !important; padding: 0 10px 0 0px !important; background-position: 8px center !important; background-repeat: no-repeat !important; box-sizing: border-box; }
.nx-hero-news .secondnews > div a,
.nx-hero-news .secondnews > div a.sort { float: left; display: block; line-height: 25px !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.nx-hero-news .secondnews > div span { float: right; line-height: 25px !important; }

/* showselect 分类按钮右侧的三角指示图标：用 CSS border 绘制，无需图片。
   默认（class=unselect，下拉收起）为倒三角（朝下），提示可展开 */
.topsearchbox #showselect::after {
    content: "";
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    /* 倒三角：上边框着色，左右边框透明撑出斜边 */
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #235878;
}
/* 下拉展开时（displaymore() 会把 class 设为 onclick）切换为正三角（朝上），
   提示可收起；class 切换由 head.htm 里既有的 displaymore()/hiddendiv() 完成，无需改 JS */
.topsearchbox #showselect.onclick::after {
    border-top: 0;
    border-bottom: 5px solid #235878;
}

.dragcont .head {
    background:
        url(head6.png) right top no-repeat !important;
}
.dragcont .cont{
    background:transparent!important;
}
.comment .head {
    background:
        url(head5-1.gif) left top no-repeat,
        url(sell/head5.gif) right top no-repeat !important;
}

.showcont .head {
    background:
        url(head4.gif) left top no-repeat,
        url(sell/head4.gif) right top no-repeat!important;
}

.sortcont .head {
    background:
        url(head4-1.gif) left top no-repeat,
        url(hy/head4.gif) right top no-repeat!important;
}

.tzhycont .head {
    background:
        url(head1-1.gif) right top no-repeat,
        url(hy/head1.gif) left top no-repeat!important;
}
.mainR .sidecont .head,.sideL .sidecont .head {
    background:
        url(head2-1.gif) left top no-repeat,
        url(hy/head2.gif) right top no-repeat!important;
}

/* ============================================================
   移动端适配(两个断点)
   ≤1240px:取消固定 1202px 宽度,通栏/页脚/首页模块按流体收缩
   ≤768px: 头部与模块改为纵向堆叠适配手机
   ============================================================ */
@media screen and (max-width: 1240px) {
    /* 固定宽度容器 → 流体 */
    .nx-head-in,
    .wrap,
    #index_top_ad,
    .nx-hero,
    .wangye,
    .nx-row,
    .nx-brand-product-row,
    .nx-foot-in {
        width: auto !important;
        max-width: 1202px;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .wrap { padding: 0 10px; box-sizing: border-box; }
    .NewsMenu,
    #nav_guide {
        width: auto !important;
    }
    /* 顶部白条与蓝条保持原观感,仅窄屏随流体收缩防溢出 */
    .LogoContainer,
    #HeadSearch {
        width: auto !important;
    }

    /* 浮动两栏 → 单列堆叠 */
    .nx-hero-slider,
    .nx-hero-news,
    .nx-hero-side,
    .nx-mainL,
    .nx-sideR,
    .nx-col2,
    .nx-ad4 {
        float: none !important;
        width: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .nx-hero-slider,
    .nx-hero-news,
    .nx-hero-side { margin-bottom: 10px !important; }

    .nx-brand-product-row { display: block !important; }
    .nx-brand-product-row .nx-brand-col,
    .nx-brand-product-row .nx-product-col {
        width: 100% !important;
        float: none !important;
        display: block !important;
        padding: 0 0 12px !important;
    }
    .nx-brand-product-row .nx-brand-col > .nx-card,
    .nx-brand-product-row .nx-product-col > .nx-card { height: auto !important; }

    .nx-tech-row .nx-col2,
    .nx-policy-row .nx-col2 {
        width: 100% !important;
        margin: 0 0 10px !important;
    }

    .nx-three-row { display: block !important; }
    .nx-three-row .nx-mainL { display: block !important; width: auto !important; }

    .nx-row > .nx-mainL[style*="width:100%"] { display: block !important; }
    .nx-row > .nx-mainL[style*="width:100%"] > .nx-col2 {
        width: 100% !important;
        margin: 0 0 10px !important;
    }

    /* 产品推荐横滚:轨道自适应,图随格宽缩放 */
    .nx-prod-roll { width: auto !important; }
    .nx-prod-track > div { width: 25% !important; }
    .nx-prod-track > div p.img a { width: 100% !important; height: auto !important; }
    .nx-prod-track > div p.img img { width: 100% !important; height: auto !important; }

    /* 顶部 5 广告位:两列排布 */
    #index_top_ad .ad1,
    #index_top_ad .ad2,
    #index_top_ad .ad3,
    #index_top_ad .ad4,
    #index_top_ad .ad5 {
        float: left;
        width: 49% !important;
        height: auto;
        margin-right: 0 !important;
        margin-bottom: 8px;
    }
    #index_top_ad .ad1,
    #index_top_ad .ad3 { margin-right: 2% !important; }
}

@media screen and (max-width: 768px) {
    body { font-size: 13px; }

    .nx-head-in { padding: 0 12px !important; }
    .LogoContainer { padding: 12px 0 18px; }

    /* Logo 超宽时收缩 */
    .LogoContainer .logo img { max-width: 60vw; height: auto; }

    /* 顶栏:登录/注册右上、搜索框其下靠右,关键词框按屏宽收缩 */
    .LogoContainer .keyword input { width: 46vw !important; min-width: 130px; }

    /* 蓝条导航:菜单项每行 4 个换行铺排 */
    #HeadSearch .nx-head-in { display: block !important; height: auto !important; }
    #HeadSearch #MainMenu { flex-wrap: wrap; height: auto !important; }
    #HeadSearch #MainMenu li { flex: 1 1 25%; height: 38px; }
    #HeadSearch #MainMenu li a { height: 38px !important; line-height: 38px !important; font-size: 13px; }

    /* 供应商快捷菜单:允许换行 */
    .NewsMenu { height: auto !important; }
    .NewsMenu .Menucont { height: auto !important; flex-wrap: wrap; line-height: 34px !important; padding: 5px 10px !important; }
    .NewsMenu .logo { height: auto !important; }
    .NewsMenu .logo img { height: 28px !important; }
    /* 文字标志继承原 img 的移动端 28px 高度 */
    .NewsMenu .logo .supplier-badge { height: 28px !important; line-height: 28px !important; font-size: 15px; padding: 0 7px; border-left-width: 4px; }
    .NewsMenu ul.menu { flex-wrap: wrap; height: auto !important; }
    .NewsMenu ul.menu li { flex-wrap: wrap; height: auto !important; line-height: 34px !important; }
    .NewsMenu ul.menu li a { flex: 0 0 auto; height: 34px !important; line-height: 34px !important; padding: 0 8px !important; }

    /* 面包屑与页脚 */
    #nav_guide { margin: 10px !important; padding: 6px 10px; box-sizing: border-box; }
    #footer { padding: 18px 12px 30px; box-sizing: border-box; }
    .nx-foot-menu { line-height: 24px; }
    .nx-foot-line { line-height: 18px; }

    /* 首页轮播降低高度,图裁切填充;新闻列表取消定高 */
    .nx-hero-slider .index_silder { height: 230px !important; }
    .nx-hero-news .centernews { height: auto !important; max-height: 376px; }
}
/* ============================================================
   
/* ============================================================
   文字列表引导元素(方案B·菱形斜块) — 与标题栏斜切造型呼应
   作用于首页 .nx-card-c-list 类文字列表(政策标准/技术研究/工程
   建设/招投标采购/科技成果/专家视角/产品应用)
   ============================================================ */
.nx-card-c-list div {
    position: relative;
}
.nx-card-c-list div::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 14px;
    width: 7px;
    height: 7px;
    border-radius: 1px;
    background: linear-gradient(135deg, #3faaf0, var(--c-main-deep));
    transform: rotate(45deg);
    -webkit-transition: .2s;
    transition: .2s;
}
.nx-card-c-list div a {
    padding-left: 26px !important;
    text-decoration: none;
}
.nx-card-c-list div:hover::before {
    transform: rotate(45deg) scale(1.3);
}