@charset "utf-8";
/* 基础样式重置 */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { font-size: 10px; }
body { font-family: "Microsoft YaHei", sans-serif; background: url(../images/header_bg.png) center top no-repeat; min-height: 100vh; margin: 0; padding: 0; font-size: 1.6rem; }
/* 头部样式 */
.zt-header { width: 100%; padding: 40px 0; position: relative; }
.zt-header-logo { display: block; width: fit-content; height: 90px; }
.zt-header-logo img { display: block; height: 100%; }
.zt-header-text { margin-top: 50px; }
.zt-header-text img { display: block; margin: 0 auto; }
/* 主要内容区域 */
.zt-main { margin-bottom: 50px; }
.main-content { position: relative; background-color: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); border-radius: 15px; }
/* 区域导航 */
.area-nav {padding: 20px 50px;display: flex;/* justify-content: space-between; */gap: 25px;}
.area-nav ul {height: fit-content;flex: 1 0 0;display: flex;gap: 20px;flex-wrap: wrap;padding: 20px 0;}
.area-nav li {width: 280px;height: 110px;cursor: pointer;color: #333;transition: all 0.3s;background: #e8f4ff;font-size: 3rem;border: 1px solid transparent;}
.area-nav li a { display: block; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.area-nav li:hover { background: #ffffff; color: #000000; border-color: #2D7BE8; }
#qx-area-nav{width:80%;}
/* 内容区域 */
.content-section { padding: 20px; }
/* 检查导航 */
.inspection-nav ul { display: flex; gap: 10px; }
.nav-item { flex: 1; background: #fff; border-radius: 10px; padding: 20px 15px; text-align: center; cursor: pointer; transition: all 0.3s; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid #6EB1FFFF; position: relative; }
.nav-item.on { background: url(../images/jc_bg_active.png) no-repeat center center; background-size: 100% 100%; }
.nav-item.on::after { content: ''; display: block; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #2D7BE8; position: absolute; left: 50%; transform: translateX(-50%); top: 100%; }
.nav-item.on span { color: #fff; }
.nav-item img { width: 48px; height: 48px; margin-bottom: 8px; }
.nav-item span { display: block; color: #009ae5; font-size: 2rem; }
.nav-item.on span { color: #fff; }
/* 部门列表 */
.department-list {min-height: 492px; background: #fff;border-radius: 8px;padding: 25px;/* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); */}
.department-list h3 { font-size: 18px; color: #333; padding-left: 20px; position: relative; font-weight: bold; background: linear-gradient(to right, #e8f4ff, #fdfeff); padding-left: 20px; height: 50px; display: flex; align-items: center; border-radius: 999px; }
.department-list h3::before { content: ''; display: block; width: 24px; height: 24px; background: #2D7BE8; border-radius: 2px; margin-right: 10px; background: url(../images/dept_tree_icon.png) no-repeat center center; }
#dept-list1 ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px 15px; list-style: none; margin: 0; padding: 0; margin-top: 30px; }
.department-list li {padding: 12px 5px;/* background: #F5F7FA; *//* border-radius: 4px; */color: #333;transition: all 0.3s;font-size: 1.8rem;/* text-align: center; *//* border: 1px solid transparent; */}
.department-list h2{padding: 30px;}
/* 响应式布局 */
@media (max-width: 1500px) {
  .main-content {/* width: 1000px; */}
  #dept-list1 ul { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 1280px) {
  .main-content {/* width: 90%; */}
  .inspection-nav ul{ flex-wrap: wrap; }
  .nav-item { width: calc(33.33% - 7px); flex: none; }
  .area-nav ul { gap: 15px; }
  .area-nav li { padding: 10px 20px; }
  .nav-item.on::after {content: none;}
  .area-nav li{width: auto;}
}
@media (max-width: 992px) {
  #dept-list1 ul { grid-template-columns: repeat(2, 1fr); }
  .area-nav li {padding: 8px 15px;font-size: 1.6rem;}
}
@media (max-width: 768px) {
  .header-text { max-width: 90%; }
  .data-update { font-size: 20px; }
  .nav-item { width: calc(50% - 5px); }
  .area-nav ul { gap: 10px; }
}
@media (max-width: 431px) {
  .area-nav{padding: 15px 10px;gap: 10px;justify-content: space-between;}
  .area-nav-img{width: 32%;display: flex;align-items: center;}
  .area-nav-img img{display: block;}
  .area-nav ul{justify-content: space-between;gap: 5px;padding: 0;height: 100%;}
  .area-nav ul li {height: auto;padding: 0;width: calc(50% - 5px);}
  .data-update { font-size: 18px; }
  .content-section{padding: 5px 10px}
  .nav-item{padding: 5px;}
  .nav-item span{font-size: 1.6rem;}
  .nav-item img{width: 36px;height: 36px;}
  .department-list{padding: 0 0 20px 0;margin-top: 20px;}
  #dept-list1 ul{gap: 15px 5px;margin-top: 20px;}
  #dept-list1 ul li { font-size: 1.4rem;padding: 0; }
}