/* 科兴科技 - 蓝白高级商务主题 */
:root {
    --primary-blue: #004a99;      /* Logo 主蓝色 */
    --light-blue: #eef5ff;        /* 浅蓝背景 */
    --accent-blue: #0066cc;       /* 交互高蓝色 */
    --text-dark: #333333;
    --text-gray: #666666;
    --border-color: #dbe4f0;
}

body {
    background-color: #fff; /* 极浅的蓝灰色背景，比纯白更有深度 */
    color: var(--text-dark);
    font-family: "Microsoft YaHei", -apple-system, sans-serif;
}

/* 侧边栏美化 */
.sidebar-box {
    border: none;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    border-radius: 8px;
    overflow: hidden;
}

.sidebar-title {
    background: var(--primary-blue) !important;
    color: white !important;
    font-weight: bold;
    padding: 18px !important;
    border: none !important;
}

.list-group-item {
    border: none !important;
    padding: 15px 20px !important;
    transition: all 0.3s;
    color: var(--text-gray);
}

.list-group-item.active {
    background: var(--light-blue) !important;
    color: var(--primary-blue) !important;
    font-weight: bold;
    border-left: 4px solid var(--primary-blue) !important;
}

.list-group-item:hover:not(.active) {
    background: #f0f0f0;
    padding-left: 25px !important; /* 悬停侧滑效果 */
}

/* 岗位面板 (手风琴) 美化 */
.panel-default {
    border: 1px solid var(--border-color);
    box-shadow: 0 2px 6px rgba(0,0,0,0.02);
    margin-bottom: 15px !important;
    border-radius: 6px !important;
}

.panel-heading {
    background-color: #fff !important;
    transition: background 0.3s;
}

.panel-heading:hover {
    background-color: var(--light-blue) !important;
}

.panel-title a {
    color: var(--text-dark);
    text-decoration: none;
    display: block;
    font-size: 16px;
}

/* 高级简历表单卡片 */
.resume-card {
    border: none !important;
    box-shadow: 0 10px 30px rgba(0,74,153,0.1) !important;
    border-top: 4px solid var(--primary-blue) !important;
    border-radius: 8px !important;
}

.form-control {
    border-radius: 4px;
    border: 1px solid var(--border-color);
    padding: 8px 12px;
    height: 42px;            /* 给文字+padding 足够的空间 */
    line-height: 1.5;
    font-size: 14px;
    box-sizing: border-box;
}

/* select 元素单独保险一下，免得不同浏览器渲染差异大 */
select.form-control {
    height: 42px;
    line-height: 1.5;
    padding: 8px 12px;
    -webkit-appearance: menulist;     /* 保留浏览器原生下拉箭头 */
    appearance: menulist;
}

/* input-group 里的图标 addon 高度与输入框对齐 */
.input-group-addon {
    min-width: 42px;
    text-align: center;
}

.form-control:focus {
    border-color: var(--primary-blue);
    box-shadow: 0 0 0 3px rgba(0,74,153,0.1);
}

/* 按钮高级感 */
.btn-submit {
    background: var(--primary-blue);
    color: white;
    border: none;
    padding: 12px 60px;
    font-size: 16px;
    border-radius: 50px; /* 圆角矩形按钮 */
    transition: all 0.3s;
    box-shadow: 0 4px 15px rgba(0,74,153,0.3);
}

.btn-submit:hover {
    background: var(--accent-blue);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,74,153,0.4);
    color: white;
}

/* 文件上传域美化 */
.file-upload-wrapper {
    position: relative;
    width: 100%;
    border: 2px dashed var(--border-color);
    padding: 20px;
    text-align: center;
    border-radius: 8px;
    background: #fff;
    transition: all 0.3s;
}

.file-upload-wrapper:hover {
    border-color: var(--primary-blue);
    background: var(--light-blue);
}

/*-------------澶撮儴------------*/
/*澶撮儴杈硅窛*/
.top {
    margin-top: 10px;
}

/*鐢佃瘽鍥炬爣*/
.phone {
    color: #666;
    float: right;
}

/*閭鍥炬爣*/
.mail {
    color: #666;
    float: right;
}

