html {
    box-sizing: border-box;
}
*, *::before, *::after {
    box-sizing: inherit;
}

/* 消除移动端点击高亮效果 */
html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent; /* iOS Safari */
}

/* 确保 html 和 body 占据整个视口高度 */
html, body {
    height: 100%;
    min-height: 100%; /* 兼容旧IE */
	font-family: "Microsoft YaHei", "微软雅黑", sans-serif; font-size: 16px;
}

/* 移除所有元素的默认外边距和内边距 */
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6,
iframe, pre, code, fieldset, legend, form, input, select, textarea, button,
p, blockquote, th, td, figure, header, footer, nav, article, section, aside, address, figcaption {
    margin: 0;
    padding: 0;
}

/* 移除列表项的默认样式（小圆点、数字等） */
li {
    list-style-type: none;
}

/* 重置标题的字体大小和字重，以便统一管理 */
h1, h2, h3, h4, h5, h6 {
    font-size: 100%; /* 默认大小为1em */
    font-weight: normal;
}

/* 移除图片、iframe、fieldset 的边框 */
iframe, frame, fieldset, img {
    border: 0 none;
}
/* 确保图片基线对齐 */
img {
    vertical-align: top;
}

/* 统一输入框、按钮的样式，移除默认外观 */
input[type=button], input[type=submit], input[type=reset], button {
    cursor: pointer; /* 鼠标悬停时显示手型 */
}
input, textarea, button {
    -webkit-border-radius: 0; /* 移除iOS默认圆角 */
    -webkit-appearance: none; /* 移除iOS默认外观 */
    border: none; /* 移除默认边框 */
    outline: none; /* 移除聚焦时的轮廓 */
    background: none; /* 移除默认背景 */
}
/* 特定输入框类型保留默认外观 */
input[type=radio] {
    -webkit-border-radius: 100%;
    -webkit-appearance: radio;
}
input[type=checkbox] {
    -webkit-appearance: checkbox;
}
/* 搜索框的盒模型 */
input[type=search] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
}

/* 文本域溢出处理和禁止拖拽 */
textarea {
    overflow: auto;
    resize: none;
}

/* 移除引用块的默认引号 */
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none;
}

/* 重置表格边框模型 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    text-align: left;
}
th {
    font-weight: normal;
}

/* 统一斜体、地址等元素的字体样式 */
em, cite, address, i {
    font-style: normal;
}

/* 上下标对齐 */
sup {
    vertical-align: text-top;
}
sub {
    vertical-align: sub;
}

/* 设置全局字体、字号和行高 */
body, input, select, button, textarea {
    
    color: #000; /* 默认字体颜色 */
}
body {
    line-height: 1.5; /* 基础行高 */
}

/* 链接样式重置 */
a {
    text-decoration: none; /* 移除下划线 */
    color: #000; /* 默认链接颜色 */
    -webkit-tap-highlight-color: transparent; /* 移除移动端点击高亮 */
    /* 移除IE的聚焦虚线框 */
    blr:expression(this.onFocus=this.blur()); /* 仅IE有效，现代浏览器忽略 */
    /* 鼠标悬停过渡效果 */
    transition: all 0.3s ease-in-out; /* 建议添加平滑过渡 */
}
a:hover {
    /* 示例：鼠标悬停时颜色变蓝 */
    color: #113c65; /* !important 确保覆盖默认颜色 */
}
/* 确保链接内的元素继承指针样式 */
a * {
    cursor: pointer;
}

/* 移除元素聚焦时的默认轮廓 */
:focus {
    outline: none;
}

/*
 * =============================================================================
 * 2. Layout & Structure (布局与结构)
 *    - 响应式容器
 *    - 清除浮动
 *    - 响应式图片与媒体
 * =============================================================================
 */

/* 响应式内容容器 */
.wrap {
    width: 1440px; /* 最大宽度 */
    max-width: 90%; /* 视口宽度超过1440px时，容器最大宽度为90% */
    margin: auto; /* 居中显示 */
    padding: 0 20px; /* 左右内边距 */
    box-sizing: border-box; /* 确保内边距不撑开宽度 */
}

/* 清除浮动 (Clearfix) */
/* 使用伪元素清除浮动，避免父元素高度塌陷 */
.fixed:before, .clearfix:before, .cf:before,
.fixed:after, .clearfix:after, .cf:after {
    content: '';
    display: table; /* 创建一个块级格式化上下文 */
}
.fixed:after, .clearfix:after, .cf:after {
    clear: both; /* 清除前面的浮动元素 */
}
/* 兼容旧IE的浮动清除 */
.fixed, .clearfix, .cf {
    *zoom: 1;
}

