/* 红（#c00）白配色的简约风格 */

/* 重置浏览器默认样式 */
html, body {
    height: 100%;
    min-width: 1200px; /* 设置页面最小宽度为1200px，确保在手机上也能显示电脑版版面 */
}

.wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.wrapper html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,
address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,
samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/* 全局配置 */
* {
    margin: 0;
    padding: 0;
    background-color: white;
    box-sizing: border-box;
}

/* 头部样式 */
.head {
    width: 70%;      /* 设置头部宽度为页面的70% */
    margin: 0 auto;      /* 水平居中 */
    padding: 15px 0;      /* 上下内边距为15px */
}

.head .container {
    margin: 0 auto;      /* 水平居中 */
    display: flex;      /* 使用flex布局 */
    align-items: center;      /* 垂直居中对齐 */
    justify-content: flex-start;      /* 内容靠左对齐 */
    padding: 0 20px;      /* 左右内边距为20px */
    color: white;
}

.head img {
    height: 60px;      /* 图片高度为60px */
    width: auto;      /* 宽度自适应 */
    margin-right: 20px;      /* 右外边距为20px */
    object-fit: cover;      /* 填满容器 */
}

.head h1 {
    color: #a13838;      /* 字体颜色为深红色 */
    font-family: Helvetica, Arial, Microsoft YaHei;      /* 字体为无衬线字体 */
    font-size: 32px;      /* 字体大小为32px */
    font-weight: bold;      /* 字体粗细为粗体 */
    margin: 0;      /* 外边距为0 */
}

/* 导航栏样式 */
/* 导航栏宽度为页面100%，红色背景，最小高度40px*/
.nav {
    width: 100%;      /* 设置导航栏宽度为100%页面宽度 */
    background-color: #a13838;      /* 设置导航栏背景颜色为深红色 #a13838 */
}

.nav .container {
    margin: 0 auto;      /* 水平居中导航栏内容 */
    display: flex;      /* 使用flex布局 */
    justify-content: center;      /* 水平居中对齐导航项 */
    align-items: center;      /* 垂直居中对齐导航项 */
    width: 70%;      /* 设置导航栏容器宽度为页面的70% */
    height: 100%;      /* 导航栏容器高度充满父容器 */
    background-color: #a13838;      /* 设置导航栏背景颜色为深红色 #a13838 */
}

#wp_nav_w2 {
    width: 100%;      /* 设置导航菜单宽度为100% */
    background-color: #a13838;      /* 设置导航栏背景颜色为深红色 #a13838 */
}

/* 设置注入修改前的导航栏文字颜色为白色 */
#wp_nav_w2 .wp_nav .nav-item .item-name {
    color: white !important;      /* 设置导航栏文字颜色为白色 */
    text-decoration: none !important;      /* 移除链接下划线 */
}

.wp_nav .sub-nav, .wp_nav .sub-nav .nav-item a {
    border: none !important;
}

/* 导航菜单容器样式 */
#wp_nav_w2 .wp_nav {
    display: flex !important;      /* 使用flex布局使导航项水平排列 */
    list-style: none !important;      /* 移除列表默认样式 */
    margin: 0 !important;      /* 移除外边距 */
    padding: 0 !important;      /* 移除内边距 */
    height: 40px !important;      /* 设置导航菜单高度为40像素 */
    width: 100% !important;      /* 设置导航菜单宽度为100% */
    align-items: center !important;      /* 垂直居中导航项 */
    background-color: #a13838 !important;      /* 设置导航栏背景颜色为深红色 #a13838 */
}

#wp_nav_w2 .wp_nav::after {
    clear: both !important;      /* 清除浮动 */
    content: "" !important;      /*  */
    display: block !important;      /*  */
    height: 0 !important;      /*  */
    visibility: hidden !important;      /*  */
}

/* 导航项基础样式 */
#wp_nav_w2 .wp_nav .nav-item {
    position: relative !important;      /* 设置相对定位，为子菜单定位做准备 */
    height: 100% !important;      /* 导航项高度充满父容器 */
    flex: 1 !important;      /* 均分容器宽度 */
}

/* 导航链接样式 */
#wp_nav_w2 .wp_nav .nav-item>a {
    display: flex !important;      /* 使用flex布局使链接内容居中 */
    align-items: center !important;      /* 垂直居中链接内容 */
    margin: 0 auto !important;      /* 水平居中链接内容 */
    height: 100% !important;      /* 链接高度充满父容器 */
    color: white !important;      /* 设置文字颜色为白色 */
    text-decoration: none !important;      /* 移除链接下划线 */
    font-family: Helvetica, Microsoft YaHei, Arial !important;      /* 设置字体为黑体，备用字体 */
    font-size: 18px !important;      /* 设置字体大小为22像素 */
    background-color: #a13838 !important;      /* 设置导航栏背景颜色为深红色 #a13838 */
    transition: background-color 0.3s, color 0.3s !important;      /* 添加背景色和文字颜色的过渡效果 */

    & .item-name {
        font-family: Helvetica, Microsoft YaHei, Arial !important;      /* 设置字体 */
        font-weight: bold !important;      /* 设置字体粗细为粗体 */
        background-color: #a13838 !important;      /* 红色背景 */
        transition: background-color 0.3s, color 0.3s !important;      /* 添加背景色和文字颜色的过渡效果 */
        white-space: nowrap !important; /* 设置文字不换行 */
        overflow: hidden !important; /* 超出部分隐藏 */
        margin: 0 auto !important; /* 水平居中 */
    }
}