/* 1. 基础样式及未访问、已访问状态 */
/* 我们通常把这三个合并，确保链接在任何时候看起来都一样，不会变蓝或变紫 */
.ant, .ant:link, .ant:visited {
    font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #555 !important;      /* 默认深灰色 */
    font-weight: 500;
    text-decoration: none !important; /* 强制去掉所有状态下的下划线 */
    transition: all 0.3s;        /* 增加过渡动画，变色更丝滑 */
}

/* 2. 鼠标悬停状态 (Hover) */
.ant:hover {
    color: #d30a1c !important;   /* 悬停时变红 */
    text-decoration: none !important;
}

/* 3. 鼠标按下瞬间的状态 (Active) */
.ant:active {
    color: #a30816 !important;   /* 按下时颜色稍深一点，增加交互感 */
    text-decoration: none !important;
}

/* 4. 让图标和文字之间留点间距 */
.ant span, .ant i {
    margin-right: 5px;
    vertical-align: middle;      /* 确保图标和文字对齐 */
}

/*-------------瀵艰埅鏍�------------*/
/* 瀵艰埅鏉￠粯璁ゅ睘鎬ц缃� */
.navbar-default {
    margin-bottom: 0px;
    /* 搴曢儴杈硅窛璋冩暣涓�0 */
    border: 0px;
    /* 鍘绘帀杈规 */
    background-color: #e7e7e7;
    /* 璁剧疆瀵艰埅鏍忚儗鏅壊 */
    margin-top: 30px;
    /* 璁剧疆瀵艰埅鏍忕殑涓婅竟璺� */
}

/* 瀵艰埅鏍忔爮鐩縺娲绘椂灞炴€� */
.navbar-default .navbar-nav .active a,
.navbar-default .navbar-nav .active a:hover,
.navbar-default .navbar-nav .active a:focus {
    background-color: #005197;
    /* 鑳屾櫙鑹茶缃负娣辫摑鑹� */
    color: #fff;
    /* 鍓嶆櫙鏂囧瓧棰滆壊璁剧疆涓虹櫧鑹� */
}

/* 涓€绾ц彍鍗曢紶鏍囩Щ杩囨椂灞炴€� */
.navbar-default .navbar-nav li a:hover {
    color: #fff;
    background-color: #005197;
}

/* 涓€绾ц彍鍗曞崟鍑诲睍寮€鏃跺睘鎬� */
.navbar-default .navbar-nav li.open a.on {
    color: #fff;
    background-color: #005197;
}

/* 涓嬫媺鑿滃崟鍐呰竟璺� */
.dropdown-menu {
    padding: 0px;
}

/* 浜岀骇鑿滃崟鏍囩灞炴€� */
.dropdown-menu li a {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #777;
    text-align: center;
}

/* 浜岀骇鑿滈紶鏍囩Щ杩囨椂灞炴€� */
.navbar-default .navbar-nav li ul a:hover{
	color:#fff;
	background-color:#005197;
}
/* 涓€绾ц彍鍗曟縺娲绘椂浜岀骇鑿滃崟榧犳爣绉昏繃鏃跺睘鎬� */
.navbar-default .navbar-nav li.active ul a:hover{
	color:#fff;
	background-color:#022a4d;
}

/* 涓€绾ц彍鍗曞搴﹀拰鏂囧瓧瀵归綈鏂瑰紡 */
.nav-top {
    width: 14%;
    text-align: center;
}

/* 瀵艰埅鏍忎笌妯箙鐨勫垎鍓茬嚎 */
.line {
    height: 3px;
    width: 100%;
    background: #005197;
}

/*-------------涓讳綋------------*/
/* 涓婚鏍囬 */
.model-details-title{
	padding:15px 0px;
	font-size:18px;
	border-bottom:1px #005197 solid; /* 搴曢儴娣诲姞钃濊壊杈规 */
	color:#005197;
	margin-bottom:10px;
	margin-top:10px;
}
/* 鏂囧瓧娈佃惤 */
.model-details p{
	line-height:30px;
	text-indent:2em;
	text-align:justify;
	text-justify:inter-ideograph;
}
/* 涓讳綋鍥惧儚 */
.model-details img{
	margin:0px auto;
}

/* 渚ц竟瀵艰埅鏍� */
.row-3{
	margin-top:30px; /* 璁剧疆椤堕儴杈硅窛 */
}

