@charset "utf-8";
/* ==========================================================================
   前台界面增强样式（首页 + 副页通用）
   加载顺序：Themes/Default/bootstrap.css → main.css → drop.css → 本文件
   只做视觉与响应式增强，不改动任何 DOM 结构，也不依赖 JS。
   ========================================================================== */

/* ========================= 1. 基础排版 ========================= */
html { -webkit-text-size-adjust: 100%; }

body {
    font-size: 13px;
    color: #444;
}

a {
    -webkit-transition: color .2s ease, background-color .2s ease, border-color .2s ease;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}
a:hover { color: #ff7e00; text-decoration: none; }

/* 公共样式 css/common.css 未被任何页面引用，前台缺少全局 border-box。
   这里给所有会被本文件加 padding 的容器补上，避免 width:100% + padding 撑破父级。 */
.divheader, .divmenu, .containers, .divcontainers, .divwrapper,
.div_left1, .divmiddle1, .divright1, .product_con, .divpro_tb,
.nTab, .nTab1, .nTab .TabTitle, .nTab1 .TabTitle,
.trackdiv, .trackdiv1, .trackdiv2, .trackdiv_h3, .divboxt,
.product_1n, .product_3, .product_33, .title8, .divtitlename,
.footers, .footer, .footer-content, .footerleft, .divFweixin,
.divprucker, .bx_wrap, .bx_container, .divpricing, .divprat {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* 所有前台图片默认自适应，避免撑破容器 */
.divbannerimg img,
.divproductimg img,
.div_pruductimg,
.partner_img,
.divFweixin img {
    max-width: 100%;
}

/* 主容器：原来写死 1100px，窗口小于 1100 时会横向溢出 */
.containers {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}
.divwrapper { min-height: 0; }

/* ========================= 2. 顶部 LOGO / 热线 ========================= */
.divheader {
    height: auto;
    min-height: 90px;
    position: relative;
    z-index: 20;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .06);
}
.divheader #hdc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 0;
}
.logo { padding: 0; }
.logo a { display: inline-block; }
.logo img,
#hlLogo img,
#ctl00_hlLogo img {
    height: 56px;
    width: auto;
    border: 0;
}

/* 热线：桌面端字号过大，移动端被压成 1px 隐藏，这里统一成可自适应的样式 */
.divleftline {
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    width: auto;
    padding: 10px 0 10px 16px;
    font-size: 22px;
    font-weight: 600;
    color: #0139a8;
    overflow: visible;
}
.divlineimg {
    width: 46px;
    height: 46px;
    margin-right: 10px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    float: none;
}