#wp_nav_w2 .wp_nav .nav-item:hover>a, #wp_nav_w2 .wp_nav .nav-item:hover .item-name:not(.sub-nav .nav-item a .item-name) {
    background-color: rgb(119, 0, 0) !important;      /* 鼠标悬停时背景颜色变为深红色 */
}
/* 子菜单导航项样式 */
#wp_nav_w2 .wp_nav .sub-nav .nav-item:hover a, #wp_nav_w2 .wp_nav .sub-nav .nav-item:hover a .item-name {
    background-color: rgb(119, 0, 0) !important;      /* 鼠标悬停时背景颜色变为深红色 */
}

/* 子菜单样式 */
#wp_nav_w2 .wp_nav .nav-item .sub-nav {
    position: absolute !important;      /* 设置绝对定位，相对于父导航项 */
    top: 100% !important;      /* 子菜单顶部对齐父导航项底部 */
    left: 0 !important;      /* 子菜单左对齐父导航项 */
    min-width: 100% !important;      /* 设置子菜单最小宽度为父菜单宽度 */
    list-style: none !important;      /* 移除列表默认样式 */
    margin: 0 !important;      /* 移除外边距 */
    padding: 0 !important;      /* 移除内边距 */
    display: none !important;      /* 默认隐藏子菜单 */
    z-index: 1000 !important;      /* 设置较高的z-index确保子菜单在上层 */
    border: 1px solid #a13838 !important;      /* 红色边框 */
    border-top: none !important;      /* 去掉上边框 */
}

/* 父导航项悬停时显示子菜单 */
#wp_nav_w2 .wp_nav .nav-item:hover .sub-nav {
    display: block !important;      /* 显示子菜单 */
}

/* 子菜单项样式 */
#wp_nav_w2 .wp_nav .nav-item .sub-nav .nav-item {
    height: auto !important;      /* 子菜单项高度自动调整 */
}

/* 子菜单链接样式 */
#wp_nav_w2 .wp_nav .nav-item .sub-nav .nav-item>a {
    height: 40px !important;      /* 设置子菜单链接高度为40像素 */
    font-size: 16px !important;      /* 设置子菜单字体大小为14像素 */
    font-weight: normal !important;      /* 设置子菜单字体粗细为正常 */
    white-space: nowrap !important;      /* 防止文字换行 */
    overflow: hidden !important;      /* 超出部分隐藏 */
}

/* 当前选中项标记样式 */
.mark {
    display: none;      /* 默认隐藏选中标记 */
}


/* 导航栏响应式设计 */
@media (max-width: 768px) {
    #wp_nav_w2 .wp_nav {
        flex-direction: column !important; /* 在中等屏幕设备上改为垂直排列 */
        height: auto !important; /* 高度自适应 */
    }
    
    #wp_nav_w2 .wp_nav .nav-item {
        flex: none !important; /* 不均分容器宽度 */
        width: 100% !important; /* 宽度占满容器 */
        height: auto !important; /* 高度自适应 */
    }
    
    #wp_nav_w2 .wp_nav .nav-item>a {
        height: auto !important; /* 链接高度自适应 */
        padding: 10px 0 !important; /* 添加内边距 */
    }
    
    #wp_nav_w2 .wp_nav .nav-item .item-name {
        white-space: normal !important; /* 允许文字换行 */
    }
}

@media (max-width: 480px) {
    #wp_nav_w2 .wp_nav .nav-item>a {
        font-size: 16px !important; /* 在小屏幕设备上减小字体大小 */
        padding: 8px 0 !important; /* 调整内边距 */
    }
}

/* 顶部图片样式 */
.top-image {
    width: 100%; /* 设置顶部图片容器宽度为100% */
    text-align: center; /* 图片水平居中 */
}

.top-image img {
    width: 100%; /* 设置图片宽度为100% */
    height: auto; /* 高度自适应 */
    object-fit: cover; /* 保持图片比例 */
    margin-bottom: 20px; /* 图片底部外边距为20px */
}

/* 轮播图样式 */
/* 轮播图宽度为页面100%，居中显示*/
.banner {
    width: 70%;      /* 设置轮播图宽度为页面的100% */
    margin: 0 auto;      /* 水平居中 */
    min-height: 200px;      /* 轮播图最小高度 */
}

.banner .container {
    border-bottom: 4px solid #c00;      /* 底部红色边框 */
}

/* 简约现代的轮播图导航按钮样式 */
.focus-navigation {
    background: rgba(0, 0, 0, 0.5) !important;      /* 更柔和的背景色 */
    border-radius: 50% !important;      /* 圆形按钮 */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;      /* 添加阴影 */
    width: 40px !important;      /* 调整宽度 */
    height: 40px !important;      /* 调整高度 */
    line-height: 40px !important;      /* 调整行高 */
    font-size: 20px !important;      /* 调整字体大小 */
    color: #fff !important;      /* 白色字体 */
    font-family: Helvetica, Microsoft YaHei, Arial !important;      /* 现代字体 */
    opacity: 0.8 !important;      /* 调整透明度 */
}

.focus-navigation:hover {
    background: rgba(0, 0, 0, 0.7) !important;      /* 悬停时更深的背景色 */
    color: #c00 !important;      /* 悬停时字体颜色变为红色 */
    opacity: 1 !important;      /* 悬停时完全不透明 */
    transition: all 0.3s ease;      /* 平滑过渡效果 */
}

.focus-prev {
    left: 10px !important;      /* 调整左按钮位置 */
}

.focus-next {
    right: 10px !important;      /* 调整右按钮位置 */
}

.focus-box {
    width: 100% !important;      /* 轮播图宽度 */
    height: 600px !important;      /* 减少轮播图高度 */
    margin: 0 auto !important;      /* 居中显示 */
}

.focus-container {
    width: 100% !important;      /* 容器宽度 */
    height: 600px !important;      /* 减少容器高度 */
}

