@charset "utf-8";
/* ==========================================================================
   宽屏版式（对应老站 Webmaster 表里开关值 = 2 的页面）
   老站这类页面是「全宽无侧栏 + 顶部 cpdh 导航条」，没有左侧栏也没有面包屑条。
   用法：给 .wrap2 加 class="wide" 即可切换，左右结构页面不受影响。
   加载顺序：必须在 images/css.css 之后。
   ========================================================================== */

/* 宽屏：隐藏左侧栏与面包屑条，内容区撑满 1200px */
.wrap2.wide .sidebar { display: none; }
.wrap2.wide .all_t  { display: none; }
.wrap2.wide .main   { float: none; width: 1200px; }

/* 顶部导航条：默认隐藏，仅宽屏页显示 */
.cpdh-nav { display: none; }
.wrap2.wide .cpdh-nav { display: block; }

/* 宽屏内容区不要被旧规则挤压出横向滚动 */
.wrap2.wide .box1_m_pro { width: auto; }

/* ==========================================================================
   页脚左侧品牌区（logo + 二维码 + 社媒图标）
   旧规则 #dbfacebook 的 li 高 30px 放不下 39px 图标、间距过大导致换行重叠，
   这里改成独立的 .fb-social，不再继承旧规则
   ========================================================================== */
.dibubox dl.fb-brand { height: auto !important; overflow: hidden; }
.dibubox .fb-brand dt img { max-width: 150px; height: auto; display: block; }
.dibubox .fb-brand h2 { margin-top: 20px; }
.dibubox .fb-brand h2 img { display: block; }

.dibubox ul.fb-social {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}
.dibubox ul.fb-social li {
    float: none;
    width: 30px;
    height: 30px;
    line-height: 0;
    margin: 0;
    font-size: 0;
    overflow: hidden;
}
.dibubox ul.fb-social li a { display: block; line-height: 0; }
.dibubox ul.fb-social li img {
    width: 30px;
    height: 30px;
    display: block;
    border: 0;
}

/* 产品详情：简述/参数为 HTML 块时的独立容器（后台富文本编辑） */
.pro-spec { font-size: 14px; line-height: 24px; color: #666; padding: 2px 0 8px 0; }
.pro-spec ul, .pro-spec ol { margin: 4px 0 4px 20px; list-style: disc outside; }
.pro-spec ol { list-style: decimal outside; }
.pro-spec li { list-style: inherit; line-height: 24px; }
.pro-spec p { margin: 4px 0; }

/* 产品详情：右侧信息区（Model Name / Brief / Category） */
.pro-info { text-align: left; padding: 6px 0 2px 0; }
.pro-info p { margin: 0 0 8px; font-size: 14px; line-height: 22px; color: #474747; }
.pro-info-label { color: #333; font-weight: bold; }
.pro-info-row { margin: 0 0 8px; font-size: 14px; line-height: 22px; color: #474747; }
.pro-info-row .pro-spec { padding: 4px 0 0 0; }
.pro-info .pro-spec ul, .pro-info .pro-spec ol { margin: 4px 0 4px 20px; }

/* 联系我们页：表单与标题的补充样式（老站 CSS 里没有这些类） */
.contact-title { font-size: 16px; color: #c33; margin-bottom: 12px; }
.contact-table td {
    padding: 6px 8px;
    font-size: 14px;
    color: #474747;
    border-bottom: 1px solid #f1f1f1;
}
.contact-table td:first-child { width: 120px; text-align: right; color: #666; }
.contact-table .txtf123 {
    width: 260px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #ddd;
    padding: 0 6px;
}
.contact-table textarea.txtf123 { height: 90px; line-height: 1.5; padding: 6px; }
.contact-submit {
    background: #c33;
    color: #fff;
    border: 0;
    padding: 8px 28px;
    cursor: pointer;
    font-size: 14px;
}
.contact-submit:hover { background: #a52a2a; }
.nylxwm12 .contactqr { text-align: center; }
.nylxwm12 .contactqr img { max-width: 150px; height: auto; }
@media (max-width: 768px) {
    .contact-table td:first-child { width: 80px; }
    .contact-table .txtf123 { width: 100%; }
}