/*
/*
===============================================================================
 CSS 样式更新 - Footer高度优化 v20241008-001
 强制刷新浏览器缓存，确保修改生效
===============================================================================
 1. 全局基础样式优化
===============================================================================
*/

/* 页面主体基础样式优化 */
body {
    background: #fff;
    color: #555;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased !important;
    line-height: 1.6;
    font-size: 16px;
    scroll-behavior: smooth;
}

/* 页面主体和段落的字体设置优化 */
body,
p {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased !important;
    line-height: 1.6;
    font-size: 16px;
}

/* 所有标题的统一样式设置优化 (h1-h6) */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #1a1a1a;
    font-weight: 600;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased !important;
    margin-bottom: 1rem;
}

/* 一级标题 (h1) 样式优化 */
h1 {
    font-size: 2.5rem;
    line-height: 1.2;
    font-weight: 700;
}

/* 二级标题 (h2) 样式优化 */
h2 {
    font-size: 2rem;
    line-height: 1.3;
    font-weight: 600;
}

/* 三级标题 (h3) 样式优化 */
h3 {
    font-size: 1.5rem;
    line-height: 1.4;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

/* 四级标题 (h4) 样式优化 */
h4 {
    font-size: 1.25rem;
    line-height: 1.5;
    font-weight: 600;
}

/* 五级标题 (h5) 样式优化 */
h5 {
    font-size: 1.1rem;
    line-height: 1.5;
    font-weight: 600;
}

/* 提醒框内图标的样式 */
.alert .icon {
    margin-right: 15px;
}

/*
===============================================================================
 2. 全局样式设置
===============================================================================
*/

/* HTML根元素的基础设置 */
html {
    overflow-x: hidden !important;     /* 强制隐藏水平滚动条，防止页面水平溢出 */
    width: 100%;                       /* 宽度设置为100%，占满整个视口 */
    height: 100%;                      /* 高度设置为100%，占满整个视口 */
    position: relative;                /* 相对定位，作为子元素定位的参考 */
    -webkit-font-smoothing: antialiased; /* WebKit内核浏览器字体平滑处理 */
    text-rendering: optimizeLegibility;  /* 优化文本渲染，提高可读性 */
}

/* 重置页面主体的默认样式 */
body {
    border: 0;      /* 移除默认边框 */
    margin: 0;      /* 移除默认外边距 */
    padding: 0;     /* 移除默认内边距 */
}

/* 页面内容容器 */
.body-inner {
    position: relative;     /* 相对定位 */
    overflow: hidden;       /* 隐藏溢出内容，防止布局问题 */
}

/* 页面加载动画遮罩层 */
.preload {
    position: fixed;        /* 固定定位，在视口中固定位置 */
    background: #fff url(../images/preload.gif) center center no-repeat; /* 白色背景加加载动画GIF，居中显示 */
    left: 0px;             /* 左边距为0，贴着左边 */
    top: 0px;              /* 上边距为0，贴着顶部 */
    width: 100%;           /* 宽度100%，占满整个屏幕 */
    height: 100%;          /* 高度100%，占满整个屏幕 */
    z-index: 99999;        /* 设置最高的层级，确保在最顶层 */
}

/* 链接的默认状态和已访问状态 */
a:link,
a:visited {
    text-decoration: none;  /* 移除链接的下划线装饰 */
}

/* 所有链接的通用样式 */
a {
    color: inherit;         /* 继承父元素的颜色 */
    transition: .2s ease;   /* 添加0.2秒的平滑过渡效果 */
}

/* 链接悬停状态样式 */
a:hover {
    text-decoration: none;  /* 移除下划线 */
    color: #000;           /* 悬停时颜色变为黑色 */
}

/* “阅读更多”链接的特殊样式 */
a.read-more {
    color: #172a46;         /* 颜色设置为新主色调 (#172a46) */
    font-weight: 700;       /* 字体加粗 */
    text-transform: uppercase; /* 文字转换为大写 */
}

/* “阅读更多”链接的悬停效果 */
a.read-more:hover {
    color: #222;           /* 悬停时颜色变为深灰色 */
}

/*
===============================================================================
 3. 布局和间距工具类
===============================================================================
*/

/* 区块容器和区块内边距的通用样式 */
section,
.section-padding {
    padding: 70px 0;        /* 上下内边距70像素，左右0，为各区块提供统一间距 */
    position: relative;     /* 相对定位，便于子元素的绝对定位 */
}

/* 移除所有内边距的工具类 */
.no-padding {
    padding: 0;            /* 设置内边距为0，移除默认间距 */
}

/* 垂直间距工具类 - 60像素间距 */
.gap-60 {
    clear: both;           /* 清除浮动，确保元素在新行显示 */
    height: 60px;          /* 设置高度为60像素，创建垂直间距 */
}

/* 垂直间距工具类 - 40像素间距 */
.gap-40 {
    clear: both;           /* 清除浮动 */
    height: 40px;          /* 设置高度为40像素 */
}

/* 垂直间距工具类 - 30像素间距 */
.gap-30 {
    clear: both;           /* 清除浮动 */
    height: 30px;          /* 设置高度为30像素 */
}

/* 垂直间距工具类 - 20像素间距 */
.gap-20 {
    clear: both;           /* 清除浮动 */
    height: 20px;          /* 设置高度为20像素 */
}

/* 下边距工具类 - 30像素 */
.mrb-30 {
    margin-bottom: 30px;   /* 设置下边距为30像素 */
}

/* 负下边距工具类 - 向上移动元素 */
.mrb-80 {
    margin-bottom: -80px;  /* 负下边距80像素，使元素向上移动 */
}

/* 边距重置工具类 */
.mrt-0 {
    margin-top: 0 !important;      /* 强制设置上边距为0 */
    margin-bottom: 20px !important; /* 强制设置下边距为20像素 */
}

/* 移除底部内边距的工具类 */
.pab {
    padding-bottom: 0;     /* 设置底部内边距为0 */
}

/* 移除焦点边框 */
a:focus {
    outline: 0;            /* 移除链接获得焦点时的边框 */
}

/* 特殊内边距类 */
.ts-padding {
    padding: 60px;         /* 四周内边距都设置为60像素 */
}

/*
===============================================================================
 4. 背景样式类
===============================================================================
*/

/* 浅色背景类 */
.solid-bg {
    background: #f9f9f9;   /* 浅灰色背景 (#f9f9f9)，用于区块背景 */
}

/* 深色背景类 */
.dark-bg {
    background: #252525;   /* 深灰色背景 (#252525) */
    color: #fff;          /* 深色背景下使用白色文字 */
}

/* 深色背景下的标题颜色调整 */
.dark-bg h2,
.dark-bg h3 {
    color: #fff;          /* 在深色背景下，标题也使用白色 */
}

/* 实色行背景 */
.solid-row {
    background: #f0f0f0;   /* 比solid-bg更深一点的灰色背景，用于行背景 */
}

/* 背景遮罩容器 */
.bg-overlay {
    position: relative;    /* 相对定位，作为遮罩层的参考 */
}

/* 背景遮罩内的容器 */
.bg-overlay .container {
    position: relative;    /* 相对定位 */
    z-index: 1;           /* 设置层级为1，确保在遮罩层之上 */
}

/* 背景遮罩层的伪元素 - 蓝色半透明效果 */
.bg-overlay:after {
    background-color: rgba(0, 46, 91, 0.8); /* 蓝色半透明背景 (RGBA: 0,46,91,0.8) */
    z-index: 0;           /* 设置层级为0，在内容之下 */
    position: absolute;   /* 绝对定位 */
    content: '';         /* 空内容，用于创建伪元素 */
    width: 100%;         /* 宽度100%，覆盖整个容器 */
    height: 100%;        /* 高度100%，覆盖整个容器 */
    top: 0;              /* 上边距0 */
    left: 0;             /* 左边距0 */
}

/* 重置遮罩层定位方式 */
.bg-overlay:after {
    position: relative;   /* 修改为相对定位 */
}

/* 背景遮罩层的伪元素 - 黑色半透明效果 */
.bg-overlay:after {
    background-color: rgba(0, 0, 0, 0.8);   /* 黑色半透明背景 (RGBA: 0,0,0,0.8) */
    z-index: 0;           /* 设置层级为0 */
    position: absolute;   /* 绝对定位 */
    content: '';         /* 空内容 */
    width: 100%;         /* 宽度100% */
    height: 100%;        /* 高度100% */
    top: 0;              /* 上边距0 */
    left: 0;             /* 左边距0 */
}

/* 隐藏内容的样式类（无障碍访问用） */
.content-hidden {
    position: absolute;   /* 绝对定位 */
    height: 1px;         /* 高度设置为1像素 */
    width: 1px;          /* 宽度设置为1像素 */
    clip: rect(1px, 1px, 1px, 1px); /* 裁剪区域，隐藏内容 */
    border: 0;           /* 移除边框 */
    overflow: hidden;    /* 隐藏溢出内容 */
}

/*
===============================================================================
 5. 排版装饰元素
===============================================================================
*/

/* 首字下沉效果 (Dropcap) */
.dropcap {
    font-size: 48px;         /* 大字体：48像素 */
    line-height: 60px;       /* 行高：60像素 */
    padding: 0 7px;          /* 左右内边距：7像素 */
    display: inline-block;   /* 内联块级元素 */
    font-weight: 700;        /* 字体加粗 */
    margin: 5px 15px 5px 0;  /* 外边距：上5px 右15px 下5px 左0px */
    position: relative;      /* 相对定位 */
    text-transform: uppercase; /* 文字转换为大写 */
}

/* 主色首字下沉 */
.dropcap.primary {
    background: #172a46;     /* 背景色：新主色调 */
    color: #fff;            /* 字体颜色：白色 */
}

/* 次色首字下沉 */
.dropcap.secondary {
    background: #3a5371;     /* 背景色：蓝灰色 */
    color: #fff;            /* 字体颜色：白色 */
}

/*
===============================================================================
 6. 标题系统
===============================================================================
*/

/* 通用标题样式 */
.title {
    font-size: 32px;         /* 字体大小：32像素 */
    line-height: 36px;       /* 行高：36像素 */
    margin-bottom: 20px;     /* 下边距：20像素 */
}

/* 区块标题样式 */
.section-title {
    font-size: 18px;         /* 字体大小：18像素 */
    line-height: 28px;       /* 行高：28像素 */
    margin: 0;               /* 移除默认外边距 */
    text-transform: uppercase; /* 文字转换为大写 */
    font-weight: 300;        /* 字体粗细：细体 */
}

/* 区块副标题样式 */
.section-sub-title {
    font-weight: 900;        /* 字体粗细：特粗体 */
    font-size: 30px;         /* 字体大小：30像素 */
    line-height: 46px;       /* 行高：46像素 */
    margin: 0 0 60px;        /* 外边距：上0 右0 下60px */
    color: #212121;         /* 字体颜色：深黑色 */
}

/* 区块副标题的装饰线 */
.section-sub-title:before {
    content: '';            /* 空内容，用于创建伪元素 */
    display: block;         /* 块级元素 */
    position: absolute;     /* 绝对定位 */
    width: 30px;            /* 宽度：30像素 */
    height: 3px;            /* 高度：3像素 */
    bottom: 48px;           /* 距离底部：48像素 */
    left: 50%;              /* 左边距：50%（居中对齐） */
    margin-left: -15px;     /* 左边距负值调整，完全居中 */
    background: #172a46;    /* 背景色：新主色调 */
}

/* 小屏幕上的区块副标题适配 */
@media (max-width: 575px) {
    .section-sub-title {
        font-size: 28px;     /* 在手机上字体大小减小为28像素 */
    }
}

/* 列标题样式 */
.column-title {
    margin: 0 0 40px;        /* 外边距：上0 右0 下40px */
}

/* 小列标题样式 */
.column-title-small {
    font-size: 20px;         /* 字体大小：20像素 */
    margin: 0 0 25px;        /* 外边距：上0 右0 下25px */
}

/* 页面内容标题的第一个 */
.page-content-title.first {
    margin-top: 0;           /* 移除顶部边距 */
}

/*
===============================================================================
 7. 媒体和表单元素
===============================================================================
*/

/* 响应式视频容器 */
.embed-responsive {
    padding-bottom: 56.25%;  /* 下内边距56.25%，对应16:9的宽高比 */
    position: relative;      /* 相对定位，作为iframe的参考 */
    display: block;          /* 块级元素 */
    height: 0;               /* 高度设置为0，由padding-bottom控制实际高度 */
    overflow: hidden;        /* 隐藏溢出内容 */
}

/* 响应式视频内的iframe元素 */
.embed-responsive iframe {
    position: absolute;      /* 绝对定位，相对于父容器 */
    top: 0;                  /* 顶部对齐 */
    left: 0;                 /* 左侧对齐 */
    width: 100%;             /* 宽度100%，填满容器 */
    height: 100%;            /* 高度100%，填满容器 */
    border: 0;               /* 移除边框 */
}

/* 表单控件的通用样式 */
.form-control {
    box-shadow: none;        /* 移除阴影效果 */
    border: 1px solid #dadada; /* 边框：1像素实线，浅灰色 */
    padding: 5px 20px;       /* 内边距：上下5像素，左右20像素 */
    height: 44px;            /* 高度固定为44像素 */
    background: none;        /* 透明背景 */
    color: #959595;          /* 字体颜色：灰色 */
    font-size: 14px;         /* 字体大小：14像素 */
    border-radius: 0;        /* 移除圆角 */
}

/* 表单控件获得焦点时的样式 */
.form-control:focus {
    box-shadow: none;        /* 移除焦点阴影 */
    border: 1px solid #172a46; /* 边框变为新主色调 */
}

/* 水平分割线样式 */
hr {
    background-color: #e7e7e7; /* 背景色：浅灰色 */
    border: 0;               /* 移除默认边框 */
    height: 1px;             /* 高度：1像素 */
    margin: 40px 0;          /* 上下外边距：40像素 */
}

/* 提醒框内的水平分割线 */
.alert hr {
    background: initial;     /* 重置背景色 */
    margin: initial;         /* 重置外边距 */
    border-top: 1px solid;   /* 上边框：1像素实线 */
    height: initial;         /* 重置高度 */
    margin-bottom: 1rem;     /* 下边距：1rem */
    opacity: .2;             /* 透明度：20% */
}

/* Logo样式 */
.logo {
    padding-right: 15px;     /* 右内边距：15像素 */
}

/*
===============================================================================
 8. 引用块和列表样式
===============================================================================
*/

/* 引用块的基础样式 */
blockquote {
    padding: 25px;           /* 四周内边距：25像素 */
    margin: 20px 0;          /* 上下外边距：20像素 */
    background: #f9f9f9;     /* 背景色：浅灰色 */
    position: relative;      /* 相对定位，便于伪元素定位 */
    border-left: 3px solid #172a46; /* 左边框：3像素新主色调实线 */
    padding-left: 40px;      /* 左内边距加大为40像素 */
}

/* 居中对齐的引用块 */
blockquote.text-center {
    border-top: 3px solid #172a46;  /* 上边框：3像素新主色调实线 */
    border-left: 0;          /* 移除左边框 */
    padding-left: 25px;      /* 左内边距恢复为25像素 */
    padding-top: 50px;       /* 上内边距加大为50像素 */
}

/* 居中引用块的伪元素位置调整 */
blockquote.text-center:before {
    left: 50%;               /* 左边距50%，居中对齐 */
    top: 10px;               /* 上边距：10像素 */
    -webkit-transform: translateX(-50%); /* WebKit浏览器水平居中转换 */
    transform: translateX(-50%);         /* 标准水平居中转换 */
}

/* 右对齐的引用块 */
blockquote.text-right {
    border-right: 3px solid #172a46; /* 右边框：3像素新主色调实线 */
    padding-right: 40px;     /* 右内边距：40像素 */
    border-left: 0;          /* 移除左边框 */
    padding-left: 25px;      /* 左内边距恢复为25像素 */
}

/* 右对齐引用块的伪元素位置调整 */
blockquote.text-right:before {
    left: auto;              /* 取消左边距设置 */
    right: 5px;              /* 右边距：5像素 */
}

/* 引用块的引号装饰 */
blockquote:before {
    content: "\f10d";        /* FontAwesome引号图标内容 */
    font-family: "Font Awesome 5 Free"; /* FontAwesome字体 */
    position: absolute;      /* 绝对定位 */
    font-size: 28px;         /* 字体大小：28像素 */
    color: #E5E5E5;          /* 颜色：浅灰色 */
    top: 5px;                /* 上边距：5像素 */
    left: 5px;               /* 左边距：5像素 */
    font-weight: 700;        /* 字体加粗 */
    z-index: 0;              /* 层级：0，在文字下方 */
}

/* 引用块内的段落样式 */
blockquote p {
    font-size: 14px;         /* 字体大小：14像素 */
    line-height: 22px;       /* 行高：22像素 */
    position: relative;      /* 相对定位 */
    z-index: 1;              /* 层级：1，在引号上方 */
    font-style: italic;      /* 字体样式：斜体 */
    margin-bottom: 0;        /* 移除下边距 */
}

/* 引用来源标记 */
cite {
    display: block;          /* 块级元素 */
    font-size: 14px;         /* 字体大小：14像素 */
    margin-top: 10px;        /* 上边距：10像素 */
}

/* 列表样式系统 */
/* 自定义列表的通用样式 */
.list-round,
.list-arrow,
.list-check {
    list-style: none;        /* 移除默认列表标记 */
    margin: 0;               /* 移除外边距 */
    padding: 0 0 0 15px;     /* 内边距：只设置左侧15像素 */
}

/* 圆点列表项的行高 */
.list-round li {
    line-height: 28px;       /* 行高：28像素 */
}

/* 圆点列表的图标 */
.list-round li:before {
    font-family: "Font Awesome 5 Free"; /* FontAwesome字体 */
    content: "\f138";         /* 圆点图标内容 */
    margin-right: 10px;      /* 右边距：10像素 */
    color: #172a46;          /* 颜色：新主色调 */
    font-size: 12px;         /* 字体大小：12像素 */
}

/* 箭头列表的特殊设置 */
.list-arrow {
    padding: 0;              /* 移除内边距 */
}

/* 箭头列表的图标 */
ul.list-arrow li:before {
    font-family: "Font Awesome 5 Free"; /* FontAwesome字体 */
    content: "\f105";         /* 箭头图标内容 */
    margin-right: 10px;      /* 右边距：10像素 */
    color: #172a46;          /* 颜色：新主色调 */
    font-size: 16px;         /* 字体大小：16像素 */
    font-weight: bold;       /* 字体加粗 */
}

/* 勾选列表的图标 */
ul.list-check li:before {
    font-family: "Font Awesome 5 Free"; /* FontAwesome字体 */
    content: "\f00c";         /* 勾选图标内容 */
    margin-right: 10px;      /* 右边距：10像素 */
    color: #172a46;          /* 颜色：新主色调 */
    font-size: 14px;         /* 字体大小：14像素 */
}

/*
===============================================================================
 9. Bootstrap 组件重写
===============================================================================
*/

/* Bootstrap Tab 组件的重写样式 */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.nav-tabs > li > a:hover,
.nav-tabs > li > a {
    border: 0;               /* 移除Bootstrap默认的边框 */
}

/* Bootstrap 导航链接的重写样式 */
.nav > li > a:focus,
.nav > li > a:hover {
    background: none;        /* 移除Bootstrap默认的背景色 */
}

/* 图案背景样式 */
.pattern-bg {
    background: #f5f5f5 url(../images/crossword.png); /* 浅灰色背景加十字图案 */
}

/* 电话链接的特殊样式 */
a[href^=tel] {
    color: inherit;          /* 继承父元素颜色 */
    text-decoration: none;   /* 移除下划线 */
}

/*
===============================================================================
 16. 现代化按钮系统
===============================================================================
*/

/* 按钮的激活和焦点状态优化 */
.btn:active, 
.btn:focus {
    box-shadow: none !important;
    outline: none !important;
}

/* 主要按钮和深色按钮的现代化样式 */
.btn-primary,
.btn-dark {
    border: none;
    border-radius: 25px;
    padding: 12px 30px;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #fff;
    font-family: 'Inter', sans-serif;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    cursor: pointer;
    user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    min-width: 120px;
}

/* 主要按钮的渐变背景 */
.btn-primary {
    background: linear-gradient(135deg, #172a46 0%, #213858 100%);
    box-shadow: 0 4px 15px rgba(23, 42, 70, 0.3);
}

/* 深色按钮的渐变背景 */
.btn-dark {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
    box-shadow: 0 4px 15px rgba(44, 62, 80, 0.3);
}

/* 白色背景的主要按钮 */
.btn-white.btn-primary {
    background: #fff;
    color: #172a46;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    border: 2px solid #172a46;
}

/* 按钮的光效动画 */
.btn-primary::before,
.btn-dark::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
}

/* 按钮的悬停效果 */
.btn-primary:hover,
.btn-dark:hover {
    transform: translateY(-2px);
    color: #fff;
    text-decoration: none;
}

.btn-primary:hover {
    box-shadow: 0 6px 20px rgba(23, 42, 70, 0.4);
    background: linear-gradient(135deg, #213858 0%, #172a46 100%);
}

.btn-dark:hover {
    box-shadow: 0 6px 20px rgba(44, 62, 80, 0.4);
    background: linear-gradient(135deg, #34495e 0%, #2c3e50 100%);
}

.btn-white.btn-primary:hover {
    background: #172a46;
    color: #fff;
    box-shadow: 0 6px 20px rgba(23, 42, 70, 0.4);
}

/* 按钮悬停时的光效 */
.btn-primary:hover::before,
.btn-dark:hover::before {
    left: 100%;
}

/* 按钮的激活和焦点悬停效果 */
.btn-primary:hover:active, 
.btn-primary:hover:focus,
.btn-dark:hover:active,
.btn-dark:hover:focus,
.btn-white.btn-primary:hover:active,
.btn-white.btn-primary:hover:focus {
    color: #fff;
    transform: translateY(-1px);
    outline: none;
}

/* 小尺寸按钮 */
.btn-sm {
    padding: 8px 20px;
    font-size: 12px;
    min-width: 100px;
}

/* 大尺寸按钮 */
.btn-lg {
    padding: 16px 40px;
    font-size: 16px;
    min-width: 150px;
}

/* 按钮组合样式 */
.btn-group {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-wrap: wrap;
}

/* 只有边框的按钮 */
.btn-outline-primary {
    background: transparent;
    color: #172a46;
    border: 2px solid #172a46;
    border-radius: 25px;
    padding: 10px 28px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-outline-primary:hover {
    background: #172a46;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(23, 42, 70, 0.3);
}

/* 小屏幕下的按钮调整 */
@media (max-width: 767px) {
    .btn-primary,
    .btn-dark {
        font-size: 13px;
        padding: 10px 25px;
        min-width: 100px;
    }
    
    .btn-group {
        flex-direction: column;
        align-items: stretch;
    }
    
    .btn-group .btn {
        margin-bottom: 10px;
    }
}

/*
===============================================================================
 22. 通用按钮区域统一设计 - 专业视觉优化
===============================================================================
*/

/* 通用按钮容器 - 更紧凑的间距设计 */
.general-btn {
    margin-top: 35px; /* 从50px减少到35px，与整体节奏更协调 */
    text-align: center;
    padding: 25px 0; /* 添加内边距，增加视觉重要性 */
    position: relative;
}

/* 添加细微的背景装饰 */
.general-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 1px;
    background: linear-gradient(135deg, transparent 0%, #172a46 50%, transparent 100%);
    opacity: 0.3;
}

/* 主要行动按钮 - 增强视觉吸引力 */
.general-btn .btn {
    background: linear-gradient(135deg, #172a46 0%, #213858 100%);
    color: white;
    border: none;
    padding: 14px 40px; /* 增加内边距，提升点击体验 */
    border-radius: 30px; /* 更圆润的圆角 */
    font-weight: 600;
    font-size: 0.95rem;
    text-decoration: none;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 6px 20px rgba(255, 182, 0, 0.3);
    position: relative;
    overflow: hidden;
    margin: 0 8px; /* 减小按钮间的间距 */
    text-transform: uppercase;
    letter-spacing: 0.5px;
    min-width: 160px; /* 统一最小宽度 */
}

/* 按钮光效动画 */
.general-btn .btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.6s;
}

.general-btn .btn:hover::before {
    left: 100%;
}

/* 按钮悬停效果 */
.general-btn .btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(255, 182, 0, 0.4);
    color: white;
    background: linear-gradient(135deg, #213858 0%, #172a46 100%);
}

/* 按钮激活状态 */
.general-btn .btn:active {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(255, 182, 0, 0.5);
}

/* 次要按钮样式 - 用于辅助操作 */
.general-btn .btn-secondary {
    background: transparent;
    color: #172a46;
    border: 2px solid #172a46;
    box-shadow: none;
}

.general-btn .btn-secondary:hover {
    background: #172a46;
    color: white;
    border-color: #172a46;
    box-shadow: 0 6px 20px rgba(255, 182, 0, 0.3);
}

/* 按钮组合 */
.general-btn .btn-group {
    display: inline-flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

/* 移动端优化 */
@media (max-width: 768px) {
    .general-btn {
        margin-top: 25px;
        padding: 20px 0;
    }
    
    .general-btn .btn {
        padding: 12px 30px;
        font-size: 0.9rem;
        min-width: 140px;
        margin: 5px;
    }
    
    .general-btn .btn-group {
        flex-direction: column;
        gap: 8px;
    }
}

/*
===============================================================================
 17. 整体间距和比例优化
===============================================================================
*/

/* 区块容器和区块内边距的优化 */
section,
.section-padding {
    padding: 80px 0;
    position: relative;
}

/* 去除所有内边距的工具类 */
.no-padding {
    padding: 0;
}

/* 垂直间距工具类优化 */
.gap-60 {
    clear: both;
    height: 60px;
}

.gap-40 {
    clear: both;
    height: 40px;
}

.gap-30 {
    clear: both;
    height: 30px;
}

.gap-20 {
    clear: both;
    height: 20px;
}

/* 边距工具类优化 */
.mrb-30 {
    margin-bottom: 30px;
}

.mrb-80 {
    margin-bottom: -80px;
}

.mrt-0 {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}

.pab {
    padding-bottom: 0;
}

/* 特殊内边距类 */
.ts-padding {
    padding: 60px;
}

/* 响应式间距调整 */
@media (max-width: 768px) {
    section,
    .section-padding {
        padding: 60px 0;
    }
    
    .ts-padding {
        padding: 30px 20px;
    }
}

@media (max-width: 576px) {
    section,
    .section-padding {
        padding: 40px 0;
    }
}

/*
===============================================================================
 18. 其他细节优化
===============================================================================
*/

/* 链接的默认状态和已访问状态 */
a:link,
a:visited {
    text-decoration: none;
}

/* 所有链接的通用样式 */
a {
    color: inherit;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 链接悬停状态样式 */
a:hover {
    text-decoration: none;
    color: #172a46;
}

/* "阅读更多"链接的特殊样式 */
a.read-more {
    color: #172a46;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
}

/* "阅读更多"链接的悬停效果 */
a.read-more:hover {
    color: #213858;
    transform: translateX(3px);
}

/* 移除焦点边框 */
a:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgba(255, 182, 0, 0.3);
    border-radius: 3px;
}

/* 页面内容容器优化 */
.body-inner {
    position: relative;
    overflow: hidden;
}

/* 页面加载动画遮罩层优化 */
.preload {
    position: fixed;
    background: #fff url(../images/preload.gif) center center no-repeat;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.preload.fade-out {
    opacity: 0;
    pointer-events: none;
}

/* 全局滚动条美化 */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: #172a46;
    border-radius: 4px;
    transition: background 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
    background: #213858;
}

/* Firefox 滚动条 */
html {
    scrollbar-width: thin;
    scrollbar-color: #172a46 #f1f1f1;
}

/*
===============================================================================
 10. 按钮样式系统
===============================================================================
*/

/*
===============================================================================
 23. 响应式设计优化 - 栏目设计专用
===============================================================================
*/

/* 平板端优化 (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .section-sub-title {
        font-size: 2rem;
        margin-bottom: 40px;
    }
    
    /* 平板端新闻模块显示两列布局 */
    .home-news {
        grid-gap: 20px;
        display: flex;
        flex-wrap: wrap;
    }
    
    .home-news > div {
        flex: 0 0 calc(50% - 15px); /* 每列占50%宽度，减去间距 */
        max-width: calc(50% - 15px);
        margin-bottom: 20px;
    }
    
    .home-news h3 {
        padding: 12px 18px 12px 25px !important; /* 与桌面版保持一致的左边距 */
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
    }
    
    .home-news h3 a {
        text-align: left !important;
        flex: 0 1 auto !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    
    .home-news h3 em {
        flex: 0 0 auto !important;
        margin-left: 10px !important;
    }
    
    .home-news h3 em a {
        white-space: nowrap !important;
    }
    
    .home-news .imggroup-text .title a {
        text-align: left !important;
    }
    
    .home-news li.item a {
        text-align: left !important;
    }
    
    .general-btn .btn {
        padding: 12px 30px;
        font-size: 0.9rem;
    }
}

/* 手机端主要优化 (max-width: 767px) */
@media (max-width: 767px) {
    /* 主标题手机端优化 */
    .section-sub-title {
        font-size: 1.8rem;
        margin-bottom: 30px;
    }
    
    .section-sub-title::after {
        width: 60px;
        bottom: -15px;
    }
    
    /* 区块间距调整 */
    section.project-area {
        padding: 30px 0; /* 与新版设计保持一致 */
    }
    
    /* 新闻模块手机端优化 - 简化版 */
    .home-news {
        margin-top: 10px; /* 进一步减少间距 */
        /* 保持简单的布局 */
    }
    
    .home-news > div {
        margin-bottom: 15px; /* 从20px进一步减少到15px */
        padding: 0 15px;
    }
    
    .home-news .news-card {
        border-radius: 12px;
        /* 移除所有复杂的高度设置 */
    }
    
    .home-news h3 {
        padding: 10px 15px !important; /* 进一步减小内边距 */
        display: flex !important;
        flex-direction: row !important; /* 强制同一行显示 */
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 10px !important;
    }
    
    .home-news h3 a {
        font-size: 1rem;
        text-align: left !important; /* 强制左对齐 */
        flex: 0 1 auto !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    
    .home-news h3 em {
        flex: 0 0 auto !important;
        margin-left: auto !important; /* 强制推到右侧 */
    }
    
    .home-news h3 em a {
        padding: 5px 12px;
        font-size: 0.8rem;
        white-space: nowrap !important;
    }
    
    .home-news ul {
        min-height: auto; /* 手机端取消最小高度 */
    }
    
    .home-news .imggroup {
        padding: 10px; /* 进一步减小间距 */
        flex-direction: column;
        text-align: left !important; /* 图文列表也左对齐 */
    }
    
    .home-news .imggroup-img {
        width: 100%;
        height: 120px;
        margin-right: 0;
        margin-bottom: 15px;
    }
    
    .home-news .imggroup-text {
        text-align: left !important; /* 强制文字左对齐 */
    }
    
    .home-news .imggroup-text .title a {
        text-align: left !important; /* 标题左对齐 */
    }
    
    .home-news li.item {
        padding: 12px 15px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        text-align: left !important; /* 列表项左对齐 */
    }
    
    .home-news li.item a {
        font-size: 0.9rem;
        text-align: left !important; /* 链接文字左对齐 */
    }
    
    .home-news li.item .date {
        align-self: flex-end;
        font-size: 0.8rem;
    }
}

/* 小屏手机优化 (max-width: 480px) */
@media (max-width: 480px) {
    .section-sub-title {
        font-size: 1.5rem;
        margin-bottom: 25px;
    }
    
    .section-sub-title::after {
        width: 50px;
    }
    
    section.project-area {
        padding: 25px 0; /* 小屏幕进一步优化间距 */
    }
    
    .home-news h3 {
        padding: 12px 15px;
    }
    
    .home-news h3 a {
        font-size: 0.95rem;
    }
    
    .home-news .imggroup {
        padding: 12px;
    }
    
    .home-news .imggroup-img {
        height: 100px;
    }
    
    .home-news li.item {
        padding: 10px 12px;
    }
}

/* 超小屏手机优化 (max-width: 360px) */
@media (max-width: 360px) {
    .section-sub-title {
        font-size: 1.3rem;
    }
    
    .home-news h3 a {
        font-size: 0.9rem;
    }
}

/*
===============================================================================
 19. 移动端响应式优化
===============================================================================
*/

/* 平板端优化 (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .container {
        padding: 0 20px;
    }
    
    .home-banner {
        height: 65vh;
        min-height: 450px;
    }
    
    .home-banner .box-slider-text {
        padding: 30px;
        max-width: 500px;
    }
    
    .section-sub-title {
        font-size: 1.8rem;
    }
    
    .home-company .txt {
        padding: 30px;
    }
}

/* 手机端主要优化 (max-width: 767px) */
@media (max-width: 767px) {
    /* 基础字体调整 */
    body {
        font-size: 15px;
        line-height: 1.6;
    }
    
    h1 {
        font-size: 2rem;
    }
    
    h2 {
        font-size: 1.5rem;
    }
    
    h3 {
        font-size: 1.3rem;
    }
    
    /* 轮播图手机端优化 */
    .home-banner {
        height: 60vh;
        min-height: 400px;
        border-radius: 0;
    }
    
    .home-banner .box-slider-text {
        padding: 25px 20px;
        margin: 0 15px;
        border-radius: 10px;
    }
    
    .home-banner .box-slide-sub-title {
        font-size: 1.6rem;
        margin-bottom: 15px;
    }
    
    .home-banner .box-slide-description {
        font-size: 0.95rem;
        margin-bottom: 20px;
    }
    
    .home-banner .slider.btn {
        padding: 10px 25px;
        font-size: 0.85rem;
    }
    
    /* 区块间距调整 */
    section.project-area {
        padding: 30px 0; /* 与新版设计保持一致 */
    }
    
    .section-sub-title {
        font-size: 1.5rem;
        margin-bottom: 40px;
    }
    
    /* 关于我们手机端优化 */
    .home-company {
        border-radius: 15px;
        margin-top: 5px; /* 从10px进一步减少到5px */
    }
    
    .home-company .img img {
        height: 250px;
    }
    
    .home-company .txt {
        padding: 20px; /* 从25px 20px减少到20px */
    }
    
    .home-company .txt h2 {
        font-size: 1.4rem;
        margin-bottom: 12px; /* 从15px减少到12px */
    }
    
    .home-company .txt .content {
        font-size: 0.9rem;
        margin-bottom: 15px; /* 从25px减少到15px */
    }
    
    /* 新闻模块手机端优化 */
    .home-news > div {
        padding: 0 10px;
        margin-bottom: 20px; /* 从25px减少到20px */
    }
    
    .home-news > div[style*="border-right"] {
        border-right: none !important;
        border-bottom: 1px solid #eee;
        padding-bottom: 25px;
    }
    
    .home-news h3 {
        padding: 15px 20px !important;
        display: flex !important;
        flex-direction: row !important; /* 强制同一行显示 */
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 10px !important;
    }
    
    .home-news h3 a {
        font-size: 1.1rem;
        text-align: left !important; /* 强制左对齐 */
        flex: 0 1 auto !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    
    .home-news h3 em {
        flex: 0 0 auto !important;
        margin-left: auto !important;
    }
    
    .home-news .imggroup {
        padding: 15px;
        flex-direction: column;
        text-align: left !important; /* 强制左对齐 */
    }
    
    .home-news .imggroup-img {
        width: 100%;
        height: 120px;
        margin-right: 0;
        margin-bottom: 15px;
    }
    
    .home-news .imggroup-text {
        text-align: left !important; /* 强制左对齐 */
    }
    
    .home-news .imggroup-text .title,
    .home-news .imggroup-text .title a,
    .home-news .imggroup-text .desc {
        text-align: left !important; /* 强制左对齐 */
    }
    
    .home-news li.item {
        padding: 12px 15px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        text-align: left !important; /* 强制左对齐 */
    }
    
    .home-news li.item a {
        font-size: 0.9rem;
        text-align: left !important; /* 强制左对齐 */
    }
    
    .home-news li.item .date {
        align-self: flex-end;
        font-size: 0.8rem;
    }
    
    /* 合作伙伴/实时行情手机端优化 */
    .frm-swiper .swiper-slide {
        padding: 15px;
    }
    
    .frm-swiper .swiper-slide img {
        max-width: 100px;
        max-height: 50px;
    }
    
    /* 实时行情移动端特殊优化 */
    .realtime-quotes-container .frm-swiper .swiper-slide {
        height: 100px;
        padding: 10px;
        margin: 5px;
        min-width: 120px; /* 确保slide有最小宽度 */
    }
    
    .realtime-quotes-container .frm-swiper .swiper-slide .quote-icon {
        width: 40px;
        height: 40px;
        margin-bottom: 8px;
        padding: 8px; /* 增加内边距 */
    }
    
    .realtime-quotes-container .frm-swiper .swiper-slide .quote-title span {
        font-size: 0.75rem;
        line-height: 1.2; /* 增加行高 */
    }
    
    /* 按钮组手机端优化 */
    .general-btn {
        margin-top: 30px;
    }
    
    .btn-group {
        flex-direction: column;
        gap: 10px;
    }
    
    .btn-group .btn {
        width: 100%;
        max-width: 280px;
        margin: 0 auto;
    }
}

/* 小屏手机优化 (max-width: 480px) */
@media (max-width: 480px) {
    .container {
        padding: 0 15px;
    }
    
    /* 轮播图小屏优化 */
    .home-banner {
        height: 50vh;
        min-height: 350px;
    }
    
    .home-banner .box-slider-text {
        padding: 20px 15px;
        margin: 0 10px;
    }
    
    .home-banner .box-slide-sub-title {
        font-size: 1.3rem;
        line-height: 1.3;
    }
    
    .home-banner .box-slide-description {
        font-size: 0.9rem;
        line-height: 1.5;
    }
    
    /* 区块间距调整 */
    section.project-area {
        padding: 25px 0; /* 小屏幕进一步优化间距 */
    }
    
    .section-sub-title {
        font-size: 1.3rem;
        margin-bottom: 30px;
    }
    
    /* 关于我们小屏优化 */
    .home-company .img img {
        height: 200px;
    }
    
    .home-company .txt {
        padding: 15px; /* 从20px 15px减少到15px */
    }
    
    .home-company .txt h2 {
        font-size: 1.2rem;
        margin-bottom: 10px; /* 进一步减小 */
    }
    
    .home-company .txt .content {
        margin-bottom: 12px; /* 进一步减小 */
    }
    
    /* 新闻模块小屏优化 */
    .home-news h3 {
        padding: 12px 15px !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: center !important;
    }
    
    .home-news h3 a {
        font-size: 1rem;
        text-align: left !important;
        flex: 0 1 auto !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    
    .home-news h3 em {
        flex: 0 0 auto !important;
        margin-left: auto !important;
    }
    
    .home-news .imggroup {
        padding: 12px;
        text-align: left !important;
    }
    
    .home-news .imggroup-text,
    .home-news .imggroup-text .title,
    .home-news .imggroup-text .title a,
    .home-news .imggroup-text .desc {
        text-align: left !important;
    }
    
    .home-news .imggroup-img {
        height: 100px;
    }
    
    .home-news li.item {
        padding: 10px 12px;
        text-align: left !important;
    }
    
    .home-news li.item a {
        text-align: left !important;
    }
    
    /* 实时行情小屏优化 */
    .realtime-quotes-container .frm-swiper .swiper-slide {
        height: 90px;
        min-width: 110px;
        padding: 8px;
        margin: 4px;
    }
    
    .realtime-quotes-container .frm-swiper .swiper-slide .quote-icon {
        width: 35px;
        height: 35px;
        margin-bottom: 6px;
        padding: 6px;
    }
    
    .realtime-quotes-container .frm-swiper .swiper-slide .quote-title span {
        font-size: 0.7rem;
        line-height: 1.2;
    }
}

/* 超小屏手机优化 (max-width: 360px) */
@media (max-width: 360px) {
    .container {
        padding: 0 10px;
    }
    
    .home-banner .box-slide-sub-title {
        font-size: 1.1rem;
    }
    
    .home-banner .box-slide-description {
        font-size: 0.85rem;
    }
    
    .section-sub-title {
        font-size: 1.1rem;
    }
    
    .home-company .txt h2 {
        font-size: 1.1rem;
    }
    
    /* 实时行情超小屏优化 */
    .realtime-quotes-container .frm-swiper .swiper-slide {
        height: 80px;
        min-width: 100px;
        padding: 6px;
        margin: 3px;
    }
    
    .realtime-quotes-container .frm-swiper .swiper-slide .quote-icon {
        width: 30px;
        height: 30px;
        margin-bottom: 5px;
        padding: 5px;
    }
    
    .realtime-quotes-container .frm-swiper .swiper-slide .quote-title span {
        font-size: 0.65rem;
        line-height: 1.1;
    }
}

/* 高分辨率屏幕优化 (Retina 显示器) */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .home-banner .box-slider-text {
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
    }
    
    .swiper-button-prev,
    .swiper-button-next {
        backdrop-filter: blur(15px);
    }
}

/* 横屏手机优化 */
@media (max-height: 500px) and (orientation: landscape) {
    .home-banner {
        height: 80vh;
        min-height: 300px;
    }
    
    .home-banner .box-slider-text {
        padding: 20px;
    }
    
    section.project-area {
        padding: 30px 0;
    }
}

/* 触摸设备优化 */
@media (hover: none) and (pointer: coarse) {
    /* 移除悬停效果，优化触摸体验 */
    .home-company:hover {
        transform: none;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    }
    
    .btn-primary:hover,
    .btn-dark:hover {
        transform: none;
    }
    
    /* 增加按钮点击区域 */
    .btn {
        min-height: 44px;
    }
    
    /* 增加链接点击区域 */
    .home-news li.item a {
        padding: 5px 0;
    }
}

/* 可访问性优化 */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    
    .home-banner .box-slider-text {
        animation: none;
        opacity: 1;
        transform: translateY(0);
    }
}

/*
===============================================================================
 11. 顶部栏样式
===============================================================================
*/

/* 顶部栏的基础样式 */
.top-bar {
    padding: 8px 0;          /* 上下内边距：8像素 */
    background: #ebebeb;     /* 背景色：浅灰色 */
    position: relative;      /* 相对定位 */
}

/* 顶部信息列表的通用样式 */
ul.top-info {
    list-style: none;        /* 移除列表标记 */
    margin: 0;               /* 移除外边距 */
    padding: 0;              /* 移除内边距 */
}

/* 顶部信息列表项的样式 */
ul.top-info li {
    position: relative;      /* 相对定位 */
    line-height: 10px;       /* 行高：10像素 */
    display: inline-block;   /* 内联块级元素，水平排列 */
    margin-left: 0;          /* 左边距：0 */
    padding-right: 15px;     /* 右内边距：15像素 */
}

/* 顶部信息列表项内的图标 */
ul.top-info li i {
    font-size: 18px;         /* 图标字体大小：18像素 */
    position: relative;      /* 相对定位 */
    top: 2px;                /* 上边距：2像素，微调垂直位置 */
    margin-right: 5px;       /* 右边距：5像素 */
}

/* 顶部信息文字容器 */
ul.top-info li p.info-text {
    margin: 0;               /* 移除外边距 */
    line-height: normal;     /* 正常行高 */
    display: inline-block;   /* 内联块级元素 */
    flex-direction: column;  /* 垂直方向排列（Flexbox） */
}

/* 顶部社交媒体区域 */
/* 社交媒体列表的样式 */
.top-social ul {
    list-style: none;        /* 移除列表标记 */
    padding: 0;              /* 移除内边距 */
    margin: 0;               /* 移除外边距 */
    margin-right: -12px;     /* 右边距负值，抵消子元素的padding */
}

/* 小屏幕下的社交媒体列表调整 */
@media (max-width: 767px) {
    .top-social ul {
        margin-right: 0;     /* 手机上移除右边距负值 */
    }
}

/* 社交媒体列表项 */
.top-social ul li {
    display: inline-block;   /* 内联块级元素，水平排列 */
    padding: 0;              /* 移除内边距 */
}

/* 社交媒体链接样式 */
.top-social ul li a {
    color: #2c2c2c;          /* 字体颜色：深灰色 */
    font-size: 14px;         /* 字体大小：14像素 */
    transition: 400ms;       /* 过渡效果：400毫秒 */
    padding: 9px 12px;       /* 内边距：上下9像素，左右12像素 */
}

/* 社交媒体链接的悬停效果 */
.top-social ul li a:hover {
    color: #333;            /* 悬停时颜色加深 */
}

/* 带边框的顶部栏样式 */
.top-bar-border {
    padding: 8px 20px 8px;   /* 内边距：上8px 左右20px 下8px */
    border-bottom: 1px solid #ddd; /* 下边框：1像素浅灰色实线 */
}

/* 带边框顶部栏中的信息文字颜色 */
.top-bar-border ul.top-info {
    color: #707070;          /* 字体颜色：灰色 */
    font-weight: 400;        /* 字体粗细：正常 */
}

/* 带边框顶部栏中的社交媒体链接颜色 */
.top-bar-border .top-social li a {
    color: #7c7c7c;          /* 字体颜色：深灰色 */
}

/* 带边框顶部栏中的图标颜色 */
.top-bar-border ul.top-info li i {
    color: #ffb600;          /* 图标颜色：橙黄色 */
}

/*
===============================================================================
 12. 首页轮播图优化样式
===============================================================================
*/

/* 轮播图容器现代化优化 */
.home-banner {
    position: relative;
    height: 70vh; /* 调整高度为视窗高度的70% */
    min-height: 500px;
    max-height: 800px;
    overflow: hidden;
    border-radius: 0 0 20px 20px; /* 底部圆角 */
}

/* 轮播图幻灯片优化 */
.home-banner .swiper-slide {
    position: relative;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    transition: transform 0.6s ease;
}

/* 轮播图遮罩层优化 */
.home-banner .swiper-slide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255, 182, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%);
    z-index: 1;
}

/* 轮播图内容容器优化 - 保持原有布局逻辑 */
.home-banner .container {
    position: relative;
    z-index: 2;
    height: 100%;
}

.home-banner .box-slider-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 40px 0;
}

/* 轮播图文字区域现代化设计 - 修复位置问题 */
.home-banner .box-slider-text {
    background: rgba(200, 205, 210, 0.75) !important; /* 更深的灰色半透明背景，透明度0.75 */
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border-radius: 15px !important;
    padding: 40px !important;
    max-width: 600px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    /* 移除可能导致位置问题的transform和animation */
    position: relative;
    opacity: 1 !important;
}

/* 添加进入动画，但不影响初始位置 */
.home-banner .swiper-slide-active .box-slider-text {
    animation: slideUpIn 0.8s ease forwards;
}

/* 轮播图标题优化 */
.home-banner .box-slide-sub-title {
    font-size: 2.5rem;
    font-weight: 800;
    color: #2c3e50 !important; /* 深蓝灰色，确保在浅色背景下可读 */
    margin-bottom: 20px;
    line-height: 1.2;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8) !important; /* 白色文字阴影增强可读性 */
}

/* 轮播图描述文字优化 */
.home-banner .box-slide-description {
    font-size: 1.1rem;
    color: #495057 !important; /* 中灰色，确保在浅色背景下可读 */
    line-height: 1.6;
    margin-bottom: 30px;
    font-weight: 500 !important;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5) !important; /* 白色文字阴影增强可读性 */
}

