/* Extracted from index32.html */

/* 全局样式重置与基础设置 */
* { box-sizing: border-box; margin: 0; padding: 0; }

/* 焦点图容器样式 */
.focus-container { position: relative; width: 300px; height: 200px; overflow: hidden; }

/* 焦点图容器包装器 - 实现居中显示 */
.focus-container-wrapper { padding: 10px; border-bottom: 1px solid #E8E8E8; display: flex; justify-content: center; align-items: center; }
/* 双实例可见性控制：默认PC端隐藏顶部实例，显示侧边栏实例 */
.focus-top { display: none; }
.focus-sidebar { display: block; }

/* 焦点图轮播器样式 */
.focus-slider { display: flex; transition: transform 0.5s ease; }

/* 焦点图单个幻灯片样式 */
.focus-slide { flex-shrink: 0; }

/* 焦点图图片样式 - 解决图片展示不完整问题 */
.focus-slide img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* 焦点图导航点容器 */
.focus-dots { position: absolute; bottom: 10px; left: 0; right: 0; display: flex; justify-content: center; gap: 8px; }

/* 焦点图导航点样式增强 */
.dot { width: 10px; height: 10px; border-radius: 50%; background-color: #ccc; cursor: pointer; transition: all 0.3s ease; opacity: 0.8; }
.dot:hover { transform: scale(1.2); opacity: 1; }
.dot.active { background-color: #fff; transform: scale(1.2); opacity: 1; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3); }

/* 二维码浮动窗口 */
#code { position: fixed; right: 20px; bottom: 100px; z-index: 10008; background: #fff; border-radius: 8px; -webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.15); box-shadow: 0 4px 12px rgba(0,0,0,0.15); overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

/* 移动导航切换按钮 */
.mobile-nav-toggle { display: none; }

/* 页脚样式 */
.footer { background: url('../images32/bottom.jpg') no-repeat center center; background-size: cover; height: 67px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; color: white; text-align: center; width: 100%; max-width: 1000px; margin: 0 auto; padding: 0 30px; box-sizing: border-box;}
.footer-content { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; width: 100%; max-width: 1000px; margin: 0 auto; padding: 0 30px; box-sizing: border-box; }
.copyright { margin: 0; padding: 0; font-size: 12px; }
.support { margin: 0; padding: 0; font-size: 12px; }
.footer a { color: white; text-decoration: none; }
.footer a:hover { text-decoration: underline; }

/* 新闻栏目样式 */
.news-section { width: 100%; padding: 0; }

/* 网站头部样式 */
.site-header { width: 100%; max-width: 1000px; margin: 0 auto 6px; background-color: #FFFFFF; position: relative; z-index: 1000; }
.header-content { /*background: url('../images32/top.jpg') no-repeat center center;*/ background-size: cover; height: 77px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; padding: 0 0 0 30px; position: relative; width: 100%; box-sizing: border-box; border-radius: 4px; }
.logo-container { display: flex; align-items: center; color: white; min-width: 400px; padding-right: 15px; }
.company-name { margin-left: 10px; font-size: 22px; font-weight: bold; font-family: "Noto Sans SC", sans-serif; color: #000000; white-space: nowrap; letter-spacing: 1px; }
.main-navigation { width: 100%; display: flex; justify-content: flex-end; }
.nav-menu-container { 
  grid-column: 2; 
  width: 100%; 
  display: flex; 
  justify-content: flex-end; 
  background: linear-gradient(135deg, #00f2fe 0%, #1a5ca6 100%);
  /* border-radius: 8px; */
  /* padding: 8px 15px; */
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
  margin: 5px 0;
}
.nav-links { display: flex; align-items: center; list-style: none; padding: 0; margin: 0; gap: 10px; justify-content: flex-end; }
.nav-link { color: white; text-decoration: none; white-space: nowrap; font-size: 16px; font-weight: 500; padding: 8px 12px; border-radius: 4px; transition: all 0.3s ease; display: inline-block; }
.nav-link:hover { background-color: rgba(255, 255, 255, 0.2); color: #FFD700; transform: translateY(-2px); }
.nav-links li:nth-child(even) { color: rgba(255, 255, 255, 0.6); font-size: 16px; margin: 0; padding: 0 2px; }

/* 移动端导航链接样式 */
@media (max-width: 768px) {
  .nav-links li { text-align: center; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .nav-links li:last-child { border-bottom: none; }
  .nav-links .nav-link { width: 100%; padding: 15px; border-radius: 0; text-align: center; font-size: 18px; }
  .nav-links .nav-link:hover { background-color: rgba(255,255,255,0.15); transform: none; }
  /* 隐藏移动端的分隔符 */
  .nav-links li:nth-child(even) { display: none; }
}

/* 响应式设计 - 移动设备适配 */
@media (max-width: 768px) {
  /* 移除移动端header背景图 */
  .header-content { background-image: none !important; background-color: #FFFFFF; grid-template-columns: 1fr auto; padding: 0 15px; height: auto; min-height: 70px; }
  /* 移动端标题样式优化 */
  .company-name { font-size: 16px; white-space: normal; word-break: break-word; line-height: 1.2; }
  .logo-container { color: #000000; grid-column: 1; padding-right: 10px; max-width: 75%; min-width: auto; }
  .logo { width: 40px; height: 40px; }
  /* 移动导航按钮位置调整 */
  .mobile-nav-toggle { grid-column: 2; justify-self: end; }
  /* 导航菜单容器调整 */
  .nav-menu-container { 
    grid-column: 1 / -1; 
    grid-row: 2; 
    width: 100%; 
    margin-top: 5px; 
    background: linear-gradient(135deg, #00f2fe 0%, #1a5ca6 100%);
    /* border-radius: 8px; */
    /* padding: 8px 15px; */
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
  }
  /* 内容网格布局调整 */
  .content-grid { grid-template-columns: 1fr; }
  /* 新闻项调整为单列 */
  .news-item { width: 100%; }
  /* 焦点图容器响应式调整 */
  .focus-container { width: 100%; max-width: 300px; margin: 10px auto; }
  /* 导航菜单适配 */
  .mobile-nav-toggle { display: block; z-index: 1001; }
  /* 三条杠图标样式 */
  .nav-toggle-btn { background-color: rgba(0,86,179,0.8); color: white; border: none; padding: 12px; cursor: pointer; font-size: 24px; width: 48px; height: 48px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; position: relative; -webkit-transition: all 0.3s cubic-bezier(0.4,0,0.2,1); -moz-transition: all 0.3s cubic-bezier(0.4,0,0.2,1); -ms-transition: all 0.3s cubic-bezier(0.4,0,0.2,1); -o-transition: all 0.3s cubic-bezier(0.4,0,0.2,1); transition: all 0.3s cubic-bezier(0.4,0,0.2,1); border-radius: 8px; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.2); box-shadow: 0 2px 8px rgba(0,0,0,0.2); }
  /* 三条杠图标的实现 */
  .nav-toggle-btn::before, .nav-toggle-btn::after, .nav-toggle-btn span { content: ''; display: block; width: 24px; height: 3px; background-color: white; margin: 2px 0; transition: all 0.3s cubic-bezier(0.4,0,0.2,1); border-radius: 2px; }
  /* 按钮悬停效果 */
  .nav-toggle-btn:hover { background-color: rgba(0,86,179,1); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); -webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.3); box-shadow: 0 4px 12px rgba(0,0,0,0.3); }
  /* 按钮点击效果 */
  .nav-toggle-btn:active { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); }
  /* 菜单打开时的动画效果 */
  .nav-toggle-btn.active { background-color: rgba(255,255,255,0.9); }
  .nav-toggle-btn.active::before, .nav-toggle-btn.active::after { background-color: #0056b3; }
  .nav-toggle-btn.active::before { -webkit-transform: rotate(45deg) translate(5px,5px); -moz-transform: rotate(45deg) translate(5px,5px); -ms-transform: rotate(45deg) translate(5px,5px); -o-transform: rotate(45deg) translate(5px,5px); transform: rotate(45deg) translate(5px,5px); }
  .nav-toggle-btn.active::after { -webkit-transform: rotate(-45deg) translate(5px,-5px); -moz-transform: rotate(-45deg) translate(5px,-5px); -ms-transform: rotate(-45deg) translate(5px,-5px); -o-transform: rotate(-45deg) translate(5px,-5px); transform: rotate(-45deg) translate(5px,-5px); }
  .nav-toggle-btn.active span { opacity: 0; -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); }
  /* 导航菜单容器 */
  .nav-menu-container { position: relative; width: 100%; }
  .nav-links { display: none; flex-direction: column; gap: 0; position: absolute; top: 100%; left: 0; right: 0; background: linear-gradient(135deg,#0056b3 0%,#003d7a 100%); padding: 0; border-radius: 0 0 8px 8px; box-shadow: 0 6px 16px rgba(0,0,0,0.3); z-index: 2000; animation: slideDown 0.3s ease; overflow: hidden; border-top: 1px solid rgba(255,255,255,0.1); }
  .nav-links.active { display: flex !important; }
  /* 下拉动画 */
  @keyframes slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
  .nav-links.active { display: flex !important; }
  /* 移动端导航链接样式优化 */
  .nav-links li { width: 100%; text-align: center; margin: 0; padding: 0; }
  .nav-links a.nav-link { display: block; width: 100%; padding: 12px 20px; border-radius: 0; margin: 0; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.1); color: white; font-size: 16px; }
  /* 最后一个链接去掉底边框 */
  .nav-links li:last-child a.nav-link { border-bottom: none; }
  /* 移动端导航链接悬停效果 */
  .nav-links a.nav-link:hover { background-color: rgba(255,255,255,0.2); color: #FFD700; }
  /* 确保在移动视图中正确初始化导航菜单状态 */
  .focus-top { display: block; }
  .focus-sidebar { display: none; }
  .nav-links { display: none; }
  .nav-links.active { display: flex !important; }
  /* 在移动设备上隐藏分隔符 */
  .nav-links.active li:nth-child(even) { display: none; }
  /* 隐藏二维码 */
  #code { display: none; }
  /* 移动端footer样式调整 */
  .footer-content { padding: 0 15px; }
}

/* 平板设备适配 (769px - 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
  /* 内容网格布局调整 */
  .content-grid { grid-template-columns: 1fr; }
  /* 焦点图容器响应式调整 */
  .focus-container { width: 100%; max-width: 600px; height: 400px; margin: 10px auto; }
}

/* 大屏幕设备适配 (1025px及以上) */
@media (min-width: 1025px) {
  /* 侧栏焦点图容器在桌面端自适应并居中 */
  .focus-container-wrapper.focus-sidebar { display: flex; justify-content: center; align-items: center; }
  .focus-sidebar .focus-container { width: 100%; max-width: 280px; margin-left: auto; margin-right: auto; }
}

/* 现代化布局优化 - 基于Flexbox和Grid的布局 */
* { box-sizing: border-box; margin: 0; padding: 0; }

body { font-family: Arial, "Microsoft YaHei", sans-serif; background-color: #CCCCCC; color: #333; line-height: 1.6; margin-top: 0; }

/* 主容器样式 */
.main-container { max-width: 1000px; margin: 0 auto; }

/* 页头区域 */
.header { background-color: #FFFFFF; box-shadow: 0 2px 8px rgba(0,0,0,0.1); margin-bottom: 10px; border-radius: 4px; }

/* 导航区域 */
.navigation { background-color: #1a5ca6; padding: 8px 0; text-align: center; }
.navigation-links { display: flex; justify-content: center; align-items: center; gap: 15px; list-style: none; flex-wrap: wrap; }
.navigation-links li { display: inline; }

/* Banner区域 */
.banner { margin: 10px 0; overflow: hidden; }
.banner img { width: 100%; height: auto; display: block; }

/* 主内容区域 */
.content-grid { display: -ms-grid; display: grid; -ms-grid-columns: 300px 690px; grid-template-columns: 300px 690px; gap: 10px; margin-bottom: 6px; }

/* 侧边栏 */
.sidebar { background-color: #FFFFFF; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.sidebar:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.15); }
/* 侧边栏内组件统一样式 */
.sidebar > * { margin-bottom: 15px; }
.sidebar > *:last-child { margin-bottom: 0; }
/* 焦点图容器样式增强 */
.focus-container-wrapper { padding: 10px; border-bottom: 1px solid #E8E8E8; }
/* 分隔线美化 */
.divider { height: 1px; background: linear-gradient(to right, transparent, #E8E8E8, transparent); margin: 10px 0; }
/* 友情链接部分美化 */
.links-section { padding: 0 10px 10px; }
.links-content { display: flex; flex-direction: column; gap: 10px; padding: 10px; background-color: #f9f9f9; border-radius: 6px; transition: background-color 0.3s ease; }
.links-content:hover { background-color: #f0f0f0; }
.links-content a { display: block; transition: transform 0.2s ease; }
.links-content a:hover { transform: scale(1.02); }
/* 确保侧边栏响应式布局 */
@media (max-width: 768px) {
  .sidebar { box-shadow: none; border-radius: 0; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; }
  .sidebar:hover { transform: none; box-shadow: none; }
}

/* 主内容区 */
.main-content { background-color: #FFFFFF; padding: 15px; }

/* 右侧区域统一样式 */
.right-content { background-color: #FFFFFF; padding: 15px; font-family: Arial, sans-serif; }

a { text-decoration: none; color: #000000 }
a.white { text-decoration: none; color: #FFFFFF }
a:hover { color: #FF7E00; }
td { font-size: 12px }
td.big { font-size: 14px }
td.top2 { font-size: 12px; padding-top: 2px }
td.top3 { font-size: 12px; padding-top: 3px }
input { font-size: 12px }
input.field { font-size: 12px; background-color: #ffffff; border: 1px solid #000000 }
body { scrollbar-face-color: #427C90; scrollbar-highlight-color: #eeeeee; scrollbar-shadow-color: #eeeeee; scrollbar-3dlight-color: #000000; scrollbar-arrow-color: #eeeeee; scrollbar-track-color: #eeeeee; scrollbar-darkshadow-color: #000000; margin-top: 0px; background-color: #CCCCCC; }
.cc { font-size: 12px; line-height: 17px }
.font-14 { font-size: 14px; font-weight: bolder; line-height: 23px; }

/* 内容区块样式 - 统一公司简介和新闻栏目 */
.section-header1, .section-subheader1 { background: -webkit-linear-gradient(left, #1a5ca6, #2e7fc9); background: -moz-linear-gradient(left, #1a5ca6, #2e7fc9); background: -ms-linear-gradient(left, #1a5ca6, #2e7fc9); background: -o-linear-gradient(left, #1a5ca6, #2e7fc9); background: linear-gradient(to right, #1a5ca6, #2e7fc9); height: 35px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; color: white; font-weight: bold; padding: 0 15px; margin-bottom: 10px; }
.section-header { margin-bottom: 10px; background-color: #f8f9fa; border-bottom: 2px solid #1a5ca6; }
.content-text { color: #333333; text-align: justify; line-height: 22px; padding: 15px; background-color: #FFFFFF; border: 1px solid #E8E8E8; }
.news-section > div { background-color: #FFFFFF; border: 1px solid #E8E8E8; }
.news-container { margin-bottom: 20px; background-color: #FFFFFF; padding: 0; }

/* 新闻列表样式 */
.news-list { display: flex; flex-wrap: wrap; gap: 10px; }
.news-item { padding: 8px 0; vertical-align: middle; line-height: 22px; width: 48%; border-bottom: 1px dotted #e0e0e0;
  /* 新增：控制标题在一行显示 */
  white-space: nowrap;        /* 强制在一行显示 */
  overflow: hidden;            /* 隐藏超出部分 */
  text-overflow: ellipsis;     /* 超出部分显示省略号 */ }
.news-link { float: left; margin-left: 10px; color: #333333; text-decoration: none; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; display: inline-block; width: calc(100% - 100px); 
  /* 新增：控制标题文本显示 */
  white-space: nowrap;        /* 强制在一行显示 */
  overflow: hidden;            /* 隐藏超出部分 */
  text-overflow: ellipsis;     /* 超出部分显示省略号 */
  max-width: 100%;             /* 确保不超出容器 */}
.news-link:hover { color: #FF7E00; text-decoration: underline; }
/* 确保新闻项容器有足够空间 */
.news-item {
  position: relative;
  min-height: 22px;
}
.news-date { float: right; margin-right: 5px; color: #666666; font-size: 11px;  white-space: nowrap;        /* 日期也保持在一行 */
  flex-shrink: 0;             /* 防止日期被压缩 */}
.more-link { color: #000000; text-decoration: none; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; font-size: 12px; margin-left: auto; }
.more-link:hover { color: #FF7E00; text-decoration: underline; }
/* 新闻容器统一样式 */
.news-container { margin-bottom: 20px; background-color: #FFFFFF; border: 1px solid #e6e6e6; border-radius: 4px; padding: 10px; }
.qiehuan { font-size: 13px; line-height: 23px; font-weight: bolder; color: #FFFFFF; letter-spacing: 5px; }
.biaoti { font-size: 25px; font-style: normal; font-weight: bolder; font-family: "Noto Sans SC", sans-serif; line-height: 77px; vertical-align: middle; text-align: center; }
.logo { width: 60px; height: 60px; vertical-align: middle; margin-right: 10px; }
.left { font-size: 19px; font-weight: bolder; background-image: url('../images32/left.jpg'); height: 31px; width: 223px; }
.style1 { font-size: 12px; font-weight: bold; }
.style2 { color: #FFFFFF }

/* 联系信息区域美化样式 - 与友情链接模块样式保持一致 */
.contact-section { padding: 0 10px 10px; }
.contact-section .section-header { margin-bottom: 10px; }
.contact-info { display: flex; flex-direction: column; gap: 10px; padding: 10px; background-color: #f9f9f9; border-radius: 6px; transition: background-color 0.3s ease; font-size: 13px; line-height: 1.8; }
.contact-info:hover { background-color: #f0f0f0; }
.contact-info p { margin: 8px 0; padding: 0; display: flex; align-items: flex-start; }
.contact-info p:not(:last-child) { margin-bottom: 10px; }
.contact-info p:before {content: "📌";margin-right: 8px; font-size: 14px; flex-shrink: 0; margin-top: 2px; }
/* 联系人分组样式 */
/* .contact-info br { display: none; } */
.contact-group { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #e0e0e0; }
.contact-group:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.contact-person { font-weight: bold; color: #1a5ca6; margin-bottom: 5px; }
/* 邮箱链接样式 */
.contact-info a { color: #0078d7; text-decoration: none; transition: all 0.3s ease; position: relative; padding-bottom: 2px; }
.contact-info a:after { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #0078d7; transition: width 0.3s ease; }
.contact-info a:hover { color: #005a9e; }
.contact-info a:hover:after { width: 100%; }
/* 分隔线样式美化 */
.divider { height: 10px; background: linear-gradient(90deg, transparent, rgba(26,92,166,0.1), transparent); margin: 15px 0; border: none; }

/* 底部二维码样式块 */
#code { position: fixed; right: 20px; bottom: 100px; z-index: 10008; background: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); overflow: hidden; transition: all 0.3s ease; display: block; }
#code:hover { box-shadow: 0 6px 20px rgba(0,0,0,0.2); }
.code-header { padding: 8px 12px; background: linear-gradient(135deg, #f6f6f6, #e8e8e8); border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center; }
.code-title { font-size: 13px; color: #333; font-weight: 500; }
.close-btn { background: none; border: none; font-size: 18px; color: #999; cursor: pointer; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; }
.close-btn:hover { background: #f0f0f0; color: #666; }
.code-content { padding: 10px; }
.code-content img { display: block; margin: 0 auto; max-width: 100%; height: auto; }

/* 响应式设计 - 移动设备适配（底部块） */
@media (max-width: 768px) {
  /* 全局样式调整 */
  body { margin: 0; padding: 0; }
  /* 侧边栏和主内容区单列布局 */
  .content-grid { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; gap: 10px; padding: 10px; }
  .sidebar { width: 100%; order: 2; }
  .main-content { width: 100%; order: 1; }
  /* 在移动设备上隐藏二维码 */
  #code { display: none !important; }
  /* Banner图片响应式调整（HTML属性选择器匹配） */
  img[src="images32/banner.jpg"] { width: 100% !important; height: auto !important; }
  /* 主内容区域响应式调整 */
  .right-content { padding: 10px; }
  /* 焦点图容器响应式调整 */
  .focus-container { max-width: 100%; margin: 0 auto; }
  /* 新闻列表响应式调整 */
  .news-item { width: 100% !important; margin-bottom: 10px; }
  /* 标题样式响应式调整 */
  .font-14 { font-size: 16px !important; }
  /* 导航栏响应式调整 */
  .mobile-nav-toggle { display: block !important; }
  .main-navigation { width: 100%; position: relative; }
  .nav-toggle-btn { background-color: rgba(0,86,179,0.8); color: white; border: none; padding: 12px; cursor: pointer; font-size: 24px; width: 48px; height: 48px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; transition: all 0.3s cubic-bezier(0.4,0,0.2,1); border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.2); }
  .nav-toggle-btn:hover { background-color: rgba(0,86,179,1); transform: scale(1.05); box-shadow: 0 4px 12px rgba(0,0,0,0.3); }
  .nav-toggle-btn:focus { outline: 2px solid rgba(255,255,255,0.5); }
  .nav-links { display: none; background: linear-gradient(135deg,#0056b3 0%,#003d7a 100%); padding: 0; border-radius: 0 0 8px 8px; position: absolute; top: 100%; left: 0; right: 0; z-index: 1000; box-shadow: 0 6px 16px rgba(0,0,0,0.3); transition: all 0.3s ease; overflow: hidden; border-top: 1px solid rgba(255,255,255,0.1); width: 100%; }
  .nav-links.active { display: flex; flex-direction: column; animation: slideDown 0.3s ease; justify-content: flex-start; }
  @media (max-width: 768px) { .nav-menu-container { position: relative; width: 100%; } }
  .nav-links li { padding: 5px 0; }
  .nav-links a { display: block; padding: 8px 0; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.2); -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; transition: background-color 0.2s ease; }
  .nav-links li:last-child a { border-bottom: none; }
  .nav-links a:hover { background-color: rgba(255,255,255,0.1); color: white !important; }
  .nav-links li:nth-child(2n) { display: none; }
  /* 分隔符隐藏 */
  .separator { display: none; }
  /* 标题栏响应式调整 */
  .section-header { padding: 8px 0; }
  /* Logo图片响应式调整 */
  .logo { width: 50px; height: 50px; }
  /* 标题文本响应式调整 */
  .biaoti { font-size: 20px; line-height: 60px; }
  /* 移动端图片统一样式调整 */
  .links-content img, .focus-slide img, .banner-section img { display: block; width: 100% !important; height: auto !important; margin: 0 auto; }
  /* 为图片添加适当的间隔 */
  .links-content a { margin-bottom: 10px; }
  /* 确保焦点图容器在移动端全宽显示，避免子项被压缩 */
  .focus-container { display: block; width: 100%; max-width: 100%; }
  /* 确保轮播容器与幻灯片在移动端占满容器宽度 */
  .focus-slider { width: 100%; }
  .focus-slide { flex: 0 0 100%; width: 100%; }
  /* 移动端高度自适应，避免裁切 */
  .focus-container { height: auto; }
}

/* 平板设备适配 (769px - 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
  /* 现代化布局响应式调整 */
  .content-grid { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; gap: 15px; padding: 15px; }
  .sidebar { width: 250px; }
  /* Banner图片响应式调整 */
  .banner-section img { width: 100% !important; height: auto !important; }
  /* 焦点图容器响应式调整 */
  .focus-container { max-width: 100%; margin: 0 auto; }
}

/* 大屏幕设备适配 (1025px及以上) */
@media (min-width: 1025px) {
  /* 主容器最大宽度 */
  .main-container { max-width: 1000px; margin: 0 auto; }
}