﻿@charset "utf-8";

/* ==================== 全局基础样式 ==================== */
/* 重置所有元素的默认边距和内边距 */
html, body, div, h1, h2, h3, h4, h5, h6, p, span, em, 
a, img, ul, li, ol, form, button, input, textarea, dl, dt, dd, iframe {
    margin: 0;
    padding: 0;
}

/* 基础文本样式 */
body {
    text-align: left;
    font: normal 14px/1.5 sans-serif, "Source Han Sans CN"; /* ← 思源黑体 */
    color: #333333;
    background-image: url('/qiaye/images/body_bg.jpg');
    background-repeat: repeat; 
    background-attachment: fixed; 
    background-color: #f8f8f8;
}

/* ==================== 文字选中效果 ==================== */
::-moz-selection {
    background: #F6B733;
    color: #FFF;
    text-shadow: none;
}

::selection {
    background: #F6B733;
    color: #FFF;
    text-shadow: none;
}

/* 需要加粗的部分单独控制（如标题等） */
h1, h2, h3, h4, h5, h6, strong, b {
    font-weight: 700; /* 使用已声明的 Bold 字重 */
}

/* 链接样式 */
a {
    cursor: pointer;
    color: #666666;
    text-decoration: none;
    outline: 0 none;
    /* 平滑过渡效果 */
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}
/* 链接悬停状态 */
a:hover, a:focus {
    text-decoration: none;
    color: #C80001;
}

/* 标题和强调文本重置 */
h1, h2, h3, h4, h5, h6, em {
    font-size: 14px;
    font-weight: normal;
}
h2 {
    color: #000;
}

/* 列表样式重置 */
ol, ul {
    list-style: none;
}
em {
    font-style: normal;
}

/* 图片样式 */
img {
    border: 0;
    vertical-align: middle;
}