.focus-title {
    left: 50% !important;      /* 水平居中 */
    transform: translateX(-50%) !important;      /* 水平居中 */
    background-color: rgba(0, 0, 0, 0.7) !important;      /* 添加背景色 */
    padding: 0 15px !important;      /* 增加左右内边距，使背景略大于标题 */
    bottom: 35px !important;      /* 上移一点，给分页器留出位置 */
    top: auto !important;      /* 重置top属性 */
    font-size: 18px !important;      /* 调整字体大小 */
    font-weight: normal !important;      /* 取消加粗 */
    
}

.focus-title-bg {
    display: none !important;      /* 取消 .focus-title-bg 的效果 */
}

.focus-pagination {
    left: 50% !important;      /* 水平居中 */
    right: auto !important;      /* 移除原有的 right 样式 */
    transform: translateX(-50%) !important;      /* 水平居中 */
    text-align: center !important;      /* 使分页点居中 */
    bottom: 10px !important;      /* 调整底部位置 */
}

/* 添加自定义样式使图片从底部截断 */
.focus-container .focus-item img {
    width: 100% !important;      /* 设置图片宽度为100% */
    height: auto !important;      /* 设置图片高度自适应 */
    object-fit: cover !important;      /* 保持图片比例 */
    object-position: top !important;      /* 从顶部开始显示，底部截断 */
}

/* 轮播图响应式设计 */
@media (max-width: 768px) {
    .focus-box {
        height: 400px !important; /* 在中等屏幕设备上减小高度 */
    }
    
    .focus-container {
        height: 400px !important; /* 在中等屏幕设备上减小高度 */
    }
}

@media (max-width: 480px) {
    .focus-box {
        height: 300px !important; /* 在小屏幕设备上进一步减小高度 */
    }
    
    .focus-container {
        height: 300px !important; /* 在小屏幕设备上进一步减小高度 */
    }
    
    .focus-title {
        font-size: 16px !important; /* 在小屏幕设备上减小标题字体大小 */
        bottom: 30px !important; /* 调整标题位置 */
    }
    
    .focus-pagination {
        bottom: 5px !important; /* 调整分页器位置 */
    }
}

/* 主体部分样式 */
.wrapper.main4#container-4 {
    width: 100%;                   /* 设置主体宽度为页面的100% */
}

.inner {
    width: 70%;                    /* 设置主体容器宽度为页面的70% */
    margin: 0 auto;                /* 水平居中 */
    padding: 20px 20px;               /* 上下左右内边距为20px */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);              /* 添加阴影效果 */
    border: 1px solid #e0e0e0;     /* 添加边框 */
    position: relative;            /* 相对定位 */
    z-index: 1;                    /* 层级 */
}

.mod {
    display: flex;      /* 使用flex布局 */
    flex-wrap: wrap;      /* 允许换行 */
}

.post {
    width: 48%;      /* 宽度为48%，实现两列布局 */
    margin: 1%;      /* 外边距为1%，实现间距 */
    padding: 20px;      /* 内边距为15px */
    border-left: none;      /* 移除左边框 */
    border-right: none;      /* 移除右边框 */
    border-radius: 5px;      /* 圆角为5px */
    position: relative;      /* 设置相对定位 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);      /* 添加阴影效果，增加层次感 */
    transition: all 0.3s ease;      /* 添加过渡效果 */
    background-color: #ffffff;      /* 设置默认背景颜色为白色 */
}

.post:hover {
    background-color: #fafafa;      /* 鼠标悬停时背景变为轻微的灰色 */
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);      /* 适度增强阴影效果 */
    transform: translateY(-1px);      /* 轻微上移效果 */
}

.tit-box {
    display: flex;      /* 使用flex布局 */
    justify-content: space-between;      /* 标题和更多按钮左右分布 */
    align-items: center;      /* 垂直居中对齐 */
    border-bottom: 2px solid #c00;      /* 标题栏底部红色边框 */
    padding-bottom: 5px;      /* 底部内边距为5px */
    margin-bottom: 10px;      /* 底部外边距为10px */
}

.tit {
    display: flex;
    align-items: center;      /* 垂直居中对齐 */
    margin: 0;      /* 外边距为0 */
    font-size: 25px;      /* 字体大小为25px */
    font-weight: bold;      /* 字体粗细为粗体 */
    color: #c00;      /* 字体颜色为深红色 */
    transition: transform 0.3s ease;      /* 添加变换过渡效果 */
}

.post:hover .tit {
    transform: scale(1.05);      /* 鼠标悬停时标题轻微放大 */
}

/* 标题图标样式 */
.title-icon {
    height: 30px;      /* 设置图标高度 */
    width: auto;      /* 宽度自适应 */
    margin-right: 10px;      /* 右外边距为10px */
    object-fit: contain;      /* 保持图片比例 */
}

.more_btn {
    cursor: pointer;      /* 鼠标悬停时显示为指针 */
    color: #666;      /* 字体颜色为灰色 */
    font-size: 15px;      /* 字体大小为15px */
}

.more_btn a {
    text-decoration: none;      /* 取消下划线 */
    color: inherit;      /* 继承父元素的字体颜色 */
}

.post .news_list {
    padding: 10px 0;      /* 上下内边距为10px */
    list-style: none;     /* 取消列表样式 */
}

.post .news_list li {
    margin-bottom: 8px;      /* 底部外边距为8px */
    line-height: 1.5;      /* 行高为1.5 */
    font-size: 20px;      /* 字体大小为20px */
}

.post .academic-content {
    display: flex;      /* 使用flex布局 */
    justify-content: space-between;      /* 两端对齐 */
    align-items: center;      /* 垂直居中 */
    position: relative;      /* 设置相对定位，为伪元素定位做准备 */
    transition: all 0.3s ease;      /* 添加过渡效果 */
}

