/* 终极居中方案：强制所有内容居中 */
html, body {
  width: 100%;
  margin: 0;
  padding: 0;
}
body {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* 所有直接子元素都限制在 1200px 内 */
body > * {
  width: 1200px !important;
  max-width: 1200px !important;
}
/* 红色导航栏单独处理：背景拉满，内容居中 */
.container-fluid.nav-first {
  width: 100% !important;
  display: flex;
  justify-content: center;
}
.container-fluid.nav-first > .container {
  width: 1200px !important;
}

/* 你原来的 CSS 保持不变，下面接着放 */
/* 基础重置 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: "Microsoft YaHei", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  background: #fff;
}
a {
  color: #333;
  text-decoration: none;
}
a:hover {
  color: #0066cc;
  text-decoration: none;
}
img {
  border: 0;
  max-width: 100%;
  vertical-align: middle;
}
ul, ol {
  list-style: none;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 容器 */
.container {
  width: 1200px;
  margin: 0 auto;
}
.container-fluid {
  width: 100%;
}

/* 浮动 */
.pull-left {
  float: left !important;
}
.pull-right {
  float: right !important;
}
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}
.clearfix {
  zoom: 1;
}

/* 按钮 */
.btn {
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
  border: none;
  border-radius: 4px;
}

/* 表单 */
input {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/* ============================================= */
/*  全局基础样式 - 金刚经注音网 公用样式
/*  安全、无冲突、不产生滚动条、自动居中
/* ============================================= */

/* 核心：禁止横向滚动 + 页面自动居中 */
html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

body {
    font-family: "Microsoft Yahei", sans-serif;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    background: #fff;
}

/* 所有容器自动居中（关键） */
.container {
    width: 1170px !important;
    margin: 0 auto !important;
    padding: 0 10px !important;
    box-sizing: border-box;
}

.container-fluid {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* 清除浮动 */
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    zoom: 1;
}

/* 浮动 */
.pull-left {
    float: left !important;
}
.pull-right {
    float: right !important;
}

/* 链接样式 */
a {
    text-decoration: none;
    color: #333;
}
a:hover {
    color: #b80000;
}

/* 图片统一不破坏布局 */
img {
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: middle;
}

/* 列表 */
ul, ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* 布局间距统一，更真实 */
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: normal;
}

p {
    margin: 0 0 10px;
}

/* -------------------------- */
/* LOGO 修复（正常大小）*/
/* -------------------------- */
.top-logo img {
    height: 60px !important;
    margin: 10px 0;
}

/* -------------------------- */
/* 热点小图标修复 */
/* -------------------------- */
.hotlink .hot_img {
    height: 18px !important;
    margin-right: 5px;
}

/* -------------------------- */
/* 轮播布局不溢出 */
/* -------------------------- */
.slide-imageshow {
    margin: 15px auto;
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.slide_image {
    width: 520px;
    display: flex;
}

.slide_image ul {
    width: 400px;
    height: 300px;
    position: relative;
}

.slide_image ul li img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.slide_image ol {
    width: 110px;
    margin-left: 10px;
}

.slide_image ol li img {
    width: 110px;
    height: 68px;
    object-fit: cover;
}