/* 轮播图按钮优化 */
.home-banner .slider.btn {
    background: linear-gradient(135deg, #172a46 0%, #213858 100%);
    border: none;
    padding: 12px 30px;
    border-radius: 25px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(255, 182, 0, 0.3);
    position: relative;
    overflow: hidden;
}

.home-banner .slider.btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
}

.home-banner .slider.btn:hover::before {
    left: 100%;
}

.home-banner .slider.btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 182, 0, 0.4);
}

/* 轮播图导航按钮 - 适配 HTML 中的 swiper-home-prev/next */
.home-banner .swiper-home-prev,
.home-banner .swiper-home-next {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    border-radius: 50%;
    color: #172a46;
    font-size: 18px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
}

.home-banner .swiper-home-prev {
    left: 20px;
}

.home-banner .swiper-home-next {
    right: 20px;
}

.home-banner .swiper-home-prev:hover,
.home-banner .swiper-home-next:hover {
    background: #172a46;
    color: white;
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 6px 20px rgba(255, 182, 0, 0.3);
}

/* 兼容通用 swiper 按钮 */
.home-banner .swiper-button-next,
.home-banner .swiper-button-prev {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    color: #172a46;
    font-size: 18px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    display: flex;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.home-banner .swiper-button-next:hover,
.home-banner .swiper-button-prev:hover {
    background: #172a46;
    color: white;
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(255, 182, 0, 0.3);
}

/* 轮播图分页器优化 */
.home-banner .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.5);
    opacity: 1;
    transition: all 0.3s ease;
}