.post .academic-content::after {
    content: "";      /* 创建伪元素 */
    position: absolute;      /* 绝对定位 */
    bottom: -5px;      /* 距离底部5px */
    left: 0;      /* 从左侧开始 */
    width: 0;      /* 初始宽度为0 */
    height: 2px;      /* 横线高度为2px */
    background-color: #ccc;      /* 灰色横线 */
    transition: width 0.3s ease;      /* 宽度变化过渡效果 */
}

.post .academic-content:hover::after {
    width: 100%;      /* 悬浮时宽度变为100% */
}

.post .academic-title {
    font-size: 16px;      /* 字体大小为20px */
    color: inherit;      /* 继承父元素的字体颜色 */
    font-family: Helvetica, Arial, Microsoft YaHei;      /* 字体为无衬线字体 */
    cursor: pointer;      /* 鼠标悬停时显示为指针 */
    transition: all 0.3s ease;      /* 添加过渡效果 */
    text-overflow: ellipsis;      /* 超出部分显示省略号 */
    white-space: nowrap;      /* 不换行 */
    overflow: hidden;      /* 超出部分隐藏 */
}

.post .academic-title:hover {
    color: #c00;      /* 鼠标悬停时字体颜色为深红色 */
}

.post .academic-date {
    display: flex;
    align-items: center;      /* 垂直居中 */
    font-size: 15px;      /* 字体大小为15px */
    color: #999;      /* 字体颜色为灰色 */
    margin-left: 10px;      /* 左外边距为10px */
    white-space: nowrap;      /* 不换行 */
}

.post .news_list li a {
    text-decoration: none;      /* 取消下划线 */
    color: inherit;      /* 继承父元素的字体颜色 */
}

.talent {
    margin: 20px 1%;      /* 上下外边距为20px，左右外边距为20px */
    width: 98%;      /* 宽度为98%，实现单列布局 */
    padding: 20px;      /* 内边距为20px */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);      /* 添加阴影效果 */
    border-radius: 5px;      /* 圆角为5px */
    background-color: #ffffff;      /* 设置默认背景颜色为白色 */
    transition: all 0.3s ease;      /* 添加过渡效果 */
    position: relative;      /* 设置相对定位 */
    z-index: 1;      /* 设置层级 */
}

.talent:hover {
    background-color: #fafafa;      /* 鼠标悬停时背景变为轻微的灰色 */
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);      /* 适度增强阴影效果 */
    transform: translateY(-1px);      /* 轻微上移效果 */
}

.talent .tit {
    transition: transform 0.3s ease;      /* 添加变换过渡效果 */
}

.talent:hover .tit {
    transform: scale(1.05);      /* 鼠标悬停时标题轻微放大 */
}

/* 科技人才风采列表样式 */
.talent-list {
    display: flex;
    flex-direction: row; /* 水平排列 */
    align-items: center;
    justify-content: center;
    width: 100%;
    overflow: hidden;
    position: relative;
    min-height: 150px; /* 设置最小高度，防止塌陷 */
}

.talent-list .container {
    display: flex;
    flex-direction: row; /* 水平排列 */
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.talent-list .wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    min-height: 130px; /* 设置最小高度，防止塌陷 */
}

/* 人物项样式 */
.talent-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 25%; /* 每项宽度占容器的25% */
    flex-shrink: 0; /* 防止收缩 */
    text-align: center;
    transition: all 0.3s ease;
    text-decoration: none;     /* 取消默认的链接样式 */
}

.talent-item:hover {
    color: #c00;
    transform: scale(1.05);
}

.talent-item img {
    width: 100px;
    object-fit: cover;
    margin-bottom: 5px;
    border-radius: 2px;
}

.talent-item .name {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
}

.talent-item .position {
    font-size: 12px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
}

/* 滚动容器样式 */
.talent-scroll-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 180px; /* 设置固定高度，确保能包含所有内容 */
    padding-bottom: 10px; /* 适当的底部内边距防止头像放大后被遮挡 */
}

/* 滚动内容样式 - 修改为水平排列 */
.talent-scroll-content {
    display: flex;
    flex-direction: row; /* 改为水平排列 */
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* 宽度设置为父容器的100% */
    height: 100%; /* 高度设置为父容器的100% */
    transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); /* 添加过渡动画，使用贝塞尔曲线实现起步加速和停止减速效果 */
}

/* 当内容较少时居中显示 */
.talent-center {
    display: flex;
    flex-direction: row; /* 改为水平排列 */
    align-items: center;
    justify-content: center;
    height: 100%;
}

/* Wrapper 样式 */
.wrapper {
    background: linear-gradient(to bottom, #ffffff, #f5f5f5);  /* 添加渐变背景 */
    margin: 0 0;
    justify-content: space-between;      /* 左右两端对齐 */
}

/* 清除浮动 */
.clearfix::after {
    content: "";      /*  */
    display: table;      /*  */
    clear: both;      /* 清除浮动 */
}

/* 使用背景图片的方式添加装饰性图片，避免影响布局 */
.wrapper.main4#container-4 {
    position: relative;
    width: 100%;
    /* 添加左侧装饰图片 */
    background-image: url('../images/left.png'), url('../images/right.png');
    background-repeat: no-repeat;
    background-position: left bottom, right bottom;
    background-size: 15% auto;
    /* 调整背景图片位置 */
    background-attachment: scroll;
}

.links {
    min-height: 50px;      /* 设置友情链接最小高度为50px */
}