/*渚ц竟瀵艰埅鏍忔爣棰樻牱寮�*/
.model-title {
	text-align: center;
	color: #fff;
	font-size: 22px;
	padding: 15px 0px;
	background: #005197;
	margin-top: 25px;
}
/*渚ц竟瀵艰埅鏍忓垪琛ㄩ」鏍峰紡*/
.model-list li{
	text-align:center;
	background-color:#f6f6f6;
	font-size:16px;
}
/*渚ц竟瀵艰埅鏍忓垪琛ㄩ」閾炬帴鏍峰紡*/
.model-list li a{
	color:#545353;
}
/*渚ц竟瀵艰埅鏍忓垪琛ㄩ」閾炬帴婵€娲绘牱寮�*/
.model-list li a:hover{
	text-decoration:none;
	color:#005197;
}

/*渚ц竟瀵艰埅鏍忔縺娲绘牱寮�*/
.model-list li.active{
	text-align:center;
	background-color:#f6f6f6;
	font-size:16px;
	border-color: #ddd;
}
/*渚ц竟瀵艰埅鏍忔縺娲荤姸鎬佷笅榧犳爣绉昏繃鏃舵牱寮�*/
.model-list li.active:hover{
	text-align:center;
	background-color:#f6f6f6;
	font-size:16px;
	border-color: #ddd;
}
/*渚ц竟瀵艰埅鏍忔縺娲荤姸鎬佹椂閾炬帴鏍峰紡*/
.model-list li.active a{
	color:#005197;
}

/*-------------椤佃剼------------*/
.web-footer{
	width:100%;        /* 鍗犳弧鏁翠釜娴忚鍣ㄥ搴� */
	margin-top:30px;   /* 璁剧疆涓庝笂杈圭紭璺濈 */
}

#map-footer{
	background-color:#3A3A3A;        /* 瀵规暣涓珯鐐瑰湴鍥捐缃儗鏅壊鐏拌壊 */
}
#map-footer dl{
	text-align:center;               /* 绔欑偣閾炬帴鏂囧瓧瀵归綈 */
	margin-top:40px;                 /* 璁剧疆琛ㄦ牸涓庝笂杈圭紭杈硅窛 */
}
#map-footer dt{
	padding:3px;                     /* 琛ㄦ牸鏍囬鍐呰竟璺濅负3鍍忕礌 */
	color:#fff;                      /* 琛ㄦ牸鏍囬棰滆壊涓虹櫧鑹� */
}
#map-footer dd{
	padding:3px;                     /* 琛ㄦ牸鍐呭鍐呰竟璺濅负3鍍忕礌 */
}

/* 浜岀淮鐮佸箍鍛婃钀� */
#map-footer p{
	margin-top:20px;
	margin-bottom:10px;
	color:#fff;
	font-size:16px;
}
#map-footer a{
	color:#A6A6A6;                   /* 绔欑偣閾炬帴鏂囧瓧棰滆壊璁剧疆 */
	font-size:13px;                  /* 绔欑偣閾炬帴鏂囧瓧澶у皬 璁剧疆 */
}
#map-footer a:hover{
	color:#fff;
	text-decoration:none;             /* 鍘婚櫎绔欑偣閾炬帴榧犳爣绉昏繃鏃跺嚭鐜扮殑涓嬪垝绾� */
}
#wx{
	text-align:center;                /* 浜岀淮鐮佸眳涓榻� */
}
.qrimg{
	max-width: 170px;                 /* 浜岀淮鐮佹渶澶у搴︿负170鍍忕礌 */
}

/*-------------灏鹃儴鐗堟潈------------*/
#patent-footer{
	text-align:center;
	background-color:#3A3A3A;
}
#patent-footer p{
	margin-top:10px;
	padding-right:80px;
	color:#8d8d8d;
	font-size:11px;
}

/* 单独控制 Logo 的样式 */
.logo {
    width: 50%;       /* 只有带 .logo 类的图片才会缩放 50% */
    display: inline-block; /* 确保它不会强行撑满整行 */
    margin-top: 10px;      /* 可选：增加一点顶部间距让它居中对齐 */
}


/* 强制修改 LayUI 日历主题颜色为科兴蓝 */

/* 1. 头部背景和文字颜色 */
.layui-laydate-header {
    background-color: #004a99 !important; /* 蓝色头部 */
}

/* 2. 选中的日期背景颜色 */
.layui-laydate-content .layui-this {
    background-color: #004a99 !important; /* 选中的圆圈变蓝 */
}

