/* ==============================================
   ZGSJ 官网 · 最终版宽屏商务样式
   适配：1920大屏 / 笔记本 / IE全兼容 / GBK编码
============================================== */
* {
  box-sizing: border-box !important;
}
body {
  min-width: 1200px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #f5f7fa !important;
  font-family: "Microsoft YaHei", sans-serif !important;
}

/* 全局宽屏容器 */
.container, .wrapper, .main, .top, .head, .nav, .footer, .box, .content {
  width: 92% !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
  float: none !important;
  clear: both !important;
}

/* 导航 - 最终商务蓝 */
.nav {
  background: #1565C0 !important;
  height: 50px !important;
  line-height: 50px !important;
  border-radius: 6px !important;
  overflow: hidden !important;
}
.nav li {
  padding: 0 24px !important;
}
.nav li a {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: bold !important;
  text-decoration: none !important;
}
.nav li a:hover {
  color: #E3F2FD !important;
}

/* Banner 全屏 */
.banner, .slide {
  width: 100% !important;
  max-width: 1920px !important;
  margin: 10px auto !important;
  border-radius: 6px !important;
  overflow: hidden !important;
}
.banner img, .slide img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* 内容模块卡片样式 */
.main {
  padding: 20px 0 !important;
}
.box {
  background: #ffffff !important;
  border-radius: 8px !important;
  padding: 20px !important;
  margin-bottom: 25px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
  border: 1px solid #eeeeee !important;
}

/* 标题样式 */
.box h2, .title2, .title2new {
  font-size: 18px !important;
  color: #1565C0 !important;
  font-weight: bold !important;
  border-left: 4px solid #1565C0 !important;
  padding-left: 12px !important;
  margin-bottom: 15px !important;
}

/* 产品/新闻列表 4个一行 */
ul.product, ul.news, ul.list {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
ul.product li, ul.news li, ul.list li {
  width: 24% !important;
  margin-bottom: 20px !important;
  background: #fff !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.05);
  transition: all 0.2s !important;
}
ul.product li:hover, ul.news li:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
}
ul.product li img {
  width: 100% !important;
  height: auto !important;
}

/* 按钮样式（实名认证按钮最终版） */
.authBtn {
  width: 130px !important;
  height: 36px !important;
  font-size: 15px !important;
  font-weight: bold !important;
  color: #fff !important;
  background: #e56b6b !important;
  border: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  float: left !important;
}
.authBtn:hover {
  background: #d85a5a !important;
}

/* 底部 */
.footer {
  background: #0D47A1 !important;
  color: #ffffff !important;
  padding: 30px 0 !important;
  margin-top: 20px !important;
}
.footer a {
  color: #cccccc !important;
  text-decoration: none !important;
}
.footer a:hover {
  color: #ffffff !important;
}