/* 底部样式 */
/* 底部宽度为页面100%，红色背景，字体为白色，居中显示*/
.foot {
    width: 100%;      /* 设置底部宽度为页面的100% */
    min-height: 60px;      /* 设置底部最小高度为60px */
    background-color: #a12727;      /* 设置底部背景颜色为深红色 */
    color: #f5f5f5;      /* 设置底部字体颜色为白色 */
    text-align: center;      /* 设置底部文字居中对齐 */
    padding: 10px 0;      /* 设置底部上下内边距为10px */
    position: relative;      /* 设置底部定位为相对定位 */
    bottom: 0;      /* 设置底部位置为0 */
    font-size: 14px;      /* 设置底部字体大小为14px */
}

/* Infobox样式 - 用于文章详情页面 */
.infobox {
    width: 100%; /* 设置infobox宽度为100% */
    margin: 0 auto; /* 水平居中 */
    padding: 20px; /* 设置内边距 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
    border: 1px solid #e0e0e0; /* 添加边框 */
    border-radius: 5px; /* 设置圆角 */
    background-color: #ffffff; /* 设置背景颜色为白色 */
    font-family: Helvetica, Arial, Microsoft YaHei, sans-serif; /* 设置字体族 */
}

.infobox .article {
    width: 100%; /* 设置文章容器宽度为100% */
}

/* 文章标题样式 */
.infobox .arti_title {
    text-align: center; /* 文本居中对齐 */
    margin: 10px 0; /* 设置外边距 */
    font-weight: bold; /* 设置字体粗细为粗体 */
    color: #a13838; /* 设置字体颜色为深红色 */
    font-family: Helvetica, Arial, Microsoft YaHei, sans-serif; /* 设置字体族 */
}

.infobox .arti_title:first-child {
    font-size: 28px; /* 设置主标题字体大小 */
    margin-top: 0; /* 设置顶部外边距为0 */
}

.infobox .arti_title:last-child {
    font-size: 22px; /* 设置副标题字体大小 */
    color: #666; /* 设置副标题颜色为灰色 */
    font-weight: normal; /* 设置副标题字体粗细为正常 */
    border-bottom: 2px solid #c00; /* 设置底部边框为红色 */
    padding-bottom: 15px; /* 设置底部内边距 */
    margin-bottom: 20px; /* 设置底部外边距 */
}

/* 文章元信息样式 */
.infobox .arti_metas {
    text-align: center; /* 文本居中对齐 */
    margin-bottom: 20px; /* 设置底部外边距 */
    color: #666; /* 设置字体颜色为灰色 */
    font-size: 16px; /* 设置字体大小 */
}

.infobox .arti_metas span {
    margin: 0 10px; /* 设置左右外边距 */
}

.infobox .arti_metas span:first-child {
    margin-left: 0; /* 设置第一个元素左外边距为0 */
}

.infobox .arti_metas span:last-child {
    margin-right: 0; /* 设置最后一个元素右外边距为0 */
}

/* 浏览次数样式 */
.infobox .arti_views .WP_VisitCount {
    display: inline !important; /* 强制显示为内联元素 */
    font-weight: bold; /* 设置字体粗细为粗体 */
    color: #a13838; /* 设置字体颜色为深红色 */
}

/* 文章内容样式 */
.infobox .entry {
    line-height: 1.8; /* 设置行高 */
    font-size: 18px; /* 设置字体大小 */
    color: #333; /* 设置字体颜色为深灰色 */
}

.infobox .entry .read {
    padding: 10px 0; /* 设置上下内边距 */
}

.infobox .entry .wp_articlecontent {
    padding: 10px 0; /* 设置上下内边距 */
}

.infobox .entry p {
    margin: 15px 0; /* 设置上下外边距 */
    text-align: justify; /* 设置文本对齐方式为两端对齐 */
    text-justify: inter-ideograph; /* 设置中文文本对齐方式 */
}

.infobox .entry img {
    max-width: 100%; /* 设置图片最大宽度为100% */
    height: auto; /* 设置图片高度自适应 */
    display: block; /* 设置图片显示为块级元素 */
    margin: 10px auto; /* 设置图片水平居中 */
    border-radius: 5px; /* 设置图片圆角 */
}

/* 处理框架生成内容中的嵌套infobox */
#d-container .infobox .infobox {
    box-shadow: none; /* 移除嵌套infobox的阴影 */
    border: none; /* 移除嵌套infobox的边框 */
    padding: 0; /* 设置嵌套infobox的内边距为0 */
}

/* 文章内容中的各种元素样式 */
.infobox .entry a {
    color: #c00; /* 设置链接颜色为红色 */
    text-decoration: none; /* 移除链接下划线 */
}

.infobox .entry a:hover {
    text-decoration: underline; /* 设置鼠标悬停时显示下划线 */
}

.infobox .entry ul,
.infobox .entry ol {
    margin: 15px 0; /* 设置列表上下外边距 */
    padding-left: 30px; /* 设置列表左内边距 */
}

.infobox .entry li {
    margin: 5px 0; /* 设置列表项上下外边距 */
}

.infobox .entry h1,
.infobox .entry h2,
.infobox .entry h3,
.infobox .entry h4,
.infobox .entry h5,
.infobox .entry h6 {
    margin: 20px 0 10px 0; /* 设置标题外边距 */
    color: #a13838; /* 设置标题颜色为深红色 */
    font-weight: bold; /* 设置标题字体粗细为粗体 */
}

.infobox .entry h1 {
    font-size: 24px; /* 设置h1标题字体大小 */
}

.infobox .entry h2 {
    font-size: 22px; /* 设置h2标题字体大小 */
}

.infobox .entry h3 {
    font-size: 20px; /* 设置h3标题字体大小 */
}

.infobox .entry h4 {
    font-size: 18px; /* 设置h4标题字体大小 */
}

.infobox .entry h5 {
    font-size: 16px; /* 设置h5标题字体大小 */
}

.infobox .entry h6 {
    font-size: 14px; /* 设置h6标题字体大小 */
}