.home-banner .swiper-pagination-bullet-active {
    background: #172a46;
    transform: scale(1.2);
    box-shadow: 0 2px 8px rgba(255, 182, 0, 0.5);
}

/* 文字进入动画 - 不影响初始位置 */
@keyframes slideUpIn {
    from {
        transform: translateY(30px);
        opacity: 0.7;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* 响应式设计 */
@media (max-width: 768px) {
    .home-banner {
        height: 60vh;
        min-height: 400px;
    }
    
    .home-banner .box-slider-text {
        padding: 25px;
        margin: 0 15px;
    }
    
    .home-banner .box-slide-sub-title {
        font-size: 1.8rem;
    }
    
    .home-banner .box-slide-description {
        font-size: 1rem;
    }
}

/*
===============================================================================
 14. 内容区块现代化样式
===============================================================================
*/

/* 通用区块样式优化 - 与新版栏目设计保持一致 */
section.project-area {
    /* 这个规则已在新版栏目设计系统中重新定义 */
}

/*
===============================================================================
 24. 新版栏目标题设计系统 - 符合设计规范
===============================================================================
*/

/* 栏目分隔线设计 */
.section-divider {
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, #172a46 20%, #172a46 80%, transparent 100%);
    margin-bottom: 35px; /* 符合设计规范的内容间距 */
    position: relative;
}

/* 分隔线中间的装饰圆点 */
.section-divider::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background: #172a46;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(255, 182, 0, 0.2);
}

/* 栏目标题区域 */
.section-header {
    margin-bottom: 35px; /* 符合设计规范的内容间距 */
}

/* 左对齐的栏目标题 */
.section-title-left {
    font-size: 1.6rem; /* 比原来的2.4rem小一些 */
    font-weight: 600;
    color: #1a1a1a;
    margin: 0;
    padding: 0;
    text-align: left; /* 左对齐 */
    line-height: 1.3;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    position: relative;
    padding-left: 15px; /* 为左侧装饰线预留空间 */
}

/* 栏目标题左侧装饰线 */
.section-title-left::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 60%;
    background: linear-gradient(135deg, #172a46 0%, #213858 100%);
    border-radius: 2px;
}

/* 右对齐的查看更多链接 */
.section-more-link {
    font-size: 0.9rem;
    color: #172a46;
    text-decoration: none;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    position: relative;
    padding-right: 20px; /* 为右侧箭头预留空间 */
    font-family: 'Inter', sans-serif;
}

/* 查看更多链接的右侧箭头 */
.section-more-link::after {
    content: '→'; /* Unicode箭头 */
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
    font-size: 1rem;
}

/* 查看更多链接的悬停效果 */
.section-more-link:hover {
    color: #213858;
    text-decoration: none;
    transform: translateX(-3px);
}

.section-more-link:hover::after {
    transform: translateY(-50%) translateX(5px);
}

/* 移动端优化 - 保持与PC端一致的左右对齐 */
@media (max-width: 767px) {
    .section-divider {
        margin-bottom: 25px;
    }
    
    .section-header {
        margin-bottom: 25px;
    }
    
    /* 移动端保持row布局，不改变flex方向 */
    .section-header .row {
        align-items: center;
        display: flex !important;
        flex-wrap: nowrap !important;
    }
    
    /* 强制左右两列在移动端也保持在同一行 */
    .section-header .col-md-6 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    
    /* 左侧栏目标题保持左对齐 */
    .section-header .col-md-6:first-child {
        text-align: left !important;
        margin-bottom: 0;
        padding-right: 5px;
    }
    
    /* 右侧"更多"链接保持右对齐 */
    .section-header .col-md-6:last-child {
        text-align: right !important;
        margin-bottom: 0;
        padding-left: 5px;
    }
    
    .section-title-left {
        font-size: 1.4rem;
        text-align: left !important;
        padding-left: 12px;
        display: block;
        position: relative;
    }
    
    /* 移动端保留左侧装饰线 */
    .section-title-left::before {
        display: block;
        width: 3px;
        height: 20px;
    }
    
    .section-more-link {
        font-size: 0.85rem;
        padding-right: 18px;
    }
}

/* 关于我们区块现代化样式 */
.home-company {
    background: white;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    margin-top: 15px; /* 从20px减少到15px */
}

.home-company:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

.home-company .img {
    padding: 0;
    position: relative;
    overflow: hidden;
    border-radius: 20px; /* 为图片容器添加圆角效果 */
}

.home-company .img img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    transition: transform 0.3s ease;
    border-radius: 20px; /* 为封面图添加圆角效果 */
}

.home-company:hover .img img {
    transform: scale(1.05);
}

.home-company .txt {
    padding: 30px; /* 从40px减少到30px，减少内部间距 */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.home-company .txt h2 {
    font-size: 1.8rem;
    color: #212121;
    margin-bottom: 15px; /* 从20px减少到15px */
    font-weight: 700;
}

.home-company .txt .content {
    color: #666;
    line-height: 1.8;
    margin-bottom: 20px; /* 从30px减少到20px */
    font-size: 1rem;
}

.home-company .txt .btn {
    align-self: flex-start;
    background: linear-gradient(135deg, #172a46 0%, #213858 100%);
    color: white;
    border: none;
    padding: 12px 25px;
    border-radius: 25px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(255, 182, 0, 0.3);
}

.home-company .txt .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 182, 0, 0.4);
    color: white;
}

/*
===============================================================================
 21. 新闻栏目简化布局系统 - 修复版
===============================================================================
*/

/* 新闻模块整体布局 - 简化版本 */
.home-news {
    margin-top: 15px; /* 从20px进一步减少到15px */
    /* 移除所有复杂的flex布局，使用Bootstrap原生系统 */
}

.home-news > div {
    padding: 0 15px; /* Bootstrap标准列内边距 */
    margin-bottom: 15px; /* 从20px进一步减少到15px */
    /* 移除不必要的flex属性 */
}

/* 新闻卡片容器 - 简化设计 */
.home-news .news-card {
    background: white;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    border: 1px solid rgba(255, 182, 0, 0.1);
    position: relative;
    /* 移除高度和flex属性，让内容自然撑开 */
}

.home-news .news-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
    border-color: rgba(255, 182, 0, 0.2);
}

/* 栏目标题区域 - 增加左边距以提供更好的视觉空间 */
.home-news h3 {
    background: linear-gradient(135deg, #172a46 0%, #213858 20%, #172a46 100%);
    color: white;
    padding: 12px 18px 12px 30px; /* 左边距从18px增加到30px，增加约一个字符的空间 */
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
}

/* 添加细微的光效 */
.home-news h3::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.6s;
}

.home-news .news-card:hover h3::before {
    left: 100%;
}

/* 主栏目名称样式 */
.home-news h3 a {
    font-size: 1.1rem;
    font-weight: 600;
    color: #FFC90E;
    text-decoration: none;
    letter-spacing: 0.02em;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    font-family: 'Microsoft YaHei', '微软雅黑', sans-serif;
}

.home-news h3 a:hover {
    color: #FFC90E;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* “更多”按钮统一设计 */
.home-news h3 em {
    font-style: normal;
}

.home-news h3 em a {
    font-size: 0.85rem;
    color: white;
    font-weight: 600;
    padding: 6px 16px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.5);
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: 'Microsoft YaHei', '微软雅黑', sans-serif;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.home-news h3 em a:hover {
    background: rgba(255, 255, 255, 0.95);
    color: #172a46;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    text-shadow: none;
}

/* 新闻列表容器 - 适配10条内容显示 */
.home-news ul {
    background: white;
    padding: 0;
    margin: 0;
    list-style: none;
    min-height: 420px; /* 增加高度以适应10条内容显示 */
    display: flex;
    flex-direction: column;
}

.home-news ul li {
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.3s ease;
}

.home-news ul li:last-child {
    border-bottom: none;
}

.home-news ul li:hover {
    background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%);
    transform: translateX(3px);
    border-left: 3px solid #172a46;
    padding-left: 3px;
}

/* 确保桌面端卡片高度完全一致性 */
@media (min-width: 768px) {
    .home-news {
        display: flex;
        align-items: stretch; /* 确保列高度一致 */
    }
    
    .home-news > div {
        display: flex;
        flex-direction: column;
    }
    
    .home-news .news-card {
        flex: 1; /* 卡片填满列高度 */
        display: flex;
        flex-direction: column;
        height: 520px; /* 增加固定高度以适应10条内容显示 */
    }
    
    .home-news ul {
        flex: 1; /* 列表区域填满剩余空间 */
        min-height: 420px; /* 确保内容区域有足够高度显示10条内容 */
    }
}

/* 图文新闻样式 */
.home-news .imggroup {
    display: flex;
    padding: 12px; /* 从15px减少到12px */
    align-items: center;
}

.home-news .imggroup-img {
    width: 120px;
    height: 80px;
    margin-right: 20px;
    border-radius: 10px;
    overflow: hidden;
    flex-shrink: 0;
}

.home-news .imggroup-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.home-news li:hover .imggroup-img img {
    transform: scale(1.1);
}

.home-news .imggroup-text {
    flex: 1;
}

.home-news .imggroup-text .title a {
    font-size: 1.1rem;
    font-weight: 600;
    color: #212121;
    text-decoration: none;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.home-news .imggroup-text .desc {
    color: #666;
    font-size: 0.9rem;
    margin-top: 8px;
    margin-bottom: 0;
}

/* 列表新闻样式 - 优化间距以10条内容显示 */
.home-news li.item {
    padding: 8px 18px; /* 从10px减少到8px，以适应10条内容 */
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 36px; /* 设置最小高度，确保内容整齐 */
}

/* 移动端进一步优化列表项间距 */
@media (max-width: 767px) {
    .home-news li.item {
        padding: 6px 15px; /* 进一步减少内边距 */
        min-height: 32px; /* 减少最小高度 */
    }
}

.home-news li.item a {
    flex: 1;
    text-decoration: none;
    color: #333;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    text-align: left; /* 确保链接文本左对齐 */
    justify-content: flex-start; /* 确保内容左对齐 */
}

/* 强制所有设备上文章标题链接左对齐 */
.home-news li.item a {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    justify-content: flex-start !important;
}

.home-news li.item .badge {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    margin-right: 12px;
    font-weight: 600;
}

.home-news li.item .badge.badge-warning {
    background: linear-gradient(135deg, #172a46 0%, #213858 100%);
    color: white;
    box-shadow: 0 2px 8px rgba(255, 182, 0, 0.3);
}

.home-news li.item .badge:not(.badge-warning) {
    background: #f8f9fa;
    color: #6c757d;
}

.home-news li.item .date {
    font-size: 0.85rem;
    color: #999;
    white-space: nowrap;
    line-height: 1.2; /* 调整行高使布局更紧凑 */
}

/* 移动端高度一致性保证 - 适配10条内容 */
@media (max-width: 767px) {
    .home-news .news-card {
        margin-bottom: 25px;
        min-height: 460px; /* 移动端增加高度以适酌10条内容 */
    }
    
    .home-news ul {
        min-height: 380px; /* 移动端列表区域增加高度 */
    }
    
    /* 移动端标题区域强制同一行布局 - 使用更高优先级 */
    .home-news .news-card h3 {
        padding: 10px 12px 10px 20px !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        text-align: left !important;
    }
    
    /* 修复移动端段标题居中对齐问题 */
    .home-news .news-card h3,
    .home-news .news-card h3 a,
    .home-news .news-card h3 em,
    .home-news .news-card h3 em a {
        text-align: left !important;
        justify-content: space-between !important;
    }
    
    /* 移动端栏目名称强制左对齐不折行 */
    .home-news .news-card h3 > a:first-child {
        flex: 0 1 auto !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        font-size: 1rem !important;
        text-align: left !important;
        display: inline-block !important;
    }
    
    /* 移动端“更多”按钮强制右侧显示 */
    .home-news .news-card h3 em {
        flex: 0 0 auto !important;
        margin-left: 10px !important;
        display: inline-block !important;
        text-align: right !important;
    }
    
    .home-news .news-card h3 em a {
        font-size: 0.75rem !important;
        padding: 5px 12px !important;
        white-space: nowrap !important;
        display: inline-block !important;
    }
    
    /* 移动端文字内容强制左对齐 */
    .home-news .imggroup,
    .home-news .imggroup-text,
    .home-news .imggroup-text .title,
    .home-news .imggroup-text .title a,
    .home-news .imggroup-text .desc,
    .home-news li.item,
    .home-news li.item a {
        text-align: left !important;
    }
    
    
    
    /* 修复移动端文章标题居中问题，确保左对齐并支持自动换行 */
    .home-news li.item a {
        text-align: left !important;
        justify-content: flex-start !important; /* 确保内容左对齐 */
        white-space: normal !important; /* 允许换行 */
        word-wrap: break-word; /* 长单词换行 */
        word-break: break-word; /* 长单词换行 */
        display: block !important;
        padding-right: 3px; /* 减少为日期留出的空间 */
        line-height: 1.4;
        overflow: hidden;
    }
    
    /* 强制手机设备上所有文章标题左对齐，解决短标题居中问题 */
    .home-news li.item a,
    .home-news li.item a span,
    .home-news li.item a .badge,
    .home-news li.item a .badge em {
        text-align: left !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }
    
    /* 针对文章标题内联元素的左对齐 */
    .home-news li.item a span.badge,
    .home-news li.item a span.badge em {
        display: inline-block !important;
        float: left !important;
        text-align: left !important;
    }
    
    
    
    /* 移除text-truncate类以允许标题换行 */
    .home-news li.item.text-truncate {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
    
    
    
    /* 移动端文章标题序号样式优化 */
    .home-news li.item a .badge {
        display: inline-block;
        min-width: 20px;
        text-align: center;
        margin-right: 5px;
        vertical-align: top;
        width: 20px; /* 固定宽度 */
        height: 20px; /* 固定高度 */
        font-size: 0.7rem; /* 减小字体 */
    }
    
    /* 移动端文章标题日期样式优化 */
    .home-news li.item .date {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        font-size: 11px; /* 减小字体大小 */
        white-space: nowrap;
        padding-right: 5px; /* 减少右边距使布局更紧凑 */
        line-height: 1.2; /* 调整行高 */
    }
}

/* 合作伙伴区域优化 - 升级为实时行情 */
.frm-swiper {
    background: white;
    border-radius: 15px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    height: 140px; /* 设置固定高度 */
    position: relative;
}

/* 普通模式的slide样式（兼容旧版） */
.frm-swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    transition: all 0.3s ease;
    height: 140px;
}

.frm-swiper .swiper-slide:hover {
    background: #f8f9fa;
}

.frm-swiper .swiper-slide img {
    max-width: 120px;
    max-height: 60px;
    filter: grayscale(100%);
    transition: all 0.3s ease;
    opacity: 0.7;
}

.frm-swiper .swiper-slide:hover img {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.05);
}

/* 实时行情模式的样式（新版）- 现代卡片方案 */
.realtime-quotes-container .frm-swiper .swiper-slide {
    flex-direction: column;
    background: white;
    border-radius: 20px; /* 增加圆角 */
    margin: 15px 10px; /* 调整边距 */
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.12); /* 增强阴影效果 */
    border: 1px solid rgba(23, 42, 70, 0.15); /* 调整边框为主色调 */
    height: 180px; /* 增加高度以适应更大的图标 */
    padding: 25px 15px; /* 调整内边距 */
    box-sizing: border-box;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); /* 添加过渡效果 */
    width: 220px; /* 设置固定宽度确保完整显示 */
    min-width: 220px; /* 设置最小宽度确保完整显示 */
    flex-shrink: 0; /* 防止slide被压缩 */
}

/* 小屏幕设备适配 */
@media (max-width: 768px) {
    .realtime-quotes-container .frm-swiper .swiper-slide {
        width: 200px;
        min-width: 200px;
        height: 160px;
        padding: 20px 10px;
        margin: 10px 5px;
    }
    
    .quote-icon {
        width: 80px;
        height: 80px;
        margin-bottom: 10px;
        padding: 10px;
    }
    
    .quote-title span {
        font-size: 0.75rem;
    }
}