/* 3. 底部按钮（确定按钮）颜色 */
.layui-laydate-footer span[lay-type=confirm] {
    background-color: #004a99 !important; /* 确定按钮变蓝 */
    border-color: #004a99 !important;
}

/* 4. 鼠标经过日期时的淡蓝色背景 */
.layui-laydate-content td:hover {
    background-color: #eef5ff !important; /* 浅蓝悬停感 */
    color: #004a99 !important;
}

/* 5. 修复今天、现在的文字颜色 */
.layui-laydate-footer span:hover {
    color: #004a99 !important;
}

/* ------------------------welcome.html----------------------------------------------------*/
/* 咨询页专属高级样式 */
.contact-card {
    background: #fff;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0,74,153,0.08);
    border-top: 5px solid var(--primary-blue);
}

.contact-item {
    margin-bottom: 25px;
    display: flex;
    align-items: flex-start;
}

.contact-icon {
    width: 45px;
    height: 45px;
    background: var(--light-blue);
    color: var(--primary-blue);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-right: 15px;
    flex-shrink: 0;
}

.contact-text h4 {
    margin: 0 0 5px 0;
    font-size: 16px;
    font-weight: bold;
    color: var(--text-dark);
}

.contact-text p {
    margin: 0;
    color: var(--text-gray);
    line-height: 1.6;
}

/* 路线引导样式 */
.route-box {
    margin-top: 30px;
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid var(--border-color);
}

.route-tab {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
}

.map-container {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    border: 1px solid var(--border-color);
      position: relative; /* 父容器必须是相对定位 */
}


.btn-location {
    position: absolute; /* 绝对定位 */
    top: 10px;          /* 距离地图顶部距离 */
    right: 10px;        /* 距离地图右侧距离 */
    z-index: 999;       /* 确保浮在地图上方 */
    padding: 8px 12px;
    background: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
    border-radius: 4px;
}

.btn-location:hover {
    background-color: #f4f7fa;
    transform: scale(1.1); /* 悬停时稍微放大 */
    color: #0066cc;
}

.btn-location:active {
    transform: scale(0.9); /* 点击时有按下反馈 */
}

/*-------------------news_list--------------------------*/

/* 基础重置与布局 */
html, body {
  height: 100%;
  margin: 0;
}
body {
  display: flex;
  flex-direction: column;
}
.main-wrapper {
  flex: 1 0 auto;
}

/* 导航栏样式 */
.kx-navbar {
  background-color: #fff !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  padding: 0;
  border-bottom: 2px solid #0056b3;
  position: sticky;
  top: 0;
  z-index: 1050;
}
.kx-nav-link {
  color: #333 !important;
  padding: 15px 30px !important;
  font-weight: 500;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  border-right: 1px solid #eee;
  position: relative;
  display: block;
}
.kx-nav-link:hover:not(.active) {
  background-color: #f0f7ff !important;
  color: #0056b3 !important;
  transform: translateY(-3px);
  box-shadow: 0 4px 15px rgba(0, 86, 179, 0.15);
}
.kx-nav-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background-color: #0056b3;
  transition: all 0.3s;
  transform: translateX(-50%);
}
.kx-nav-link:hover::after {
  width: 100%;
}
.kx-nav-link.active {
  background-color: #0056b3 !important;
  color: #fff !important;
  transform: none !important;
  box-shadow: none !important;
}
.navbar-nav .nav-item:last-child .kx-nav-link {
  border-right: none;
}

/* 内容区核心组件 */
.hero-banner {
  background: linear-gradient(90deg, rgba(0, 86, 179, 0.85) 0%, rgba(0, 86, 179, 0.3) 100%), url("{% static 'images/tupian.jpg' %}");
  background-size: cover;
  background-position: center 30%;
  height: 240px;
  display: flex;
  align-items: center;
  padding-left: 8%;
  color: white;
  margin-bottom: 25px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.2);
}
.hero-banner h1 {
  font-size: 3rem;
  font-weight: bold;
  text-shadow: 2px 4px 8px rgba(0, 0, 0, 0.4);
  margin-bottom: 5px;
}
.hero-banner .lead {
  font-size: 1.2rem;
  letter-spacing: 5px;
  opacity: 0.9;
  text-transform: uppercase;
}