.infobox .entry blockquote {
    margin: 15px 0; /* 设置引用块上下外边距 */
    padding: 10px 20px; /* 设置引用块内边距 */
    border-left: 4px solid #c00; /* 设置引用块左 border 为红色 */
    background-color: #f9f9f9; /* 设置引用块背景颜色 */
    color: #666; /* 设置引用块字体颜色为灰色 */
}

.infobox .entry table {
    width: 100%; /* 设置表格宽度为100% */
    border-collapse: collapse; /* 合并表格边框 */
    margin: 15px 0; /* 设置表格上下外边距 */
}

.infobox .entry table th,
.infobox .entry table td {
    border: 1px solid #ddd; /* 设置表格单元格边框 */
    padding: 8px; /* 设置表格单元格内边距 */
    text-align: left; /* 设置表格单元格文本左对齐 */
}

.infobox .entry table th {
    background-color: #f2f2f2; /* 设置表格表头背景颜色 */
    font-weight: bold; /* 设置表格表头字体粗细为粗体 */
}

/* 处理框架生成的内联样式 */
.infobox .entry [style*="text-indent"] {
    text-indent: 2em !important; /* 强制设置文本缩进为2em */
}

.infobox .entry [style*="line-height"] {
    line-height: 1.8 !important; /* 强制设置行高为1.8 */
}

.infobox .entry [style*="text-align: justify"] {
    text-align: justify !important; /* 强制设置文本对齐方式为两端对齐 */
}

.infobox .entry .p_text_indent_2 {
    text-indent: 2em; /* 设置文本缩进为2em */
    line-height: 1.8; /* 设置行高为1.8 */
    text-align: justify; /* 设置文本对齐方式为两端对齐 */
    margin: 15px 0; /* 设置上下外边距 */
}

/* 覆盖框架生成的内联样式 */
.infobox .entry p[style*="margin:0px"] {
    margin: 15px 0 !important; /* 强制设置段落上下外边距 */
}

.infobox .entry p[style*="padding:0px"] {
    padding: 0 !important; /* 强制设置段落内边距为0 */
}

.infobox .entry span[style*="font-family:微软雅黑"] {
    font-family: Helvetica, Arial, Microsoft YaHei, sans-serif !important; /* 强制设置字体族 */
}

/* 响应式设计 */
@media (max-width: 768px) {
    .infobox {
        padding: 15px; /* 在小屏幕上减小内边距 */
    }
    
    .infobox .arti_title:first-child {
        font-size: 24px; /* 在小屏幕上减小主标题字体大小 */
    }
    
    .infobox .arti_title:last-child {
        font-size: 20px; /* 在小屏幕上减小副标题字体大小 */
    }
    
    .infobox .arti_metas {
        font-size: 14px; /* 在小屏幕上减小元信息字体大小 */
    }
    
    .infobox .arti_metas span {
        display: block; /* 在小屏幕上将元信息项显示为块级元素 */
        margin: 5px 0; /* 在小屏幕上调整元信息项外边距 */
    }
    
    .infobox .entry {
        font-size: 16px; /* 在小屏幕上减小正文字体大小 */
    }
}

/* Listcolumn页面样式 - 列表页面 */
#l-container {
    width: 100%; /* 设置容器宽度为100% */
    margin: 0 auto; /* 水平居中 */
}

#l-container .inner {
    width: 70%; /* 设置内层容器宽度为页面的70% */
    margin: 0 auto; /* 水平居中 */
    padding: 20px; /* 设置内边距 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
    border: 1px solid #e0e0e0; /* 添加边框 */
    border-radius: 5px; /* 设置圆角 */
    background-color: #ffffff; /* 设置背景颜色为白色 */
    font-family: Helvetica, Arial, Microsoft YaHei, sans-serif; /* 设置字体族 */
}

#l-container .mod {
    display: flex; /* 使用flex布局 */
    flex-wrap: wrap; /* 允许换行 */
}

/* 左侧菜单栏样式 */
#l-container .col_menu {
    width: 25%; /* 设置菜单栏宽度为25% */
    padding-right: 20px; /* 设置右内边距 */
    border-right: 1px solid #e0e0e0; /* 添加右边框 */
}

/* 菜单头部样式 */
#l-container .col_menu_head {
    margin-bottom: 20px; /* 设置底部外边距 */
    padding-bottom: 10px; /* 设置底部内边距 */
    border-bottom: 2px solid #c00; /* 添加底部红色边框 */
}

#l-container .col_name {
    margin: 0; /* 设置外边距为0 */
    font-size: 24px; /* 设置字体大小 */
    font-weight: bold; /* 设置字体粗细为粗体 */
    color: #a13838; /* 设置字体颜色为深红色 */
}

/* 菜单容器样式 */
#l-container .col_menu_con {
    /* 菜单容器样式 */
}

/* 菜单列表样式 */
#l-container .col_list {
    /* 菜单列表样式 */
}

/* 菜单项目样式 */
#l-container .wp_listcolumn {
    list-style: none; /* 移除列表默认样式 */
    padding: 0; /* 设置内边距为0 */
    margin: 0; /* 设置外边距为0 */
}

/* 菜单项样式 */
#l-container .wp_column {
    margin-bottom: 10px; /* 设置底部外边距 */
}

#l-container .wp_column a {
    display: block; /* 设置为块级元素 */
    padding: 10px 15px; /* 设置内边距 */
    color: #333; /* 设置字体颜色为深灰色 */
    text-decoration: none; /* 移除下划线 */
    border-radius: 3px; /* 设置圆角 */
    transition: all 0.3s ease; /* 添加过渡效果 */
}

