@charset "utf-8";
/* ===========================================
   老站：www.jijunqi.com (AspCMS → NAI)
   配色：蓝#2186CF / 深灰#222629、#1A1A1A / 浅灰#F4F4F4
   字体：Microsoft YaHei
   响应式断点：768px、414px
   =========================================== */

/* Reset */
*, *::before, *::after { box-sizing: border-box; }
html { font-size: 14px; }
body {
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    margin: 0; padding: 0;
    color: #656464;
    background: #fff;
    line-height: 1.6;
}
a { color: #656464; text-decoration: none; transition: all 0.3s; }
a:hover { color: #2186CF; }
img { max-width: 100%; height: auto; vertical-align: middle; }
ul { list-style: none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal; }
p { margin: 0; }

/* ===== 网格系统（Bootstrap兼容） ===== */
.container { width: 100%; max-width: 1170px; margin: 0 auto; padding: 0 15px; }
.row { margin: 0 -15px; }
.row::after { content: ""; display: table; clear: both; }
[class*="col-"] { float: left; padding: 0 15px; box-sizing: border-box; }
.col-xs-12 { width: 100%; }
.col-sm-4 { width: 33.33333%; }
.col-sm-8 { width: 66.66667%; }
.col-sm-12 { width: 100%; }
.col-md-3 { width: 25%; }
.col-md-5 { width: 41.66667%; }
.col-md-6 { width: 50%; }
.col-md-7 { width: 58.33333%; }
.col-md-9 { width: 75%; }
.col-md-12 { width: 100%; }

/* ===== 顶部黑条 ===== */
.top_menu {
    font-size: 12px;
    background-color: #222629;
    color: #E4E4E4;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}
.top_menu .container { display: flex; justify-content: space-between; }
.top_name { display: inline-block; }
.top_phone { color: #ccc; }

/* ===== 导航栏 ===== */
.navbar {
    margin: 0;
    background-color: #fff;
    border: none;
    box-shadow: 0 3px 4px rgba(0,0,0,0.1);
    min-height: 80px;
    position: relative;
    z-index: 100;
}
.navbar .container { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.navbar-header { display: flex; align-items: center; }
.navbar-header .logo { max-width: 350px; max-height: 65px; margin-top: 10px; }
.navbar-header .logo img { max-height: 60px; }
.navbar-header .logo h1 { font-size: 22px; color: #2186CF; font-weight: bold; margin: 0; }
.navbar-nav { display: flex; }
.navbar-nav > li { position: relative; }
.navbar-nav > li > a {
    display: block;
    padding: 30px 18px;
    color: #312b2b;
    font-size: 15px;
    white-space: nowrap;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > .active > a,
.navbar-nav > .active > a:hover,
.navbar-nav > .open > a,
.navbar-nav > .open > a:hover,
.navbar-nav > .open > a:focus {
    background-color: #2186CF;
    color: #fff;
}
/* 下拉菜单 */
.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: rgba(255,255,255,0.95);
    min-width: 160px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
    z-index: 200;
    padding: 8px 0;
}
.dropdown-menu > li { }
.dropdown-menu > li > a {
    display: block;
    padding: 8px 20px;
    color: #312b2b;
    font-size: 13px;
    line-height: 26px;
}
.dropdown-menu > li > a:hover {
    background-color: #2186CF;
    color: #fff;
}
.navbar-nav > li:hover .dropdown-menu { display: block; }

/* 手机菜单按钮 */
.navbar-toggle {
    display: none;
    background: none;
    border: 1px solid #2186CF;
    padding: 6px 10px;
    border-radius: 4px;
    cursor: pointer;
}
.navbar-toggle span {
    display: block;
    width: 22px;
    height: 2px;
    background: #2186CF;
    margin: 4px 0;
}

/* ===== 幻灯片 ===== */
.flash { width: 100%; overflow: hidden; }
.flash img { width: 100%; display: block; }
.bx-pager {
    position: absolute;
    bottom: 4%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 10;
}
.bx-pager a {
    display: block;
    width: 12px; height: 12px;
    border-radius: 50%;
    background: rgba(255,255,255,0.5);
    text-indent: -9999px;
    overflow: hidden;
}
.bx-pager a.active { background: #fff; }
.flash .bx-controls-direction { display: none; }

/* ===== 首页区块 ===== */
.product_bg { background-color: #F4F4F4; padding: 10px 0; }
.index_product { margin: 25px 0 50px; background-color: #fff; }
.index_product h2 { display: inline-block; font-size: 24px; color: #2186CF; padding: 12px 5px 12px 20px; }
.index_product span { color: #333; font-weight: bold; }
.product_list { clear: both; border-top: 1px solid #F1EDED; padding-top: 20px; }
.product_list2 { padding-top: 20px; border-top: none; }
.product_img { padding: 0 15px; margin-bottom: 25px; min-height: 280px; }
.product_img img {
    display: block;
    margin: 0 auto 10px;
    max-height: 200px;
    padding: 0;
    border: 1px dotted #cecece;
}
.product_img img:hover,
.opacity_img:hover { opacity: 0.8; }
.product_title {
    text-align: center;
    padding: 0 15px 0 0;
    height: 40px;
    line-height: 20px;
}
.product_title a { color: #656464; font-size: 14px; }
.product_title a:hover { color: #2186CF; text-decoration: none; }

/* 首页分类区块 */
.index_case h2 { padding: 0 5px 12px 20px; }
.case_line { border-bottom: 1px solid #F1EDED; margin: 0 15px; }

/* ===== 关于我们（首页） ===== */
.aboutus {
    text-align: center;
    color: #fff;
    padding: 35px 20px 50px;
    margin: 10px 0;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-color: #1A1A1A;
    position: relative;
}
.aboutus h2 { font-size: 36px; font-weight: 300; }
.aboutus p { font-size: 13px; font-weight: 300; line-height: 26px; margin-top: 20px; }
.view-all {
    display: inline-block;
    margin-top: 20px;
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
    padding: 8px 25px;
    border-radius: 4px;
    font-size: 14px;
    transition: all 0.4s;
}
.view-all:hover { color: #fff; box-shadow: 0 0 20px rgba(255,255,255,0.5); }

/* ===== 首页新闻 ===== */
.title_h2 { float: left; font-size: 22px; color: #152437; padding: 16px 0 0; }
.news_box { margin: 20px 0 30px; }
.index_news { clear: both; padding: 20px 0 0; }
.index_news li {
    border-bottom: 1px dashed #ccc;
    padding: 10px 0;
    line-height: 21px;
}
.index_news li a { color: #656464; font-size: 14px; }
.index_news li a:hover { color: #2186CF; }
.news_time { float: right; color: #999; font-size: 12px; }
.left_news { clear: both; margin-top: 20px; }
.left_news ul { padding: 0 0 12px; }

/* ===== 首页联系 ===== */
.index_contact { margin: 20px 0 15px; }

/* ===== 内页横幅 ===== */
.page_bg {
    height: 160px;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ===== 内页布局 ===== */
.list_box { clear: both; }

/* ===== 面包屑 ===== */
.breadcrumb {
    padding: 8px 0;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 15px;
    font-size: 13px;
    color: #999;
}
.breadcrumb a { color: #666; }
.breadcrumb a:hover { color: #2186CF; }

/* ===== 左侧导航 ===== */
.left_nav { clear: both; }
.left_h2 {
    font-size: 16px;
    color: #152437;
    margin-top: 25px;
    padding: 3px 0 10px;
    border-bottom: 2px solid #2186CF;
    display: block;
}
.list_box h4.left_h2 { margin-top: 0; }
.left_nav_ul { list-style: none; margin: 15px 0 0; padding: 0 0 10px; }
.left_nav_ul > li {
    position: relative;
    border-bottom: 1px solid #f2f2f2;
    padding: 8px 0 8px 18px;
}
.left_nav_ul > li > a { color: #656464; font-size: 14px; }
.left_nav_ul > li > a:hover { color: #2186CF; }
.left_snav_ul {
    list-style: none;
    padding: 8px 0 0 15px;
    display: none;
}
.left_snav_ul > li {
    padding: 5px 0 5px 10px;
    border-bottom: 1px dashed #f0f0f0;
}
.left_snav_ul > li > a { color: #797979; font-size: 13px; }
.left_snav_ul > li > a:hover { color: #2186CF; }
.menu_head {
    cursor: pointer;
    position: absolute;
    top: 3px; right: 0;
    width: 35px;
    text-align: center;
    font-size: 18px;
    color: #303c4b;
}
.menu_head:hover { color: #2186CF; }

/* ===== 列表页 ===== */
.list_news { list-style: none; padding: 6px 0 20px; }
.list_news li {
    border-bottom: 1px dashed #e3e2e2;
    padding: 8px 0;
    line-height: 22px;
}
.list_news li a { color: #303c4b; font-size: 14px; }
.list_news li a:hover { color: #2186CF; }

/* ===== 子分类标签 ===== */
.case_class ul { width: 100%; }
.case_class ul li { float: left; display: inline; height: 32px; margin-right: 2px; }
.case_class ul li a {
    padding: 3px 5px;
    border: 1px solid #eee;
    display: block;
    text-align: center;
}
.case_class ul li a.active { background: #d6d6d6; }
.l { padding: 0 0 8px; }

/* ===== 分页 ===== */
.page { clear: both; text-align: center; margin: 20px 0 0; }
.page a, .page span {
    display: inline-block;
    font-size: 13px;
    border: 1px solid #dbdbdb;
    padding: 4px 9px;
    margin: 2px;
    color: #31363c;
    font-family: Arial;
}
.page a:hover, .page .current {
    background-color: #31363c;
    color: #fff;
    border-color: #000;
}

/* ===== 产品详情 ===== */
.product_h1 {
    font-size: 18px;
    color: #145ca1;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
    margin: 0 0 15px;
}
.product_info { list-style: none; padding: 0; margin-top: 10px; }
.product_info li { line-height: 24px; padding-bottom: 12px; }
.product_con {
    clear: both;
    border-top: 1px dotted #ccc;
    margin: 10px 0 20px;
    padding: 40px 0 0;
    line-height: 26px;
    overflow: auto;
}
.showpic_box, .proinfo_box { margin: 30px 0 20px; }

/* ===== 文章详情 ===== */
.contents { clear: both; padding: 6px 2px 0; line-height: 28px; overflow: auto; }
.contents_title {
    text-align: center;
    font-size: 18px;
    color: #434343;
    font-weight: bold;
    padding: 10px 0;
    line-height: 34px;
}

/* ===== 上下篇 ===== */
.point { clear: both; margin: 20px 0 40px; padding-bottom: 40px; line-height: 22px; }
.point span { display: block; margin-bottom: 5px; }
.point a { color: #0068b7; font-size: 13px; }
.point a:hover { color: #ea042b; }

/* ===== 相关产品 ===== */
.related_h2 {
    padding: 30px 0 12px;
    color: #303c4b;
    font-size: 24px;
    font-weight: 300;
    border-bottom: 5px solid #f4f5f6;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
.related_list { padding-top: 12px; border-top: none; }

/* ===== 搜索 ===== */
.search_group { margin: 20px 0 15px; }
.input-group { display: flex; }
.form-control {
    flex: 1;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    outline: none;
}
.mysearch_btn {
    background-color: #2186CF;
    color: #fff;
    border: none;
    padding: 6px 15px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 0;
}
.mysearch_btn:hover { background-color: #034F86; }
.input-group-btn { flex-shrink: 0; }

/* ===== 友情链接 ===== */
.yq { font-size: 13px; padding: 5px 0; margin: 10px auto; color: inherit; }
.yq a { color: inherit; }
.yq a:hover { color: #2186CF; }

/* ===== 底部 ===== */
footer {
    text-align: center;
    background-color: #1A1A1A;
    color: #fff;
    padding: 30px 0 20px;
    margin-top: 38px;
    font-size: 12px;
}
.copyright { line-height: 20px; }
.copyright a { color: #fff; }
.copyright a:hover { color: #2186CF; }

/* ===== 小屏（max-width:768px） ===== */
@media screen and (max-width: 768px) {
    .top_menu { height: auto; line-height: 1.8; padding: 3px 0; }
    .top_menu .container { flex-direction: column; text-align: center; }
    .top_name { display: none; }
    .navbar { min-height: 50px; }
    .navbar-nav {
        display: none;
        width: 100%;
        flex-direction: column;
        background: #fff;
        border-top: 1px solid #eee;
        max-height: 400px;
        overflow-y: auto;
    }
    .navbar-nav.open { display: flex; }
    .navbar-nav > li > a { padding: 12px 15px; border-bottom: 1px solid #f0f0f0; }
    .navbar-nav > li > a:hover,
    .navbar-nav .open .dropdown-menu > li > a:hover {
        background-color: #2186CF; color: #fff;
    }
    .dropdown-menu {
        position: static;
        box-shadow: none;
        padding-left: 20px;
        background: #fff;
        display: none;
    }
    .navbar-nav > li.open .dropdown-menu { display: block; }
    .dropdown-menu > li > a { border-bottom: 1px dashed #f0f0f0; }
    .dropdown-menu > li > a:hover { background: transparent; color: #2186CF; }
    .navbar-toggle { display: block; }
    [class*="col-"] { width: 100%; }
    .product_img { min-height: auto; margin-bottom: 15px; }
    .product_img img { max-height: 150px; }
    .product_title { height: auto; padding: 5px 0; }
    .product_list2 div.product_img { min-height: auto; }
    .page_bg { display: none; }
    .news_time { display: none; }
    .point span { text-align: left; padding-bottom: 8px; }
    .list_box { margin-top: 0; }
    .product_con img, .contents img { width: 100%; }
    footer { margin-bottom: 0; }
}

/* ===== 414px~768px ===== */
@media screen and (min-width: 414px) and (max-width: 768px) {
    .col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4,
    .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8,
    .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 { float: left; }
    .col-mm-12 { width: 100%; }
    .col-mm-11 { width: 91.66666667%; }
    .col-mm-10 { width: 83.33333333%; }
    .col-mm-9 { width: 75%; }
    .col-mm-8 { width: 66.66666667%; }
    .col-mm-7 { width: 58.33333333%; }
    .col-mm-6 { width: 50%; }
    .col-mm-5 { width: 41.66666667%; }
    .col-mm-4 { width: 33.33333333%; }
    .col-mm-3 { width: 25%; }
    .col-mm-2 { width: 16.66666667%; }
    .col-mm-1 { width: 8.33333333%; }
    .product_img { min-height: 180px; }
}