@media (max-width: 576px) {
    .realtime-quotes-container .frm-swiper .swiper-slide {
        width: 180px;
        min-width: 180px;
        height: 150px;
        padding: 15px 8px;
        margin: 8px 4px;
    }
    
    .quote-icon {
        width: 70px;
        height: 70px;
        margin-bottom: 8px;
        padding: 8px;
    }
    
    .quote-title span {
        font-size: 0.7rem;
    }
    
    /* 小屏幕设备上进一步优化文章标题布局 */
    .home-news li.item a {
        padding-right: 2px; /* 进一步减少为日期留出的空间 */
    }
    
    .home-news li.item .date {
        padding-right: 3px; /* 减少右边距使布局更紧凑 */
        font-size: 11px; /* 稍微减小字体 */
    }
}

/* 超小屏幕设备优化 */
@media (max-width: 400px) {
    .home-news li.item a {
        padding-right: 1px; /* 超小屏幕进一步减少为日期留出的空间 */
        font-size: 0.9rem; /* 调整字体大小 */
    }
    
    .home-news li.item .date {
        font-size: 10px; /* 进一步减小日期字体 */
        padding-right: 2px; /* 进一步减少右边距 */
    }
    
    .home-news li.item .badge {
        width: 18px; /* 减小序号宽度 */
        height: 18px; /* 减小序号高度 */
        font-size: 0.65rem; /* 减小序号字体 */
        margin-right: 4px; /* 减小右边距 */
    }
}

.realtime-quotes-container .frm-swiper .swiper-slide:hover {
    transform: translateY(-8px); /* 增加悬停时的上移效果 */
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18); /* 增强悬停阴影 */
    border-color: rgba(23, 42, 70, 0.4); /* 调整边框颜色为主色调 */
    background: white;
}

/* 行情链接 */
.quote-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-decoration: none;
    color: inherit;
    width: 100%;
}

.quote-link:hover {
    text-decoration: none;
    color: inherit;
}

/* 行情图标区域 - 现代卡片方案 */
.quote-icon {
    width: 100px; /* 从60px增加到100px */
    height: 100px; /* 从60px增加到100px */
    margin-bottom: 15px; /* 增加底部间距 */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px; /* 增加圆角 */
    background: linear-gradient(135deg, #172a46 0%, #213858 100%); /* 使用主色调渐变背景 */
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); /* 增强过渡效果 */
    position: relative;
    overflow: hidden;
    padding: 15px; /* 增加内边距 */
    box-shadow: 0 8px 25px rgba(23, 42, 70, 0.3); /* 添加阴影效果 */
}

/* 行情图标发光效果 */
.quote-icon::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transform: rotate(45deg);
    transition: all 0.6s ease;
}

.quote-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); /* 增强过渡效果 */
    filter: none !important;
    opacity: 1 !important;
    border-radius: 12px; /* 增加圆角 */
}

.realtime-quotes-container .frm-swiper .swiper-slide:hover .quote-icon img {
    transform: scale(1.15) translateY(-5px); /* 增加悬停时的浮动动画效果 */
}

.realtime-quotes-container .frm-swiper .swiper-slide:hover .quote-icon::before {
    transform: rotate(225deg); /* 悬停时光效旋转 */
}

/* 行情标题区域 */
.quote-title {
    text-align: center;
    width: 100%;
}

.quote-title span {
    font-size: 0.85rem;
    font-weight: 600;
    color: #2c3e50;
    line-height: 1.3;
    display: block;
    transition: all 0.3s ease;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.realtime-quotes-container .frm-swiper .swiper-slide:hover .quote-title span {
    color: #172a46;
}

/* 实时行情容器特殊设置 - 最终版 */
.realtime-quotes-container {
    position: relative;
    padding: 20px 0;
    min-height: 200px; /* 增加最小高度 */
}

.realtime-quotes-container .frm-swiper {
    height: 200px; /* 增加容器高度以适应更大的slide */
    padding: 15px 20px; /* 调整内边距 */
    background: white;
    border-radius: 20px; /* 增加圆角 */
    box-shadow: 0 8px 35px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%; /* 确保容器占满宽度 */
}

/* 实时行情slide样式 */
.realtime-quotes-container .frm-swiper .swiper-slide {
    opacity: 1;
    visibility: visible;
    display: flex;
    flex-shrink: 0; /* 防止slide被压缩 */
    min-width: 220px; /* 设置最小宽度确保完整显示 */
    width: 220px; /* 设置固定宽度确保完整显示 */
}

/* 确保swiper-wrapper有足够的宽度 */
.realtime-quotes-container .frm-swiper .swiper-wrapper {
    align-items: stretch;
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition-property: transform;
}

/* 外部导航按钮样式 - 增强版 */
.swiper-outside-prev,
.swiper-outside-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: #172a46;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 100; /* 增加z-index确保在最上层 */
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(23, 42, 70, 0.3);
    user-select: none;
    outline: none;
    border: none;
    margin-top: -10px; /* 微调垂直居中位置 */
}

.swiper-outside-prev {
    left: -60px;
}

.swiper-outside-next {
    right: -60px;
}

.swiper-outside-prev:hover,
.swiper-outside-next:hover {
    background: #213858;
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 6px 20px rgba(255, 182, 0, 0.4);
}

/* 按钮禁用状态 - 修复版本 */
.swiper-outside-prev.swiper-button-disabled,
.swiper-outside-next.swiper-button-disabled {
    opacity: 0.3;
    cursor: not-allowed;
    background: #ccc;
    /* 移除pointer-events: none，让Swiper自己处理 */
}

.swiper-outside-prev.swiper-button-disabled:hover,
.swiper-outside-next.swiper-button-disabled:hover {
    transform: translateY(-50%);
    background: #ccc;
    box-shadow: 0 4px 15px rgba(204, 204, 204, 0.3);
}

/* 通用按钮区域优化 */
.general-btn {
    margin-top: 50px;
    text-align: center;
}

.general-btn .btn {
    background: linear-gradient(135deg, #172a46 0%, #213858 100%);
    color: white;
    border: none;
    padding: 15px 35px;
    border-radius: 25px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(255, 182, 0, 0.3);
    font-size: 1rem;
}

.general-btn .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 182, 0, 0.4);
    color: white;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .home-company .row {
        flex-direction: column;
    }
    
    .home-company .img {
        margin-bottom: 0;
        border-radius: 15px; /* 小屏幕下调整圆角 */
    }
    
    .home-company .img img {
        border-radius: 15px; /* 小屏幕下调整圆角 */
    }
    
    .home-company .txt {
        padding: 30px 20px;
    }
    
    .home-news > div {
        margin-bottom: 30px;
    }
    
    .home-news > div[style*="border-right"] {
        border-right: none !important;
        border-bottom: 1px solid #eee;
        padding-bottom: 30px;
    }
    
    .swiper-outside-prev,
    .swiper-outside-next {
        display: none;
    }
}

@media (max-width: 576px) {
    .home-company .img {
        border-radius: 10px; /* 超小屏幕下进一步调整圆角 */
    }
    
    .home-company .img img {
        border-radius: 10px; /* 超小屏幕下进一步调整圆角 */
    }
}

/*
===============================================================================
 15. 头部区域样式
===============================================================================
*/

/* 头部区域的基础样式 */
.header {
    background: #fff;        /* 背景色：白色 */
    position: relative;      /* 相对定位 */
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); /* 阴影效果：下方淡阴影 */
}

/* 第一种头部样式（深色主题） */
.header-one,
.header-one .site-navigation {
    background: #23282d;     /* 背景色：深灰色 */
}

/* 第一种头部样式下的导航折叠区域 */
.header-one .navbar-collapse {
    padding-left: 0;         /* 左内边距：0 */
}

@media (max-width: 991px) {
    .navbar-collapse.collapse {
        overflow-y: auto;
    }
}

.header-one ul.navbar-nav > li {
    padding-left: 0;
    padding-right: 30px;
}

@media (max-width: 991px) {
    .header-one ul.navbar-nav > li {
        padding-right: 0;
    }
}
.main-content img {
    max-width: 100%;
    height: auto;
}
.main-content a {
    font-weight: bold;
    text-decoration: underline dotted;
}
.main-content p,.main-content div {
    line-height: 30px;
}
/* 第一种头部样式下的Logo区域 */
.header-one .logo-area {
    padding: 30px 0;         /* 上下内边距：30像素 */
}

/* 固定导航栏样式 */
.navbar-fixed {
    z-index: 9999;           /* 层级：9999，确保在最顶层 */
    position: fixed;         /* 固定定位 */
    width: 100%;             /* 宽度：100% */
    top: 0;                  /* 顶部对齐 */
}

/* 第二种头部样式（浅色主题） */
.header-two {
    background: #fff;        /* 背景色：白色 */
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15); /* 阴影效果 */
    padding: 15px 0;         /* 上下内边距：15像素 */
}

/* 第二种头部样式下的固定导航栏 */
.header-two .navbar-fixed {
    background-color: #fff;  /* 背景色：白色 */
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); /* 四周阴影效果 */
}

/* 导航栏链接的基础样式 */
ul.navbar-nav > li > a {
    padding: 15px 0 !important; /* 强制设置上下内边距：15像素 */
    color: #fff;             /* 字体颜色：白色 */
}

/* 小屏幕下的导航栏调整 */
@media (max-width: 991px) {
    ul.navbar-nav > li > a {
        padding: 1px 0 !important; /* 减小内边距为1像素 */
    }
    .navbar-nav {
        margin-bottom: 15px;    /* 下边距：15像素 */
    }
}

/* 导航栏链接的悬停和激活效果 */
ul.navbar-nav > li:hover > a,
ul.navbar-nav > li.active > a {
    color: #ffb600 !important; /* 强制设置颜色为橙黄色 */
}

/*-- Logo 样式 --*/
/* 通用Logo样式 */
.logo img {
    width: auto;             /* 宽度自适应 */
    height: 70px;            /* 高度：35像素 */
}

/* 第二种头部样式下的Logo */
.header-two .logo img {
    height: 70px;            /* 高度减小为30像素 */
}

/* 头部右侧区域 */
.header-right {
    float: right;            /* 向右浮动 */
}

/* 顶部信息框列表 */
ul.top-info-box {
    list-style: none;        /* 移除列表标记 */
    margin: 0;               /* 移除外边距 */
    padding: 0;              /* 移除内边距 */
    float: right;            /* 向右浮动 */
}

/* 小屏幕下的顶部信息框列表调整 */
@media (max-width: 767px) {
    ul.top-info-box {
        display: flex;       /* 使用Flexbox布局 */
        justify-content: center; /* 水平居中 */
        flex-wrap: wrap;     /* 允许换行 */
        align-items: center; /* 垂直居中 */
    }
}

/* 顶部信息框列表项的样式 */
ul.top-info-box li {
    position: relative;      /* 相对定位 */
    float: left;             /* 向左浮动 */
    margin-left: 0;          /* 左边距：0 */
    border-right: 1px solid #dedede;        /* 右边框：1像素浅灰色实线 */
    border-right: 1px solid rgba(0, 0, 0, 0.1); /* 右边框：半透明黑色 */
    padding-right: 25px;     /* 右内边距：25像素 */
    margin-right: 25px;      /* 右边距：25像素 */
}

/* 小屏幕下的顶部信息框调整 */
@media (max-width: 767px) {
    ul.top-info-box li {
        border: 0;           /* 移除边框 */
        text-align: center;  /* 文字居中 */
        margin: 0;           /* 移除外边距 */
        flex: 0 0 50%;       /* Flex项目占据50%宽度 */
        padding: 0;          /* 移除内边距 */
        margin-top: 10px;    /* 上边距：10像素 */
    }
}

/* 超小屏幕下的顶部信息框调整 */
@media (max-width: 400px) {
    ul.top-info-box li {
        border: 0;           /* 移除边框 */
        text-align: center;  /* 文字居中 */
        margin: 0;           /* 移除外边距 */
        flex: 0 0 100%;      /* Flex项目占据100%宽度（单列显示） */
        margin-top: 15px;    /* 上边距：15像素 */
    }
}

/* 顶部信息框列表的最后一项 */
ul.top-info-box li:last-child {
    margin-right: 0;         /* 移除右边距 */
    padding-right: 0;        /* 移除右内边距 */
    border-right: 0;         /* 移除右边框 */
}

/* 手动指定的最后一项样式 */
ul.top-info-box li.last {
    border-right: 0;         /* 移除右边框 */
}

/* 信息框内的图标样式 */
ul.top-info-box li .info-box span.info-icon {
    font-size: 20px;         /* 图标字体大小：20像素 */
    display: inline-block;   /* 内联块级元素 */
    text-align: center;      /* 文字居中 */
    margin: 2px 5px 0 0;     /* 外边距：上2px 右5px 下0 左0 */
    position: relative;      /* 相对定位 */
}

/* 信息框内容区域 */
ul.top-info-box li .info-box .info-box-content {
    display: inline-block;   /* 内联块级元素 */
    font-family: "Montserrat", sans-serif; /* 字体家族：Montserrat */
    flex-direction: column;  /* Flex垂直方向排列 */
}

/* 信息框标题 */
ul.top-info-box li .info-box .info-box-title {
    font-size: 14px;         /* 字体大小：14像素 */
    margin-bottom: 8px;      /* 下边距：8像素 */
    line-height: normal;     /* 正常行高 */
}

/* 信息框副标题 */
ul.top-info-box li .info-box .info-box-subtitle {
    margin: 0;               /* 移除外边距 */
    line-height: normal;     /* 正常行高 */
    font-size: 15px;         /* 字体大小：15像素 */
    font-weight: 700;        /* 字体加粗 */
    color: #111;            /* 字体颜色：深黑色 */
}

/*
===============================================================================
 13. 搜索功能样式
===============================================================================
*/

/* 导航栏搜索区域 */
ul.top-info-box > li.nav-search {
    cursor: pointer;         /* 鼠标悬停显示手型 */
    padding-left: 30px;      /* 左内边距：30像素 */
    margin-left: 30px;       /* 左边距：30像素 */
}

/* 搜索区域的分割线 */
ul.top-info-box > li.nav-search:before {
    position: absolute;      /* 绝对定位 */
    content: '';            /* 空内容，用于创建伪元素 */
    background: #ddd;        /* 背景色：浅灰色 */
    left: 0;                 /* 左边距：0 */
    width: 1px;              /* 宽度：1像素 */
    height: 40px;            /* 高度：40像素 */
    top: 50%;                /* 上边距：50%（垂直居中） */
    margin-top: -10px;       /* 上边距负值调整，完全居中 */
}

/* 搜索图标样式 */
ul.top-info-box > li.nav-search i {
    font-size: 20px;         /* 图标字体大小：20像素 */
    top: 10px;               /* 上边距：10像素 */
    position: relative;      /* 相对定位 */
    cursor: pointer;         /* 鼠标悬停显示手型 */
    color: #999;            /* 图标颜色：灰色 */
}

/*
===============================================================================
 14. 主导航系统（包含字体大小修改）
===============================================================================
*/

/* 导航栏切换按钮的第一种样式 */
.navbar-toggler {
    float: left;             /* 向左浮动 */
    margin-top: 10px;        /* 上边距：10像素 */
    padding: 12px;           /* 内边距：12像素 */
}

/* 导航栏容器的基础样式 */
.navbar {
    border-radius: 0;        /* 移除圆角 */
    border: 0;               /* 移除边框 */
    margin-bottom: 0;        /* 移除下边距 */
}

/* 导航栏切换按钮的重写样式 */
.navbar-toggler {
    margin: 10px 0;          /* 上下边距：10像素 */
    padding: 6px;            /* 内边距：6像素 */
    border-radius: 0;        /* 移除圆角 */
    font-size: 1rem;         /* 字体大小：1rem */
    background: #ffb600;     /* 背景色：橙黄色 */
}

/* 导航栏切换按钮的焦点态 */
.navbar-toggler:focus {
    outline: 0;              /* 移除焦点边框 */
}

/* 导航栏切换按钮图标的SVG样式 */
.navbar-dark .navbar-toggler-icon,
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    /* SVG图标：白色三条水平线，30x30像素 */
}

/* 导航栏链接的悬停和激活效果 */
ul.navbar-nav > li:hover > a,
ul.navbar-nav > li.active > a {
    color: #ffb600;          /* 悬停/激活时颜色：橙黄色 */
    position: relative;      /* 相对定位 */
}

/* 导航栏列表项的基础样式 */
ul.navbar-nav > li {
    padding: 0 13px;         /* 左右内边距：13像素 */
    position: relative;      /* 相对定位 */
}

/* 中等屏幕下的导航栏适配（包含字体大小修改） */
@media (max-width: 1200px) {
    ul.navbar-nav > li {
        padding: 0 9px;      /* 减少左右内边距为9像素 */
    }
    ul.navbar-nav > li .nav-link {
        font-size: 14px;     /* 导航栏字体大小：14像素（已从12px修改） */
    }
}

/* 第二种头部样式下的报价按钮 */
.header-two .navbar-nav > .header-get-a-quote {
    top: -4px;               /* 上边距：-4像素，微调位置 */
}

/* 小屏幕下的导航栏调整 */
@media (max-width: 991px) {
    .header-two ul.navbar-nav > li {
        padding: 0;          /* 移除内边距 */
        width: 100%;         /* 宽度：100%，全宽显示 */
    }
}

/* 导航栏最后一个列表项 */
ul.navbar-nav > li:last-child {
    padding-right: 0;        /* 移除右内边距 */
}

/* 导航栏最后一个列表项的伪元素 */
ul.navbar-nav > li:last-child:after {
    background: none;        /* 移除背景 */
}

/* 导航栏链接的悬停和焦点态 */
ul.navbar-nav > li > a:hover,
ul.navbar-nav > li > a:focus {
    background: none;        /* 移除背景色 */
}

/* 导航栏链接内的图标 */
ul.navbar-nav > li > a i {
    font-weight: 700;        /* 图标字体加粗 */
}

/* 小屏幕下的导航栏图标样式 */
@media (max-width: 991px) {
    ul.navbar-nav > li > a i {
        float: right;        /* 向右浮动 */
        background: #222;    /* 背景色：深灰色 */
        padding: 6px 10px;   /* 内边距：6px 10px */
        margin-top: 7px;     /* 上边距：7像素 */
    }
    .header-two ul.navbar-nav > li > a i {
        color: #fff;         /* 第二种头部样式下图标颜色：白色 */
    }
    .header-two ul.navbar-nav > li.active > a i,
    .header-two ul.navbar-nav > li > a.active i {
        color: #ffb600;      /* 激活状态下图标颜色：橙黄色 */
    }
}

/* 移除导航栏链接的伪元素 */
ul.navbar-nav > li > a:after,
ul.navbar-nav > li > a:after {
    display: none;           /* 不显示伪元素 */
}

/* 导航栏主链接的核心样式（包含字体大小修改） */
ul.navbar-nav > li > a {
    font-family: "Montserrat", sans-serif; /* 字体家族：Montserrat */
    color: #fff;             /* 字体颜色：白色 */
    text-rendering: optimizeLegibility;     /* 优化文本渲染 */
    font-weight: 700 !important;           /* 强制设置字体加粗 */
    text-transform: uppercase;              /* 文字转换为大写 */
    letter-spacing: -.2px;   /* 字母间距：-0.2像素 */
    font-size: 16px;         /* 字体大小：16像素（已从14px修改） */
    margin: 0;               /* 移除外边距 */
    line-height: 40px;       /* 行高：40像素 */
    padding: 30px 0;         /* 上下内边距：30像素 */
    transition: 350ms;       /* 过渡效果：350毫秒 */
}

/* 浅色主题下的导航栏样式（包含字体大小修改） */
.navbar-light ul.navbar-nav > li > a,.navbar-light .navbar-nav .nav-link {
    color: #000;             /* 字体颜色：黑色 */
    font-size: 20px;         /* 字体大小：20像素（已从13px修改） */
}

/*
 * 注释掉的浅色主题激活态样式
 * 可能用于未来的扩展
 */
/*.navbar-light ul.navbar-nav > li.active  > a {*/
/*    */
/*}*/

/*
===============================================================================
 15. 下拉菜单系统
===============================================================================
*/

/* 下拉子菜单容器 */
.dropdown-submenu {
    position: relative;      /* 相对定位，作为子菜单的参考 */
}

/* 下拉子菜单的菜单位置 */
.dropdown-submenu > .dropdown-menu {
    top: 0;                  /* 顶部对齐 */
    left: 100%;              /* 左边距100%，在右侧显示 */
    margin-top: -2px;        /* 上边距-2像素，微调对齐 */
    border-radius: 0;        /* 移除圆角 */
}

/* 下拉子菜单的箭头指示器 */
.dropdown-submenu > a:after {
    display: block;          /* 块级元素 */
    content: "\f105";        /* FontAwesome右箭头图标 */
    font-family: "Font Awesome 5 Free"; /* FontAwesome字体 */
    float: right;            /* 向右浮动 */
    margin-top: 0;           /* 上边距：0 */
    margin-right: -5px;      /* 右边距-5像素，调整位置 */
    border: 0;               /* 移除边框 */
}

/* 下拉子菜单悬停时的箭头颜色 */
.dropdown-submenu:hover > a:after {
    border-left-color: #fff; /* 左边框颜色：白色 */
}

/* 下拉菜单的主要样式 */
.dropdown-menu {
    text-align: left;        /* 文字左对齐 */
    background: #fff;        /* 背景色：白色 */
    z-index: 100;            /* 层级：100 */
    min-width: 200px;        /* 最小宽度：200像素 */
    border-radius: 0;        /* 移除圆角 */
    border: 0;               /* 移除边框 */
    border-top: 2px solid #ffb600; /* 顶部边框：2像素橙黄色 */
    padding: 0 20px;         /* 左右内边距：20像素 */
    margin: 0;               /* 移除外边距 */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); /* 阴影效果 */
}

/* 小屏幕下的下拉菜单阴影调整 */
@media (max-width: 991px) {
    .dropdown-menu {
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05); /* 减轻阴影效果 */
    }
}

/* 大型下拉菜单 */
.dropdown-menu-large {
    min-width: 400px;        /* 最小宽度：400像素 */
}