#l-container .wp_column a:hover {
    background-color: #f5f5f5; /* 设置鼠标悬停时的背景颜色 */
    color: #c00; /* 设置鼠标悬停时的字体颜色为红色 */
}

/* 选中菜单项样式 */
#l-container .wp_column.selected a {
    background-color: #a13838; /* 设置选中项的背景颜色为深红色 */
    color: #ffffff; /* 设置选中项的字体颜色为白色 */
}

/* 子菜单列表样式 */
#l-container .sub_list {
    list-style: none; /* 移除列表默认样式 */
    padding: 10px 0 10px 20px; /* 设置内边距 */
    margin: 0; /* 设置外边距为0 */
    border-left: 2px solid #e0e0e0; /* 添加左边框 */
}

/* 子菜单项样式 */
#l-container .sub-item {
    margin-bottom: 8px; /* 设置底部外边距 */
}

#l-container .sub-item a {
    display: block; /* 设置为块级元素 */
    padding: 8px 12px; /* 设置内边距 */
    color: #666; /* 设置字体颜色为灰色 */
    text-decoration: none; /* 移除下划线 */
    border-radius: 3px; /* 设置圆角 */
    transition: all 0.3s ease; /* 添加过渡效果 */
}

#l-container .sub-item a:hover {
    background-color: #f5f5f5; /* 设置鼠标悬停时的背景颜色 */
    color: #c00; /* 设置鼠标悬停时的字体颜色为红色 */
}

/* 选中子菜单项样式 */
#l-container .sub-item.selected a {
    background-color: #a13838; /* 设置选中项的背景颜色为深红色 */
    color: #ffffff; /* 设置选中项的字体颜色为白色 */
}

/* 右侧内容区域样式 */
#l-container .col_news {
    width: 75%; /* 设置内容区域宽度为75% */
    padding-left: 20px; /* 设置左内边距 */
}

/* 内容头部样式 */
#l-container .col_news_head {
    margin-bottom: 20px; /* 设置底部外边距 */
    padding-bottom: 10px; /* 设置底部内边距 */
    border-bottom: 2px solid #c00; /* 添加底部红色边框 */
}

/* 当前位置样式 */
#l-container .col_path {
    margin-bottom: 10px; /* 设置底部外边距 */
    color: #666; /* 设置字体颜色为灰色 */
    font-size: 14px; /* 设置字体大小 */
}

#l-container .col_path a {
    color: #a13838; /* 设置链接颜色为深红色 */
    text-decoration: none; /* 移除下划线 */
}

#l-container .col_path a:hover {
    text-decoration: underline; /* 设置鼠标悬停时显示下划线 */
}

#l-container .possplit {
    margin: 0 5px; /* 设置左右外边距 */
}

/* 栏目标题样式 */
#l-container .col_title h2 {
    margin: 0; /* 设置外边距为0 */
    font-size: 28px; /* 设置字体大小 */
    font-weight: bold; /* 设置字体粗细为粗体 */
    color: #a13838; /* 设置字体颜色为深红色 */
}

/* 内容容器样式 */
#l-container .col_news_con {
    /* 内容容器样式 */
}

/* 内容列表样式 */
#l-container .col_news_list {
    /* 内容列表样式 */
}

/* 清除浮动 */
#l-container .clear {
    clear: both; /* 清除浮动 */
}

/* 去掉col_metas的列表样式 */
.col_metas {
    list-style: none; /* 去掉列表样式 */
}

.wp_listcolumn .wp_column a {
    background: #f5f5f5 !important; /* 去掉菜单项的背景图片 */
}


.wp_listcolumn .wp_column a.selected:not(.sub-item) {
    background: #a13838 !important; /* 去掉选中菜单项的背景图片 */
    color: #ffffff !important; /* 确保选中菜单项的字体颜色为白色 */
    background-image: none !important; /* 去掉选中菜单项的背景图片 */
}

.wp_listcolumn .wp_column .sub_list .sub-item a {
    color: #333 !important; /* 去掉菜单项的字体颜色 */
    background: #f5f5f5 !important; /* 去掉菜单项的背景图片 */
}

.wp_listcolumn .wp_column .sub_list .sub-item a:hover {
    background: #f5f5f5 !important; /* 去掉菜单项的背景图片 */
    color: #c00 !important; /* 确保悬停菜单项的字体颜色为红色 */
    background-image: none !important; /* 去掉悬停菜单项的背景图片 */
}

.wp_listcolumn .wp_column .sub_list .sub-item a.selected {
    background: #a13838 !important; /* 去掉选中菜单项的背景图片 */
    color: #ffffff !important; /* 确保选中菜单项的字体颜色为白色 */
    background-image: none !important; /* 去掉选中菜单项的背景图片 */
}

/* 响应式设计 */
@media (max-width: 768px) {
    #l-container .inner {
        width: 95%; /* 在小屏幕上调整内层容器宽度 */
        padding: 15px; /* 在小屏幕上调整内边距 */
    }
    
    #l-container .col_menu {
        width: 100%; /* 在小屏幕上菜单栏宽度为100% */
        padding-right: 0; /* 在小屏幕上移除右内边距 */
        border-right: none; /* 在小屏幕上移除右边框 */
        border-bottom: 1px solid #e0e0e0; /* 在小屏幕上添加底边框 */
        margin-bottom: 20px; /* 在小屏幕上添加底部外边距 */
    }
    
    #l-container .col_news {
        width: 100%; /* 在小屏幕上内容区域宽度为100% */
        padding-left: 0; /* 在小屏幕上移除左内边距 */
    }
    
    #l-container .col_name {
        font-size: 22px; /* 在小屏幕上调整字体大小 */
    }
    
    #l-container .col_title h2 {
        font-size: 24px; /* 在小屏幕上调整字体大小 */
    }
}