/* ========================= 3. 导航菜单 ========================= */
.divmenu {
    height: auto;
    background: #0139a8;
    background: -webkit-linear-gradient(left, #0139a8 0%, #0a55cf 100%);
    background: linear-gradient(90deg, #0139a8 0%, #0a55cf 100%);
}
/* 现代浏览器下导航吸顶 */
@supports (position: sticky) {
    .divmenu {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1050;
        box-shadow: 0 2px 10px rgba(1, 57, 168, .25);
    }
}

.navbar { border: 0; background: transparent; margin-bottom: 0; }
.navbar-default { border: 0; background: transparent; }
.navbar-default .navbar-collapse { border: 0; padding-left: 0; padding-right: 0; }

@media (min-width: 768px) {
    .navbar-default .navbar-nav > li > a {
        padding: 18px 24px;
        font-size: 15px;
        letter-spacing: .5px;
        white-space: nowrap;
    }
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus {
        background: rgba(255, 255, 255, .12);
        color: #fff;
        border-bottom: 0;
        box-shadow: inset 0 -3px 0 #ff9d04;
    }
    #shouye { color: #fff !important; }

    /* 二级菜单 */
    #nav > li > ul {
        top: 100%;
        min-width: 150px;
        background: #fff;
        border: 0;
        border-radius: 0 0 6px 6px;
        box-shadow: 0 8px 22px rgba(0, 0, 0, .18);
        overflow: hidden;
    }
    #nav > li > ul > li { border-bottom: 1px dashed #e8e8e8; }
    #nav > li > ul > li:last-child { border-bottom: 0; }
    #nav li ul li a {
        padding: 10px 16px;
        text-align: left;
        color: #333;
        font-weight: normal;
        white-space: nowrap;
    }
    #nav li ul li a:hover { background: #0139a8; color: #fff; }
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav > li > a { padding: 12px 15px; color: #fff; }
    .navbar-default .navbar-nav > li > a:hover { background: rgba(255, 255, 255, .12); color: #fff; }
    .navbar-nav { margin: 0; }
    #nav li ul { background: #012f8c; border: 0; }
    #nav li ul li a { color: rgba(255, 255, 255, .85); }
}

/* ========================= 4. Banner：全宽轮播 ========================= */
/* 结构由 js/site-banner.js 生成：
   .divbannerimg.sb-banner > .sb-track > .sb-slide（> a > img）  */
.divbannerimg { width: 100%; }
.divbannerimg img,
.divbannerimg a img { width: 100%; height: auto; display: block; }

.sb-banner {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #f3f3f3;
    line-height: 0;
}
.sb-track {
    position: relative;
    left: 0;
    width: 100%;
    -webkit-transition: left .6s ease;
    transition: left .6s ease;
}
.sb-track:before, .sb-track:after { content: ""; display: table; }
.sb-track:after { clear: both; }

.sb-slide {
    display: block;
    float: left;
    width: 100%;
    margin: 0;
}
.sb-slide img {
    display: block;
    width: 100%;
    height: auto;
    border: 0;
}

/* 圆点 */
.sb-dots {
    position: absolute;
    left: 0;
    bottom: 14px;
    width: 100%;
    text-align: center;
    line-height: 0;
    z-index: 5;
}
.sb-dot {
    display: inline-block;
    width: 26px;
    height: 4px;
    margin: 0 4px;
    border-radius: 2px;
    background: rgba(255, 255, 255, .6);
    cursor: pointer;
    -webkit-transition: background .2s ease, width .2s ease;
    transition: background .2s ease, width .2s ease;
}
.sb-dot.sb-dot-active { background: #ff9d04; width: 40px; }

/* 左右箭头（悬停显示） */
.sb-arrow {
    position: absolute;
    top: 50%;
    margin-top: -22px;
    width: 44px;
    height: 44px;
    text-align: center;
    font: 30px/42px SimSun, serif;
    color: #fff;
    background: rgba(0, 0, 0, .25);
    border-radius: 50%;
    text-decoration: none;
    z-index: 5;
    opacity: .35;
    -webkit-transition: opacity .25s ease, background .25s ease;
    transition: opacity .25s ease, background .25s ease;
}
.sb-banner:hover .sb-arrow { opacity: 1; }
.sb-arrow:hover { background: rgba(0, 0, 0, .5); text-decoration: none; }
.sb-prev { left: 14px; }
.sb-next { right: 14px; }

@media (max-width: 767px) {
    .sb-dots { bottom: 8px; }
    .sb-arrow { display: none; }
}

/* ========================= 5. 首页：跟踪 / 查价 / 登录 ========================= */
/* 区块底色用明显的浅灰，三张白卡片才能从背景里衬出来 */
.divpricing { background: #eef1f6; padding: 20px 0 14px; }
.divpricing .divcontainers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* 默认 stretch：三列拉伸到同一行高度，实现顶部与底部对齐 */
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
@media (min-width: 768px) {
    /* .divmiddle1 只是 DOM 包装（里面同时装着新闻卡和登录卡），
       用 display:contents 让两张卡直接参与外层 flex，
       这样三张卡才能等宽等高（IE11 不支持时退回原布局）。 */
    .divmiddle1 { display: contents; }

    /* 三张卡片等宽：flex-basis 0 + 等量 grow，间距 20px */
    .div_left1 {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: auto;
        height: auto;
        margin: 0 20px 0 0;
    }
    .nTab1 {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        width: auto;
        height: auto;
        margin: 0 20px 0 0;
    }
    .trackdiv2 {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: auto;
        height: auto;
        margin: 0;
    }
    /* 卡片在列内撑满整行高度 */
    .nTab,
    .nTab1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 0;
        height: auto;
    }
    .nTab {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: auto;
    }
    .nTab .TabContent,
    .nTab1 .TabContent1,
    .divboxt {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%;
    }
    .divright1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        margin-top: 20px;
    }
}

/* 选项卡标题：去掉固定底图，改成现代下划线样式 */
/* 整列做成一张完整白卡：标题栏与内容区连成一体，不再各自投影 */
.nTab,
.nTab1 {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .07);
    overflow: hidden;
}
.nTab .TabTitle,
.nTab1 .TabTitle {
    height: 44px;
    line-height: 44px;
    background: #fff;
    border-bottom: 1px solid #eef1f6;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
/* tab 平分标题栏宽度（main.css 写死 li 宽 169/190px，卡片变窄后第二个 tab 会被裁掉） */
.nTab .TabTitle ul,
.nTab1 .TabTitle ul {
    display: table;
    width: 100%;
    table-layout: fixed;
    line-height: 44px;
}
.nTab .TabTitle li,
.nTab1 .TabTitle li {
    display: table-cell;
    float: none;
    width: auto;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #666;
    background: transparent;
    cursor: pointer;
    -webkit-transition: color .2s ease, box-shadow .2s ease;
    transition: color .2s ease, box-shadow .2s ease;
}
.nTab .TabTitle li.active,
.nTab1 .TabTitle li.active {
    background: transparent;
    color: #0139a8;
    font-weight: 600;
    box-shadow: inset 0 -3px 0 #ff9d04;
}
.nTab .TabTitle li.normal,
.nTab1 .TabTitle li.normal { background: transparent; }

/* 卡片化 */
.trackdiv,
.trackdiv2 {
    background: #fff;
    border: 0;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .07);
    overflow: hidden;
}
.trackdiv:hover,
.trackdiv2:hover { border: 0; box-shadow: 0 6px 20px rgba(0, 0, 0, .12); }
.nTab .TabContent,
.nTab1 .TabContent1 {
    background: #fff;
    border-radius: 0;
    box-shadow: none;
}

.trackdiv_h3 {
    height: auto;
    line-height: 1.4;
    padding: 12px 16px;
    font-size: 16px;
    color: #fff;
    background: #0139a8;
    background: -webkit-linear-gradient(left, #0139a8 0%, #0a55cf 100%);
    background: linear-gradient(90deg, #0139a8 0%, #0a55cf 100%);
    border-radius: 8px 8px 0 0;
}
.divboxt {
    float: none;
    width: 100%;
    padding: 16px;
    max-height: none;
}

/* 表单控件 */
.textareainput {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #dcdfe6;
    border-radius: 6px;
    font-size: 13px;
    color: #444;
    resize: vertical;
    -webkit-transition: border-color .2s ease;
    transition: border-color .2s ease;
}
.textareainput:focus { border-color: #0139a8; outline: 0; }

.divinputtrack {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    padding: 0;
    margin: 18px 0 0;
    background: #ff9d04;
    background: -webkit-linear-gradient(left, #ff9d04 0%, #ff7e00 100%);
    background: linear-gradient(90deg, #ff9d04 0%, #ff7e00 100%);
    border: 0;
    border-radius: 6px;
    font-size: 15px;
    cursor: pointer;
    -webkit-transition: background .25s ease, box-shadow .25s ease;
    transition: background .25s ease, box-shadow .25s ease;
    box-shadow: 0 3px 10px rgba(255, 126, 0, .3);
}
.divinputtrack:hover {
    background: #0139a8;
    background: -webkit-linear-gradient(left, #0139a8 0%, #0a55cf 100%);
    background: linear-gradient(90deg, #0139a8 0%, #0a55cf 100%);
    box-shadow: 0 3px 10px rgba(1, 57, 168, .3);
    font-size: 15px;
}
.17track img { max-width: 220px; height: auto; }

/* ---------- 会员登录 ---------- */
.trackdiv2 form { margin: 0; padding: 0; }
.div_loggindiv { padding: 8px 16px 0; }
.div_loggindiv ul { margin: 0; padding: 0; list-style: none; }
.div_loggindiv ul li {
    float: none;
    width: 100%;
    margin: 0 0 12px;
}
.div_loggindiv ul li:last-child { margin-bottom: 0; }
/* 图标来自输入框自身的背景图，空的 span/p 占位节点不参与排版 */
.div_loggindiv ul li span:first-child,
.div_loggindiv ul li span p { display: none; }
.div_loggindiv ul li span:last-child { display: block; width: 100%; }

.yonghu,
.mima {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 44px;
    line-height: 42px;
    margin: 0;
    padding: 0 12px 0 72px;
    border: 1px solid #e2e6ec;
    border-radius: 6px;
    background-color: #fafbfc;
    background-repeat: no-repeat;
    background-position: 6px center;
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
    font-size: 14px;
    color: #9aa3ad;
    -webkit-transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.yonghu:focus,
.mima:focus {
    border-color: #0139a8;
    background-color: #fff;
    color: #333;
    outline: 0;
    -webkit-box-shadow: 0 0 0 3px rgba(1, 57, 168, .08);
    box-shadow: 0 0 0 3px rgba(1, 57, 168, .08);
}
.divzhuce {
    float: none;
    height: auto;
    margin: 14px 0 0;
    background: none;
    text-align: center;
    line-height: 20px;
}
.divzhuce a {
    display: inline-block;
    float: none;
    width: auto;
    margin-top: 0;
    color: #0139a8;
    font-size: 14px;
    line-height: 20px;
}
.divzhuce a:hover { color: #ff7e00; }

/* ---------- 可搜索下拉（js/site-combo.js 生成） ---------- */
.sc-select {
    position: relative;
    width: 100%;
    font-size: 0;
    line-height: 0;
}
.sc-input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    line-height: 38px;
    padding: 0 34px 0 12px;
    border: 1px solid #dcdfe6;
    border-radius: 6px;
    background: #fafbfc;
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
    font-size: 13px;
    color: #333;
    -webkit-transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.sc-input::-ms-clear { display: none; }
.sc-select:hover .sc-input,
.sc-input:focus {
    border-color: #0139a8;
    background: #fff;
    outline: 0;
    -webkit-box-shadow: 0 0 0 3px rgba(1, 57, 168, .08);
    box-shadow: 0 0 0 3px rgba(1, 57, 168, .08);
}
.sc-arrow {
    position: absolute;
    top: 50%;
    right: 12px;
    width: 0;
    height: 0;
    margin-top: -3px;
    border-top: 7px solid #8a94a6;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    cursor: pointer;
    -webkit-transition: border-top-color .2s ease;
    transition: border-top-color .2s ease;
}
.sc-select:hover .sc-arrow { border-top-color: #0139a8; }

.sc-dropdown {
    display: none;
    position: absolute;
    top: 44px;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #e2e6ec;
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(20, 35, 70, .16);
    z-index: 60;
}
.sc-dropdown ul {
    margin: 0;
    padding: 4px;
    list-style: none;
    max-height: 190px;
    overflow-y: auto;
}
.sc-dropdown li {
    padding: 8px 10px;
    border-radius: 4px;
    font-size: 13px;
    line-height: 1.5;
    color: #333;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sc-dropdown li.sc-hover { background: #eef4ff; color: #0139a8; }
.sc-dropdown li.sc-empty { color: #9aa3ad; cursor: default; text-align: center; }

.country {
    width: 100%;
    max-width: 230px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #dcdfe6;
    border-radius: 6px;
}
.form-control {
    height: 34px;
    padding: 6px 10px;
    border: 1px solid #dcdfe6;
    border-radius: 6px;
}
.form-control:focus { border-color: #0139a8; box-shadow: 0 0 0 2px rgba(1, 57, 168, .12); }
.form-horizontal .form-group { margin-bottom: 10px; }

/* ========================= 6. 首页：新闻列表 ========================= */
.product_33 { padding: 6px 10px; }
.product_33 ul li {
    padding: 10px 2px;
    border-bottom: 1px dashed #e8e8e8;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
}
.product_33 ul li:hover { background: #f7f9ff; }
.product_33 ul li > span:first-child { float: left; max-width: 76%; }
.product_33 ul li > span:first-child img { margin-top: -2px !important; vertical-align: middle; }
.product_33 ul li > span:first-child a {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
    font-size: 14px;
    color: #333;
}
.product_33 ul li > span:first-child a:hover { color: #ff7e00; }
.product_33 ul li span.date { font-size: 12px; color: #999; }

/* ========================= 7. 首页：产品展示 ========================= */
.product_con { max-width: 100%; }
.div_prucdutc img { width: 100%; height: auto; max-height: 320px; }
.divpro_tb { width: 100%; max-width: 902px; }
.divpro_tb li {
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
}
.div_pruductimg { width: 100%; height: 155px; }
.pro_Mask {
    height: 155px;
    border-radius: 8px 8px 0 0;
    background: rgba(0, 0, 0, .38);
    font-size: 15px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

/* ========================= 8. 首页：友情链接（无缝滚动，彩色） ========================= */
.divprat { padding: 10px 0 24px; }
.divprucker { width: 100%; max-width: 1100px; margin: 10px auto; }

/* 结构由 js/site-links.js 生成： .site-links > .sl-viewport > .sl-track > .sl-item */
.site-links { width: 100%; padding: 6px 0; }
.sl-viewport {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.sl-track {
    position: relative;
    white-space: nowrap;
    font-size: 0;
    line-height: 0;
}
.sl-item {
    display: inline-block;
    *display: inline;
    zoom: 1;
    white-space: normal;
    padding: 0 18px;
    vertical-align: middle;
}
.sl-item a { display: block; }
/* 彩色显示：不再做任何灰度处理，只保留原始配色 */
.sl-item img {
    display: block;
    width: auto;
    max-width: 180px;
    height: 68px;
    border: 0;
    -webkit-transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
}
.sl-item a:hover img {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}

/* 旧版 bxCarousel 容器：已被 site-links 取代，这里不再约束其宽度 */
.bx_wrap,
.bx_container { width: 100%; height: auto; overflow: hidden; }

@media (max-width: 767px) {
    .sl-item { padding: 0 10px; }
    .sl-item img { height: 48px; max-width: 130px; }
}

/* ========================= 9. 副页：面包屑 / 分类 / 内容 ========================= */
.divneirong { padding-top: 0; }

/* 面包屑 */
.title8 {
    height: auto;
    margin: 0 0 14px;
    padding: 12px 16px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .05);
    font-size: 13px;
    color: #999;
}
.title8 span.more { float: none; height: auto; line-height: 1.6; display: block; }
.title8 span.more a { color: #888; }
.title8 span.more a:hover { color: #ff7e00; }

/* 左侧栏目导航 */
.product_1n { width: 100%; }
.product_1n ul li {
    padding: 0;
    margin-bottom: 6px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .05);
    overflow: hidden;
}
.product_1n ul li img { display: none; }
.product_1n ul li a {
    display: block;
    padding: 12px 16px;
    font-size: 15px;
    color: #333;
    border-left: 3px solid transparent;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.product_1n ul li a:hover,
.product_1n ul li a.hover_1 {
    color: #0139a8;
    background: #f4f7ff;
    border-left-color: #ff9d04;
}

/* 右侧内容卡片 */
.product_3 {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .06);
    padding: 24px;
    font-size: 14px;
    line-height: 1.9;
    color: #444;
}
.product_3 p { font-size: 14px; line-height: 1.9; }
.product_3 img { max-width: 100%; height: auto; }
.product_3 table { max-width: 100%; }
.product_3 address { font-size: 13px; line-height: 1.9; color: #555; }

.divtitlename { height: auto; margin-bottom: 22px; border-bottom-color: #e8e8e8; }
.divtitlename a,
.divtitlename p {
    display: inline-block;
    padding: 10px 2px;
    font-size: 20px;
    font-weight: 600;
    color: #0139a8;
    border-bottom: 2px solid #0139a8;
    margin-bottom: -1px;
}

/* 分类标题条 */
.title2 { background: #fff; border-bottom: 0; border-radius: 6px 6px 0 0; }
.title2 span.titlename {
    background: none;
    color: #0139a8;
    font-size: 15px;
    width: auto;
    padding-left: 4px;
    padding-right: 20px;
}
.title2 span.more a { color: #999; font-size: 12px; }
.title2 span.more a:hover { color: #ff7e00; }

/* 联系我们卡片 */
.box-margin-top { margin-top: 16px; }

/* ========================= 10. 底部 ========================= */
.footers { padding: 30px 0 24px; }
.footer {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.footer-content {
    float: none;
    width: 100%;
    max-width: 840px;
    line-height: 2;
}
ul.footerNav { margin: 0 0 10px; }
ul.footerNav li { padding: 0; margin: 0 14px 0 0; }
ul.footerNav a { color: rgba(255, 255, 255, .88); font-size: 13px; }
ul.footerNav a:hover { color: #ff9d04; }
.footer-copy { color: rgba(255, 255, 255, .65); font-size: 12px; }
.footerleft { float: none; width: auto; margin: 0; }
.divFweixin {
    width: auto;
    height: auto;
    padding: 6px;
    background: #fff;
    border-radius: 8px;
    text-align: center;
}
.divFweixin img { width: 110px; height: auto; }

/* ========================= 11. 响应式 ========================= */
@media (max-width: 767px) {
    .divheader #hdc { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
    .logo { width: 100%; text-align: center; }
    .divleftline {
        float: none;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 6px 0 0;
        font-size: 18px;
    }
    .divlineimg { width: 32px; height: 32px; margin-right: 8px; }

    .containers { padding: 0 8px; }

    .divpricing { padding: 14px 0 4px; }
    .div_left1,
    .divmiddle1,
    .divright1 {
        width: 100% !important;
        margin-left: 0 !important;
        height: auto !important;
        overflow: visible !important;
    }
    .divmiddle1 { margin-top: 14px; }
    .divright1 { margin-top: 14px; }
    .nTab,
    .nTab1 { width: 100%; max-width: 100%; }
    .nTab .TabTitle li,
    .nTab1 .TabTitle li { font-size: 15px; }
    .trackdiv,
    .trackdiv2 { width: 100%; margin-left: 0; }
    .trackdiv2 { margin-top: 14px; }

    .divprucker { padding: 0 8px; }
    .bx_wrap { padding: 8px; }
    .bx_container li { margin-right: 12px; }

    .divpro_tb li { width: 47%; margin: 4px !important; }
    .div_prucdutc { display: none; }

    .product_3 { padding: 16px; }
    .divtitlename a,
    .divtitlename p { font-size: 17px; }

    .footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; }
    .footer-content { max-width: 100%; }
    ul.footerNav li { display: inline-block; margin: 0 8px; }
    .footerleft { margin-top: 16px; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-default .navbar-nav > li > a { padding: 18px 14px; font-size: 14px; }
    .divleftline { font-size: 18px; }
    .divpro_tb li { width: 32%; margin-right: 1% !important; }
}