/* 大型下拉菜单内的子列表 */
.dropdown-menu-large > li > ul {
    padding: 0;              /* 移除内边距 */
    margin: 0;               /* 移除外边距 */
    list-style: none;        /* 移除列表标记 */
}

/* 大型下拉菜单子项链接 */
.dropdown-menu-large > li > ul > li > a {
    padding-left: 0;         /* 左内边距：0 */
}

/* 大型下拉菜单激活项 */
.dropdown-menu-large > li > ul > li.active > a {
    color: #ffb600 !important; /* 强制设置激活颜色为橙黄色 */
}

/* 导航栏下拉菜单链接 */
.navbar-nav > li > .dropdown-menu a {
    background: none;        /* 移除背景 */
}

/* 下拉菜单列表项链接的详细样式 */
.dropdown-menu li a {
    font-family: "Montserrat", sans-serif; /* 字体家族：Montserrat */
    display: block;          /* 块级元素 */
    font-size: 12px;         /* 字体大小：12像素 */
    text-transform: uppercase; /* 文字转换为大写 */
    font-weight: 700;        /* 字体加粗 */
    line-height: normal;     /* 正常行高 */
    text-decoration: none;   /* 移除下划线 */
    padding: 15px 0;         /* 上下内边距：15像素 */
    letter-spacing: .3px;    /* 字母间距：0.3像素 */
    border-bottom: 1px solid #e5e5e5; /* 下边框：1像素浅灰色 */
    color: #333333;         /* 字体颜色：深灰色 */
}

/* 小屏幕下的下拉菜单项调整 */
@media (max-width: 991px) {
    .dropdown-menu li a {
        padding: 12px 0;     /* 减小上下内边距为12像素 */
    }
}

/* 下拉菜单最后一项 */
.dropdown-menu li:last-child > a {
    border-bottom: 0;        /* 移除最后一项的下边框 */
}

/* 下拉菜单项的悬停和焦点效果 */
.dropdown-menu li a:hover,
.dropdown-menu li a:focus {
    color: #ffb600;          /* 悬停/焦点时颜色：橙黄色 */
}

/* 桌面端下拉菜单悬停显示 */
@media (min-width: 991px) {
    ul.nav li.dropdown:hover ul.dropdown-menu {
        display: block;      /* 悬停时显示下拉菜单 */
    }
}

/* 桌面端多级下拉菜单 */
@media (min-width: 991px) {
    ul.nav li.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu {
        left: 100%;          /* 左边距100%，在右侧显示 */
        top: 0;              /* 顶部对齐 */
        display: none;       /* 默认隐藏 */
    }
    ul.nav li.dropdown ul.dropdown-menu li.dropdown-submenu:hover .dropdown-menu {
        display: block;      /* 悬停时显示子菜单 */
    }
}

/* 下拉菜单激活项的样式 */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > .dropdown-menu > .active > a {
    background: none;        /* 移除背景 */
    color: #ffb600;         /* 激活颜色：橙黄色 */
}

/*-- Nav Search start --*/
.site-navigation .container,
.search-area {
    position: relative;
}

.search-area {
    min-height: 70px;
    padding-right: 0;
}

.nav-search {
    position: absolute;
    cursor: pointer;
    top: 22px;
    right: 0;
}

@media (max-width: 991px) {
    .nav-search {
        top: 17px;
    }
}

.search-block {
    background-color: #ededec;
    box-shadow: 0 2px 5px rgba(255, 255, 255, 0.1);
    display: none;
    padding: 10px;
    position: absolute;
    right: 15px;
    top: 100%;
    width: 300px;
    z-index: 10;
    margin-top: 0;
}

@media (max-width: 991px) {
    .search-block {
        top: 58px;
    }
}

.search-block .form-control {
    background-color: #ffffff;
    border: none;
    width: 100%;
    height: 40px;
    padding: 0 12px;
}

.search-block .search-close {
    position: absolute;
    top: -56px;
    font-size: 32px;
    cursor: pointer;
    background: #ffffff;
    padding: 5px;
}

/* 移动端搜索关闭按钮位置调整 */
@media (max-width: 991px) {
    .search-block .search-close {
        top: -46px;          /* 移动端关闭按钮向上偏移46像素 */
    }
}

/* 搜索区域的导航搜索定位 */
.search-area .nav-search {
    top: 23px;              /* 从顶部向下偏移23像素 */
}

/* 搜索区域的关闭按钮定位 */
.search-area .search-block .search-close {
    top: -50px;             /* 关闭按钮向上偏移50像素 */
}

/* 搜索区域搜索块的右对齐 */
.search-area .search-block {
    right: 0;               /* 右对齐到容器边缘 */
}

/* ==================== 获取报价按钮系统 ==================== */
/* 头部获取报价按钮的主要样式 */
.header-get-a-quote .btn-primary {
    padding: 12px 25px !important;    /* 内边距：上下12px，左右25px */
    font-size: 13px;                  /* 字体大小：13像素 */
    border-radius: 3px;               /* 圆角半径：3像素 */
    line-height: normal;              /* 行高：正常 */
    text-transform: capitalize;       /* 文字转换：首字母大写 */
    color: #fff;                      /* 字体颜色：白色 */
    margin-top: 5px;                  /* 上外边距：5像素 */
}

/* 大屏幕设备（1200px以下）的获取报价按钮调整 */
@media (max-width: 1200px) {
    .header-get-a-quote .btn-primary {
        padding: 12px !important;     /* 减少内边距为12px */
    }
}

/* 平板设备（991px以下）的获取报价按钮调整 */
@media (max-width: 991px) {
    .header-get-a-quote .btn-primary {
        padding: 12px 30px !important; /* 恢复左右内边距为30px */
    }
}

/* 获取报价按钮的悬停效果 */
.header-get-a-quote .btn-primary:hover {
    background: #272d33;              /* 悬停背景色：深灰色 */
    color: #172a46 !important;        /* 悬停字体色：新主色调 */
}

/* 获取报价导航项悬停时的伪元素清除 */
ul.navbar-nav > li.header-get-a-quote:hover > a:after {
    position: relative;               /* 相对定位 */
    content: no-close-quote;          /* 移除引号内容 */
}

/* ==================== 目录索引 ==================== */
/* Table of Content
==================================================
1.    Slider               - 首页轮播图系统
2.    Call to action       - 行动召唤区域
3.    Features             - 特色功能展示
4.    Facts                - 数据事实展示
5.    Services             - 服务项目展示
6.   Project area          - 项目案例展示
7.   Content area          - 主要内容区域
8.   Testimonial           - 客户证言区域
9.   Subscribe area        - 订阅区域
10.   News section         - 新闻资讯区域
11.   Footer               - 底部区域
12.   Sub Pages            - 子页面样式
13.   Contact Us           - 联系我们页面
14.   News Listing         - 新闻列表页
15.   News Single          - 新闻详情页
16.   Sidebar              - 侧边栏样式
17.   Error page           - 错误页面
*/

/* ==================== 1. 首页轮播图系统 ==================== */
/* 主轮播图容器 */
.banner-carousel .banner-carousel-item {
    height: 700px;                    /* 轮播图高度：700像素 */
    color: #fff;                      /* 文字颜色：白色 */
    background-position: 50% 50%;     /* 背景图片居中对齐 */
    background-size: cover;           /* 背景图片覆盖整个区域 */
}

/* 平板设备（991px以下）轮播图高度调整 */
@media (max-width: 991px) {
    .banner-carousel .banner-carousel-item {
        height: 550px;                /* 平板设备高度：550像素 */
    }
}

/* 手机设备（575px以下）轮播图高度调整 */
@media (max-width: 575px) {
    .banner-carousel .banner-carousel-item {
        height: 450px;                /* 手机设备高度：450像素 */
    }
}

/* 轮播图内容容器 */
.slider-content {
    position: relative;               /* 相对定位 */
    height: 100%;                     /* 高度占满父元素 */
    width: 100%;                      /* 宽度占满父元素 */
}

/* 轮播图标签框 */
.slide-title-box {
    font-size: 16px;                  /* 字体大小：16像素 */
    line-height: 39px;                /* 行高：39像素 */
    background: #ffb600;              /* 背景色：金黄色 */
    color: #fff;                      /* 字体颜色：白色 */
    display: inline-block;            /* 内联块元素显示 */
    padding: 0 15px;                  /* 左右内边距：15像素 */
    margin: 0 0 10px;                 /* 下外边距：10像素 */
}

/* 轮播图主标题 */
.slide-title {
    font-size: 30px;                  /* 字体大小：30像素 */
    line-height: 36px;                /* 行高：36像素 */
    font-weight: 300;                 /* 字体粗细：轻细 */
    color: #fff;                      /* 字体颜色：白色 */
    margin: 20px 0 10px;              /* 上下外边距：20px和10px */
}

/* 平板设备主标题字体调整 */
@media (max-width: 991px) {
    .slide-title {
        font-size: 22px;              /* 平板设备字体：22像素 */
    }
}

/* 手机设备主标题字体调整 */
@media (max-width: 575px) {
    .slide-title {
        font-size: 16px;              /* 手机设备字体：16像素 */
    }
}

/* 轮播图副标题（大号标题） */
.slide-sub-title {
    font-style: normal;               /* 字体样式：正常 */
    font-size: 60px;                  /* 字体大小：60像素 */
    line-height: 58px;                /* 行高：58像素 */
    margin: 20px 0;                   /* 上下外边距：20像素 */
    color: #fff;                      /* 字体颜色：白色 */
    font-weight: 900;                 /* 字体粗细：超粗 */
    text-transform: uppercase;        /* 文字转换：大写 */
    letter-spacing: -1px;             /* 字母间距：-1像素 */
}

/* 平板设备副标题字体调整 */
@media (max-width: 991px) {
    .slide-sub-title {
        font-size: 46px;              /* 平板设备副标题：46像素 */
    }
}

/* 手机设备副标题字体调整 */
@media (max-width: 575px) {
    .slide-sub-title {
        font-size: 30px;              /* 手机设备副标题：30像素 */
        line-height: 30px;            /* 手机设备行高：30像素 */
    }
}

/* 轮播图文本内容区域 */
.slider-text {
    display: table;                   /* 表格显示模式 */
    vertical-align: bottom;           /* 垂直对齐：底部 */
    color: #fff;                      /* 字体颜色：白色 */
    padding-left: 40%;                /* 左内边距：40% */
    width: 100%;                      /* 宽度：100% */
    padding-bottom: 0;                /* 下内边距：0 */
    padding-top: 20px;                /* 上内边距：20像素 */
}

/* 轮播图主要标题 */
.slider-text .slide-head {
    font-size: 36px;                  /* 字体大小：36像素 */
    color: #0052a5;                   /* 字体颜色：蓝色 */
    position: relative;               /* 相对定位 */
}

/* 轮播图图片容器 */
.slider-img {
    display: block;                   /* 块级元素显示 */
    position: absolute;               /* 绝对定位 */
    top: -80px;                       /* 从顶部向上偏移80像素 */
    left: 20%;                        /* 从左侧偏移20% */
    width: 314px;                     /* 固定宽度：314像素 */
    max-height: 100%;                 /* 最大高度：100% */
}

/* 轮播图内部图片 */
.slider-img img {
    display: block;                   /* 块级元素显示 */
    position: relative;               /* 相对定位 */
    max-height: 100%;                 /* 最大高度：100% */
    width: auto;                      /* 宽度自适应 */
}

/* 轮播图按钮 */
.slider.btn {
    margin: 15px 5px 0;               /* 外边距：上15px，左右5px */
    border: 2px solid transparent;    /* 透明边框：2像素 */
}

/* 手机设备轮播图按钮调整 */
@media (max-width: 575px) {
    .slider.btn {
        font-size: 12px;              /* 手机设备按钮字体：12像素 */
    }
}

/* 轮播图边框按钮 */
.slider.border {
    background: none;                 /* 无背景 */
    border: 2px solid #ffb600 !important; /* 金黄色边框：2像素 */
}

.slider.border:hover {
    background: #172a46;
    border: 2px solid transparent;
}

/* Carousel control */
.banner-carousel .carousel-control {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: transparent;
    opacity: 0;
    filter: alpha(opacity=0);
    text-shadow: none;
    transition: all .25s ease;
    padding: 0;
    outline: 0;
    border: 0;
}

@media (max-width: 575px) {
    .banner-carousel .carousel-control {
        display: none !important;
    }
}

.banner-carousel .slick-dots {
    opacity: 0;
/* 轮播图点指示器的透明度控制 */
    opacity: 0;                       /* 初始透明度：0（隐藏） */
    filter: alpha(opacity=0);         /* IE兼容性透明度控制 */
    bottom: 60px;                     /* 距离底部：60像素 */
}

/* 轮播图点指示器按钮的伪元素样式 */
.slick-dots li button::before {
    font-size: 12px;                  /* 点指示器字体大小：12像素 */
}

/* 轮播图点指示器的悬停和活跃状态 */
.slick-dots li button:hover:before, .slick-dots .slick-dots li button:focus:before,
.slick-dots li.slick-active button:before {
    opacity: 1;                       /* 悬停和活跃时完全不透明 */
    color: #ffb600;                   /* 颜色变为金黄色 */
}

/* 轮播图项目的轮廓线去除 */
.slick-slide {
    outline: 0;                       /* 去除默认轮廓线 */
}

/* 轮播图悬停时显示控制器和点指示器 */
.banner-carousel:hover .carousel-control,
.banner-carousel:hover .carousel-control,
.banner-carousel:hover .slick-dots {
    opacity: 1;                       /* 悬停时显示控制元素 */
    filter: alpha(opacity=100);       /* IE兼容性完全不透明 */
}

/* 轮播图左控制器位置 */
.banner-carousel .carousel-control.left {
    left: 20px;                       /* 距离左侧：20像素 */
}

/* 轮播图右控制器位置 */
.banner-carousel .carousel-control.right {
    right: 20px;                      /* 距离右侧：20像素 */
}

/* 轮播图控制器图标样式 */
.banner-carousel .carousel-control i {
    background: rgba(0, 0, 0, 0.3);   /* 半透明黑色背景 */
    color: #fff;                      /* 白色图标 */
    line-height: 58px;                /* 行高：58像素 */
    width: 60px;                      /* 宽度：60像素 */
    height: 60px;                     /* 高度：60像素 */
    font-size: 22px;                  /* 图标字体大小：22像素 */
    border-radius: 0;                 /* 无圆角 */
    transition: all 500ms ease;       /* 500毫秒平滑过渡效果 */
}

/* 轮播图控制器图标悬停效果 */
.banner-carousel .carousel-control i:hover {
    background: #ffb600;              /* 悬停背景色：金黄色 */
    color: #fff;                      /* 保持白色图标 */
}

/* 轮播图动画元素的初始状态 */
.banner-carousel [data-animation-in] {
    opacity: 0;                       /* 动画元素初始为隐藏状态 */
}

/* ==================== 盒式轮播图系统 ==================== */
/* 盒式轮播图内容容器 */
.box-slider-content {
    top: 50%;                         /* 从顶部偏移50%位置 */
    padding: 0;                       /* 无内边距 */
    position: absolute;               /* 绝对定位 */
    width: 100%;                      /* 宽度：100% */
    -webkit-transform: translateY(-50%); /* WebKit内核垂直居中 */
    transform: translateY(-50%);      /* 标准垂直居中变换 */
}

/* 小屏幕设备（767px以下）盒式轮播图调整 */
@media (max-width: 767px) {
    .box-slider-content {
        top: auto;                    /* 自动顶部定位 */
        -webkit-transform: translateY(0); /* 取消WebKit变换 */
        transform: translateY(0);     /* 取消标准变换 */
        left: 20px;                   /* 左侧边距：20像素 */
        bottom: 40px;                 /* 底部边距：40像素 */
        width: calc(100% - 40px);     /* 宽度减去左右边距 */
    }
}

/* 盒式轮播图文本容器 */
.box-slider-text {
    background: rgba(52, 52, 52, 0.6) !important;  /* 更深的灰色半透明背景，透明度0.75 */
    display: inline-block;            /* 内联块元素显示 */
    padding: 20px 30px;               /* 内边距：上下20px，左右30px */
    max-width: 650px;                 /* 最大宽度：650像素 */
    border-radius: 8px !important;              /* 圆角：8像素 */
    backdrop-filter: blur(15px) !important;      /* 背景模糊效果 */
    -webkit-backdrop-filter: blur(15px) !important; /* WebKit背景模糊效果 */
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important; /* 阴影效果 */
    border: 1px solid rgba(255, 255, 255, 0.3) !important; /* 边框增强层次感 */
}

/* 盒式轮播图标题 */
.box-slide-title {
    font-size: 18px;                  /* 字体大小：18像素 */
    font-weight: 300;                 /* 字体粗细：轻细 */
    margin: 0;                        /* 无外边距 */
    color: #6c757d !important;                   /* 字体颜色：浅灰色 */
}

/* 小屏幕设备盒式轮播图标题调整 */
@media (max-width: 767px) {
    .box-slide-title {
        font-size: 16px;              /* 小屏幕标题字体：16像素 */
        color: #6c757d;               /* 字体颜色：浅灰色 */
    }
}

/* 盒式轮播图副标题 */
.box-slide-sub-title {
    font-size: 30px;                  /* 字体大小：30像素 */
    margin: 8px 0 10px;               /* 上下外边距：8px和10px */
    color: #2c3e50 !important;                   /* 字体颜色：深蓝灰色 */
    font-weight: 700;                 /* 字体加粗 */
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5); /* 白色文字阴影 */
}

/* 小屏幕设备盒式轮播图副标题调整 */
@media (max-width: 767px) {
    .box-slide-sub-title {
        font-size: 26px;              /* 小屏幕副标题字体：26像素 */
        color: #2c3e50;               /* 字体颜色：深蓝灰色 */
        font-weight: 700;             /* 字体加粗 */
        text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5); /* 白色文字阴影 */
    }
}

/* 盒式轮播图描述文本 */
.box-slide-description {
    color: #495057 !important;                   /* 字体颜色：中灰色 */
    font-weight: 500;                 /* 字体加粗 */
    line-height: 1.6;                 /* 行高：1.6 */
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3); /* 白色文字阴影 */
}

/* 小屏幕设备盒式轮播图描述调整 */
@media (max-width: 767px) {
    .box-slide-description {
        font-size: 15px;              /* 小屏幕描述字体：15像素 */
        color: #495057;               /* 字体颜色：中灰色 */
        font-weight: 500;             /* 字体加粗 */
        text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3); /* 白色文字阴影 */
    }
}

/* 盒式轮播图按钮 */
.box-slider-text .btn {
    padding: 5px 15px;                /* 按钮内边距：上下5px，左右15px */
}

/* Owl Carousel控制器边距调整 */
.box-slide.owl-theme .owl-controls {
    margin: -20px;                    /* 负外边距：-20像素 */
}

/* ==================== 2. 行动召唤区域 ==================== */
/* 行动召唤主容器 */
.call-to-action {
    background-color: #272d33;        /* 背景色：深灰色 */
    padding: 30px;                   /* 内边距：30像素 */
}

/* 行动召唤标题 */
.call-to-action-title {
    color: #fff;                      /* 字体颜色：白色 */
    margin: 0;                        /* 无外边距 */
    padding: 25px 0;                  /* 上下内边距：25像素 */
    line-height: normal;              /* 行高：正常 */
    font-size: 22px;                  /* 字体大小：22像素 */
    text-transform: capitalize;       /* 文字转换：首字母大写 */
}

/* 行动样式盒子 */
.call-to-action-box {
    margin-top: -50px;                /* 向上偏移50像素 */
}

/* 行动样式盒子内容 */
.call-to-action-box .action-style-box {
    background: #ffb600;              /* 背景色：金黄色 */
    padding: 30px;                    /* 内边距：30像素 */
}

/* 行动标题 */
.action-title {
    color: #fff;                      /* 字体颜色：白色 */
    margin: 0;                        /* 无外边距 */
    line-height: 36px;                /* 行高：36像素 */
    font-size: 18px;                  /* 字体大小：18像素 */
    text-transform: uppercase;        /* 文字转换：大写 */
}

/* ==================== 3. 介绍区域和特色功能 ==================== */
/* 介绍区域主容器 */
.ts-intro {
    padding-right: 20px;              /* 右内边距：20像素 */
}

/* 介绍区域主标题 */
.into-title {
    font-weight: 300;                 /* 字体粗细：轻细 */
    text-transform: uppercase;        /* 文字转换：大写 */
    font-size: 18px;                  /* 字体大小：18像素 */
    line-height: normal;              /* 行高：正常 */
    margin: 0;                        /* 无外边距 */
}

/* 介绍区域副标题 */
.into-sub-title {
    font-weight: 900;                 /* 字体粗细：超粗 */
    text-transform: uppercase;        /* 文字转换：大写 */
    font-size: 32px;                  /* 字体大小：32像素 */
    line-height: normal;              /* 行高：正常 */
    margin: 10px 0;                   /* 上下外边距：10像素 */
}

/* ==================== 特色标签页系统 ==================== */
/* 特色标签页主容器 */
.featured-tab {
    padding-left: 15px;               /* 左内边距：15像素 */
}

/* 特色标签页导航标签 */
.featured-tab .nav-tabs {
    border: 0;                        /* 无边框 */
}

/* 特色标签页导航链接 */
.featured-tab .nav-tabs > li > a {
    font-family: 'Roboto Slab', serif; /* 字体家族：Roboto Slab衣线体 */
    background: #272d33;              /* 背景色：深灰色 */
    color: #fff;                      /* 字体颜色：白色 */
    text-shadow: none;                /* 无文字阴影 */
    font-weight: 700;                 /* 字体粗细：粗体 */
    border-radius: 0;                 /* 无圆角 */
    text-transform: uppercase;        /* 文字转换：大写 */
    line-height: 50px;                /* 行高：50像素 */
    margin: 0 1px 20px;               /* 外边距：右1px，下20px */
    padding: 0 20px;                  /* 左右内边距：20像素 */
    border: 0 !important;             /* 强制无边框 */
    transition: all 300ms ease;       /* 300毫秒平滑过渡 */
}