/* 辅助清除浮动，用于强制换行 */
.clear, .cl {
    display: block !important;
    float: none !important;
    clear: both;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: hidden; /* 隐藏可能存在的溢出内容 */
    margin: 0 !important;
    padding: 0 !important;
    border: 0 none !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

/* 响应式图片 */
.ratio-img, .ratio-img img {
    width: 100%; /* 确保图片宽度适应父容器 */
    height: auto; /* 保持图片比例 */
    display: block; /* 移除图片底部空白 */
}
/* 确保所有图片默认响应式 */
img {
    max-width: 100%;
    height: auto;
}

/* 响应式视频 */
.edit_con_original video {
    max-width: 100%;
    display: block;
    margin: auto;
    min-width: 50%; /* 示例：最小宽度 */
}

/* 隐藏视频播放器的下载按钮 (特定浏览器行为) */
video::-internal-media-controls-download-button {
    display: none;
}
video::-webkit-media-controls-enclosure {
    overflow: hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* 调整面板宽度以隐藏按钮 */
}

/*
 * =============================================================================
 * 3. Typography & Text Utilities (排版与文本工具)
 *    - 响应式字体大小
 *    - 文本截断与省略号
 *    - 内容编辑器样式（模拟浏览器默认样式）
 * =============================================================================
 */

/* 粗体文本 */
.bold {
    font-weight: bold;
}

/* 单行文本溢出显示省略号 */
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 多行文本溢出显示省略号 (基于 Webkit 内核) */
.ellipsis_p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2; /* 显示两行 */
    -webkit-box-orient: vertical;
}
/* 示例：不同行高的多行文本截断 */
.line24 {
    line-height: 24px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    /* -webkit-line-clamp: N;  需要根据实际行数添加 */
}
.line30 {
    line-height: 30px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    /* -webkit-line-clamp: N; */
}
.line32 {
    line-height: 32px; /* 修正原始代码中的错误，应为32px */
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    /* -webkit-line-clamp: N; */
}


/* 响应式字体大小工具类 */
/* 默认字体大小 */
.fnt_16 { font-size: 16px; }
.fnt_18 { font-size: 18px; }
.fnt_24 { font-size: 24px; }
.fnt_30 { font-size: 30px; }

/* 在屏幕宽度 <= 1440px 时调整字体大小 */
@media only screen and (max-width: 1440px) {
    .fnt_24 { font-size: 20px; }
    .fnt_30 { font-size: 24px; }
}
/* 原始代码中有一个重复的1440px媒体查询，这里合并或选择一个 */
/* @media only screen and (max-width: 1440px) {
    .fnt_30 { font-size: 22px; }
} */

/* 在屏幕宽度 <= 1024px (平板横屏) 时调整字体大小 */
@media only screen and (max-width: 1024px) {
    .fnt_16 { font-size: 14px; }
    .fnt_18 { font-size: 16px; }
    .fnt_24 { font-size: 18px; }
    .fnt_30 { font-size: 20px; }
    /* 调整行高以适应更小的字体 */
    .line30, .line32 { line-height: 24px; }
    .wrap { max-width: 94%; } /* 调整容器最大宽度 */
}

/* 在屏幕宽度 <= 767px (手机) 时调整字体大小 */
@media only screen and (max-width: 767px) {
    .fnt_16 { font-size: 14px; }
    .fnt_18 { font-size: 14px; }
    .fnt_24 { font-size: 16px; }
    .fnt_30 { font-size: 18px; }
}


/* 内容编辑器区域样式 (模拟浏览器默认样式，确保富文本内容显示正常) */
.edit_con_original {
    line-height: 2; /* 较大的行高，提高可读性 */
    padding: 0;
    color: #333;
}
.edit_con_original ul {
    margin: inherit; /* 继承父级外边距 */
    padding: inherit; /* 继承父级内边距 */
    padding-left: 2em; /* 列表左侧缩进 */
}
.edit_con_original ul li {
    list-style-type: disc; /* 圆点列表 */
    margin: auto;
}
.edit_con_original ol {
    margin: inherit;
    padding: inherit;
}
.edit_con_original ol li {
    list-style-type: decimal; /* 数字列表 */
    margin: auto;
}
/* 标题样式 */
.edit_con_original h1 { font-size: 2em; font-weight: bold; }
.edit_con_original h2 { font-size: 1.5em; font-weight: bold; }
.edit_con_original h3 { font-size: 1.17em; font-weight: bold; }
.edit_con_original h4 { font-size: 1em; font-weight: bold; }
.edit_con_original h5 { font-size: 0.83em; font-weight: bold; }
.edit_con_original h6 { font-size: 0.67em; font-weight: bold; }
/* 斜体样式 */
.edit_con_original em,
.edit_con_original cite,
.edit_con_original address,
.edit_con_original i {
    font-style: italic;
}
/* 表格样式 */
.edit_con_original table {
    border-collapse: separate;
    border-spacing: 2px;
}
/* 图片和视频的响应式处理 */
.edit_con_original img { max-width: 100%; height: auto; }
.edit_con_original video { max-width: 100%; display: block; margin: auto; min-width: 50%; }