/* 布局基础 */
.content-card {
    background: #fff;
    padding: 30px;
    min-height: 450px;
    border: 1px solid #ddd;
    border-radius: 8px;
}

/* 标题与搜索框并排容器 */
.content-header {
    border-bottom: 2px solid #0056b3;
    padding-bottom: 12px;
    margin-bottom: 20px;
}

/* 新闻列表项目 */
.news-item {
    padding: 12px 0;
    border-bottom: 1px dashed #eee;
}

.news-title {
    color: #444;
    text-decoration: none;
    font-size: 14px;
}

.news-title:hover {
    color: #0056b3;
    text-decoration: none;
}

.news-date {
    color: #999;
    font-size: 13px;
    float: right; /* BS3 列表右对齐 */
}

/* 分页器 (适配 BS3 的 pagination 类) */
.pagination-container {
    text-align: center;
    margin-top: 20px;
    border-top: 1px solid #eee;
    padding-top: 20px;
}

.page-link-custom {
    display: inline-block;
    padding: 6px 12px;
    margin: 0 5px;
    border: 1px solid #ddd;
    color: #0056b3;
    text-decoration: none;
    border-radius: 4px;
}

.page-link-custom:hover {
    background: #0056b3;
    color: #fff;
}

/* 侧边栏 (配合 BS3 类) */
.sidebar-box {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.sidebar-header {
    padding: 15px;
    background: #333;
    color: #fff;
    font-weight: bold;
}

.menu-link {
    display: block;
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
    color: #555;
    text-decoration: none;
}

.menu-link.active {
    background: #e7f1ff;
    color: #0056b3;
    font-weight: bold;
    border-left: 4px solid #0056b3;
}

/* 分页器 */
.pagination-container {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #eee;
  display: flex;
  justify-content: center;
}
.page-link-custom {
  background: #fff;
  border: 1px solid #dee2e6;
  color: #0056b3;
  padding: 6px 16px;
  margin: 0 5px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 0.9rem;
  transition: 0.2s;
}
.page-link-custom:hover {
  background: #0056b3;
  color: #fff;
}
.page-info {
  color: #6c757d;
  font-size: 0.9rem;
  list-style: none;
  display: flex;
  align-items: center;
}

/* 页脚 */
.footer-custom {
  background-color: #222;
  color: #bbb;
  padding: 40px 0 20px 0;
  margin-top: 30px;
  flex-shrink: 0;
}
.footer-custom h6 { color: #fff; font-size: 1rem; margin-bottom: 20px; }
.footer-custom ul { padding-left: 0; list-style: none; }
.footer-custom ul li { margin-bottom: 10px; }
.footer-custom ul li a { color: #999; text-decoration: none; font-size: 0.85rem; }
.footer-custom ul li a:hover { color: #fff; }

/* 响应式适配（限定 news_list 的 .row.mt-4 内才生效，避免污染全站） */
@media (max-width: 768px) {
  .row.mt-4 { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; }
  .row.mt-4 > .col-md-3 { width: 85px !important; flex: 0 0 85px !important; padding: 0 5px !important; }
  .row.mt-4 > .col-md-9 { flex: 1 !important; padding: 0 5px !important; }
}

/* ============================================
   BS3 导航栏小屏（手机端）响应式适配
   ============================================ */
@media (max-width: 767px) {

    /* 0. 导航栏整体：实色背景 + 高层级，压住下面的轮播图 */
    .navbar-default {
        margin-top: 0;
        margin-bottom: 0;
        background-color: #ffffff !important;
        position: relative;
        z-index: 1030;            /* 比轮播图(z-index 默认 0) 高 */
        box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    }
    /* 让 .container 在小屏占满，免得菜单挤在中间一小条 */
    .navbar-default > .container {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    /* 1. 汉堡按钮样式 */
    .navbar-default .navbar-toggle {
        border: 1px solid #333;
        margin: 10px 15px;
        padding: 8px 10px;
        background-color: transparent;
        float: right;
    }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: #f5f5f5;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #333;
        width: 22px;
        height: 2px;
    }

    /* 2. 折叠区域：实色背景 + 高 z-index，关键修复 */
    .navbar-default .navbar-collapse {
        background-color: #ffffff;
        border-top: 1px solid #e7e7e7;
        box-shadow: 0 8px 12px rgba(0,0,0,0.1);
        max-height: 80vh;          /* 太长时可滚 */
        overflow-y: auto;
        position: relative;
        z-index: 1030;
        margin: 0;
        padding: 0;
    }

    /* 3. 菜单项 ul 占满 */
    .navbar-default .navbar-nav {
        margin: 0;
        width: 100%;
        background-color: #ffffff;
    }

    /* 4. 取消你原来 14% 的固定宽度，每项独占一行 */
    .nav-top {
        width: 100% !important;
        text-align: left !important;
        float: none !important;
    }

    /* 5. 一级菜单链接样式：左对齐 + 分隔线 */
    .navbar-default .navbar-nav > li > a {
        padding: 14px 20px !important;
        border-bottom: 1px solid #f0f0f0;
        color: #333 !important;
        background-color: #ffffff !important;
    }
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus {
        background-color: #f5f5f5 !important;
        color: #005197 !important;
    }

    /* 6. 下拉(二级)菜单：内嵌展开 + 浅灰背景区分层级 */
    .navbar-default .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: 100%;
        background-color: #fafafa;
        border: 0;
        box-shadow: none;
        padding: 0;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        padding: 12px 40px !important;
        color: #666 !important;
        background-color: #fafafa !important;
        border-bottom: 1px solid #f0f0f0;
        text-align: left;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        background-color: #eef5ff !important;
        color: #005197 !important;
    }

    /* 7. 顶部 Logo / 联系电话区域适配 */
    .top {
        margin-top: 5px;
        text-align: center;
    }
    .top .logo {
        width: 60%;
        max-width: 220px;
    }
    /* Logo 那行 col-md-6 在小屏占满 + 居中 */
    .top .col-md-6 {
        text-align: center;
    }

    /* 电话 + 讨论群：小屏改成左右两栏并排，居中对齐 */
    .top .top-contact {
        text-align: center;
        padding: 6px 4px;
        font-size: 12px;
    }
    .top .top-contact .phone,
    .top .top-contact .mail {
        float: none !important;       /* 取消你 CSS 里的 float:right */
        display: inline-block;
        font-size: 12px;
        line-height: 1.5;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }
    .top .top-contact .glyphicon {
        margin-right: 4px;
        color: #005197;
    }

    /* 8. 把轮播图、分割线等强制压低层级，免得它再盖住菜单 */
    .line {
        position: relative;
        z-index: 1;
    }
    #ad {
        position: relative;
        z-index: 1;
    }

    /* ============================================
       9. 产品中心：小屏改为 2 列卡片
       ============================================ */
    /* 把每个产品卡改成占一半宽，左浮动两列排布 */
    .col-pro .pro-images {
        width: 50% !important;
        float: left !important;
        padding: 6px !important;
        margin-bottom: 0 !important;
        box-sizing: border-box;
        position: relative;       /* 关键：让 carousel-caption 相对每张卡定位 */
    }

    /* 父容器(.item 内的 .row)清浮动，避免黑色空白塌陷 */
    .col-pro .carousel-inner .row {
        margin-left: 0;
        margin-right: 0;
    }
    .col-pro .carousel-inner .row::before,
    .col-pro .carousel-inner .row::after {
        content: " ";
        display: table;
    }
    .col-pro .carousel-inner .row::after {
        clear: both;
    }

    /* 缩略图卡片样式 */
    .col-pro .thumbnail {
        margin-bottom: 0;
        padding: 4px;
        background: #fff;
        border-radius: 4px;
    }
    .col-pro .thumbnail img {
        width: 100% !important;
        height: auto !important;
        max-height: 160px;
        object-fit: cover;
    }

    /* 标题：从"图上叠加(absolute)"改为"图下方独占一行(static)" */
    .col-pro .carousel-caption {
        position: static !important;
        left: 0 !important;
        right: 0 !important;
        bottom: auto !important;
        padding: 8px 4px 4px !important;
        color: #333 !important;
        background: transparent !important;
        text-shadow: none !important;
        font-size: 13px;
        line-height: 1.4;
        text-align: center;
        white-space: normal;        /* 长标题允许换行 */
        word-break: break-all;
    }

    /* 屏蔽 jqthumb 在小屏可能撑出的空白：从 220px 缩到 140px */
    .col-pro .jqthumb {
        width: 100% !important;
        height: 140px !important;
        background-size: cover !important;
        background-position: center !important;
    }
}