/* 全局样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: initial;
    color: #333333;
}

/* 页面背景样式 */
body {  
    background-image: url(images/jhbg-1.gif);  
    background-repeat: repeat-x;
}

/* 标题样式 */
h1 {  
    font-size: 12px;  
    line-height: 30px;  
    color: #333333;
}  

h2 {  
    font-size: 9px;  
    line-height: 22px;  
    color: #333333;
}  

h3 {  
    text-align: right;  
    float: right;  
    font-size: 12px;  
    color: #333333;
}  

h4 {  
    font-size: 16px;  
    line-height: 70px;  
    color: #666666;
}

/* 链接样式 */
a {  
    color: #333333;
    text-decoration: none;  
}  

a:hover {  
    color: #ff0000;
    cursor: pointer;  
}

/* 段落样式 */
p {  
    font-size: 9px;   
    line-height: 25px;  
}

/* 列表样式 */
ul, li {  
    list-style: none;  
}

/* 输入框样式 */
input {  
    background: #fff;  
    border: 1px solid #ccc;  
    border-image: none;  
    color: #333333;
    font-family: Verdana, Tahoma, sans-serif;
    font-size: 0.9em;
    padding: 0px 0px;
}

/* 顶部样式 */
.top {  
    width: 971px;  
    height: 73px;  
    margin: 0 auto;
    position: relative;
}  

.logo {  
    width: 180px;  
    height: 73px;  
    position: absolute;
    top: 0;
    left: 0;
}  

/* 顶部导航链接容器（移除flex，保留原有定位） */
.links {
    width: 770px;  
    height: 73px;  
    position: absolute;
    left: 220px;
    top: 0;
    line-height: 73px; /* 行高等于容器高度，实现垂直居中 */
}

/* 导航链接外层h4（取消flex，用文本对齐+行高） */
.links h4 {
    font-size: 16px;  
    line-height: 73px; /* 与容器行高一致，垂直居中 */
    color: #666666;
    width: 100%;
    text-align: left; /* 左对齐，替代justify-content */
    padding: 0 10px; /* 保留内边距 */
    /* 清除IE默认边距 */
    margin: 0;
    zoom: 1; /* 触发IE hasLayout，解决浮动/行内块布局问题 */
}

/* 导航链接样式（替代<font>标签 + 兼容IE的间距） */
.links h4 a {
    color: #645764; /* 去掉!important，用选择器权重覆盖 */
    font-size: 16px; /* 直接指定字号，替代inherit（IE8对inherit支持差） */
    text-decoration: none;
    display: inline-block; /* 行内块，支持margin */
    margin-right: 2em; /* 替代gap，设置右侧间距（≈两个全角空格） */
    /* IE6/7 inline-block兼容 */
    *display: inline;
    *zoom: 1;
}

/* 最后一个链接取消右侧间距（避免整体右移） */
.links h4 a:last-child {
    margin-right: 0;
}
/* IE8及以下不支持:last-child，单独加类兜底 */
.links h4 a.last-link {
    margin-right: 0 !important;
}

/* 链接hover效果（兼容IE） */
.links h4 a:hover {
    color: #ff0000;
    /* IE6 hover兼容（若需支持） */
    _color: #ff0000;
}


/* 中间核心区域样式 */
.middle {  
    width: 971px;  
    height: 585px;  
    margin: 0 auto;
    background-image: url(images/jhbg.png);  
    background-repeat: repeat-x;
    position: relative;
}  

/* 登录模块 */
.jhdl {  
    width: 235px;  
    height: 200px;  
    text-align: center;  
    line-height: 30px;  
    position: absolute;
    left: 715px;  
    top: 80px;  
}

/* 底部功能模块 */
.jhqd,  
.jhrz,  
.jhgn {  
    width: 280px;  
    height: 160px;  
    line-height: 20px;  
    position: absolute;
    top: 393px;
    text-align: left;
}  

.jhqd {  
    left: 40px;  
}  

.jhrz {  
    left: 340px;  
}  

.jhgn {  
    left: 650px;  
}

/* 通用背景/宽度样式 */
.content,
.updategg,
.jhimg,
.wenzhai {  
    background: #E2E4E9;  
    width: 965px;  
    margin: 0 auto;
}

/* 强制.content内字体样式 */
.content,
.content * {
    font-size: 12px !important;
    line-height: 22px !important;
}

/* 模块基础样式 */
.wenzhai { width: 966px; }
.paihang { 
    background: #E2E4E9;  
    width: 266px;  
    margin: 0 auto;
}
.jhimg { height: 200px; }