/*
 * =============================================================================
 * 4. Alignment & Positioning Utilities (对齐与定位工具)
 *    - 文本两端对齐
 *    - 绝对定位居中
 * =============================================================================
 */

/* 文本两端对齐 (兼容性考虑) */
.justify {
    text-align: justify;
    text-justify: distribute-all-lines; /* IE兼容 */
}

/* 绝对定位垂直居中 */
.v-m-c {
    transform: translate(0, -50%); /* Y轴负50% */
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    position: absolute;
    left: 0;
    top: 50%;
}

/* 绝对定位水平居中 */
.l-m-c {
    transform: translate(-50%, 0); /* X轴负50% */
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    position: absolute;
    left: 50%;
    top: 0;
}

/* 绝对定位水平垂直居中 */
.a-m-c {
    transform: translate(-50%, -50%); /* X轴和Y轴都负50% */
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
}

/*
 * =============================================================================
 * 5. Interactive & Visual Utilities (交互与视觉工具)
 *    - 过渡动画
 *    - 图片悬停缩放效果
 *    - 图标字体占位符
 * =============================================================================
 */

/* 通用过渡动画 */
.animate {
    transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);
}
.animate_slowx {
    transition: 2.5s all cubic-bezier(0.19, 1, 0.22, 1);
}
.animate_fast {
    transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);
}
.animate_slow {
    transition: 10s all cubic-bezier(0.19, 1, 0.22, 1);
}
.animate_normal {
    transition: 0.5s all linear;
}

/* 图片悬停缩放效果 */
.tran_scale {
    overflow: hidden; /* 隐藏溢出的缩放部分 */
    display: block;
}
.tran_scale img {
    -webkit-transition: opacity .4s ease-in, -webkit-transform .6s linear;
    transition: opacity .4s ease-in, transform .6s linear;
}
.tran_scale:hover img {
    transform: scale(1.1, 1.1); /* 放大1.1倍 */
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
}

/* 图标字体占位符 (假设使用iconfont) */
[class*='icon'] {
    font-family: 'iconfont'; /* 确保已引入iconfont字体文件 */
    /* 其他通用图标样式，如 font-size, color 等 */
}

/*
 * =============================================================================
 * 6. Responsive Design Patterns (常见响应式设计模式)
 *    - 媒体查询断点示例
 *    - 元素显示/隐藏
 *    - 布局调整
 * =============================================================================
 */

/* 媒体查询断点示例 (基于您提供的断点) */

/* 桌面端 (大于 1024px) */
@media only screen and (min-width: 1025px) {
    /* 例如：导航菜单的 hover 效果 */
    /* .nav_list a:hover { background: #122f9e; color: #ffffff !important; } */
    /* .nav li>a:hover em { border-bottom: 1px solid #fff; } */
    /* .nav li>a:hover:after { display: block; } */

    /* 链接的通用 hover 效果 */
    a:hover {
        color: #113c65 ;
        opacity: 0.9;
    }
}

/* 笔记本/大平板 (最大 1200px) */
@media only screen and (max-width: 1200px) {
    /* 调整容器内边距 */
    .wrap {
        padding: 0 15px;
    }
    /* 示例：导航项的内边距 */
    /* .nav li>a { padding: 0 15px; } */
}

/* 平板电脑 (最大 1024px) */
@media only screen and (max-width: 1024px) {
    /* 调整容器最大宽度 */
    .wrap {
        max-width: 94%;
    }
    /* 调整字体大小 (已在 Typography 部分定义) */
    /* 调整行高 (已在 Typography 部分定义) */

    /* 示例：隐藏桌面端元素，显示移动端元素 */
    /* .a_box, .language { display: none; } */
    /* .search_button, .phone_box, .menu_button, .return_a { display: block; } */

    /* 示例：移动端菜单的固定定位和宽度调整 */
    /* .header_bottom { position: fixed; top: 0; left: auto; width: 50%; height: 100%; z-index: 9999; } */
    /* .nav li { display: table; width: 100%; } */
}

/* 手机 (最大 767px) */
@media only screen and (max-width: 767px) {
    /* 调整容器内边距 */
    .wrap {
        padding: 0; /* 手机上通常移除左右内边距，或设置较小值 */
    }
    /* 示例：页脚元素的堆叠 */
    /* .footer p span { display: block; margin-right: 0; margin-bottom: 5px; } */
    /* 示例：分页组件的简化显示 */
    /* .page span, .page a.go, .page a.num { display: none; } */
    /* .page a.num.on { display: block; } */
}