/* 特色标签页内容区域 */
.featured-tab .tab-content {
    border-top: 0;                    /* 无顶部边框 */
    padding: 0;                       /* 无内边距 */
    overflow: hidden;                 /* 隐藏溢出内容 */
}

/* 特色标签页导航容器 */
.featured-tab .nav.nav-tabs {
    margin-bottom: 10px;              /* 下外边距：10像素 */
}

/* 特色标签页活跃标签 */
.featured-tab .nav-tabs > li.active > a {
    color: #fff;                      /* 活跃标签字体：白色 */
    background: #ffb600;              /* 活跃标签背景：金黄色 */
    position: relative;               /* 相对定位 */
}

/* 特色标签页活跃标签的下向箭头 */
.featured-tab .nav-tabs > li.active > a:after {
    position: absolute;               /* 绝对定位 */
    content: " ";                     /* 空内容 */
    width: auto;                      /* 自动宽度 */
    height: auto;                     /* 自动高度 */
    bottom: -20px;                    /* 距离底部-20像素 */
    left: 50%;                        /* 左侧位置50% */
    border-width: 10px;               /* 边框宽度：10像素 */
    border-style: solid;              /* 实线边框 */
    border-color: #ffb600 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); /* 上边框金黄色，其他透明 */
    -webkit-transform: translateX(-50%); /* WebKit水平居中 */
    transform: translateX(-50%);      /* 标准水平居中 */
}

/* 特色标签页引导段落 */
.featured-tab .lead {
    font-size: 18px;                  /* 字体大小：18像素 */
    line-height: 28px;                /* 行高：28像素 */
    color: #303030;                   /* 字体颜色：深灰色 */
    font-weight: 400;                 /* 字体粗细：正常 */
}

/* 特色标签页图片左对齐 */
.featured-tab .tab-pane img.pull-left {
    margin: 0 30px 10px 0;            /* 外边距：右30px，下10px */
}

/* 特色标签页图片右对齐 */
.featured-tab .tab-pane img.pull-right {
    margin: 0 0 0 30px;               /* 左外边距：30像素 */
}

/* 特色标签页图标大小 */
.featured-tab .tab-icon i {
    font-size: 230px;                 /* 大型图标字体：230像素 */
}

/* 标签页图片内容区域 */
.tab-image-content {
    padding-left: 0;                  /* 无左内边距 */
}

/* 特色标签页边框标题 */
.featured-tab .border-title.border-left {
    display: inline-block;            /* 内联块元素显示 */
    margin-bottom: 25px;              /* 下外边距：25像素 */
    font-size: 20px;                  /* 字体大小：20像素 */
}

/* 服务标签页变体 */
.featured-tab.tab-services .nav-tabs > li > a {
    font-size: 14px;                  /* 服务标签字体：14像素 */
    padding: 0 21px;                  /* 左右内边距：21像素 */
    text-transform: capitalize;       /* 文字转换：首字母大写 */
}

/* 服务标签页导航边距 */
.featured-tab.tab-services .nav.nav-tabs {
    margin-bottom: 20px;              /* 下外边距：20像素 */
}

/* ==================== 4. 数据事实展示 ==================== */
/* 数据事实容器 */
.facts-wrapper {
    text-align: center;               /* 文本居中对齐 */
}

/* 数据事实主容器 */
.facts-wrapper .ts-facts {
    color: #fff;                      /* 字体颜色：白色 */
}

/* 数据事实图标 */
.ts-facts .ts-facts-icon i {
    font-size: 42px;                  /* 图标字体大小：42像素 */
    color: #ffb600;                   /* 图标颜色：金黄色 */
}

/* 数据事实数字 */
.ts-facts .ts-facts-content .ts-facts-num {
    color: #fff;                      /* 数字颜色：白色 */
    font-size: 44px;                  /* 数字字体大小：44像素 */
    margin: 30px 0 20px;              /* 上下外边距：30px和20px */
}

/* 数据事实标题 */
.ts-facts .ts-facts-content .ts-facts-title {
    font-size: 16px;                  /* 标题字体大小：16像素 */
    color: #ffb600;                   /* 标题颜色：金黄色 */
    margin: 0;                        /* 无外边距 */
}

/* ==================== 5. 服务项目展示 ==================== */
/* 服务盒子图标 */
.ts-service-box .ts-service-icon i {
    font-size: 36px;                  /* 服务图标字体大小：36像素 */
    float: left;                      /* 左浮动 */
    color: #ffb600;                   /* 图标颜色：金黄色 */
}

/* 服务盒子内容区域 */
.ts-service-box .ts-service-box-content {
    margin-left: 62px;                /* 左外边距：62像素 */
    margin-bottom: 30px;              /* 下外边距：30像素 */
}

/* 标签页内的服务盒子内容 */
.tab-content .ts-service-box .ts-service-box-content {
    margin-left: 90px;                /* 标签页左外边距：90像素 */
}

/* 服务盒子标题 */
.ts-service-box .ts-service-box-content h3 {
    font-size: 16px;                  /* 标题字体大小：16像素 */
    margin-bottom: 10px;              /* 下外边距：10像素 */
    line-height: 28px;                /* 行高：28像素 */
}

/* 服务盒子信息区域 */
.ts-service-box .ts-service-box-info {
    margin-left: 25px;                /* 左外边距：25像素 */
    margin-bottom: 40px;              /* 下外边距：40像素 */
}

/* 服务盒子标题样式 */
.service-box-title {
    font-size: 16px;                  /* 标题字体大小：16像素 */
    margin: 0 0 10px;                 /* 下外边距：10像素 */
}

/* 服务盒子标题链接 */
.service-box-title a {
    color: #333;                      /* 链接颜色：深灰色 */
}

/* 服务盒子标题链接悬停效果 */
.service-box-title a:hover {
    color: #ffb600;                   /* 悬停颜色：金黄色 */
}

/* 服务盒子背景样式 */
.ts-service-box-bg {
    background: #252525;              /* 背景色：深灰色 */
    color: #fff;                      /* 字体颜色：白色 */
    padding: 30px;                    /* 内边距：30像素 */
}

/* 服务盒子背景样式标题 */
.ts-service-box-bg h4,
.ts-service-box-bg h3 {
    color: #fff;                      /* 标题颜色：白色 */
}

/* 圆形图标服务样式 */
.ts-service-icon.icon-round i {
    font-size: 24px;                  /* 图标字体大小：24像素 */
    color: #fff;                      /* 图标颜色：白色 */
    background: #ffb600;              /* 背景色：金黄色 */
    text-align: center;               /* 文本居中对齐 */
    border-radius: 100%;              /* 圆形边框 */
    width: 60px;                      /* 宽度：60像素 */
    height: 60px;                     /* 高度：60像素 */
    line-height: 60px;                /* 行高：60像素（垂直居中） */
    margin-bottom: 20px;              /* 下外边距：20像素 */
    position: relative;               /* 相对定位 */
    float: none;                      /* 取消浮动 */
}

/* 左对齐图标服务样式 */
.ts-service-box.icon-left .ts-service-box-icon {
    float: left;                      /* 图标容器左浮动 */
}

/* 左对齐图标服务图标样式 */
.ts-service-box.icon-left .ts-service-box-icon i {
    background: #ffb600;              /* 图标背景：金黄色 */
    color: #fff;                      /* 图标颜色：白色 */
}

/* 左对齐图标服务信息区域 */
.ts-service-box.icon-left .ts-service-box-info {
    margin-left: 90px;                /* 左外边距：90像素 */
}

/* 左对齐图标服务信息标题 */
.ts-service-box.icon-left .ts-service-box-info h3 {
    margin-top: 0;                    /* 无上外边距 */
    margin-bottom: 5px;               /* 下外边距：5像素 */
}

/* 服务编号样式 */
.service-no {
    font-size: 48px;                  /* 编号字体大小：48像素 */
    color: #dbdbdb;                   /* 编号颜色：浅灰色 */
    float: left;                      /* 左浮动 */
    margin-top: 10px;                 /* 上外边距：10像素 */
}

/* 服务盒子内容信息区域 */
.ts-service-box-content .ts-service-box-info {
    margin-left: 90px;                /* 左外边距：90像素 */
}

/* 服务图片容器 */
.ts-service-image-wrapper {
    margin-bottom: 30px;              /* 下外边距：30像素 */
}

/* 服务图标基础样式 */
.ts-service-icon i {
    font-size: 28px;                  /* 图标字体大小：28像素 */
    margin-right: 15px;               /* 右外边距：15像素 */
    margin-top: 2px;                  /* 上外边距：2像素 */
}

/* 服务信息区域 */
.ts-service-info {
    margin-left: 30px;                /* 左外边距：30像素 */
}

/* 服务信息标题 */
.ts-service-info h3 {
    font-size: 16px;                  /* 标题字体大小：16像素 */
}

/* 服务信息“了解更多”链接 */
.ts-service-info .learn-more {
    text-transform: uppercase;        /* 文字转换：大写 */
    font-size: 14px;                  /* 字体大小：14像素 */
    font-weight: 600;                 /* 字体粗细：粗体 */
}

/* 服务信息“了解更多”链接悬停效果 */
.ts-service-info .learn-more:hover {
    color: #ffb600;                   /* 悬停颜色：金黄色 */
}

/* Service Classic */
.ts-service-classic .ts-service-icon i {
    font-size: 24px;
    float: left;
    color: #fff;
    background: #172a46;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    transition: all 0.3s;
}

.ts-service-classic .ts-service-box-info {
    margin-left: 80px;
}

.ts-service-classic:hover .ts-service-icon i {
    background: #172a46;
}

/* Projects area
================================================== */
/* Project filter nav */
.shuffle-btn-group {
    display: inline-block;
    margin: 20px 0 50px;
    width: 100%;
    border-bottom: 3px solid #ffb600;
}

.shuffle-btn-group li {
    display: inline-block;
    color: #212121;
    font-size: 14px;

    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.3s;
    cursor: pointer;
    margin: 0;
}

.shuffle-btn-group li a.active {
    color: #212121;
    background: #172a46;
}
.shuffle-btn-group li a {
    display: block;
    padding: 6px 25px;
    padding-top: 10px;
}

/* Project shuffle Item */
.shuffle-item {
    padding: 0;
}

.shuffle-item .project-img-container {
    position: relative;
    overflow: hidden;
    height: 300px;
    width: 100%;
}
.project-img-container .item-info-title {
    background: #103230;
    color: #ffffff;
    position: absolute;
    z-index: 99;
    left: 20px;
    top: 20px;
    padding: 3px 10px 2px;
    font-size: 12px;
    line-height: 1.5;
}

.shuffle-item .project-img-container img {
    -webkit-transform: perspective(1px) scale3d(1.1, 1.1, 1);
    transform: perspective(1px) scale3d(1.1, 1.1, 1);
    transition: all 400ms;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.shuffle-item .project-img-container:hover img {
    -webkit-transform: perspective(1px) scale3d(1.15, 1.15, 1);
    transform: perspective(1px) scale3d(1.15, 1.15, 1);
}

.shuffle-item .project-img-container:after {
    opacity: 0;
    position: absolute;
    content: '';
    top: 0;
    right: auto;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 400ms;
}

.shuffle-item .project-img-container:hover:after {
    opacity: 1;
}

.shuffle-item .project-img-container .gallery-popup .gallery-icon {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 101;
    padding: 5px 12px;
    background: #172a46;
    color: #fff;
    opacity: 0;
    -webkit-transform: perspective(1px) scale3d(0, 0, 0);
    transform: perspective(1px) scale3d(0, 0, 0);
    transition: all 400ms;
}

.shuffle-item .project-img-container:hover .gallery-popup .gallery-icon {
    opacity: 1;
    -webkit-transform: perspective(1px) scale3d(1, 1, 1);
    transform: perspective(1px) scale3d(1, 1, 1);
}

.shuffle-item .project-img-container .project-item-info {
    position: absolute;
    top: 50%;
    margin-top: -10%;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 30px;
    z-index: 101;
}

.shuffle-item .project-img-container .project-item-info-content {
    opacity: 0;
    -webkit-transform: perspective(1px) translate3d(0, 15px, 0);
    transform: perspective(1px) translate3d(0, 15px, 0);
    transition: all 400ms;
}

.shuffle-item .project-img-container .project-item-info-content .project-item-title {
    font-size: 20px;
}

.shuffle-item .project-img-container .project-item-info-content .project-item-title a {
    color: #fff;
}

.shuffle-item .project-img-container .project-item-info-content .project-item-title a:hover {
    color: #172a46;
}

.shuffle-item .project-img-container .project-item-info-content .project-cat {
    background: #172a46;
    display: inline-block;
    padding: 2px 8px;
    font-weight: 700;
    color: #000;
    font-size: 10px;
    text-transform: uppercase;
}

.shuffle-item .project-img-container:hover .project-item-info-content {
    opacity: 1;
    -webkit-transform: perspective(1px) translate3d(0, 0, 0);
    transform: perspective(1px) translate3d(0, 0, 0);
}

.general-btn .btn-primary:hover {
    background: #000;
}

/* Project owl */
.owl-theme.project-slide {
    margin-top: 60px;
}

.project-slide .item {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.project-item img {
    width: 100%;
    max-width: auto;
    transition: all 0.6s ease 0s;
}

.project-item:hover img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.project-item-content {
    position: absolute;
    bottom: -1px;
    padding: 15px 20px;
    width: 100%;
    background: #172a46;
}

.owl-theme.project-slide .owl-nav > div {
    position: absolute;
    top: -70px;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.project-slide .owl-nav > div {
    display: inline-block;
    margin: 0 2px;
    font-size: 20px;
    background: #172a46;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.owl-theme.project-slide .owl-nav > .owl-prev {
    right: 35px;
    left: auto;
}

/* Projects Single page */
.project-title {
    font-size: 30px;
}

.project-info-label {
    color: #303030;
    font-weight: 700;
    font-size: 14px;
}

.project-info-content {
    font-size: 12px;
}

.project-info li {
    margin-bottom: 5px;
}

.project-link {
    margin-top: 15px;
}

/* Content area
================================================== */
/* Accordion */
.accordion-group .card {
    border-radius: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #dfdfdf !important;
}

.accordion-group .card-body {
    padding: 15px 20px;
}

.accordion-group .card-body img {
    max-width: 100px;
    margin-bottom: 10px;
}

.accordion-group .card-header .btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 13px 15px;
    padding-bottom: 10px;
}

.accordion-group .card-header .btn:before {
    font-family: "Font Awesome 5 Free";
    position: absolute;
    z-index: 0;
    font-size: 14px;
    right: 16px;
    padding: 3px 8px 1px;
    text-align: center;
    border-radius: 3px;
    top: 12px;
    content: "\f107";
    font-weight: 700;
    background-color: #333;
    color: #fff;
    transition: .3s;
}

.accordion-group .card-header .btn[aria-expanded="true"] {
    color: #172a46;
}

.accordion-group .card-header .btn[aria-expanded="true"]::before {
    content: "\f106";
    background-color: #ffb600;
}

.accordion-group.accordion-classic .card-header .btn:before {
    display: none;
}

/* Clients */
.clients-logo {
    margin: 0 0 30px;
    border: 1px solid #dadada;
    min-height: 105px;
    padding: 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.clients-logo img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: gray;
    filter: gray;
}

/* Testimonial
================================================== */
.testimonial-area {
    padding: 100px 0;
    background-color: #ffb600;
    background-image: url(../images/parallax2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

.testimonial-area .border-title,
.testimonial-area .border-sub-title {
    color: #fff;
}

.quote-item .quote-text {
    margin: 0 0 10px;
    display: inline-block;
    padding: 0 40px 30px 60px;
    background-color: #fff;
    position: relative;
    font-size: 16px;
    font-style: italic;
}

@media (max-width: 575px) {
    .quote-item .quote-text {
        padding: 0 40px 30px 50px;
    }
}

.quote-item .quote-text:before {
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    font-size: 30px;
    left: 0;
    top: 0;
    font-weight: 700;
    color: #ffc009;
}

.testimonial-slide .slick-dots {
    bottom: -35px;
}

img.testimonial-thumb {
    max-width: 80px;
    float: left;
    margin-right: 20px;
    border-radius: 5px;
}

.quote-item-info {
    padding-top: 15px;
    display: inline-block;
}

.quote-author {
    font-size: 16px;
    line-height: 18px;
    margin: 0 0 2px;
    font-weight: 700;
    display: block;
    color: #172a46;
}

.quote-item-footer {
    margin-top: 0;
    margin-left: 60px;
}

@media (max-width: 575px) {
    .quote-item-footer {
        margin-left: 0;
    }
}

/* Testimonial Border */
.quote-item.quote-border .quote-text-border {
    border: 1px solid #ffb600;
    padding: 20px;
    position: relative;
    line-height: 28px;
    color: #666;
    font-size: 18px;
    text-align: center;
}

.quote-item.quote-border .quote-text-border:before {
    border: 12px solid;
    border-color: #e1e1e1 transparent transparent;
    border-top-color: #ffb600;
    bottom: -24px;
    position: absolute;
    content: "";
    display: block;
    height: 0;
    width: 0;
    left: 0;
    margin: 0 auto;
    right: 0;
}

.quote-item.quote-border .quote-text-border:after {
    border: 12px solid;
    border-color: #fff transparent transparent;
    bottom: -22px;
    position: absolute;
    content: "";
    display: block;
    height: 0;
    width: 0;
    left: 0;
    margin: 0 auto;
    right: 0;
}

.quote-item.quote-border .quote-item-footer {
    margin-left: 0;
    text-align: center;
    margin-top: 35px;
}

.quote-item.quote-border .quote-item-footer img.testimonial-thumb {
    float: none;
    margin: 0;
}

.quote-item.quote-border .quote-item-footer .quote-item-info {
    display: block;
}

/* Subscribe area
================================================== */
.subscribe {
    background: #172a46;
    padding: 0;
}

/* Call to action */
.subscribe-call-to-acton {
    min-height: 115px;
    padding: 30px 0 0 30px;
}

@media (max-width: 575px) {
    .subscribe-call-to-acton {
        text-align: center;
        padding: 30px 0;
        min-height: auto;
    }
}

.subscribe-call-to-acton h3 {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 5px;
}

.subscribe-call-to-acton h4 {
    color: #fff;
    font-size: 24px;
    margin: 0;
}

/* Newsletter */
.ts-newsletter {
    background: #252525;
    position: relative;
    min-height: 115px;
    padding: 15px 0 0 50px;
}

@media (max-width: 767px) {
    .ts-newsletter {
        padding-top: 20px;
        padding-bottom: 10px;
    }
}

@media (max-width: 575px) {
    .ts-newsletter {
        padding: 30px 5px 15px 5px;
        min-height: auto;
        text-align: center;
    }
}

.ts-newsletter:after {
    content: "";
    position: absolute;
    background: #252525;
    display: block;
    width: 100%;
    height: 100%;
    right: -100%;
    top: 0;
}

.newsletter-form input {
    background: none;
    font-size: 12px;
    height: 45px;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

/* News section
================================================== */
.latest-post {
    position: relative;
}

.latest-post .image-angle:before {
    border-bottom: 20px solid #f9f9f9;
}

.latest-post .post-title {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    font-weight: 600;
}

.latest-post .post-title a {
    color: #303030;
}

.latest-post .post-title a:hover {
    color: #172a46;
}

.latest-post-meta {
    font-size: 13px;
    text-transform: uppercase;
}

.latest-post .post-body {
    padding: 20px 0 5px;
}

/* Footer
================================================== */
/*- Footer common */
.footer {
    background-color: #0d0d0d;
    color: #999;
}

.footer-main {
    padding: 80px 0 60px;
}

.footer .widget-title {
    font-size: 16px;
    font-weight: 700;
    position: relative;
    margin: 0 0 30px;
    padding-left: 15px;
    text-transform: uppercase;
    color: #fff;
    border-left: 3px solid #172a46;
}

/* Footer about us */
.footer-logo {
    margin-bottom: 25px;
    max-height: 35px;
}

/* Footer social */
.footer-social {
    margin-top: 15px;
}

.footer-social .widget-title {
    font-size: 14px;
    margin-bottom: 10px;
}

.footer-social ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: -13px;
}

.footer-social ul li {
    display: inline-block;
}

.footer-social ul li a i {
    display: block;
    font-size: 16px;
    color: #999;
    transition: 400ms;
    padding: 10px 13px;
}

.footer-social ul li:hover {
    color: #fff;
}

/* Links */
.footer-widget ul.list-arrow li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    padding: 8px 0;
}

.footer-widget ul.list-arrow li:last-child {
    border-bottom: 0;
}

.footer-widget ul.list-arrow li a,
.footer-widget ul.list-arrow li:before {
    color: #747474;
}

.footer-widget ul.list-arrow li:hover a,
.footer-widget ul.list-arrow li:hover {
    color: #172a46;
}

.working-hours {
    padding-right: 10px;
}

.working-hours .text-right {
    float: right;
}

/* Footer 整体高度控制 - 强制生效 v=20241008 */
.footer {
    background-color: #0d0d0d !important;
    color: #999 !important;
    min-height: auto !important;
}

.footer-main {
    padding: 40px 0 30px !important;
}

/* 页面整体 footer 高度减少 */
#footer {
    min-height: auto !important;
}

/* 强制覆盖任何可能的footer高度样式 */
footer,
footer.footer,
#footer.footer {
    min-height: auto !important;
    height: auto !important;
}

footer .footer-main,
#footer .footer-main {
    padding: 40px 0 30px !important;
    min-height: auto !important;
    height: auto !important;
}

/*-- Copyright 强化样式 --*/
.copyright {
    background: #172a46 !important;
    color: #fff !important;
    padding: 12px 0 !important;
    position: relative !important;
    z-index: 1 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    min-height: auto !important;
    height: auto !important;
}