/* 增强新闻列表项样式 */
#l-container .news_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

#l-container .news_list li {
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.3s ease;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#l-container .news_list li:last-child {
    border-bottom: none;
}

#l-container .news_list li:hover {
    background-color: #fafafa;
    padding-left: 10px;
}

#l-container .news_title {
    flex: 1;
    margin-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#l-container .news_title a {
    color: #333;
    text-decoration: none;
    font-size: 16px;
    transition: color 0.3s ease;
}

#l-container .news_title a:hover {
    color: #c00;
}

#l-container .news_meta {
    color: #999;
    font-size: 14px;
    white-space: nowrap;
}

/* 完善分页控件样式 */
#l-container .wp_paging {
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    border-top: 1px solid #f0f0f0;
}

/* 覆盖默认的设置 */
.pages_count, .page_nav, .page_jump {
    margin: 5px !important;
    line-height: 100% !important;
}

.wp_paging {
    float: none !important; /* 取消浮动 */
}

#l-container .wp_paging li {
    margin: 0 5px 5px 0;
}

#l-container .wp_paging a {
    display: block;
    padding: 8px 12px;
    background-color: #f5f5f5;
    color: #333;
    text-decoration: none;
    border-radius: 3px;
    transition: all 0.3s ease;
    font-size: 14px;
}

#l-container .wp_paging a:hover {
    background-color: #a13838;
    color: #ffffff;
}

#l-container .wp_paging .first,
#l-container .wp_paging .prev,
#l-container .wp_paging .next,
#l-container .wp_paging .last {
    background-color: #e0e0e0;
}

#l-container .wp_paging .first:hover,
#l-container .wp_paging .prev:hover,
#l-container .wp_paging .next:hover,
#l-container .wp_paging .last:hover {
    background-color: #a13838;
}

#l-container .wp_paging .pages_count,
#l-container .wp_paging .page_jump {
    margin: 0 10px;
    color: #666;
    font-size: 14px;
}

#l-container .wp_paging .pageNum {
    width: 40px;
    padding: 5px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    text-align: center;
}

#l-container .wp_paging .pagingJump {
    background-color: #a13838;
    color: #ffffff;
    padding: 6px 10px;
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

#l-container .wp_paging .pagingJump:hover {
    background-color: #c00;
}

/* 添加更多过渡动画和视觉效果 */
#l-container .col_news_box {
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 20px;
    background-color: #ffffff;
}

#l-container .col_news_box:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* 增强选中菜单项的视觉效果 */
#l-container .wp_column.selected a {
    position: relative;
    overflow: hidden;
}

#l-container .wp_column.selected a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background-color: #ffffff;
    border-radius: 50%;
}

/* 补充更全面的响应式设计 */
@media (max-width: 480px) {
    #l-container .inner {
        width: 98%;
        padding: 10px;
    }
    
    #l-container .col_name {
        font-size: 20px;
    }
    
    #l-container .col_title h2 {
        font-size: 22px;
    }
    
    #l-container .news_list li {
        flex-direction: column;
        align-items: flex-start;
    }
    
    #l-container .news_meta {
        margin-top: 5px;
    }
    
    #l-container .wp_paging {
        padding: 15px 0;
    }
    
    #l-container .wp_paging a {
        padding: 6px 10px;
        font-size: 13px;
        margin: 0 2px 2px 0;
    }
    
    #l-container .wp_paging .pages_count,
    #l-container .wp_paging .page_jump {
        font-size: 13px;
        margin: 0 5px 5px 0;
    }
    
    #l-container .wp_paging .pageNum {
        width: 30px;
        padding: 3px;
    }
}

/* 添加加载动画效果 */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#l-container .col_menu,
#l-container .col_news {
    animation: fadeIn 0.5s ease forwards;
}

#l-container .col_menu {
    animation-delay: 0.1s;
}

#l-container .col_news {
    animation-delay: 0.2s;
}
/* 调整wp_paging内的文字垂直居中 */
#l-container .wp_paging {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

#l-container .wp_paging li {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 10px !important;
}

#l-container .wp_paging a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    padding: 8px 12px !important;
}

.pages_count, .page_nav, .page_jump {
    display: flex !important;
    align-items: center !important;
    line-height: 1.5 !important;
}
/* 友情链接区块样式 */
.links-container {
    width: 100%;
    margin: 20px 1%;
    padding: 20px;
    border-radius: 5px;
    position: relative;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    background-color: #ffffff;
}

.links-section {
    background-color: transparent; /* 透明背景 */
    padding: 10px; /* 添加内边距使内容更紧凑 */
}

.links-container:hover {
    background-color: #fafafa;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
    transform: translateY(-1px);
}

.links-container:hover .tit-box .tit {
    transform: scale(1.05);
}
/* 表格样式 */
.articlelist3_tbl {
    width: 100%;
    border-collapse: collapse;
}
/* 表格行样式 */
.articlelist3_tr {
    margin-bottom: 5px;
}
/* 表格单元格样式 */
.articlelist3_tbl td {
    padding: 5px 10px;
    border: none;
    vertical-align: top;
}
/* 链接样式 */
.articlelist1_a_title {
    text-decoration: none;
    transition: color 0.3s ease;
    color: #333;
    display: inline-block;
    font-size: 16px;
    font-family: Helvetica, Arial, Microsoft YaHei;
}
.articlelist1_a_title:hover {
    color: #c00;
}
/* 响应式设计 */
@media (max-width: 768px) {
    .articlelist3_tbl td {
        padding: 8px 10px;
    }
    .articlelist1_a_title {
        font-size: 14px;
    }
}
/* 隐藏news_icon */
.news_icon {
    display: none;
}

/* 隐藏背景图片 */
.articlelist3_tr {
    background-image: none;
}