/* 图片悬停效果 */
a:hover img {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

/* ==================== 工具类 ==================== */
/* 清除浮动 */
.clear {
    clear: both;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
.clearfix {
    display: block;
}

/* 间距工具类 */
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }

/* ==================== 头部样式 ==================== */
.nav_bar {
    height: 50px;
    background: #DA0000;
    color: #FFF;
    text-shadow: 1px 1px 1px #000;
}
.nav_bar a {
    color: #fff;
    text-decoration: none;
}
.nav_bar a:hover {
    color: #63b8ff;
    text-decoration: none;
}
/* 网站标题/域名 */
.nav_bar .domain {
    float: left;
    font: bold 25px/50px "Source Han Sans CN"; /* 使用粗体和无衬线字体 */
}

/* ==================== 主导航菜单 ==================== */
.nav_menu {
    width: 980px;
    overflow: hidden;
}

/* 按钮容器样式 */
.btcont {
    width: 124px;
    height: 40px;
    font-size: 16px;
    font-family: "Source Han Sans CN";
    color: #FFFFFF;
    text-align: center;
    line-height: 40px;
    background: #DA0000;
    z-index: 500;
    margin: 0 0 10px 1px;
    border-radius: 4px;
}

/* 分隔线 */
.fh {
    width: 960px;
    height: 12px;
    overflow: hidden;
    margin: 0 auto;
}
/* ==================== 滚动条 ==================== */
::-webkit-scrollbar {
    background-color: #F5F5F5; /* 改为浅灰色背景 */
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
    background: #EDEDED; /* 浅灰色轨道 */
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    background-color: #A00000; /* 使用您的主红色 */
}

/* 滑块悬停 */
::-webkit-scrollbar-thumb:hover {
    background-color: #800000; /* 加深的主红色 */
}

/* ==================== 全局基础样式 ==================== */
/* 禁止水平滚动 */
html, body { 
    overflow-x: hidden;
}

/* ==================== 布局工具类 ==================== */
/* 宽度容器 */
.w1000 { 
    width: 1000px; 
    margin: 0 auto;
}

/* 浮动类 */
.f_left { float: left; }
.f_right { float: right; }

/* 日期样式 */
.date {
    float: right;
    font-family: "Source Han Sans CN";
    color: #666666;
    font-weight: 100;
    font-size: 12px;
    padding-right: 20px;
}

/* 更多链接 */
.more {
    float: right;
    display: inline;
    margin: 20px 20px 0 0;
    font: 12px/20px "Source Han Serif CN";
}

/* 间距类 */
.mb10 { 
    margin-bottom: 20px;
}

/* ==================== 栏目标题样式 ==================== */

/* 短标题变体1 */
.lm_short_title1 {
    /* 1. 布局属性 */
    height: 59px;
    line-height: 59px;
    /* 2. 盒子模型 */
    padding-left: 20px;
    border-left: 4px solid transparent;
    border-radius: 3px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    /* 3. 背景和颜色 */
    background: linear-gradient(to right, #A00000, #800000);
    color: #FBDD58;
    /* 4. 字体和文本 */
    font-family: "Source Han Sans CN";
    font-size: 20px;
    /* 5. 动画和变换 */
    transition: all 0.3s ease;
}

/* 悬停特效 */
.lm_short_title1:hover {
    background: linear-gradient(to right, #A80000, #880000); /* 仅轻微加深 */
    border-left-color: rgba(255, 215, 0, 0.7); /* 半透明金色 */
}

/* 产品报价 - 更多>> 样式 */
.lm_short_title1 a.more {
    color: #FBDD58;
    text-decoration: none;
    font-size: 14px;
    opacity: 0.9;
    transition: all 0.3s ease;
    display: inline-block;
}

/* 超链接悬停效果 */
.lm_short_title1 a.more:hover {
    opacity: 1;
    transform: scale(1.05);
}

/* 短标题变体2 */
.lm_short_title2 {
    background: linear-gradient(to right, #A00000, #800000); /* 统一暗红渐变 */
    height: 59px;
    color: #FBDD58;
    padding-left: 20px;
    line-height: 59px;
    font-size: 20px;
    font-family: "Source Han Sans CN";
    border-radius: 4px 4px 0 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    position: relative;
    transition: all 0.3s ease;
    border-left: 4px solid transparent;
}

/* 悬停特效 */
.lm_short_title2:hover {
    background: linear-gradient(to right, #B00000, #800000);
    border-left-color: #FFD700;
}

/* 2. 行业新闻的 "更多"*/
.lm_short_title2 a.more {
    color: #FBDD58;
    text-decoration: none;
    font-size: 14px;
    opacity: 0.9;
    transition: all 0.3s ease;
    display: inline-block;
}

/* 超链接悬停 */
.lm_short_title2 a.more:hover {
    opacity: 1;
    transform: scale(1.05);
}

/* 短标题变体3 */
.lm_short_title3 {
    background: linear-gradient(to right, #A00000, #800000); /* 统一暗红渐变 */
    height: 59px;
    color: #FBDD58;
    padding-left: 20px;
    line-height: 59px;
    font-size: 20px;
    font-family: "Source Han Sans CN";
    border-radius: 4px 4px 0 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    position: relative;
    transition: all 0.3s ease;
    border-left: 4px solid transparent;
}

/* 悬停特效 */
.lm_short_title3:hover {
    background: linear-gradient(to right, #B00000, #800000);
    border-left-color: #FFD700;
}

/* 3. 站内文章的 "更多" */
.lm_short_title3 a.more {
    color: #FBDD58;
    text-decoration: none;
    font-size: 14px;
    opacity: 0.9;
    transition: all 0.3s ease;
    display: inline-block;
}

/* 超链接悬停 */
.lm_short_title3 a.more:hover {
    opacity: 1;
    transform: scale(1.05);
}

/* 主页 - 产品栏目 标题 */
.lm_long_title {
    background: linear-gradient(to right, #A00000, #800000); /* 统一暗红渐变 */
    height: 59px;
    color: #FBDD58;
    padding-left: 20px;
    line-height: 59px;
    font-size: 20px;
    font-family: "Source Han Sans CN";
    border-radius: 4px 4px 0 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    transition: all 0.3s ease;
    border-left: 4px solid transparent;
    margin-bottom: 15px;
    position: relative;
}

/* 悬停特效 */
.lm_long_title:hover {
    background: linear-gradient(to right, #B00000, #800000);
    border-left-color: #FFD700;
}

/* 4. 减速带/交通设施/挡车器的 "更多"*/
.lm_long_title a.more {
    color: #FBDD58;
    text-decoration: none;
    font-size: 14px;
    opacity: 0.9;
    transition: all 0.3s ease;
    display: inline-block;
    margin-left: 10px;
}

/* 超链接悬停效果 */
.lm_long_title a.more:hover {
    opacity: 1;
    transform: scale(1.05);
}

/* ==================== 菜单区块 ==================== */
.menuBlock {
    height: 570px;
    position: relative;
	padding-bottom: 20px;
}
.banner_info {
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 1;
	width: 1000px;
	margin: 0 auto;
}

/* banner样式 */
.banner {
    position: relative;
    height: 470px;
    overflow: hidden;
    display: flex;           /* 使用flex布局 */
    align-items: center;     /* 垂直居中 */
    justify-content: center; 
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    border-radius: 3px; /* 添加轻微圆角 */
}

/* 顶部菜单信息 */
.TopMenuInfo {
    height: 100px;
    position: relative;
    z-index: 3;
    /* 新增的宽度限制和居中样式 */
    width: 1000px;
    margin: 0 auto;
    /* 确保背景图在容器内正确显示 */

}
.menu_logo {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
}
.logo {
    width: 210px;
    float: left;
    padding-left: 20px;
    padding-top: 10px;
}
.menuList {
    width: 770px;
    float: right;
    padding-top: 30px;
}

/* ========== 导航菜单样式 ========== */
.s_t_menu {
    width: 80px;
    height: 50px;
    float: left;
    text-align: center;
    font-family: "Source Han Sans CN", sans-serif;
    position: relative;
    transition: all 0.3s ease;
    background: linear-gradient(135deg, #A00000 0%, #8C0000 100%); /* 渐变红色 */
    margin: 0 2px;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); 
    overflow: hidden;
    display: flex; 
    align-items: center; 
    justify-content: center;
}

/* 鼠标悬停效果 */
.s_t_menu:hover {
    background: linear-gradient(135deg, #C80002 0%, #A00000 100%); 
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(200, 0, 2, 0.3); 
}

.c_text {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    padding: 10px 0;
    display: block;
}

/* 默认状态（橙色+红底） */
.c_text a {
    color: #fbdd58; /* 橙色文字 */
    position: relative;
    display: inline-block;
    transition: all 0.3s ease;
}

/* 下划线动画效果（悬停时显示） */
.c_text a:after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    width: 0;
    height: 3px;
    background: #fff600;
    transition: all 0.3s ease;
}

.s_t_menu:hover .c_text a:after {
    left: 0;
    width: 100%;
}

/* 当前选中项样式（深红底+白字） */
.s_t_menu.active {
    background: #A00000; /* 更深的红色 */
}

.s_t_menu.active .c_text a:after {
    width: 100%;
    left: 0;
    background: #FFF;
}

/* ==================== 主体内容区域 ==================== */
.main_content {
    padding-bottom: 20px;
}

/* 主页 - 行业新闻  */
.active_info {
	background: #FFF;
    width: 530px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

.top_news_pic .news_pic {

    border-radius: 3px; 
    box-shadow: 0 1px 3px rgba(0,0,0,0.1); 
}

/* 活动列表 */
.active_list {
	 margin-left: 10px;
    height: 230px;
    background: url(/qiaye/images/number.png) no-repeat;
}
.active_list ul.active_ul li {
    height: 35px;
    line-height: 35px;
    border-bottom: 1px dashed #cdcdcd;
    padding-left: 28px;
}

/* 主页 - 产品展示 */
.case_show {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}

.case_pic {
    width: 324px;
    height: 221px;
    padding: 7px;
    background: #FFF;
    border: 1px solid #E0E0E0; /* 浅灰色边框 */
    box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* 柔和阴影 */
    transition: all 0.3s ease;
    position: relative;
    box-sizing: border-box; /* 确保边框不撑大容器 */
}

.case_pic:hover {
    border-color: #C80002; /* 悬停时红色边框 */
    box-shadow: 0 4px 12px rgba(200,0,2,0.15); /* 加强阴影 */
}

.case_pic img {
    width: 310px;
    height: 210px;
    object-fit: cover; /* 保持图片比例 */
    display: block;
}

/* 表格单元格样式 */
.case_show table tr td {
    padding: 5px;
    text-align: center;
    line-height: 25px;
    vertical-align: top; /* 顶部对齐 */
}

/* 产品标题样式 */
.case_title {
    font-size: 14px;
    color: #333;
    padding: 8px 0;
    margin-top: 5px;
}

/* 主页 - 站内文章  */
.common_sense {
    padding-left: 5px;
    padding-right: 2px;
}
.common_show {
    width: 491px;
}
.common_list {
    height: 172px;
    overflow: hidden;
    padding: 10px 15px;
    border-radius: 3px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    background: #FFFFFF;
}
.common_list ul.news_ul li {
    background: url(/qiaye/images/dot.jpg) no-repeat left 12px;
    padding-left: 10px;
    line-height: 27px;
    height: 27px;
    overflow: hidden;
    border-bottom: 1px dashed #cdcdcd;
}

/* 主页 - 关于我们  */
.thanks_info {
    width: 493px;
    height: 251px;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    background: #FFFFFF;
}
.thanks_content {
    padding: 5px 15px;
    height: 172px;
    overflow: hidden;
    background: url(/qiaye/images/contact.jpg) no-repeat;
    line-height: 30px;
}
.signal_thanks {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #cdcdcd;
}
.thanks_title {
    height: 25px;
    line-height: 25px;
    font-size: 12px;
}
.thanks_title a {
    color: #c90307;
}
.thanks_title a:hover {
    color: #FFFFFF;
}

.thanks_avatar {
    width: 76px;
}
.thanks_avatar img {
    width: 76px;
    height: 49px;
}
.thanks_intro {
    width: 375px;
    color: #666666;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    text-indent: 2em;
}

/* 主页 - 友情链接 */
.friend_show {
    border: 1px solid #e1ddde;
    height: 78px;
    overflow: hidden;
    background: #FFFFFF;
    margin-bottom: 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.friend_title {
    width: 30px;
}
.friend_list {
    width: 940px;
    padding-top: 12px;
    height: 54px;
    overflow: hidden;
}

.friend_list ul.link_ul li {
    float: left;
    width: 146px;
    height: 52px;
    margin-right: 8px;
    display: flex;
    align-items: center;
}

/* ==================== 页脚信息 ==================== */

/* 页脚主容器 */
.footer_info {
    background: linear-gradient(to right, #A00000, #800000);
    width: 1000px;
    margin: 0 auto;
    padding-bottom: 50px;
    color: #FBDD58;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/* 页脚Flex布局容器（三栏布局） */
.footer_separated {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
}

/* Logo容器 */
.footer_logo_area {
    flex: 0 0 200px;
}

/* Logo图片样式 */
.f_logo {
    width: 200px;
    padding-top: 20px;
    padding-left: 20px;
}

/* 版权信息容器 */
.footer_text_area {
    flex: 1;
    text-align: left;
    padding: 0 20px;
}

/* 版权信息内容样式 */
.footer_text_area .cop_info {
    text-align: left;
    line-height: 25px;
}

/* 二维码容器 */
.footer_qrcode_area {
    flex: 0 0 125px;
    margin-right: 20px;
}

/* 二维码图片样式 */
.ewm {
    padding-top: 15px;
}

/* ==================== 内页右侧 ==================== */
.inner_right {
    width: 790px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.current_title {
    height: 39px;
    color: #A00000;
    padding-left: 10px;
    line-height: 39px;
    font-size: 20px;
    font-family: "Source Han Sans CN";
    margin-bottom: 5px;
    border-bottom: solid 1px #C80002;
    width: 780px;
}
.current_title a {
    color: black;
}
.current_title a:hover {
    color: red;
}
.position {
    background: url("/qiaye/images/tb2.png") no-repeat scroll 0 50%;
    padding-left: 25px;
    float: right;
    color: black;
    line-height: 47px;
    font-size: 13px;
    padding-right: 15px;
}

/* ==================== 分页样式 ==================== */
#fenye {
    width: 100%;
    text-align: center;
    clear: both;
    margin: 15px 0 0 0;
}
#fenye .fy_color_1 {
    color: #F00;
}
#PageNum {
    width: 30px;
    height: 18px;
    border: 1px solid #888;
    margin: 0 5px;
    padding-left: 3px;
    text-align: center;
    vertical-align: middle;
    font-family: "Source Han Sans CN";
}
#GO {
    width: 30px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #888;
    background: #FFF;
    vertical-align: middle;
}

/* ==================== 内容区域 ==================== */
#content {
    color: #333;
    height: auto;
    min-height: 500px;
    overflow-x: hidden;
    padding-left: 0px;
    padding-right: 10px;
    width: 750px;
    line-height: 28px;
	background: #FFFFFF;
    padding: 20px;
    border-radius: 3px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

#content p {
    line-height: 25px;
    margin-bottom: 10px;
}

/* 文章列表 */
#Artlist {
    width: 730px;
    padding: 0px;
}
#Artlist dt, #Artlist dd {
    padding: 5px 0;
    display: inline;
    border-bottom: 1px dashed #DDD;
    overflow: hidden;
    line-height: 25px;
}
#Artlist dt {
    width: 638px;
    float: left;
    background: url(/qiaye/images/dot.jpg) no-repeat left;
    padding-left: 10px;
}
#Artlist dd {
    width: 80px;
    text-align: center;
    float: right;
}

/* 新闻详情 */
.newsInfo { 
 margin-left: 0px;
 padding-left: 0;
 }

 
/* 内容区域 */
.newsInfo .cont {
    font-size: 15px;
    line-height: 1.8;
    color: #333;
    width: 100%;
}

.newsInfo .cont p {
    margin-bottom: 15px;
    font-size: 1em;
}

.newsInfo .newsTitle {
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    margin-bottom: 5px;
    text-align: left;
    font-weight: bold;
}
.newsInfo .timeReads {
    text-align: center;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
}
.newsInfo .newsDetail {
    overflow-x: hidden;
    line-height: 30px;
    margin-top: 10px;
    color: #333;
    width: 690px;
}
.newsInfo .newsDetail p {
    margin-bottom: 10px;
}

/* ==================== 图片列表 ==================== */
.pic_list {
    padding-top: 25px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.signal_pic {
    width: 345px;
    transition: all 0.3s ease; /* 添加悬停动画 */
}

/* 图片容器（统一方块风格） */
.signal_pic .pic_show {
    width: 318px;
    height: 221px;
    padding: 7px;
    background: #FFF;
    border: 1px solid #E0E0E0; /* 浅灰边框 */
    box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* 柔和阴影 */
    box-sizing: border-box;
    position: relative;
}

/* 悬停效果（与案例展示区域一致） */
.signal_pic:hover .pic_show {
    border-color: #C80002; /* 企业红边框 */
    box-shadow: 0 4px 12px rgba(200,0,2,0.15);
}

/* 图片样式 */
.signal_pic .pic_show img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 标题样式（保持专业感） */
.signal_pic .pic_title {
    text-align: center;
    margin-top: 15px;
    padding: 12px 0;
    font-size: 16px;
    color: #333;
    line-height: 1.6;
    transition: color 0.3s ease;
}

/* 悬停时标题变色 */
.signal_pic:hover .pic_title {
    color: #A00000; /* 企业红 */
}

/* ==================== 标签页内容 ==================== */


/* ==================== 产品报价 ==================== */
#honor_show {
    background: #FFF;
    height: 230px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}
#honor_show ul li {
    margin-right: 10px;
}
#honor_show ul li img {
    width: 304px;
    height: 214px;
}

/* ==================== 新闻页左侧导航 ==================== */
.zjyc_left_b {
    background: none repeat scroll 0 0 #F7F7F7;
    border-left: 1px solid #E3E2E2;
    border-right: 1px solid #E3E2E2;
    height: 35px;
    padding-top: 10px;
    text-align: center;
    width: 200px;
}
.zjyc_left_c {
    border-left: 1px solid #E3E2E2;
    border-right: 1px solid #E3E2E2;
    width: 200px;
}
.zjyc_left_d {
    background: #F7F7F7;
    height: 60px;
    width: 202px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 3px 3px;
}

.zjyc_left_e {
    height: 241px;
    margin-top: 30px;
    width: 202px;
}
.zjyc_left_c li {
    background: url("/qiaye/images/zjyc_bg2.png") no-repeat scroll 0 0;
    height: 37px;
    width: 200px;
}
.zjyc_left_c ul {
    border-left: 1px solid #E3E2E2;
    border-right: 1px solid #E3E2E2;
    width: 200px;
}
.zjyc_left_c li a {
    color: #FFFFFF;
    display: flex;          /* 改为flex布局 */
    align-items: center;    /* 垂直居中 */
    height: 37px;           /* 匹配li高度 */
    padding: 0 0 0 28px;    /* 调整padding */
    /* 移除padding-top和width */
    text-decoration: none;
}

/* ==================== 完全移除下划线 ==================== */
.zjyc_left_c li a,
.zjyc_left_c li a:hover,
.zjyc_left_c li li a,
.zjyc_left_c li li a:hover {
    text-decoration: none !important;
}

.zjyc_left_c li a:hover {
    background: url("/qiaye/images/zjyc_bg3.png") no-repeat scroll 0 0;

    opacity: 0.9;         /* 轻微透明 */
    filter: brightness(1.2); /* 提高亮度 */
    transition: filter 0.2s ease; /* 添加过渡 */
}

/* 上一篇/下一篇链接样式 */
.sxp {
    margin-top: 15px;
    width: 730px;
}

#content .newsInfo .sxp LI {
    border: 1px solid #FFD6D6;
    height: 32px;
    line-height: 32px;
    margin: 10px 0;
    padding: 0 0 0 0px;
    width: 730px;
    background: #FFF;
    border-radius: 3px;
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px rgba(200,0,2,0.05);
}

.sxp LI:hover {
    border-color: #C80002;
    box-shadow: 0 1px 8px rgba(200,0,2,0.15);
    background: #FFF8F8;
}

.sxp LI B {
    background: #FFEEEE;
    display: block;
    float: left;
    font-weight: normal;
    margin-right: 15px;
    text-align: center;
    width: 80px;
    color: #C80002;
    border-radius: 3px 0 0 3px;
    font-size: 13px;
    margin-left: 0px;
    padding-left: 0px;
    border-right: 1px solid #FFD6D6;
}

.sxp LI a {
    color: #555;
    font-family: "Source Han Sans CN";
    text-decoration: none;
    transition: all 0.2s ease;
    font-size: 14px;
    display: block;
    padding-right: 10px;
}

.sxp LI a:hover {
    color: #A00000;
}

.sxp LI a:before {
    content: "→";
    margin-right: 8px;
    color: #E74C3C;
    font-weight: bold;
}
.sxp LI:nth-child(1) a:before {
    content: "←";
}

/* ==================== 分页导航增强样式 ==================== */
.wp-pagenavi {
    clear: both;
}

.wp-pagenavi a,
.wp-pagenavi span {
    border-right: #bfbfbf 1px solid;
    padding-right: 5px;
    border-top: #bfbfbf 1px solid;
    padding-left: 5px;
    padding-bottom: 3px;
    margin: 2px;
    border-left: #bfbfbf 1px solid;
    padding-top: 3px;
    border-bottom: #bfbfbf 1px solid;
    text-decoration: none;
}

.wp-pagenavi a:hover {
    border-left-color: #000;
    border-bottom-color: #000;
    border-top-color: #000;
    border-right-color: #000;
}

.wp-pagenavi span.current {
    border-color: #000;
    font-weight: bold;
}