/* 强制覆盖所有可能的copyright样式 */
footer .copyright,
#footer .copyright,
div.copyright {
    padding: 12px 0 !important;
    min-height: auto !important;
    height: auto !important;
}

/* 中间版权信息区域样式 */
.copyright .copyright-info {
    font-size: 16px !important;
    font-family: '微软雅黑', 'Microsoft YaHei', sans-serif !important;
    line-height: 1.5;
    margin-bottom: 8px;
}

.copyright .copyright-info a {
    color: #ccc;
    text-decoration: none;
    font-family: '微软雅黑', 'Microsoft YaHei', sans-serif !important;
}

.copyright .copyright-info a:hover {
    color: #fff;
    text-decoration: underline;
}

.copyright .footer-menu {
    margin-top: 10px;
}

.copyright .footer-menu ul li {
    font-size: 14px !important;
    font-family: '微软雅黑', 'Microsoft YaHei', sans-serif !important;
    transition: all 0.3s ease !important;
}

/* 友情链接悬停效果 - 字体放大而不是变色 */
.copyright .footer-menu ul li a {
    color: #ccc !important;
    text-decoration: none !important;
    font-family: '微软雅黑', 'Microsoft YaHei', sans-serif !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

.copyright .footer-menu ul li a:hover {
    color: #ccc !important;
    transform: scale(1.1) !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

/* Copyright icons styling - 强化样式优先级 */
.copyright .copyright-icon {
    margin-bottom: 5px;
    text-align: center;
}

.copyright .copyright-icon .gallery-img {
    max-height: 60% !important;
    height: 60% !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    transition: all 0.3s ease !important;
    display: block !important;
    line-height: 0 !important;
    vertical-align: top !important;
    margin: 0 auto !important;
}

.copyright .copyright-icon .gallery-img:hover {
    transform: scale(1.05) !important;
    opacity: 0.8 !important;
}

.copyright .copyright-icon .icon-title {
    margin-top: 8px;
    text-align: center;
}

.copyright .copyright-icon .icon-text {
    font-size: 12px !important;
    color: #ccc !important;
    font-family: '微软雅黑', 'Microsoft YaHei', sans-serif !important;
    line-height: 1.3 !important;
    display: block;
    text-align: center;
}

/* 移动端响应式调整 - 强化样式 */
@media (max-width: 768px) {
    .copyright {
        padding: 8px 0;
    }
    
    .copyright .row {
        text-align: center !important;
    }
    
    .copyright .col-lg-3 {
        margin-bottom: 8px;
    }
    
    .copyright .copyright-icon .gallery-img {
        max-height: 60% !important;
        height: 60% !important;
        width: auto !important;
        max-width: 100% !important;
    }
    
    .copyright .copyright-icon .icon-text {
        font-size: 11px !important;
    }
    
    .copyright .copyright-info {
        font-size: 14px !important;
        margin-bottom: 6px;
    }
    
    .copyright .footer-menu ul li {
        font-size: 12px !important;
        transition: all 0.3s ease !important;
    }
    
    .copyright .footer-menu ul li a:hover {
        transform: scale(1.08) !important;
        font-weight: bold !important;
    }
}

.footer-menu ul li {
    display: inline-block;
    line-height: 12px;
    padding-left: 15px;
}

.footer-menu ul.nav li a {
    background: none;
    color: #111;
    padding: 0;
}

.footer-menu ul li a:hover {
    color: #ccc !important;
    transform: scale(1.1) !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

#back-to-top {
    right: 40px;
    top: auto;
    z-index: 10;
    display: none;
}

#back-to-top .btn:focus {
    outline: 0;
    box-shadow: none;
}

@media (max-width: 767px) {
    #back-to-top {
        right: 15px;
    }
}

#back-to-top.position-fixed {
    bottom: 20px;
}

#back-to-top .btn.btn-primary {
    width: 36px;
    height: 36px;
    line-height: 36px;
    background: rgba(23, 42, 70, 0.5) !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 8px !important;
    color: #fff !important;
    font-weight: 700;
    font-size: 16px;
    padding: 0;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

@media (max-width: 767px) {
    #back-to-top .btn.btn-primary {
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
        background: rgba(23, 42, 70, 0.5) !important;
        border: 2px solid rgba(255, 255, 255, 0.3) !important;
        color: #fff !important;
    }
}

#back-to-top .btn.btn-primary:hover {
    background: rgba(23, 42, 70, 0.8) !important;
    border-color: rgba(255, 255, 255, 0.6) !important;
    color: #fff !important;
    transform: scale(1.1) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important;
}

/* Sub Pages
================================================== */
/*-- Title border --*/
.main-container .border-left {
    margin-bottom: 30px;
}

/*-- Banner --*/
.banner-area {
    position: relative;
    min-height: 300px;
    color: #fff;
    background-position: 50% 50%;
    background-size: cover;
}

.banner-title {
    color: #fff;
    text-transform: uppercase;
    font-size: 48px;
    font-weight: 900;
}

@media (max-width: 767px) {
    .banner-title {
        font-size: 48px;
    }
}

@media (max-width: 575px) {
    .banner-title {
        font-size: 32px;
    }
}

.banner-text {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    max-width: 1170px;
    margin: 0 auto;
    width: 100%;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.banner-heading {
    text-align: center;
}

.breadcrumb {
    padding: 0;
    background: none;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
}

.breadcrumb li a,
.breadcrumb .breadcrumb-item,
.breadcrumb li a:focus,
.breadcrumb li a:hover {
    color: #fff !important;
}

.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    color: #fff;
}

/*-- About us page --*/
/* Slider pages */
.page-slider .carousel-control {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: transparent;
    text-shadow: none;
    transition: all .25s ease;
    padding: 0;
    outline: 0;
    border: 0;
}

.page-slider .carousel-control.left {
    left: 0;
}

.page-slider .carousel-control.right {
    right: 0;
}

.page-slider .carousel-control i {
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    line-height: 70px;
    width: 40px;
    height: 70px;
    font-size: 22px;
    border-radius: 0;
    transition: all 500ms ease;
}

.page-slider .carousel-control i:hover {
    background: #172a46;
    color: #fff;
}

.page-slider.small-bg .item {
    min-height: 330px;
    background-size: cover;
}

.page-slider.small-bg .box-slider-content {
    left: 20%;
}

.page-slider.small-bg .box-slider-text {
    background: rgba(0, 0, 0, 0.55);
    padding: 5px 20px;
}

.page-slider.small-bg .box-slide-title {
    font-size: 28px;
    color: #fff;
    font-weight: 900;
}

/*-- Get a quote page --*/
.page-quote-form {
    background: #f2f2f2;
    padding: 30px 50px 50px;
}

.get-a-quote-img {
    margin-bottom: -190px;
}

/*-- Partners carousel --*/
.partner-logo {
    border: 1px solid #eee;
    padding: 20px;
    margin-top: 40px;
    margin-bottom: 10px;
}

.partner-logo img {
    transition: 350ms;
    opacity: .6;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.partner-logo:hover img {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

#partners-carousel .partner-logo {
    border: 0;
    border-right: 1px solid #eee;
    padding: 0 15px;
    margin-top: 20px;
}

#partners-carousel .partner-logo.last {
    border-right: 0;
}

/*-- Team page --*/
.team-slide .slick-slide {
    margin-left: 25px;
    padding-bottom: 60px;
}

.team-slide .slick-list {
    margin-left: -25px;
}

.team-slide .carousel-control {
    position: absolute;
    bottom: 0;
    left: 50%;
    border: 0;
    background-color: #ddd;
    height: 37px;
    width: 37px;
    border-radius: 4px;
    transition: .3s;
    z-index: 6;
}

.team-slide .carousel-control:hover {
    background-color: #ffb600;
    color: #fff;
}

.team-slide .carousel-control.left {
    -webkit-transform: translateX(calc(-50% - 25px));
    transform: translateX(calc(-50% - 25px));
}

.team-slide .carousel-control.right {
    -webkit-transform: translateX(calc(-50% + 25px));
    transform: translateX(calc(-50% + 25px));
}

.team-slide .carousel-control.slick-disabled {
    opacity: .4;
}

.team-slide .carousel-control.slick-disabled:hover {
    background-color: #ddd;
    color: #000;
}

.ts-team-wrapper {
    position: relative;
    overflow: hidden;
}

.ts-team-wrapper .ts-team-content {
    position: absolute;
    top: 76%;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 15px 25px;
    margin-top: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    transition: 350ms;
}

@media (max-width: 1200px) {
    .ts-team-wrapper .ts-team-content {
        top: 72%;
    }
}

@media (max-width: 575px) {
    .ts-team-wrapper .ts-team-content {
        text-align: center;
    }
}

.ts-team-wrapper .ts-name {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 3px;
    line-height: normal;
    color: #172a46;
}

.ts-team-wrapper .ts-designation {
    color: #fff;
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 700;
}

.ts-team-wrapper .team-social-icons a i {
    color: #fff;
    margin-right: 8px;
    text-align: center;
    transition: 400ms;
}

.ts-team-wrapper .team-social-icons a i:hover {
    color: #172a46;
}

.ts-team-wrapper:hover .ts-team-content {
    top: 0;
    padding-top: 50px;
}

/* Team Classic */
.ts-team-content-classic {
    margin-top: 15px;
}

.ts-team-content-classic .ts-name {
    font-size: 16px;
    margin-bottom: 5px;
    color: #212121;
}

.ts-team-content-classic .ts-designation {
    color: #888;
    margin-bottom: 5px;
    font-weight: 600;
}

.ts-team-content-classic .team-social-icons a i {
    color: #999;
}

.ts-team-content-classic .team-social-icons a i:hover {
    color: #172a46;
}

/*-- Pricing table  --*/
.ts-pricing-box {
    margin: 20px 0;
    padding: 0;
    text-align: center;
    background: #f9f9f9;
}

.ts-pricing-box .ts-pricing-header {
    background: #252525;
    color: #fff;
    position: relative;
    padding: 30px 20px;
}

.ts-pricing-box .ts-pricing-name {
    font-size: 18px;
    line-height: normal;
    margin: 0 0 5px 0;
    color: #fff;
}

.ts-pricing-box .ts-pricing-price {
    font-size: 44px;
    color: #fff;
    margin: 15px 0 0;
    display: inline-block;
}

.ts-pricing-box .ts-pricing-price > small {
    font-size: 16px;
    line-height: 16px;
    display: block;
    margin-top: 15px;
    color: #fff;
}

.ts-pricing-box .ts-pricing-features {
    padding: 15px 0;
}

.ts-pricing-box .ts-pricing-features ul {
    padding: 0 20px;
}

.ts-pricing-box .ts-pricing-features ul > li {
    padding: 20px 0;
    border-top: 1px dotted #e5e5e5;
}

.ts-pricing-box .ts-pricing-features ul > li:first-child {
    border-top: 0;
}

.ts-pricing-box .plan-action {
    padding-bottom: 40px;
}

/* Pricing featured */
.ts-pricing-box.ts-pricing-featured .ts-pricing-header {
    background: #ff9800;
}

/* Contact Us
================================================== */
.map {
    height: 450px;
    z-index: 1;
}

.contact-info-box {
    margin-top: 20px;
}

.contact-info-box i {
    float: left;
    font-size: 24px;
    color: #172a46;
}

.contact-info-box-content {
    padding-left: 40px;
}

.contact-info-box-content h4 {
    font-size: 16px;
    margin-top: 0;
    line-height: normal;
    font-weight: 700;
}

.contact-info-box-content p {
    margin-bottom: 0;
}

label {
    font-weight: 400;
}

/* Contact page 2 */
.ts-service-box.text-center .ts-service-icon.icon-squre i {
    float: none;
    margin-bottom: 20px;
}

.ts-service-box.text-center .ts-service-box-content {
    margin: 0;
}

/* News Listing
================================================== */
.post {
    border-bottom: 1px solid #dadada;
    padding: 0 0 30px;
    margin: 0 0 45px;
}

