/* 基础样式重置 */* { margin: 0; padding: 0; box-sizing: border-box;}
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.6; color: #333; background-color: #f5f5f5;}
/* 链接样式 */
a { color: #007bff; text-decoration: none; transition: color 0.3s;}
a:hover { color: #0056b3; text-decoration: underline;}
/* 按钮基础样式 */button, .btn { cursor: pointer; border: none; outline: none; font-family: inherit; font-size: inherit; line-height: inherit; transition: all 0.3s;}
/* 输入框样式 */input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; border: 1px solid #ddd; border-radius: 4px; padding: 8px 12px; outline: none; transition: border-color 0.3s;}
input:focus, select:focus, textarea:focus { border-color: #007bff; box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);}
/* 容器 */.container { max-width: 1200px; margin: 0 auto; padding: 0 15px;}
/* 清除浮动 */.clearfix::after { content: ""; display: table; clear: both;}
/* 隐藏元素 */.hidden { display: none !important;}
/* 文本对齐 */.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
/* 浮动 */.pull-left { float: left; }
.pull-right { float: right; }
/* 边距 */.m-0 { margin: 0; }
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.ml-10 { margin-left: 10px; }
.mr-10 { margin-right: 10px; }
.p-0 { padding: 0; }
.pt-10 { padding-top: 10px; }
.pt-20 { padding-top: 20px; }
.pb-10 { padding-bottom: 10px; }
.pb-20 { padding-bottom: 20px; }
.pl-10 { padding-left: 10px; }
.pr-10 { padding-right: 10px; }
/* 颜色 */.text-primary { color: #007bff; }
.text-success { color: #28a745; }
.text-warning { color: #ffc107; }
.text-danger { color: #dc3545; }
.text-muted { color: #6c757d; }
.bg-primary { background-color: #007bff; }
.bg-success { background-color: #28a745; }
.bg-warning { background-color: #ffc107; }
.bg-danger { background-color: #dc3545; }
.bg-light { background-color: #f8f9fa; }
/* 响应式 */@media (max-width: 768px) { .container {  padding: 0 10px; }
  .hidden-mobile {  display: none !important; }
}
@media (min-width: 769px) { .hidden-desktop {  display: none !important; }
}
/* 分页样式 - 兼容旧版 ul/li 结构 */.pagination{ padding: 2px; margin-right: 16px;}
.pagination ul,.pagination ul li{ list-style: none; margin: 0; padding: 0;}
.pagination ul li{ display: inline-block; margin: 0 2px;}
.pagination ul li span{ line-height: 20px; color: #CCC; list-style-type: none; background-color: #FFF; padding: 5px 10px; margin: 0px 2px; border: solid 1px #F7F7F7; border-radius: 5px;}
.pagination ul li a span , .pagination ul li a:visited span{ color: #777; border-color: #F7F7F7;}
.pagination ul li a:hover span, .pagination li a:active span{ color: #000; background-color: #F7F7F7; padding: 6px 11px; border: none;}
.pagination ul li span.currentpage{ color:#FFF; font-weight: bold; background-color: #3A557D; padding: 6px 11px; border: none;}
/* 通用分页样式 */.pagination { margin-top: 30px; text-align: center; display: flex; justify-content: center; align-items: center; gap: 5px; flex-wrap: wrap;}
.pagination a,.pagination span { display: inline-block; padding: 8px 12px; margin: 0 2px; border: 1px solid #ddd; border-radius: 4px; text-decoration: none; color: #333; transition: all 0.3s; min-width: 36px; text-align: center;}
.pagination a:hover { background: #007bff; color: white; border-color: #007bff;}
.pagination .current,.pagination .currentpage { background: #007bff; color: white; border-color: #007bff; font-weight: bold; cursor: default;}
.pagination .disabled { color: #999; cursor: not-allowed; opacity: 0.6; background: #f5f5f5; border-color: #ddd;}
.pagination .disabled:hover { background: #f5f5f5; color: #999; border-color: #ddd;}
/* 分页容器包装器 */.pagination-wrapper { margin-top: 30px; text-align: center;}
/* 关于我们页面样式 */

.about-page {  margin: 0 auto; padding: 0 0 80px; background: #f8f9fa;}
/* Banner背景 */.about-banner { position: relative; width: 100%; height: 200px; background-image: url('../images/banner01.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; margin-bottom: 60px;}
.about-banner .banner-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: 1;}
.about-banner .banner-content { position: relative; z-index: 2; text-align: center; color: #fff; padding: 0 20px;}
.about-banner .banner-title { font-size: 48px; font-weight: 700; margin: 0 0 15px 0; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);}
.about-banner .banner-subtitle { font-size: 20px; margin: 0; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); opacity: 0.95;}
.about-container { max-width: 1200px; margin: 0 auto; padding: 0 20px;}
/* 通用区块样式 */.about-section { margin-bottom: 80px;}
.about-section:last-child { margin-bottom: 0;}
.html-container-section{width:1200px; margin: 0 auto;}