/* 小文字通用样式 */
.qdxx,  
.rzxx,  
.gnxx,  
.jhsj {  
    font-size: 12px;   
    line-height: 22px;  
}  

.gnxx {  
    margin-top: 5px;  
}

/* 登录文字样式 */
.txt_dl {  
    font-size: 12px;  
    text-decoration: none;  
}  

.txt_jhdl,  
.txt_jhbt {  
    font-size: 15px;  
    height: 35px;  
    text-align: center;  
    line-height: 35px;
    color: #333333;
}  

.txt_dlcz {  
    font-size: 15px;  
    height: 45px;  
    color: #ff0000;
    line-height: 45px; 
}

/* 用户名/密码输入框 */
.username,  
.password {  
    background-position: 1px 1px;  
    background-repeat: no-repeat;  
    padding-left: 20px;  
    height: 20px;  
    font-size: 12px;  
}  

.username { background-image: url(../images/username.gif); }  
.password { background-image: url(../images/password.gif); }

/* 页脚样式 */
.foot {  
    background: #F1FCF9;  
    width: 966px;  
    margin: 0 auto;
    padding: 10px 0;
}  

/* 强制页脚字体样式 */
.foot,
.foot * {
    font-size: 12px !important;
    line-height: 22px !important;
}

.banquan {  
    text-align: center;  
}  

.about {  
    text-align: left;  
}  

/* 标题样式 */
.jhbt {  
    font-size: 15px;  
    line-height: 65px;  
    text-align: left;  
    color: #333333;
}  

.jhcontent {  
    font-size: 22px;  
    line-height: 55px;  
    border-bottom: 1px solid #A2A2A2;  
    text-align: left;  
    color: #333333;
}

/* 更新公告样式 */
.updategg { 
    font-size: 12px; 
    line-height: 22px;  
}

/* 核心布局修复 - 关键调整区 */
.content {
    width: 965px;
    margin: 0 auto;
    overflow: hidden;
}

/* 功能模块 - 清除浮动，独占一行 */
.gongneng {
    width: 100%;
    clear: both; /* 关键：清除jhimages的浮动影响 */
    margin-bottom: 0px; /* 可选：和下方模块拉开间距 */
}

/* 新增的jhimages模块 */
.jhimages {
    width: 265px;
    float: left;
    box-sizing: border-box;
    margin: 0;
    margin-bottom: 0px; /* 与下方模块拉开间距 */
}

/* 活动模块 */
.huodong {
    width: 700px !important;
    float: left;
    box-sizing: border-box;
    margin: 0 !important;
    margin-bottom: 0px !important; /* 与下方模块拉开间距 */
}

/* 排行模块 - 强制并排关键样式 */
.paihang {
    width: 265px !important;
    float: left !important;
    margin: 0 !important;
    background: #E2E4E9;
    box-sizing: border-box;
}

/* 文摘模块 - 强制并排关键样式 */
.wenzhai {
    width: 700px !important; /* 修正为700px，和paihang凑965px */
    float: left !important;
    margin: 0 !important;
    background: #E2E4E9;
    box-sizing: border-box;
}

/* 清除浮动伪元素 */
.content::after {
    content: "";
    display: block;
    clear: both;
}

/* 轮播图样式 */
.w_ctr .JQ-slide {
	width: 265px; height: 255px; overflow: hidden; position: relative;
}
.w_ctr .JQ-slide-content {
	position: absolute;
}
.w_ctr .JQ-slide-content li {
	width: 265px; height: 255px; float: left; display: inline; position: relative;
}
.w_ctr .JQ-slide-content li img {
	border: 0px currentColor; border-image: none; width: 265px; height: 255px;
}
.w_ctr .JQ-slide-content li span {
	background: black; padding: 0px 14px; left: 0px; width: 265px; bottom: 5px; color: white; line-height: 28px; overflow: hidden; font-size: 14px; font-weight: bold; display: block; position: absolute; z-index: 10; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5;
}
.w_ctr .JQ-slide-nav {
	right: 8px; bottom: 14px; position: absolute; z-index: 30;
}
.w_ctr .JQ-slide-nav li {
	background: url("../images/focus_li.png") no-repeat; width: 10px; height: 10px; text-indent: -999em; overflow: hidden; margin-right: 5px; float: left; display: inline; cursor: pointer;
}
.w_ctr .JQ-slide-nav li.on {
	background-position: -15px 0px;
}