.post.last {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.post-body {
    padding: 20px 0;
}

.entry-header .entry-title {
    font-size: 24px;
    margin: 5px 0 15px;
    position: relative;
    line-height: 34px;
    text-transform: capitalize;
}

.entry-header .entry-title a {
    color: #303030;
}

.entry-header .entry-title a:hover {
    color: #172a46;
}

.post-single .entry-header .entry-title {
    font-size: 24px;
}

/* Meta */
.post-meta {
    padding-bottom: 10px;
}

.post-meta a {
    color: #303030;
}

.post-meta a:hover {
    color: #172a46;
}

.post-meta span {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #dadada;
    line-height: 12px;
    display: inline-block;
}

.post-meta i {
    color: #bbb;
    margin-right: 3px;
}

.post-meta .post-comment {
    border-right: 0;
}

.post-meta .post-comment .comments-link {
    margin-left: 5px;
}

.post-footer .btn.btn-primary {
    font-size: 12px;
    margin-top: 10px;
}

/* 分页组件 */
.pagination-block {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}
.pagination {
    margin: 0;
}
.pagination_info {
    margin: 0 10px;
    display: flex;
    align-items: center;
}
.pagination li a,.pagination li span {
    border-radius: 0 !important;
    margin-right: 8px;
    color: #7c7c7c;
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.pagination li.disabled span {
    cursor: not-allowed;
}
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > li > a:hover {
    color: #fff;
    background: #172a46;
    border: 1px solid transparent;
}

/* News Single
================================================== */
.tags-area {
    margin: 20px 0;
}

.post-tags a {
    border: 1px solid #dadada;
    color: #7c7c7c;
    display: inline-block;
    font-size: 12px;
    padding: 3px 10px;
    margin-left: 3px;
}

.post-tags a:hover {
    background: #172a46;
    color: #fff;
    border: 1px solid transparent;
}

/* Post social */
.post-social-icons > li {
    display: inline-block;
}

.post-social-icons a i {
    margin-left: 5px;
    font-size: 12px;
    width: 28px;
    height: 26px;
    line-height: 26px;
    color: #fff;
    text-align: center;
}

.post-social-icons a i.fa-qq {
    background: #0085ff;
}

.post-social-icons a i.fa-weixin {
    background: #2aae67;
}

.post-social-icons a i.fa-weibo {
    background: #d52c2b;
}

.post-social-icons a i.fa-star {
    background: #ffbf2a;
}

/* Author box */
.author-box {
    border: 1px solid #dadada;
    padding: 20px 20px 15px;
    margin: 20px 0;
}

.author-img img {
    width: 110px;
    height: 110px;
    margin-right: 30px;
}

.author-info h3 {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 600;
}

.author-info h3 span {
    font-size: 12px;
    color: #999;
    border-left: 1px solid #AFAFAF;
    padding-left: 10px;
    margin-left: 10px;
    font-weight: 500;
}

/* Comments area */
.comments-area {
    margin: 40px 0;
}

.comments-list .comment-content {
    margin: 15px 0;
}

.comments-list .comment-reply {
    color: #303030;
    font-weight: 400;
}

.comments-list .comment-reply:hover {
    color: #172a46;
}

.comments-counter {
    font-size: 18px;
}

.comments-counter a {
    color: #323232;
}

.comments-list {
    list-style: none;
    margin: 0;
    padding: 20px 0;
}

.comments-list .comment {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.comments-list .comment.last {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.comments-list img.comment-avatar {
    width: 84px;
    height: 84px;
    margin-right: 30px;
}

@media (max-width: 575px) {
    .comments-list img.comment-avatar {
        width: 40px;
        height: 40px;
        margin-right: 25px;
    }
}

.comments-list .comment-author {
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 600;
    font-size: 16px;
    color: #303030;
}

.comments-list .comment-date {
    color: #959595;
    margin-bottom: 5px;
    font-size: 12px;
}

@media (max-width: 575px) {
    .comments-list .comment-date {
        float: none !important;
        display: inline-block;
    }
}

.comments-reply {
    list-style: none;
    margin: 0 0 0 70px;
}

@media (max-width: 767px) {
    .comments-reply {
        margin: 0;
        padding: 0;
    }
}

.comments-form {
    margin-bottom: 0;
}

.comments-form .title-normal {
    margin-bottom: 20px;
}

.comments-form .btn.btn-primary {
    margin-top: 20px;
}

/* Sidebar
================================================== */
.sidebar .widget-title {
    font-size: 16px;
    font-weight: 700;
    position: relative;
    margin: 0 0 30px;
    padding-left: 15px;
    text-transform: uppercase;
    border-left: 3px solid #172a46;
}

/* Widget common */
.sidebar .widget {
    margin-bottom: 40px;
}

.sidebar-left .widget {
    margin-right: 20px;
}

.sidebar-right .widget {
    margin-left: 20px;
}

.sidebar .widget.box {
    padding: 25px;
}

.widget.box.solid {
    background: #f2f2f2;
}

.widget.box.red {
    background: #ec483b;
    color: #fff;
}

.widget.box.red .widget-title {
    color: #fff;
}

.widget ul li {
    line-height: 30px;
}

.sidebar .widget ul li a {
    color: #303030;
}

.sidebar .widget ul li a:hover {
    color: #172a46;
}

.sidebar .widget ul li i {
    margin-right: 5px;
}

.sidebar .btn {
    font-weight: 700;
    font-size: 12px;
    margin-top: 15px;
    padding: 10px 25px;
}

/* Sidebar nav */
.sidebar ul.nav-tabs {
    border: 0;
}

.sidebar ul.nav-tabs li {
    width: 100%;
}

.sidebar ul.nav-tabs li a {
    color: #303030;
    border-radius: 0;
    padding: 15px 0;
    padding-left: 0;
    font-weight: 400;
    border-bottom: 1px solid #ddd;
    display: block;
    transition: 400ms;
}

.sidebar ul.nav-tabs li.active a,
.sidebar ul.nav-tabs li:hover a {
    color: #172a46;
}

.sidebar ul.nav-tabs li {
    color: #303030;
    line-height: normal;
}

.sidebar ul.nav-tabs li:last-child a {
    border-bottom: 0;
}

/* Service menu */
.sidebar ul.service-menu li {
    width: 100%;
}

.sidebar ul.service-menu li a {
    background-color: #f4f4f4;
    padding: 15px 20px;
    border: 0;
    margin-bottom: 8px;
    position: relative;
    transition: 400ms;
    display: block;
}

.sidebar ul.service-menu li.active a,
.sidebar ul.service-menu li:hover a {
    background: #172a46;
    color: #fff;
    cursor: pointer;
}

/* Recent News */
.widget.recent-posts .widget-title {
    margin-bottom: 35px;
}

.widget.recent-posts ul li {
    border-bottom: 1px solid #dadada;
    padding-bottom: 15px;
    margin-bottom: 17px;
}

.widget.recent-posts ul li:last-child {
    border: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.widget.recent-posts .posts-thumb img {
    margin-right: 15px;
    width: 90px;
    height: 70px;
}

.widget.recent-posts .post-info .entry-title {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
}

.widget.recent-posts .post-info .entry-title a {
    color: #303030;
    display: inline-block;
}

.widget.recent-posts .post-info .entry-title a:hover {
    color: #172a46;
}

.widget.recent-posts .post-date {
    font-weight: 400;
    color: #999;
    text-transform: capitalize;
}

/* Widget tags */
.widget-tags ul > li {
    float: left;
    margin: 3px;
}

.sidebar .widget-tags ul > li a {
    border: 1px solid #dadada;
    color: #303030;
    display: block;
    font-size: 14px;
    padding: 3px 15px;
    transition: all 0.3s ease 0s;
}

.sidebar .widget-tags ul > li a:hover {
    background: #172a46;
    color: #fff;
    border: 1px solid transparent;
}

/* Error page
================================================== */
.error-page .error-code h2 {
    display: block;
    font-size: 200px;
    line-height: 200px;
    color: #303030;
    margin-bottom: 20px;
}

.error-page .error-body .btn {
    margin-top: 30px;
    font-weight: 700;
}

/* 首页轮播图样式 */
.home-banner.swiper-container {
    height: 70vh;
    min-height: 500px;
    max-height: 800px;
}

/* 轮播图导航按钮 - 只应用到首页轮播图 */
.home-banner .swiper-button-next,
.home-banner .swiper-button-prev {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    color: #172a46;
    font-size: 18px;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.home-banner .swiper-button-next:hover,
.home-banner .swiper-button-prev:hover {
    background: #172a46;
    color: white;
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(255, 182, 0, 0.3);
}

/*清除自带的左右箭头*/
.home-banner .swiper-button-prev:after, 
.home-banner .swiper-container-rtl .swiper-button-next:after {
    content: '';
}
.home-banner .swiper-button-next:after, 
.home-banner .swiper-container-rtl .swiper-button-prev:after {
    content: '';
}

/* 分页器样式 */
.home-banner .swiper-pagination-bullet-active {
    background: #172a46;
    transform: scale(1.2);
    box-shadow: 0 2px 8px rgba(255, 182, 0, 0.5);
}

.home-banner .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.5);
    opacity: 1;
    transition: all 0.3s ease;
}
.navbar-mobile {
    display: none;
}
.swiper-outside-prev,.swiper-outside-next {
    background: none;
    display: flex;
    color: #999;
}
.swiper-outside-next {
    right: -50px;
    left: auto;
}
.swiper-outside-prev {
    left: -50px;
    right: auto;
}

/* 移动端响应式调整 */
@media (max-width: 991px) {
    .home-banner.swiper-container {
        height: 60vh;
        min-height: 400px;
    }
    .navbar-pc {
        display: none;
    }
    .navbar-mobile {
        display: block;
    }
    .home-banner .box-slider-text {
        padding: 25px;
        margin: 0 15px;
    }
    .home-banner .box-slide-sub-title {
        font-size: 1.8rem;
    }
}

@media (max-width: 767px) {
    .banner-area {
        min-height: 200px;
    }
    .home-banner.swiper-container {
        height: 50vh;
        min-height: 350px;
    }
    .home-banner .box-slider-text {
        padding: 20px 15px;
        margin: 0 10px;
    }
    .home-banner .box-slide-sub-title {
        font-size: 1.4rem;
    }
    .home-banner .box-slide-description {
        font-size: 0.9rem;
    }
}
/* 首页轮播结束 */

/*首页关于我们面板  start*/
.home-company {
    background-color: #ffffff;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
    height: 380px;
    overflow: hidden;
    border-radius: 4px;
}
.home-company .txt {
    padding: 30px 40px 40px 40px;
    line-height: 28px;
}
.home-company .txt .content {
    margin-bottom: 20px;
    height: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 30px;
}
.home-company .txt .content p {
    line-height: 30px;
}
.home-company .txt h2 {
    font-size: 24px;
    margin-bottom: 28px;
}
.home-company .img {
    padding: 0;
    height: 100%;
    object-fit: cover;
}
.home-company .img img {
    width: 100%;
    height: 380px;
    object-fit: cover
}
@media (max-width: 767px) {
    .home-company {
        overflow: auto;
        height: auto;
    }
    .home-company .img img {
        height: 250px;
    }
    .home-company .txt h2 {
        margin-bottom: 20px;
    }
}
/*首页关于我们面板  结束*/

/* 首页产品 开始 */
.home-product .section-title {
    margin-bottom: 40px;
}
.home-product .section-title h4 {
    color: #111111;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    padding-left: 20px;
}
.home-product .section-title h4:after {
    position: absolute;
    left: 0;
    top: -9px;
    width: 5px;
    height: 46px;
    background: #172a46;
    content: "";
}
.property-controls ul li {
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: #666666;
    font-weight: 500;
    margin-right: 35px;
    position: relative;
    cursor: pointer;
}
.property-controls {
    text-align: right;
}
.property-controls ul li:after {
    position: absolute;
    right: -22px;
    top: -1px;
    content: "|";
    color: #b1b0b0;
}
.property-controls ul li:last-child:after {
    content: none;
}
.property-controls ul li:last-child {
    margin-right: 0;
}
.property-controls .nav {
    display: block;
}
.property-controls .nav-tabs {
    border: 0;
}
.property-controls .nav-tabs a.active {
    color: #172a46;
}
.property-item {
    margin-bottom: 40px;
    border-bottom: 1px solid #e1e1e1;
}
.property-item .pi-pic {
    height: 350px;
    position: relative;
    margin-bottom: 25px;
}
.set-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
.property-item .pi-text {
    position: relative;
}
.property-item .pi-text .pt-price {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}
.property-item .pi-pic .label {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 600;
    text-transform: uppercase;
    padding: 3px 10px 2px;
    display: inline-block;
    background: #0166D0;
    color: #ffffff;
    position: absolute;
    left: 20px;
    top: 20px;
}
.property-item .pi-pic .label.c-red {
    background: #D41800;
}
.property-item .pi-pic .label.c-magenta {
    background: #103230;
}
.property-item .pi-text h5 a {
    font-size: 20px;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
}
.property-item .pi-text .heart-icon {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    font-size: 14px;
    color: #172a46;
}
.property-item .desc {
    line-height: 26px;
    font-size: 14px;
    margin-bottom: 1rem;
    height: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

@media only screen and (max-width: 767px) {
    .property-controls {
        text-align: left;
    }
    .property-controls ul li {
        margin-right: 24px;
        margin-bottom: 20px;
    }
    .property-controls ul li:after {
        right: -17px;
    }
}
/* 首页产品 结束 */

/* 首页案例 */
.nomore {
    width: 100%;
    text-align: center;
    padding: 20px 0;
    color: #a0a0a0;
}
/* 首页案例 结束 */

/*首页新闻*/
.home-news {
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
    background-color: #fff;
}
.home-news h3 {
    font-size: 16px;
    padding: 15px 0 15px 30px; /* 左边距从0增加到30px，与上面的样式保持一致 */
    border-bottom: 1px solid #e1e1e1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.home-news h3 a {
    text-align: left !important; /* 强制标题左对齐 */
}
.home-news h3 em {
    float: none; /* 移除浮动 */
    font-size: 12px;
    margin-top: 0; /* 移除上边距 */
    font-style: normal;
}
.home-news h3 em a {
    color: #666666;
}
.home-news ul {
    list-style: none;
    padding: 0;
}
.home-news .imggroup {
    display: flex;
    border-bottom: 1px solid #EEEEEE;
    text-align: left !important; /* 强制左对齐 */
}
.home-news .imggroup .imggroup-img {
    padding-right: 15px;
}
.home-news .imggroup .imggroup-img img {
    width: 110px;
    height: 80px;
    object-fit: cover;
}
.home-news .imggroup .imggroup-text {
    text-align: left !important; /* 强制文字左对齐 */
}
.home-news .imggroup .imggroup-text .title {
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 1.5;
    text-align: left !important;
}
.home-news .imggroup .imggroup-text .title a {
    color: #303030;
    line-height: 1.5;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 22px;
    -webkit-line-clamp: 1;
    text-align: left !important; /* 强制标题左对齐 */
}
.home-news .imggroup .imggroup-text .title a:hover {
    color: #172a46;
}
.home-news .imggroup .imggroup-text .desc {
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 15px;
    height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-align: left !important; /* 强制描述左对齐 */
}
.home-news li.item {
    padding: 15px 70px 15px 0;
    position: relative;
    border-bottom: 1px solid #EEEEEE;
    text-align: left !important; /* 强制列表项左对齐 */
}
.home-news li.item a {
    text-align: left !important; /* 强制链接左对齐 */
}
.home-news li.item .date {
    position: absolute;
    right: 0;
    font-size: 13px;
}
/*首页新闻 结束*/

/*列表页*/
.blog-item.large-blog {
    padding-bottom: 25px;
}
.blog-item {
    overflow: hidden;
    padding-bottom: 30px;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 30px;
    text-align: left; /* 确保左对齐 */
}
.blog-item.large-blog .bi-pic {
    float: none;
    margin-bottom: 25px;
    margin-left: 0;
}
.blog-item.large-blog .bi-pic img {
    min-width: 100%;
    height: 370px;
    object-fit: cover;
}
.blog-item .bi-pic {
    float: right;
    margin-left: 30px;
}
.blog-item .bi-pic img {
    width: 330px;
    height: 220px;
    object-fit: cover;
}
.blog-item .bi-text {
    overflow: hidden;
    text-align: left; /* 确保文本左对齐 */
}
.blog-item .bi-text h4 {
    text-align: left; /* 标题左对齐 */
}
.blog-item .bi-text h4 a {
    line-height: 31px;
    text-align: left; /* 标题链接左对齐 */
}
.blog-item .bi-text h4 a:hover {
    color: #172a46;
}
.blog-item .bi-text ul {
    padding: 0;
    margin-bottom: 16px;
    text-align: left; /* 元数据左对齐 */
}
.blog-item .bi-text ul li {
    list-style: none;
    display: inline-block;
    position: relative;
    font-size: 12px;
    color: #999999;
    font-weight: 500;
    margin-right: 32px;
}
.blog-item .bi-text .desc {
    font-family: "Montserrat", sans-serif;
    color: #666666;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 15px 0;
    text-align: left; /* 描述左对齐 */
}
.blog-item .bi-text .read-more {
    font-size: 14px;
    font-weight: 600;
}

@media only screen and (max-width: 767px) {
    .blog-item.large-blog .bi-pic img {
        height: 200px;
    }
    .blog-item .bi-pic {
        float: none;
        margin-left: 0;
        margin-bottom: 20px;
    }
    .blog-item .bi-pic img {
        width: 100%;
        height: 200px;
    }
    /* 强制文章列表标题和内容左对齐 */
    .blog-item {
        text-align: left !important;
    }
    .blog-item .bi-text {
        text-align: left !important;
    }
    .blog-item .bi-text h4,
    .blog-item .bi-text h4 a {
        text-align: left !important;
    }
    .blog-item .bi-text ul,
    .blog-item .bi-text ul li {
        text-align: left !important;
    }
    .blog-item .bi-text .desc,
    .blog-item .bi-text p {
        text-align: left !important;
    }
}
/*列表页结束*/

/*新闻详情页*/
.bc-related-post {
    background: #f5f5f5;
    padding: 15px 20px 12px;
    margin-bottom: 65px;
}
.bc-related-post .previous-post,.bc-related-post .next-post {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
}
.bc-related-post .next-post {
    float: right;
}
.bc-related-post .previous-post:hover,.bc-related-post .next-post:hover {
    color: #172a46;
}
/*新闻详情页结束*/

.filter {
    margin-bottom: 30px;
    padding: 0 15px 15px 15px;
}
.filter .option {
    padding-top: 15px;
}
.filter .option .option-title {
    min-width: 80px;
    float: left;
    font-weight: bold;
}
.filter ul {
    list-style: none;
    padding-left: 0;
    margin: 0 0 0 90px;
}
.filter ul li {
    float: left;
}
.filter ul li a {
    display: block;
    padding: 2px 10px 2px 10px;
}
.filter ul li a.active {
    color: #172a46;
}

/*产品详情页*/
.product__details__text .product__details__rating {
    margin-bottom: 12px;
    font-size: 12px;
}
.product__details__text .product__details__price {
    font-size: 30px;
    color: #dd2222;
    font-weight: 600;
    margin-bottom: 15px;
}
.product__details__text ul {
    border-top: 1px solid #ebebeb;
    padding-top: 40px;
    margin-top: 50px;
    padding-left: 0;
}
.product__details__text ul li {
    list-style: none;
    line-height: 36px;
}
.product__details__text ul li b {
    font-weight: 700;
    width: 170px;
    display: inline-block;
}
.product__details__tab .nav-tabs li a {
    font-size: 16px;
    color: #999999;
    font-weight: 700;
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0;
}
.product__details__tab .nav-tabs li {
    margin-bottom: 0;
}
.product__details__tab .nav-tabs {
    border-bottom: none;
    justify-content: center;
    position: relative;
    padding: 0;
    margin: 0;
}
.product__details__tab {
    padding-top: 60px;
}
.product__details__tab .nav-tabs:before {
    position: absolute;
    left: 0;
    top: 12px;
    height: 1px;
    width: 370px;
    background: #ebebeb;
    content: "";
}
.product__details__tab .nav-tabs:after {
    position: absolute;
    right: 0;
    top: 12px;
    height: 1px;
    width: 370px;
    background: #ebebeb;
    content: "";
}
.product__details__tab .product__details__tab__desc {
    padding-top: 44px;
}
.product__details__text ul li .share {
    display: inline-block;
}
.product__details__text ul li .share a {
    display: inline-block;
    font-size: 15px;
    color: #1c1c1c;
    margin-right: 25px;
}

/*招聘页面样式*/
.job-item {
    border-radius: 2px;
    transition: .5s;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, .08);
    box-shadow: none;
}
.job-item:hover {

    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
}
/*招聘页面样式结束*/

/*
===============================================================================
 新版栏目标题设计系统 - 现代化专业样式
===============================================================================
*/

/* 首页栏目区块间距优化 - 紧凑协调的设计 */
section.project-area {
    padding: 25px 0; /* 从40px大幅减少到25px，符合紧凑布局设计规范 */
    position: relative;
    overflow: hidden;
}

/* 栏目分隔线设计 */
.section-divider {
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, #172a46 20%, #172a46 80%, transparent 100%);
    margin-bottom: 15px; /* 从20px减少到15px，符合紧凑设计规范 */
    position: relative;
    opacity: 0.8;
}

/* 栏目分隔线的装饰光点 */
.section-divider::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 4px;
    height: 4px;
    background: #172a46;
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(255, 182, 0, 0.6);
}

/* 栏目标题容器 */
.section-header {
    margin-bottom: 15px; /* 从20px减少到15px，与分隔线保持一致 */
    position: relative;
}

/* 左对齐的栏目标题 */
.section-title-left {
    font-size: 1.6rem;
    font-weight: 600;
    color: #1a1a1a;
    text-align: left;
    padding-left: 15px;
    margin: 0;
    position: relative;
    line-height: 1.4;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* 栏目标题的装饰线 */
.section-title-left::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 24px;
    background: linear-gradient(180deg, #172a46 0%, #213858 100%);
    border-radius: 2px;
}

/* 右对齐的查看更多链接 */
.section-more-link {
    font-size: 0.9rem;
    color: #172a46;
    text-transform: uppercase;
    text-decoration: none;
    padding-right: 20px;
    font-weight: 500;
    position: relative;
    transition: all 0.3s ease;
    letter-spacing: 0.5px;
    font-family: 'Inter', sans-serif;
}

/* 查看更多链接的箭头装饰 */
.section-more-link::after {
    content: '→';
    margin-left: 8px;
    transition: transform 0.3s ease;
    display: inline-block;
}

/* 查看更多链接悬停效果 */
.section-more-link:hover {
    color: #213858;
    text-decoration: none;
    transform: translateX(-2px);
}

.section-more-link:hover::after {
    transform: translateX(4px);
}

/* 第一个栏目不显示分隔线 */
.section-divider.first {
    display: none;
}

/* 栏目间距优化 - 进一步减少栏目之间的间距 */
section + section .section-divider {
    margin-top: -10px; /* 进一步减少上下栏目之间的间距 */
    margin-bottom: 15px; /* 保持与其他分隔线一致 */
}

/* 关于我们栏目特殊处理 - 进一步减少顶部间距 */
section#project-area.project-area {
    padding-top: 15px; /* 从30px进一步减少到15px，符合首个栏目40px间距规范 */
}

/* 移动端响应式调整 - 保持与PC端一致 */
@media (max-width: 768px) {
    section.project-area {
        padding: 20px 0; /* 移动端进一步减少间距 */
    }
    
    section#project-area.project-area {
        padding-top: 10px; /* 移动端第一个栏目 */
    }
    
    .section-header {
        margin-bottom: 12px; /* 移动端进一步减小 */
    }
    
    .section-divider {
        margin-bottom: 12px; /* 移动端进一步减小 */
    }
    
    .section-title-left {
        font-size: 1.4rem;
        padding-left: 12px;
    }
    
    .section-title-left::before {
        width: 3px;
        height: 20px;
    }
    
    .section-more-link {
        font-size: 0.8rem;
        padding-right: 15px;
    }
    
    .section-header .row {
        align-items: center;
    }
    
    /* 移动端保持右对齐 */
    .section-header .text-right {
        text-align: right !important;
    }
}

@media (max-width: 576px) {
    section.project-area {
        padding: 15px 0; /* 小屏幕进一步优化 */
    }
    
    section#project-area.project-area {
        padding-top: 8px; /* 小屏幕第一个栏目 */
    }
    
    .section-title-left {
        font-size: 1.3rem;
    }
    
    .section-more-link {
        font-size: 0.75rem;
    }
    
    .section-divider {
        margin-bottom: 10px; /* 小屏幕进一步减小 */
    }
    
    .section-header {
        margin-bottom: 10px; /* 小屏幕进一步减小 */
    }
}

/*
===============================================================================
 轮播图与栏目间间距优化 - 最终优化
===============================================================================
*/

/* 轮播图与第一个栏目间间距优化 */
.home-banner + section {
    margin-top: -20px; /* 进一步减少轮播图与第一个栏目的间距 */
}

/* 移动端轮播图间距优化 */
@media (max-width: 768px) {
    .home-banner + section {
        margin-top: -25px; /* 移动端进一步减少 */
    }
}

/* 小屏幕轮播图间距优化 */
@media (max-width: 576px) {
    .home-banner + section {
        margin-top: -30px; /* 小屏幕进一步减少 */
    }
}

/*
===============================================================================
 实时行情栏目专用样式 - 简化版（与.frm-swiper集成）
===============================================================================
*/

/* 轮播图导航按钮优化 */
.realtime-quotes-container .swiper-outside-prev,
.realtime-quotes-container .swiper-outside-next {
    width: 40px;
    height: 40px;
    background: rgba(23, 42, 70, 0.9);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(23, 42, 70, 0.3);
    z-index: 10;
    margin-top: -10px; /* 调整垂直居中位置，适配新的容器高度 */
}

.realtime-quotes-container .swiper-outside-prev {
    left: -20px;
}

.realtime-quotes-container .swiper-outside-next {
    right: -20px;
}

.realtime-quotes-container .swiper-outside-prev:hover,
.realtime-quotes-container .swiper-outside-next:hover {
    background: #213858;
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 6px 20px rgba(23, 42, 70, 0.5);
}

/* 分页器优化 */
.realtime-quotes-container .swiper-pagination {
    bottom: -5px;
    position: relative;
}

.realtime-quotes-container .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: rgba(23, 42, 70, 0.3);
    opacity: 1;
    transition: all 0.3s ease;
}

.realtime-quotes-container .swiper-pagination-bullet-active {
    background: #172a46;
    transform: scale(1.2);
    box-shadow: 0 2px 8px rgba(23, 42, 70, 0.4);
}

/* 移动端响应式优化 */
@media (max-width: 768px) {
    .realtime-quotes-container {
        padding: 15px 0;
    }
    
    .realtime-quotes-container .frm-swiper {
        height: 140px;
    }
    
    .realtime-quotes-container .frm-swiper .swiper-slide {
        height: 100px;
        padding: 10px;
        margin: 5px;
    }
    
    .quote-icon {
        width: 40px;
        height: 40px;
        margin-bottom: 8px;
    }
    
    .quote-title span {
        font-size: 0.75rem;
    }
    
    .realtime-quotes-container .swiper-outside-prev,
    .realtime-quotes-container .swiper-outside-next {
        display: none; /* 移动端隐藏导航按钮 */
    }
}

@media (max-width: 576px) {
    .realtime-quotes-container .frm-swiper {
        height: 120px;
    }
    
    .realtime-quotes-container .frm-swiper .swiper-slide {
        height: 80px;
        padding: 8px;
        margin: 3px;
    }
    
    .quote-icon {
        width: 35px;
        height: 35px;
        margin-bottom: 6px;
    }
    
    .quote-title span {
        font-size: 0.7rem;
        line-height: 1.2;
    }
}

/* 大屏幕设备适配 (1400px及以上) */
@media (min-width: 1400px) {
    .container {
        max-width: 1300px;
    }
    
    .realtime-quotes-container .frm-swiper {
        height: 220px; /* 增加容器高度 */
        padding: 20px 25px;
    }
    
    .realtime-quotes-container .frm-swiper .swiper-slide {
        height: 190px; /* 增加slide高度 */
        width: 240px; /* 增加slide宽度 */
        min-width: 240px; /* 设置最小宽度 */
        padding: 30px 20px;
        margin: 15px 15px;
    }
    
    .quote-icon {
        width: 110px; /* 增加图标尺寸 */
        height: 110px;
        margin-bottom: 20px;
        padding: 20px;
    }
    
    .quote-title span {
        font-size: 0.95rem;
    }
    
    .swiper-outside-prev,
    .swiper-outside-next {
        margin-top: -12px; /* 大屏幕下调整垂直居中 */
    }
}

/* 超大屏幕设备适配 (1600px及以上) */
@media (min-width: 1600px) {
    .container {
        max-width: 1500px;
    }
    
    .realtime-quotes-container .frm-swiper {
        height: 240px;
        padding: 25px 30px;
    }
    
    .realtime-quotes-container .frm-swiper .swiper-slide {
        height: 210px;
        width: 260px;
        min-width: 260px; /* 设置最小宽度 */
        padding: 35px 25px;
        margin: 15px 20px;
    }
    
    .quote-icon {
        width: 120px;
        height: 120px;
        margin-bottom: 25px;
        padding: 25px;
    }
    
    .quote-title span {
        font-size: 1rem;
    }
    
    .swiper-outside-prev,
    .swiper-outside-next {
        margin-top: -13px; /* 超大屏幕下调整垂直居中 */
    }
}

/* 4K超大屏幕设备适配 (1920px及以上) */
@media (min-width: 1920px) {
    .container {
        max-width: 1800px;
    }
    
    .realtime-quotes-container .frm-swiper {
        height: 260px;
        padding: 30px 35px;
    }
    
    .realtime-quotes-container .frm-swiper .swiper-slide {
        height: 230px;
        width: 280px;
        min-width: 280px; /* 设置最小宽度 */
        padding: 40px 30px;
        margin: 15px 25px;
    }
    
    .quote-icon {
        width: 130px;
        height: 130px;
        margin-bottom: 30px;
        padding: 30px;
    }
    
    .quote-title span {
        font-size: 1.1rem;
    }
    
    .swiper-outside-prev,
    .swiper-outside-next {
        margin-top: -15px; /* 4K屏幕下进一步调整垂直居中 */
    }
}

/*
===============================================================================
 超大屏幕设备适配 (1400px及以上)
===============================================================================
*/

/* Bootstrap Container 超大屏幕适配 */
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1300px;
    }
}

@media (min-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1500px;
    }
}

@media (min-width: 1920px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1800px;
    }
}

/*
===============================================================================
 强制轮播图浮窗样式覆盖 - 确保效果生效
===============================================================================
*/

/* 最高优先级的轮播图浮窗样式 */
.home-banner .swiper-slide .box-slider-text,
.swiper-container .swiper-slide .box-slider-text,
.box-slider-text {
    background: rgba(200, 205, 210, 0.75) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border-radius: 15px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

/* 最高优先级的轮播图文字颜色 */
.home-banner .swiper-slide .box-slide-sub-title,
.swiper-container .swiper-slide .box-slide-sub-title,
.box-slide-sub-title {
    color: #2c3e50 !important;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8) !important;
}

.home-banner .swiper-slide .box-slide-description,
.swiper-container .swiper-slide .box-slide-description,
.box-slide-description {
    color: #495057 !important;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5) !important;
}

.home-banner .swiper-slide .box-slide-title,
.swiper-container .swiper-slide .box-slide-title,
.box-slide-title {
    color: #6c757d !important;
}