@charset "utf-8";
body {padding:0px; margin:0px; font-size:18px; font-family:"微软雅黑"; color:#000;}/*整个网站的全局字体初始化代码，最重要的基础样式*/
ul,li,dl,dt,dd,p { padding:0px; margin:0px; list-style-type:none;}
a { text-decoration:none;}
img { border:0px;}
h1,h2 { padding:0px; margin:0px; font-weight:normal;}
.clear { padding:0px; margin:0px; clear:both; height:0px; line-height:0px; font-size:0px;}

/*头部样式:头部导航 + LOGO的样式*/
/* 顶部细线条（注释状态，想用就打开） */
/*.stick {
	width: 100%;
	height: 2px;
	background: #02FA99;
}*/

.header {
	width: 100%;
	height: 150px;
	background: #022A99; /* 深蓝色头部背景 */
	margin: 0 auto;
}
/* 外层 1200px 居中容器 */
.header .container {
  width: 1200px;
  margin: 0 auto; /* 让整个容器在页面中水平居中 */
}

/* LOGO 在容器内靠左 */
.logo {
  width: 100%;
  height: 130px;
  background: url(../images/zpc/logo1.png) no-repeat left center;
  display: block;
  float: none;
}

/*网站右上角【搜索框 + 链接】的整体容器*/
.linSea {
  width: 160px;       /* 宽度297 */
  height: 130px;
  float: right;        /* 靠右 */
  position: absolute;  /* 定位在右边不影响logo */
  right: 50px;            /* 贴紧右侧 */
  top: 20px;              /* 贴紧顶部 */
}


/* 选择 .linSea 里面的子元素 .link */
.linSea .link {
	width: 160px;        /* 宽度：占满父容器 .linSea 的全部宽度 */
	height: 36px;      /* 高度固定 36 像素 */
	text-align: right; /* 文字内容 → 靠右对齐 */
	line-height: 36px; /* 行高 = 高度 → 让文字在盒子里【垂直居中】 */
}
/* 选中 .linSea 里面 .link 里的所有链接 a 标签 */
.linSea .link a {
	color: #fff;  /* 把链接文字颜色设置为 白色 */
}
.linSea .link a:hover {
	color: #25ac60;
}



/* 选中 .linSea 里面 .link 中的 font 标签 */
.linSea .link font {
	padding: 0 8px;  /* 左右各留8px空隙，让分隔符不贴文字 */
	color: #d1d1d1;  /* 颜色：浅灰色 */
	font-size: 12px; /* 字号：12px（比链接小一点） */
}
/* 选中 .linSea 里面的 搜索框容器 .search */
.linSea .search {
	width: 100%;        /* 宽度：占满父容器 .linSea 的全部宽度 */
	height: 35px;       /* 高度固定 35 像素 */
	margin-top: 10px;   /* 距离上面的链接区域 留出14像素的空隙 */
	background: url(../images/search_bj.png) no-repeat;
	/* 背景：使用图片 search_bj.png 作为搜索框的背景图，不重复平铺 */
}

/* 选中 .linSea 里面 .search 里的 span 标签（放大镜图标） */
.linSea .search span {
	width: 20px;        /* 按钮宽度：24px */
	height: 20px;       /* 按钮高度：24px */
	margin-top: 4px;   /* 距离搜索框顶部 4px（垂直居中） */
	margin-right: 20px;/* 距离右边 12px（不贴边） */
	display: block;     /* 变成块级元素，能设置宽高 */
	float: right;       /* 靠右浮动 */
}
/* 搜索框里的输入文字框样式 */
.linSea .search .searchText {
	width:100px;        /* 正常浏览器：输入框宽度 245px */
	_width: 85px;       /* 兼容旧IE浏览器：宽度230px（老代码兼容写法） */
	height: 24px;        /* 输入框高度 24px */
	font-size: 14px;     /* 输入的文字大小 14px */
	color: #333;      /* 文字颜色：浅灰色（提示文字颜色） */
	margin-top: 5px;     /* 距离顶部 5px，让输入框垂直居中 */
	margin-left: 16px;   /* 距离左边 16px，不贴边 */
	background: #f0f0f0; /* 背景色：浅灰色 */
	border: 0px;         /* 去掉边框，无轮廓 */
	outline: none;       /* 点击时不出现蓝色高亮框 */
	line-height: 24px;   /* 文字在框内垂直居中 */
	font-family: "微软雅黑"; /* 字体：微软雅黑 */
}


/*nav*/
/* 整个导航栏的最外层大盒子 */
.nav {
	width: 100%;        /* 宽度：铺满整个屏幕 */
	height: 50px;       /* 高度固定 50 像素 */
	background: #fff;   /* 背景色：纯白色 */
	position: relative; /* 相对定位：给里面的子元素做定位参考 */
	z-index: 9;         /* 层级：9，保证导航栏在页面上层显示，不被遮挡 */
}
.innav {
	width: 1180px;        /* 菜单总宽度固定 1180 像素 */
	height: 50px;         /* 菜单高度 50 像素（和导航栏一样高） */
	margin: 0 auto;       /* 让整个菜单在页面里【水平居中】 */
   
	display: flex;        /* 弹性布局（专门用来居中、排列菜单） */
	justify-content: center;  /* 菜单内容【水平居中】 */
	align-items: center;      /* 菜单文字【垂直居中】（在50px高度里居中） */
}
/* 主菜单里的每一个 按钮/选项 */
.innav ul li {
	width: 118px;       /* 每个菜单按钮固定宽度：118px */
	height: 50px;       /* 每个菜单按钮高度：50px（和导航栏一样高） */
	display: block;     /* 把它变成块元素，能设置宽高 */
	float: left;        /* 所有按钮从左到右 横着并排排列 */
	text-align: center; /* 按钮里的文字 水平居中 */
	line-height: 50px;  /* 文字垂直居中（行高=高度） */
	position: relative; /* 定位基准：给下拉菜单用的 */
}
/* 鼠标放到菜单按钮上时，背景变色 */
.innav ul li:hover {
	background: #FDD44B;  /* 背景变成浅黄色（金黄色） */
}

/* 菜单里的文字链接样式 */
.innav ul li a {
	color: #022A99;        /* 文字颜色：深蓝色 */
	font-size: 20px;       /* 文字大小：20像素 */
	display: block;        /* 让链接占满整个按钮区域 */
	font-weight: bold;     /* 文字加粗 */
}
/*   */
.innav ul li a.cur{
	background: #FDD44B;/* 默认选中的菜单项背景变成浅黄色（金黄色） */
}




/* 下拉菜单 最外层容器 */
#nav{
	width:100%;               /* 宽度：铺满整个屏幕 */
	line-height: 40px;        /* 每行文字高度 40px（垂直居中） */
	 /* font-size:18px;          下拉文字大小 16px */

	/* 半透明黑色背景（正常浏览器） */
	background: #022A99;
    border: #fff 1px solid;    /* 白色边框 1px */
    border-bottom: 0;     /* 去掉底部边框（避免重复） */
    margin-left: -1px;    /* 向左移动1px，让边框对齐 *
	
	/* 老 IE 浏览器：纯蓝色不透明（必须保留） */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF022A99',endColorstr='#FF022A99');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF022A99', endColorstr='#FF022A99')";
	
	position:absolute;         /* 绝对定位，悬浮在页面上方 */
	top:50px;                  /* 距离顶部 50px（正好在主菜单下方） */
	left:0px;                  /* 靠左对齐 */
	display: none;             /* 默认隐藏！鼠标放上去才显示 */
	z-index: 99999;            /* 层级最高，不会被任何内容挡住 */
	/* 修复文字换行折叠 */
	height: auto;
	overflow: visible;

}

/* 下拉菜单文字样式（自动换行、不折叠、白色、加粗、带分隔线） */
#nav a {
	display: block;
	white-space: normal; /* 自动换行核心代码 */
	line-height: 40px;
	padding: 0 10px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	text-align: center;
}

#nav a:hover{
	background: #FDD44B;/* 鼠标放上去背景变成浅黄色（金黄色） */
}






/*banner*/
.banner{
	width: 100%;     /* 宽度铺满整个屏幕 */
	height: auto;    /* 高度根据图片自动适应 */
	overflow: hidden;/* 超出容器的内容隐藏，防止图片溢出 */
}
.slideBox {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
}
.slideBox1{
	height: 417px;
}
.slideBox .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}
.slideBox .bd li {
	zoom: 1;
	vertical-align: middle;
}
/*前/后按钮代码 */
/* 轮播图 左箭头 + 右箭头 共用样式 */
.slideBox .prev,  /* prev = 左箭头（上一张） */
.slideBox .next { /* next = 右箭头（下一张） */
	position: absolute;  /* 绝对定位：固定在轮播图上的指定位置 */
	left: 16.5%;         /* 距离轮播图左侧 16.5% 的位置 */
	top: 50%;            /* 垂直方向：正中间显示 */
	display: block;      /* 把箭头变成块元素，正常显示 */
	
	/* 以下4行都是：箭头动画效果（0秒=无动画） */
	-moz-transition: all 0s ease-in;
	-webkit-transition: all 0s ease-in;
	-o-transition: all 0s ease-in;
	transition: all 0s ease-in;
}
/* 轮播图1 的 左箭头 + 右箭头 */
.slideBox1 .prev,
.slideBox1 .next {
	margin-top: -41px;    /* 让箭头向上微调，实现精准垂直居中 */
	width: 44px;          /* 箭头宽度：44像素 */
	height: 82px;         /* 箭头高度：82像素 */
	background: url(../images/arrow.png) 0 0 no-repeat;  /* 箭头背景图片 */
}
/* 轮播图 右箭头（下一张）专属样式 */
.slideBox .next {
	left: auto;        /* 取消左边的定位 */
	right: 16.5%;      /* 距离右侧 16.5% 位置 */
	background-position: right 0;  /* 背景图切到右边（显示右箭头图案） */
}
/* 鼠标悬浮在 左箭头 上时 */
.slideBox1 .prev:hover{
	/* 动画：0秒 = 瞬间切换，没有渐变效果 */
	-moz-transition: all 0s ease-in;
	-webkit-transition: all 0s ease-in;
	-o-transition: all 0s ease-in;
	transition: all 0s ease-in;

	/* 核心：背景图片向下移动，显示箭头的高亮/深色状态 */
	background-position: 0 bottom;
}
/* 鼠标悬浮在 右箭头 上时 */
.slideBox1 .next:hover{
	/* 动画：0秒 = 瞬间切换，没有渐变效果 */
	-moz-transition: all 0s ease-in;
	-webkit-transition: all 0s ease-in;
	-o-transition: all 0s ease-in;
	transition: all 0s ease-in;

	/* 核心：显示右箭头的高亮/深色状态 */
	background-position: right bottom;
}

/*banner2*/
.slideBox2 .hd {
	height: 10px;        /* 容器高度只有10px，很小 */
	overflow: hidden;    /*超出容器的内容隐藏，不显示 */
	position: absolute;  /* 绝对定位，固定在轮播图底部 */
	width: 1180px;       /* 容器宽度：1180px（网页版心宽度） */
	left: 50%;           /* 左边距离屏幕中间50% */
	margin-left: -590px; /* 向左回退590px，让容器【水平居中】 */
	bottom: 19px;        /* 距离轮播图底部 19px 的位置 */
	z-index: 1;          /* 让小圆点显示在图片上方，不被盖住 */
}
.slideBox2 .hd ul {
	overflow: hidden; /* 清除浮动 + 隐藏超出部分 */
	zoom: 1;          /* IE6/7 专用：清除浮动 */
}
.slideBox2 .hd ul li {
	float: right;          /* 小圆点 从右往左 排列 */
	margin-left: 14px;     /* 圆点之间的左边距：14px（间距） */
	width: 10px;           /* 圆点宽度：10px */
	height: 10px;          /* 圆点高度：10px → 正圆形 */
	background: #fff;      /* 背景颜色：白色 */
	cursor: pointer;       /* 鼠标放上去 → 变成小手 */
	border-radius: 50%;    /* 圆角50% → 变成正圆形 */
}
/* 1. 当前选中的轮播图小圆点 */
.slideBox2 .hd ul li.on {
	background: #022A99;  /* 克莱因蓝 */
}

/* 2. 轮播图每一张图片的容器 */
/* 轮播图每一张图片的容器 */
.slideBox2 .bd li {
	position: relative; /* 相对定位，让里面的标题条可以定位在图上 */
}

/* 图片上的文字标题栏 */
.slideBox2 .bd li .tit{
	height: 48px;           /* 标题栏高度 48px */
	position: absolute;     /* 绝对定位，固定在图片上 */
	bottom: 0;              /* 贴在图片最底部 */
	width: 100%;            /* 宽度和图片一样宽 */
	color: #fff;           /* 文字颜色：白色 */
	font-size: 18px;       /* 文字大小：18号 */
	line-height: 48px;     /* 文字垂直居中 */
	background: rgba(0,0,0,0.5); /* 现代浏览器：50%透明黑色背景 */

	/* 老IE浏览器兼容：50%透明黑色 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#55000000',endColorstr='#55000000');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#55000000', endColorstr='#55000000')";
}
.slideBox2 .bd li .tit p{
	width: 1180px;
	margin: 0 auto;
}
/*banner3*/
.slideBox3 .hd {
	overflow:hidden;     /* 隐藏超出内容 + 清除内部浮动 */
	position:absolute;   /* 绝对定位，固定在轮播图上 */
	bottom:20px;         /* 距离轮播图底部 20 像素 */
	z-index:1;           /* 让小圆点显示在图片上方，不被盖住 */
	left: 50%;           /* 先把容器移到屏幕正中间 */
	margin-left: -54px;  /* 再向左拉回 54px，实现完美居中 */
}
.slideBox3 .hd ul {
	overflow:hidden;
	zoom:1;
	float:left;
}
.slideBox3 .hd ul li {
	float:left;          /* 小圆点/小横条 从左向右横着排 */
	margin: 0 5px;       /* 每个横条 左右间距 5px，不挤在一起 */
	width: 26px;         /* 每个小条宽度：26px */
	height: 5px;         /* 每个小条高度：5px（很细） */
	text-align: center;  /* 文字居中（这里没用，只是习惯写法） */
	background: #aaa;    /* 背景颜色：浅灰色 */
	cursor: pointer;      /* 鼠标放上去变小手 */
}
.slideBox3 .hd ul li.on {
	background: #fff;
}
.slideBox3 .prev,
.slideBox3 .next {
	margin-top: -22px;
	width: 44px;
	height: 44px;
	background: url(../images/arrow1.png) 0 0 no-repeat;
}
.slideBox3 .next {
	background-position: right 0; 
}

/*main_one 整个网页最核心的版心容器样式*/
.main {
	width: 1200px;        /* 固定宽度：1200像素 */
	margin: 0 auto;       /* 水平居中显示 */
	height: auto;          /* 高度自动撑开（内容多高就多高） */
	overflow: hidden;      /* 清除浮动 + 隐藏超出内容 */
}
/*网页两栏布局 —— 左侧内容区样式*/
.oneLeft, .fourLeft, .fiveLeft, .sixLeft, .sevenLeft {
	width: 880px;           /* 宽度固定 880 像素 */
	padding-left: 10px;    /* 左边内边距 10px（内容不贴边） */
	padding-right: 10px;   /* 右边内边距 10px（内容不贴边） */
	float: left;            /* 向左浮动 → 靠网页左边显示 */
	margin-bottom: 20px;    /* 底部外边距 20px → 和下面模块留间距 */
}

/*标准两栏布局  网页右侧边栏样式 */
.oneRight, .fourRight, .fiveRight, .sixRight, .sevenRight {
	width: 280px;           /* 右侧栏宽度：280 像素 */
	padding-left: 10px;     /* 左边内边距 10px（内容不贴边） */
	padding-right: 10px;    /* 右边内边距 10px（内容不贴边） */
	margin-bottom: 20px;    /* 底部间距 20px，不和下面模块挤在一起 */
	float: left;            /* 向左浮动（跟在左边模块后面） */
}

/*网页内容模块的标题栏样式 */
.oneTitle {
	width: 100%;                /* 宽度占满整个容器 */
	height: 40px;               /* 标题栏高度 40px */
	margin-bottom: 16px;        /* 底部留出 16px 间距，和下面内容分开 */
	display: block;             /* 以块级元素显示，独占一行 */
	border-bottom: 1px solid #022A99; /* 底部加一条绿色边框线 */
	line-height: 40px;          /* 文字垂直居中 */
	text-align: right;          /* 文字靠右对齐 */
}

/* 模块标题里的绿色文字标签样式 */
.oneTitle span {
	padding-left: 20px;    /* 文字左边内边距 20px（不贴边） */
	padding-right: 20px;   /* 文字右边内边距 20px */
	height: 40px;          /* 高度和标题栏一样：40px */
	display: block;        /* 变成块元素，正常显示宽高 */
	float: left;           /* 靠左浮动，固定在左边 */
	background: #ffffff;   /* 背景色：白色 */
	font-size: 24px;       /* 文字大小：16号 */
	color: #022A99;           /* 文字颜色：克莱因蓝 */
        font-weight: bold;       /* 加粗 */
	line-height: 40px;       /* 文字垂直居中 */
}

/* 标题栏右侧链接的样式 */
.oneTitle a {
	font-size: 16px;     /* 文字大小14px */
	color: #333;      /* 文字灰色 */
}

/* 鼠标放到标题栏的链接上时，文字变成黄色 */
.oneTitle a:hover {
	color: #FDD44B;
}

/* 标题栏链接里的小文字 */
.oneTitle a font {
	font: 12px/12px consolas;  /*英文等宽字体*/
        color: #333; /* 深灰色，更好看 */
}
.oneLis {
	width: 100%;
	height: auto;
}

/* 新闻列表里左边大图的容器样式*/
.oneLisImg {
	width: 380px;          /* 图片容器固定宽度 380px */
	height: auto;          /* 高度随图片自动适应 */
	float: left;           /* 向左浮动，让文字在右边并排 */
	position: relative;    /* 相对定位，方便给图片加标签/角标 */
}

/*轮播小图 / 大图右下角的分页指示器容器，固定在图片右下角，稳稳显示在图上*/
.oneLisImg .hd {
	height: 8px;        /* 容器高度 8px */
	overflow: hidden;   /* 隐藏超出部分、清理浮动 */
	position: absolute; /* 绝对定位，固定在图片上 */
	right: 4px;         /* 距离图片右侧 4px */
	bottom: 16px;       /* 距离图片底部 16px */
	z-index: 1;         /* 显示在图片上方，不被盖住 */
}
/*图片右下角那一排小分页点的列表容器*/
.oneLisImg .hd ul {
	overflow: hidden;  /* 清除浮动，让容器包裹住小点点 */
	zoom: 1;           /* 兼容老IE浏览器，同样清除浮动 */
	float: left;       /* 让列表宽度自适应，方便排版 */
}

/*图片右下角的「小圆点分页指示器」*/
.oneLisImg .hd ul li {
	float: left;          /* 小圆点横向排列 */
	margin-right: 8px;    /* 每个圆点右边间距 8px */
	width: 8px;           /* 宽 8px */
	height: 8px;          /* 高 8px */
	text-align: center;   /* 文字居中（这里没用，习惯写法） */
	background: #7a7a7a;  /* 深灰色 */
	cursor: pointer;       /* 鼠标移上去变小手 */
	border-radius: 50%;   /* 正方形变正圆形！关键 */
}

/*左侧 380px 区域的图片轮播全套样式*/
.oneLisImg .hd ul li.on {
	background: #fff;
}
.oneLisImg .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}
.oneLisImg .bd li {
	zoom: 1;
	vertical-align: middle;
}
.oneLisImg .bd img {
	width: 100%;
	display: block;
	position: relative;
}

/* 图片底部的黑色半透明文字标题栏 */
.oneLisImg .bd li p {
	font-size: 16px;        /* 文字大小 16px */
	color: #fff;            /* 文字白色 */
	width: 100%;            /* 宽度铺满整个图片 */
	height: 44px;           /* 高度 44px */
	line-height: 44px;      /* 文字垂直居中 */
	background: rgba(0,0,0,0.5);  /* 现代浏览器：黑色半透明 50% */

	/* IE6、IE7 半透明兼容 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#55000000',endColorstr='#55000000');

	/* IE8 半透明兼容 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#55000000', endColorstr='#55000000')";

	position: absolute;     /* 绝对定位 */
	text-indent: 10px;     /* 文字左边缩进 10px，不贴边 */
	bottom: 0;              /* 固定在图片最底部 */ 
}
/* 新闻列表右侧文字区域的样式 */
.oneLis .new_list {
	width: 480px;            /* 文字区域宽度 480px */
	padding-left: 20px;      /* 左边内边距 20px（和图片隔开） */
	display: block;          /* 块级元素，正常排版 */
	float: left;             /* 向左浮动，和图片并排 */
}

/* 右侧新闻列表里每一条标题的样式 */
.oneLis .new_list li {
	width: 470px;            /* 每条新闻宽度 470px */
	height: 48px;            /* 每条高度 32px（一行高度） */
	padding-left: 10px;     /* 文字左边缩进10px，不贴边 */
	display: block;          /* 块级元素，正常显示 */
	float: left;             /* 向左浮动，保证排版整齐 */
	line-height: 32px;       /* 文字垂直居中（和高度一样） */
	/* 最左侧加小图标（ico1.png），垂直居中 */
	background: url(../images/ico1.png) no-repeat left center;
}
.oneLis .new_list li a {
	color: #333; /* 新闻列表里文字链接的颜色-中深灰色 */
}
.oneLis .new_list li a:hover {
	color: #022A99; /* 新闻列表里文字链接鼠标放上去变蓝色 */
        font-weight: bold; /* 加粗 */
}
 /* 以上文字的控制没有起作用 */


/* 新闻标题后面的时间（或数字）靠右对齐 */
.oneLis .new_list li a span {
	float: right;
}

/* 右侧边栏所有图片的统一样式 */
.oneRight img {
	width: 100%;     /* 图片宽度铺满整个右侧栏（280px） */
	height: auto;    /* 高度自动等比例，不变形 */
	margin-bottom: 5px; /* 图片底部留 5px 空隙，和下面内容隔开 */
}

/* 右侧内容段落文字的排版样式 */
.oneRight p {
	text-indent: 2em;  /* 首行缩进2个文字宽度（网页标准排版） */
	line-height: 32px; /* 行高32px，文字行与行之间间距很大，阅读舒服 */
}
/* 右侧段落里链接的颜色 + 鼠标悬浮效果 */
/* 正常状态：链接颜色 */
.oneRight p a {
	color: #00a44e; /* 绿色 */
}

/* 鼠标放上去：变亮绿色 */
.oneRight p a:hover{
	color: #022A99; /* 亮绿色 */
}
 /* 以上文字的控制没有起作用 */


/*广告*/
.adv {
	width: 1180PX;
	height: 98px;
	padding-left: 10PX;
	padding-right: 10PX;
	margin-bottom: 20px;
}

/* 网页多个模块共用的统一样式 */
/*main_two*/
.twoMain, .threeMain, .eightMain, .thirteenMain {
	width: 1180px;          /* 容器固定宽度：1180px */
	padding-left: 10px;     /* 左边内边距 10px */
	padding-right: 10px;    /* 右边内边距 10px */
	margin-bottom: 20px;    /* 底部外边距 20px（和下面模块隔开） */
}
/* 第二个板块的图文列表样式 */
.twoLis {
	width: 100%;    /* 容器宽度占满父盒子（1180px） */
	height: auto;   /* 高度随内容自动撑开 */
}

.twoLisImg {
	width: 380px;          /* 图片区域固定宽度 380px */
	height: auto;          /* 高度自适应 */
	float: left;           /* 向左浮动，文字在右边并排 */
	background:#f6f6f6;   /* 背景色：浅灰色 */
}
.twoLisImg img {
	width: 100%;   /* 图片宽度 100% 铺满整个 380px 的容器 */
	height: auto;  /* 高度自动等比例缩放，图片不变形、不拉伸 */
}
.twoLisImg h2 {
	font-size: 16px;           /* 文字大小：16像素 */
	color: #333;            /* 文字颜色：深灰色 */
	text-align: center;        /* 文字水平居中显示 */
	line-height: 42px;         /* 行高42px，让文字垂直居中 */
	padding-top: 6px;          /* 顶部向内留出6px空白间距 */
}
/*左侧图片模块下方的简介段落样式*/
.twoLisImg p {
	font-size: 14px;        /* 文字大小：14像素（标准正文大小） */
	color: #333;         /* 文字颜色：中灰色（柔和不刺眼） */
	padding: 0 6px 6px;     /* 内边距：上下0，左右6px，底部6px（文字不贴边） */
	line-height: 26px;      /* 行高：26px（行间距宽松，阅读舒适） */
	text-indent: 2em;       /* 首行缩进：空两格（标准中文排版） */
}
.twoLisImg p a {
	color: #022A99; /* 绿色链接 */
}
.twoLisImg p a:hover {
	color: #022A99; /* 鼠标悬浮：亮绿色 */
}

/*第二个板块里，右侧新闻列表容器的样式*/
.twoLis .main2_list {
	width: 800px;       /* 右侧列表区域固定宽度 800px */
	display: block;     /* 设置为块级元素，正常排版 */
	float: left;        /* 向左浮动，和左侧 380px 图片并排显示 */
}
/*右侧列表里 「小图文卡片」 的样式*/
.twoLis .main2_list li {
	width: 380px;            /* 正常浏览器：每个小模块宽度 380px */
	_width: 370px;           /* IE6 专用兼容宽度（老浏览器hack） */
	height: auto;            /* 高度自适应内容 */
	margin-left: 20px;      /* 左边间距 20px，和其他模块隔开 */
	display: block;          /* 块级元素正常显示 */
	float: left;             /* 向左浮动 → 横向并排（两列布局） */
	line-height: 25px;       /* 文字行高 25px，舒适间距 */
}

/*右侧两列卡片里，标题链接的完整样式*/
.twoLis .main2_list li a {
	color: #333;           /* 文字颜色：中灰色 */
	display: block;           /* 把链接变成块级元素，整行可点击 */
	padding-bottom: 12px;     /* 底部内边距 12px，文字和边框拉开距离 */
	margin-bottom: 12px;      /* 底部外边距 12px，和下一条新闻拉开距离 */
	border-bottom: 1px solid #e2e2e2; /* 底部浅灰色分隔线 */
}
/*新闻列表标题的鼠标悬浮效果*/
.twoLis .main2_list li a:hover {
	color: #022A99;          /* 鼠标悬浮时文字变绿色 */
	text-decoration: underline; /* 同时显示下划线 */
}
.twoLis .main2_list li a.marr{
	margin-bottom: 0px;     /* 底部外边距清零，不留间距 */
	border-bottom: none;    /* 去掉底部边框线 */
}
/*网页第三板块（main_three） 的最外层容器样式*/
/*main_three*/
.thereLis {
	width: 100%;    /* 宽度占满父容器（1180px） */
	height: auto;   /* 高度由内容自动撑开，自适应 */
}
/*第三板块的核心布局：一排 4 个卡片横向并排*/
.thereLis li {
	width: 280px;            /* 每个小模块宽度 280px */
	height: auto;            /* 高度自适应，内容多高就多高 */
	display: block;          /* 块级元素显示 */
	float: left;             /* 向左浮动 → 横向并排（四列布局） */
	padding-right: 20px;    /* 右侧内边距 20px，模块之间留空隙 */
}
/* 最后一列去掉右侧内边距 */
.thereLis li.marr {
  padding-right: 0;
}

/* 图片铺满容器，消除底部空隙 */
.thereLis li img {
  width: 100%;
  display: block;
}
.thereLis li a.tit{
	width: 100%;          /* 宽度铺满整个卡片 */
	height: 40px;         /* 固定高度 40px */
	display: block;       /* 变成块级元素，整行可点击 */
	font-size: 16px;      /* 标题文字大小 */
	line-height: 40px;    /* 垂直居中显示 */
	color: #373737;       /* 深灰色文字 */
}
.thereLis li a.tit:hover{
	color: #00a44e;           /* 鼠标悬浮时文字变为绿色 */
	text-decoration: underline; /* 同时添加下划线 */
}
/* 四列卡片下方的简介文字样式 */
.thereLis li p {
	width: 280px;           /* 宽度固定280px，和卡片保持一致 */
	height: auto;           /* 高度自适应文字内容 */
	display: block;         /* 块级元素正常显示 */
	text-indent: 2em;       /* 首行缩进两格，标准中文排版 */
	line-height: 25px;      /* 行高宽松，阅读舒适 */
	color: #878787;         /* 浅灰色文字，作为简介不抢标题风头 */
}
/* 卡片简介内的链接样式 */
.thereLis li p a {
	color: #022A99; /* 正常状态：深绿色 */
}
/* 鼠标悬浮时的链接样式 */
.thereLis li p a:hover {
	color: #022A99; /* 悬浮状态：亮绿色 */
}
/*网页第四板块（main_four） 的最外层容器样式*/
/*main_four*/
.fourlist{
	width: 100%;    /* 宽度铺满父容器（1180px） */
	height: auto;   /* 高度由内容自动撑开，自适应 */
}

/*第四板块的新闻列表项样式*/
.fourlist li {
	width: 100%;                    /* 宽度占满整行 */
	height: auto;                   /* 高度自适应内容 */
	padding-bottom: 16px;           /* 底部内边距 16px */
	margin-bottom: 16px;            /* 底部外边距 16px */
	border-bottom: 1px solid #ececec; /* 底部浅灰色分隔线 */
}
/* 最后一条列表项：去掉底部边框、间距 */
.fourlist li.marr{
	border-bottom: 0;    /* 去掉底部横线 */
	margin-bottom: 0;    /* 去掉底部外边距 */
	padding-bottom: 0;   /* 去掉底部内边距 */
}

/* 左侧图片容器：固定宽度 200px */
.fourlist li .four_img{
	display: block;
	width: 200px;
}

/* 图片自适应铺满容器 */
.fourlist li .four_img img{
	width: 100%;
}

/* 右侧文字区域：左间距 20px + 宽度 660px */
.fourlist li .four_r{
	padding-left: 20px;
	width: 660px;
}

.fourlist li .four_r a.tit{
	font-size: 16px;        /* 标题文字大小 */
	line-height: 30px;      /* 行高30px，文字间距舒适 */
	color: #3d3d3d;         /* 深灰色，醒目不刺眼 */
}
.fourlist li .four_r a.tit:hover{
	color: #002A99;           /* 鼠标悬浮：深绿色 */
	text-decoration: underline; /* 鼠标悬浮：下划线 */
}
/*第四板块「左图右文」列表里，右侧简介段落的样式*/
.fourlist li .four_r p{
	font-size: 14px;
	color: #838383;
	text-indent: 2em;
	padding-top: 6px;
	line-height: 24px;
}
.fourlist li .four_r .four_ico{
	width: 100%;
	text-align: right;
	font-size: 12px;
	color: #9d9d9d;
	padding-top: 16px;
}
/*美化底部信息栏里的小标签*/
.fourlist li .four_r .four_ico span {
    height: 12px;           /* 高度固定 */
    display: block;         /* 块级元素 */
    float: right;           /* 向右浮动 */
    line-height: 12px;      /* 文字垂直居中 */
    font-size: 12px;        /* 文字大小 */
    color: #9e9e9e;         /* 文字颜色浅灰色 */
}

/* 浏览量小标签样式：带小图标 */
.fourlist li .four_r .four_ico span.vie {
	padding-left: 17px;    /* 文字距离左侧图标间距 */
	padding-right: 20px;   /* 右侧留白 */
    background: url(../images/ico2.png) no-repeat left center; /* 左侧显示浏览量图标 */
}

/* 时间小标签样式：带小图标 */
.fourlist li .four_r .four_ico span.time {
    width: 70px;           /* 时间文字固定宽度 */
    padding-left: 15px;    /* 文字距离左侧图标间距 */
    background: url(../images/ico3.png) no-repeat left center; /* 左侧显示时间图标 */
}

/* 右侧栏整体容器 */
.fourRight .four_rt{
	width: 100%;           /* 宽度铺满右侧区域 */
}

/* 右侧栏标题样式 */
.fourRight .four_rt h2{
	font-size: 16px;       /* 标题字号 */
	line-height: 30px;     /* 行高，垂直居中 */
	color: #454545;        /* 深灰色文字 */
}

/* 右侧栏表单样式 */
.fourRight .four_rt form{
	width: 100%;           /* 表单宽度铺满 */
}



/*自定义美化后的单选框（Radio）样式*/
/*Radio 单选框样式*/
.WellForm .WellRadio{
	float: left;           /* 左浮动，和文字并排 */
	width:15px;            /* 单选框宽度 */
	height:15px;           /* 单选框高度 */
	cursor:pointer;        /* 鼠标移上去变成小手 */
	overflow:hidden;       /* 隐藏超出部分 */
	margin: 10px 0;        /* 上下外边距 10px，左右0 */
	_margin: 10px 0 2px 0; /* IE6 专用兼容间距 */
	background: url(../images/ico9.png) no-repeat; /* 自定义单选框图标 */
}
/*自定义单选框完整功能*/
/* 选中状态的单选框样式 */
.WellForm .WellRadioH {
  background-position: right 0px;
}

/* 隐藏原生的 radio 按钮 */
.WellForm .WellRadio input {
  margin-top: 13px;
  display: none;
}

/*表单每一行的容器样式*/
form .item{
	width:100%;
	margin-bottom:10px;
}
form pre{
	height: 27px;
	line-height: 27px;
	margin: 23px 0;
	_margin: 23px 0 2px 0;
	display: block;
	font-size: 14px;
	color: #666;
	float: left;
	margin-left: 10px;
	width: 250px;
}
form .item em{
	display: block;
	width: 100%;
	float: left;
	border-bottom: 1px solid #ececec;
}
.fourRight .four_rt form .sub{
	width: 100%;
	margin-top: 16px;
	*margin-top: 36px;
}
.fourRight .four_rt form .sub a{
	float: left;
	font-size: 16px;
	color: #fff;
	border-radius: 2px;
	text-align: center;
	line-height: 40px;
}
.fourRight .four_rt form .sub a.tijiao{
	background: #00a44e;
	padding: 0 30px;
	margin-left: 22px;
}
.fourRight .four_rt form .sub a.tijiao:hover{
	background: #04b85a;
}
.fourRight .four_rt form .sub a.ck{
	background: #e98400;
	padding: 0 14px;
	margin-left: 26px;
}
.fourRight .four_rt form .sub a.ck:hover{
	background: #f68f08;
}
/*第五板块（main_five）的最外层容器*/
/*main_five*/
.five_list{
	width: 100%;    /* 宽度铺满父容器 */
	height: auto;   /* 高度自适应内容 */
}

.five_list li{
	width: 100%;
	height: auto;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px dashed #c5c5c5;
}
.five_list li.marr{
	margin-bottom: 0px;
}
.five_list li h2 a.tit{
	font-size: 16px;
	color: #5b5b5b;
	line-height: 24px;
	float: left;
}
.five_list li h2 a.tit:hover{
	color: #0c7124;
	text-decoration: underline;
}
.five_list li h2 span.time{
	float: right;
	font-size: 14px;
	color: #969696;
}
.five_list li p{
	font-size: 14px;
	color: #848484;
	display: block;
	text-indent: 2em;
	line-height: 23px;
	padding-top: 8px;
}
.five_list li p a{
	color: #00a44e;
}
.five_list li p a:hover{
	color: #03b859;
}
.fiver_list{
	width: 100%;
}
.fiver_list li {
    height: 30px;
    padding-left: 10px;
    display: block;
    font-size: 14px;
    line-height: 30px;
    background: url(../images/ico1.png) no-repeat left center;
}
.fiver_list li a{
	color: #545454;
}
.fiver_list li a:hover{
	color: #0c7124;
	text-decoration: underline;
}

/*第六板块（main_six）的最外层列表容器*/
/*main_six*/
.six_list{
	width: 100%;
	height: auto;
}
.six_list li{
	float: left;
	padding-right: 38.5px;
}
.six_list li.marr{
	padding-right: 0;
}
.six_list li p{
	text-align: center;
	font-size: 16px;
	padding-top: 8px;
	line-height: 30px;
}
.six_list li p a.tit{
	color: #5c5c5c;
}
.six_list li p a.tit:hover{
	color: #0c7124;
	text-decoration: underline;
}
.six_r{
	width: 100%;
}
.six_r dl{
	padding-bottom: 20px;
	overflow: hidden;
	color: #555;
	font-size: 14px;
}
.six_r dl dt{
	line-height: 32px;
	vertical-align: top;
	letter-spacing: normal;
	word-spacing: normal;
	text-align: right;
	display: inline-block;
	float: left;
	width: 60px;
}
.six_r dl dd{
	float: left;
	width: 206px;
}
.six_r dl dd input{
	width: 200px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #555;
	text-indent: 8px;
	float: left;
	border: 1px solid #d0d0d0;
}
.six_r dl dd input.yzm{
	width: 104px;
}
.six_r dl dd img {
    display: inline-block;
    margin: 1px 6px;
    float: right;
    height: 30px;
}
.six_r dl dd .login{
	height: 40px;
	line-height: 40px;
	border-radius: 2px;
	text-align: center;
	background: #00a44e;
	color: #fff;
	padding: 0 30px;
	font-size: 16px;
	display: inline-block;
}
.six_r dl dd .login:hover{
	background: #04B85A;
}
.six_r dl dd .reg{
	font-size: 14px;
	display: inline-block;
	color: #5c5c5c;
	padding-left: 28px;
}

/*通知公告左侧栏列表格式*/
/*main_seven*/
.seven_list{
	width: 100%;
        height: auto;
}
.seven_list ul{
	width: 420px;
	padding-right: 20px;
	float: left;
}
.seven_list ul.marrul{
	padding-right: 0;
}
/*显示样式*/
.seven_list ul li {
    width: 410px;
    height: 48px;
    padding-left: 10px;
    display: block;
    line-height: 48px;
    background: url(../images/ico1.png) no-repeat left center;
}

/* 标题：超出隐藏 + 省略号 */
.seven_list ul li a {
    display: block;
    /* 给右边时间留出位置 */
    width: calc(100% - 10px);
    /*width: 100%; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    font-size: 18px;
    float: left;
}

/* 右侧时间 */
.seven_list ul li a span {
    float:right;
    color: #666;
    /* 让时间不被省略号影响 */
    width: auto !important;
    text-overflow: initial !important;
    overflow: visible !important;
}

/* 悬浮效果 */
.seven_list ul li a:hover {
    color: #022A99;
    text-decoration: underline;
}
.sevenRight a{
	display: block;
	width: 100%;
	margin-bottom: 16px;
}
.sevenRight a.marr{
	margin-bottom: 0;
}

/*main_eight第八区样式*/
.eightLis{
	width: 100%;
	height: auto;
}
.eightLis li{
	float: left;
	width: 270px;
	padding-right: 30px;
}
.eightLis li.marr{
	padding-right: 0;
}
.eightLis li a{
	display: block;
	color: #fff;
	position: relative;
}
.eightLis li a:hover{
	opacity: 0.8;
}
.eightLis li a p{
	position: absolute;
	height: 34px;
	line-height: 34px;
	width: 100%;
	text-align: center;
	bottom: 0;
	left: 0;
	font-size: 16px;
	background: rgba(0,0,0,0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#55000000',endColorstr='#55000000');      /*IE6,IE7*/ 
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#55000000', endColorstr='#55000000')";      /*IE8*/
}

/*main_nine*/
.nineLeft {
	width: 280px;
	padding: 0 10px;
	margin-bottom: 20px;
	float: left;
}
.nineMiddle {
	width: 580px;
	padding: 0 10px;
	margin-bottom: 20px;
	float: left;
}
.nineRight {
	width: 280px;
	padding: 0 10px;
	margin-bottom: 20px;
	float: left;
}
.yzzc img {
    width: 148px;
    height: 195px;
    padding-right: 15px;
    padding-bottom: 5px;
    display: block;
    float: left;
}
.yzzc p {
    text-indent: 2em;
    color: #808080;
    line-height: 25px;
}
.yzzc p a{
	color: #00a44e;
}
.yzzc p a:hover{
	color: #03b859;
}
.nineMiddle ul li {
    width: 280px;
    height: auto;
    display: block;
    float: left;
}
.nineMiddle ul li.marr{
	padding-right: 20px;
}
.nineMiddle ul li img {
    width: 100%;
    height: 170px;
    display: block;
}
.nineMiddle ul li a.tit {
    width: 100%;
    height: 30px;
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #5a5a5a;
    text-align: center;
}
.nineMiddle ul li a.tit:hover{
	color: #0C7124;
	text-decoration: underline;
}
.nineMiddle ul li p {
    width: 100%;
    height: auto;
    display: block;
    text-indent: 2em;
    line-height: 24px;
    color: #878787;
}
.nineMiddle ul li p a {
    color: #00a44e;
}
.nineMiddle ul li p a:hover {
    color: #03b859;
}
.nineRight .nine_r{
	width: 100%;
	height: auto;
}
.nineRight .nine_r li {
	width: 100%;
	background: url(../images/ico4.png) no-repeat left;
}
.nineRight .nine_r li a{
	font-size: 14px;
	display: block;
	text-indent: 12px;
	color: #808080;
	height: 28px;
	line-height: 28px;
}
.nineRight .nine_r li a:hover{
	text-decoration: underline;
	color: #0C7124;
}
.nineRight .zhan_search{
	width: 100%;
	text-align: center;
	height: 1px;
	background: #00a44e;
	margin-top: 30px;
	position: relative;
}
.nineRight .zhan_search em{
	display: block;
	width: 90px;
	margin: 0 auto;
	background: #fff;
	height: 30px;
	line-height: 30px;
	color: #00a44e;
	position: absolute;
	left: 50%;
	margin-left: -45px;
	margin-top: -15px;
	font-size: 16px;
}
.nineRight .z_sear{
	width: 100%;
	_width: 99%;
	margin-top: 30px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #ececec;
	border-radius: 2px;
	position: relative;
}
.nineRight .z_sear input.text1{
	width: 266px;
	height: 40px;
	line-height: 40px;
	color: #adadad;
	text-indent: 10px;
	font-size: 14px;
}
.nineRight .z_sear input.sear{
	width: 24px;
	height: 24px;
	position: absolute;
	right: 6px;
	top: 8px;
}

/*main_ten*/
.tenLeft, .elevenLeft{
	width: 280px;
	padding: 0 10px;
	margin-bottom: 20px;
	float: left;
}
.tenRight, .elevenRight{
	width: 880px;
	padding: 0 10px;
	margin-bottom: 20px;
	float: left;
}
.tenLeft img{
	width: 100%;
	margin-bottom: 8px;
}
.tenLeft p {
    text-indent: 2em;
    color: #808080;
    line-height: 26px;
}
.tenLeft p a{
	color: #00a44e;
}
.tenLeft p a:hover{
	color: #03b859;
}
.tenRight ul{
	width: 100%;
}
.tenRight ul li{
	width: 100%;
	height: auto;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eaeaea;
}
.tenRight ul li.marr{
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: 0;
}
.tenRight ul li a.img{
	width: 238px;
    height: auto;
    margin-right: 16px;
    display: block;
    float: left;
}
.tenRight ul li img {
    width: 100%;
}
.tenRight ul li dl {
    width: 606px;
    height: auto;
    display: block;
    float: left;
}
.tenRight ul li dl dt {
    height: 35px;
    font-size: 16px;
    width: 100%;
	display: block;
	float: left;
}
.tenRight ul li dl dt a{
	color: #434343;
}
.tenRight ul li dl dt a:hover{
	color: #0C7124;
	text-decoration: underline;
}
.tenRight ul li dl dd {
    width: 100%;
    display: block;
    float: left;
}
.tenRight ul li dl dd a{
	color: #00a44e;
}
.tenRight ul li dl dd a:hover{
	color: #03b859;
}
.tenRightDd1 {
    height: 84px;
    text-indent: 2em;
    line-height: 28px;
    color: #878787;
}
.tenRightDd2 {
    height: 26px;
}
.tenRightDd2 span {
    height: 26px;
    display: block;
    float: right;
    line-height: 26px;
    font-size: 12px;
    color: #9e9e9e;
}
.tenRightDd21 {
    width: 70px;
    padding-left: 15px;
    background: url(../images/ico3.png) no-repeat left center;
}
.tenRightDd2 span {
    height: 26px;
    display: block;
    float: right;
    line-height: 26px;
    font-size: 12px;
    color: #9e9e9e;
}
.tenRightDd22 {
    padding-left: 17px;
    padding-right: 20px;
    background: url(../images/ico2.png) no-repeat left center;
}

/*main_eleven*页面第十一个区域-"picScroll-top" 的容器/
.picScroll-top{                      /* 向上滚动的外层容器 */
	width: 100%;                     /* 宽度铺满父容器 */
	height: 370px;                   /* 固定高度370px，不会被内容撑高 */
	overflow: hidden;                /* 超出高度的内容隐藏，用于滚动效果 */
}
.picScroll-top .bd{
	width: 100%;
}
.picScroll-top .bd .picList{
	width: 100%;
	position: relative;
	margin-top: -16px;
}
.picScroll-top .bd .picList li{
	width: 100%;
	padding-bottom: 18px;
	margin-bottom: 18px;
	border-bottom: 1px solid #ededed;
}
.picScroll-top .bd .picList li .pic{
	width: 94px;
	height: 94px;
	display: block;
	overflow: hidden;
	border-radius: 50%;
}
.picScroll-top .bd .picList li .pic img{
	width: 100%;
}
.picScroll-top .bd .picList li .title{
	width: 172px;
	padding-left: 14px;
	font-size: 14px;
}
.picScroll-top .bd .picList li .title a{
	color: #5b5b5b;
	line-height: 24px;
}
.picScroll-top .bd .picList li .title a:hover{
	color: #0c7124;
	text-decoration: underline;
}
.picScroll-top .bd .picList li .title p{
	color: #949494;
	margin-top: 12px;
	padding-left: 18px;
	background: url(../images/ico2.png) no-repeat left;
}


/*网页 Tab 标签切换的最外层容器样式*/
/* tab切换 */
#tab {
	width: 100%; /* 宽度铺满父容器，占满整行 */
}
/*Tab 切换的顶部菜单导航栏样式*/
#tab .tab_menu {
    width: 100%;                    /* 宽度铺满 */
    margin-bottom: 16px;            /* 与下方内容间距 16px */
    border-bottom: 1px solid #022A99; /* 底部蓝色边框（主题色） */
}
/*Tab 切换顶部标签按钮的完整样式*/
#tab .tab_menu li {
	float: left;               /* 标签横向排列 */
	padding: 0 20px;           /* 左右内边距，让标签更宽 */
	height: 40px;              /* 标签高度 */
	line-height: 40px;         /* 文字垂直居中 */
	border-bottom: 0px;        /* 无底部边框 */
	cursor: pointer;           /* 鼠标移上去变小手 */
	font-size: 24px;          /* 文字大小 */
	color: #022A99;           /* 文字颜色：灰色 */
        font-weight: bold; /* 文字加粗 */
	text-align: center;       /* 文字水平居中 */
	background: #fff;       /* 背景色：浅灰色 */
	margin: 0 20px 0 0;        /* 右边间距，隔开相邻标签 */
}
/*Tab 切换的-内容区域容器 */
#tab .tab_box {
	width: 100%; /*内容区域铺满整个宽度*/
	height: auto;  /*高度根据里面的内容自动撑开，自适应*/
	position: relative;  /*定位基准，让里面的切换内容可以正常层叠显示，不会乱跑*/
}
/* Tab 标签【选中状态】*/
#tab .tab_menu .selected {
	background: #FDD44B;    /* 主题金黄色背景 */
	cursor: pointer;
	color: #022A99;            /* 文字蓝色 */
        font-weight: bold;      /* 加粗（我帮你加上，更符合你刚才要求） */
}
/*专门用来隐藏内容的 CSS 类，配合 Tab 切换使用*/
.hide {
	display: none;
}
/*Tab 切换里每一个内容面板的样式*/
.tab_box .box{position: relative;} /* 相对定位 */

/*Tab 模块右上角的「更多」按钮设置的样式*/
.tab_box .box a.more{
	position: absolute;
	top: -46px;
	right: 0;
    font-size: 16px; /* 文字大小 */
    color: #333; /* 文字颜色 */
}
.tab_box .box a.more:hover {
    color: #FDD44B; /* 鼠标悬浮时变为金黄色 */
}
/*专门给「更多」按钮里的小箭头 / 符号设置的样式*/
.tab_box .box a.more font {
    font: 400 12px/12px consolas;
}
/*Tab 内容区域内部的子容器*/
.box_ele{
	width: 100%;
}




/*质评动态轮播图片区域样式*/
.box_ele .box_l{
	width: 400px;/*宽度240px*/
	text-align: center;
}
.box_ele .box_l ul li{
	padding-bottom: 10px;
}
/*图片列表下方标题样式及内容列表链接的鼠标悬浮效果*/
.box_ele .box_l ul li a {
    color: #000;   /* 文字颜色：深灰色 */
    font-size: 18px;  /* 文字大小：14px（标准正文大小） */
    display: block;
    max-width:100%; /* 最大宽度400 */
}
.box_ele .box_l ul li a:hover{
	color: #022A99; /* 鼠标悬停颜色：克莱因蓝 */
	text-decoration: underline;
}
.box_ele .box_l ul li a p{
	line-height: 48px;  /* 核心：设置标题文字的 行高（行间距） */
}

/*质评动态列表区域样式*/
.box_ele .box_r{
    width: 460px;/*宽度620px*/
    padding-left: 20px;
    display: block;
    float: left;
}
.box_ele .box_r ul{
	width: 100%;
	margin-top: -12px;
}
/*右侧列表项的最终样式*/
.box_ele .box_r ul li {
    width: 450px;/*宽度610px*/
    white-space: nowrap; /* 强制不换行 */
    overflow: hidden;    /* 超出隐藏 */
    text-overflow: ellipsis; /* 超出显示省略号...（可选） */
    height: 48px;
    padding-left: 10px;
    display: block;
    line-height: 48px;
    font-size: 18px;
    background: url(../images/ico1.png) no-repeat left center;/*每一条新闻前面显示小符号*/
}
/*右侧列表里链接文字的颜色样式*/
.box_ele .box_r ul li a{
	color: #000;/*文字颜色深灰色*/
}
/*列表右侧的时间 / 备注标签*/
.box_ele .box_r ul li a span {
    float: right;
    color: #666;
    text-decoration: none;
}
/*右侧列表链接的鼠标悬浮效果*/
.box_ele .box_r ul li a:hover{
	color: #022A99;/*文字颜色蓝色*/
	text-decoration: underline;
}




/*main_twelve*/
.twelveLeft{
	width: 280px;
	padding: 0 10px;
	margin-bottom: 20px;
	float: left;
}
.twelveRight{
	width: 880px;
	padding: 0 10px;
	margin-bottom: 20px;
	float: left;
}
.twelve_list{
	width: 100%;
}
.twelve_list li{
	width: 100%;
	height: 24px;
	display: block;
	float: left;
	line-height: 24px;
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 1px solid #eaeaea;
}
.twelve_list li.marr{
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: 0;
}
.twelve_list li a{
	color: #5b5b5b;
}
.twelve_list li a:hover{
	color: #0C7124;
}
.twelve_com{
	width: 100%;
}
.twelve_com .twelve_tp{
	width: 100%;
}
.twelve_com .twelve_tp li{
	float: left;
	width: 200px;
	text-align: center;
}
.twelve_com .twelve_tp li.marr{
	padding-right: 26.6px;
}
.twelve_com .twelve_tp li a{
	display: block;
	color: #555555;
	font-size: 14px;
}
.twelve_com .twelve_tp li a img{
	width: 100%;
}
.twelve_com .twelve_tp li a.tit{
	line-height: 25px;
	padding: 5px 0 10px 0;
}
.twelve_com .twelve_tp li a:hover{
	color: #0C7124;
}
.twelve_com .twelve_bm{
	width: 100%;
}
.twelve_com .twelve_bm li{
	width: 100%;
	height: 24px;
	display: block;
	float: left;
	line-height: 24px;
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 1px solid #eaeaea;
}
.twelve_com .twelve_bm li a{
	color: #5b5b5b;
	padding-left: 10px;
	background: url(../images/ico5.png) no-repeat left;
}
.twelve_com .twelve_bm li a:hover{
	color: #0C7124;
}
.twelve_com .twelve_bm li.marr{
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: 0;
}

/*main_thirteen*  友情链接区域格式/
/* 最外层容器：包裹所有链接按钮 */
.links{
	width: 100%;     /* 宽度占满整行 */
}
/* 每个小链接按钮的样式 */
.links a{
	width: 153.5px;      /* 每个小方块宽度：153.5px */
	height: 55px;       /* 每个小方块高度：55px */
	border: 1px solid #666;  /* 灰色边框 */
	display: block;     /* 变成块级元素，能设置宽高 */
	float: left;        /* 所有按钮 从左到右 横着并排 */
	margin-right: 15px; /* 按钮之间 右边留15px空隙 */
}
/* 最后一个按钮专用样式（最右边那个） */
.links a.marr{
	margin-right: 0;    /* 右边不留空隙 */
	float: right;       /* 靠右对齐 */
	_float: left;       /* 兼容老IE浏览器（不用管） */
}
/* 鼠标放上去时，边框变绿色 */
.links a:hover{
	border-color: #FDD44B;  /* 边框从灰色 → 金黄色 */
}
/* 按钮里的图片：自动填满整个按钮 */
.links a img{
	width: 100%;  /* 图片宽度 = 按钮宽度 */
}



/*网页底部（页脚） 的样式*/
/*bottom*/
.bottom{
	width: 100%;
	margin-top: 10px;
	background: #f6f6f6;
}
.bottom ul{
	padding: 30px 0;
	width: 100%;
	background: url(../images/bottom_bg.png) no-repeat right center;
}
.bottom ul li{
	float: left;
	margin-right: 74px;
}
.bottom ul li.marr{
	margin-right: 0;
}
.bottom ul li h2{
	font-size: 16px;
	color: #2d2d2d;
	line-height: 30px;
	margin-bottom: 10px;
}
.bottom ul li a, .bottom ul li span{
	display: block;
	line-height: 30px;
	color: #5c5c5c;
	font-size: 14px;
}
.bottom ul li a:hover{
	color: #0C7124;
	text-decoration: underline;
}
.bottom ul li a i{
	display: inline-block;
	width: 24px;
	height: 16px;
	float: left;
	margin-top: 8px;
}
.bottom ul li a i.ico1{
	background: url(../images/ico6.png) no-repeat;
}
.bottom ul li a i.ico2{
	background: url(../images/ico7.png) no-repeat;
}
.bottom ul li a i.ico3{
	margin-top: 10px;
	background: url(../images/ico8.png) no-repeat;
}

/*网站最底部的版权栏（页脚） 样式*/
/*footer*/
.footer{
	width: 100%;
	height: auto;        /* 去掉固定高度，让内容自适应 */
	min-height: 60px;   /* 最小高度50px */
	padding: 15px 0;    /* 上下内边距，实现居中效果 */
	text-align: center;
	color: #fff;
	font-size: 16px;
	background: #002FA9;
	line-height: 1.8;
}







/*简介页*/
/* 网站左侧导航栏（侧边栏）** 的全套样式*/
/* 1. 左侧边栏整体盒子 */
.n_left{
	width: 240px;        /* 侧边栏固定宽度 240px */
	margin-top: 16px;    /* 距离顶部 16px */
	text-align: center;  /* 文字居中 */
	padding: 0 8px 0 10px; /* 内边距 */
	_padding: 0 8px 0 10px; /* 老IE兼容，忽略 */
	margin-bottom: 20px; /* 距离底部 20px */
	float: left;         /* 靠左浮动，让右边内容可以并排 */
}
/* 2. 左侧标题（如：新闻中心） */
.n_left h2{
	background: #022A99; /* 绿色背景 */
	font-size: 18px;    /* 文字大小 */
	color: #fff;        /* 白色文字 */
	height: 50px;       /* 高度 50px */
	line-height: 50px;  /* 文字垂直居中 */
}
/* 3. 左侧菜单容器 */
.n_left .n_nav{
	padding: 12px 6px;    /* 内边距 */
	background: #f9f9f9;  /* 浅灰色背景 */
	font-size: 18px;      /* 文字大小 */
	border-bottom: 2px solid #e5e5e5; /* 底部边框 */
}
/* 4. 每一条菜单 */
.n_left .n_nav li {
	line-height: 30px;   /* 行高 */
	padding: 10px 0;     /* 上下内边距 */
	border-bottom: 1px solid #efefef; /* 底部分割线 */
}
/* 5. 最后一条菜单，去掉底部边框 */
.n_left .n_nav li.marr{
	border-bottom: 0;
}
/* 6. 菜单链接默认样式 */
.n_left .n_nav li a{
	font-size: 18px;      /* 文字大小 */
        color: #333;     /* 灰色文字 */
	display: inline-block;
}
/* 7. 当前选中 + 鼠标悬浮样式 */
.n_left .n_nav li a.cur,
.n_left .n_nav li a:hover{
	color: #022A99;     /* 文字变绿色 */
        font-weight:bold !important;
	text-decoration: underline; /* 加下划线 */
}
/*网页右侧内容区域的样式*/
/* 定义网页右侧的内容展示区域（和左侧导航并排） */
.n_right{
	width: 924px;           /* 固定宽度：924像素（用来放新闻、文章、列表） */
	float: left;            /* 向左浮动 → 让右侧区域和左侧导航栏 横着并排显示 */
	margin-top: 16px;       /* 距离顶部 16像素 的空白间距 */
	padding: 0 10px 0 8px;  /* 内部边距：上下0，右10px，左8px（让内容不贴边） */
	_padding: 0 10px 0 8px; /* 老式IE浏览器兼容代码 → 现在可以忽略 */
	margin-bottom: 20px;    /* 距离底部 20像素 的空白间距 */
}
/* 栏目顶部标题条（例如：当前位置：首页 > 新闻中心 > 校园新闻） */
.n_tit{
	width: 100%;            /* 宽度铺满整行 */
	border-bottom: 1px solid #022A99; /* 底部一条绿色横线（主题色） */
	height: 49px;           /* 整个条高度 49px */
	line-height: 49px;     /* 文字垂直居中（行高=高度） */
	color: #333;        /* 文字颜色：灰色 */
	font-size: 16px;       /* 文字大小：14px */
}
/* 导航栏里的小图标（小房子/小箭头等） */
.n_tit img {
	float: left;          /* 图标靠左 */
	margin-top: 18px;     /* 图标距离顶部 18px（垂直居中） */
	margin-right: 8px;   /* 图标右边留 8px 空隙，不贴文字 */
}
/* 导航链接（首页、新闻中心...） */
.n_tit a{
        color: #333;      /* 文字颜色：灰色 */
}
/* 鼠标放上去时 */
.n_tit a:hover{
	color: #022A99;      /* 文字变深绿色 */
	text-decoration: underline; /* 加下划线 */
}
/* 导航之间的分隔符 > 符号 */
.n_tit font{
	padding: 0 6px;      /* 左右各留 6px 空隙 */
	font: 400 12px/14px consolas; /* 字体、大小 */
}


/*文章详情页的正文排版样式*/
/* 1. 右侧内容区的【文章正文容器】
   用来包裹：整篇文章的所有文字、图片
*/
.n_right .comcont{
	width: 100%;        /* 宽度：铺满整个右侧区域 */
	padding: 10px 0;   /* 内边距：上下各留20px空白，让内容不贴边、不拥挤 */
}

/* 2. 文章正文里的【段落文字样式】
   控制：文章里每一段文字的样子
*/
.n_right .comcont p{
	font-size: 18px;     /* 文字大小：14像素 */
	color: #000;      /* 文字颜色：深灰色 */
	text-indent: 2em;    /* 首行缩进：开头空两格（标准文章格式） */
	line-height: 36px;   /* 行高：30px → 控制文字行与行之间的距离 */
	padding-bottom: 10px;/* 段落底部留白：26px → 段与段之间的间距 */
        text-align: justify;  /* 核心：两端对齐 */
}

/* 3. 文章正文里的【图片样式】
   控制：文章里所有图片的排版
*/
.n_right .comcont img{
	margin: 0 auto;      /* 图片：水平居中显示 */
	display: block;      /* 让图片独占一行，保证居中生效 */
	padding: 20px 0 50px 0; /* 图片内边距：上方20px，下方50px（图片上下留白） */
}








/*列表页*/
/*新闻列表、文章列表的外层容器*/
.n_list{
	width: 100%;/*宽度占满父级容器的全部可用宽度*/
}
.n_list .list_ul{
	width: 454px;         /* 每个列表块 固定宽度 454px */
	float: left;          /* 让多个列表块 横着并排显示（从左到右） */
	margin: 16px 16px 10px 0;  /* 外边距：上下、左右的空隙 */
	_margin: 16px 16px 10px 0; /* 兼容老版本IE浏览器（可以忽略） */
}
/*新闻列表的布局、间距、宽度控制*/
.n_list .list_ul1{
	margin: 16px 0 10px;
}
.n_list .list_ul .oneTitle{
	margin-bottom: 8px;
}
.n_list .list_ul ul{
	width: 454px;
}
/*文章列表里每一行标题的完整样式*/
.n_list .list_ul ul li {
    width: 444px;            /* 内容宽度 444px */
    height: 32px;            /* 每行高度 32px（一行的高度） */
    padding-left: 10px;      /* 文字左边空出 10px，不贴着图标 */
    display: block;          /* 独占一行 */
    float: left;             /* 横向排列 */
    line-height: 32px;      /* 文字垂直居中（和高度一样） */
    background: url(../images/ico1.png) no-repeat left center; /* 最左边加小图标 */
}
/*新闻列表里的标题文字、鼠标效果、日期*/
/* 新闻标题文字默认样式 */
.n_list .list_ul ul li a {
    color: #022A99;    /* 文字颜色：深灰色 */
    font-weight: bold;    /* 新增：文字加粗 */
}
/* 鼠标放到标题上时的效果 */
.n_list .list_ul ul li a:hover {
    color: #0C7124;    /* 文字变深绿色 */
    text-decoration: underline; /* 出现下划线 */
}
/* 新闻标题右边的日期 */
.n_list .list_ul ul li a span {
    float: right;     /* 日期靠右对齐 */
    color: #A1A1A1;   /* 日期颜色：浅灰色 */
}


/*列表详细列表-长文章列表、单行新闻列表的样式*/
/* 最外层大容器：整个列表的盒子 */
.n_listxx{
	width: 100%; /* 宽度铺满整行，占满父容器 */
}
/* 列表里的每一条新闻/文章 */
.n_listxx li{
	width: 100%;        /* 每条都铺满整行 */
	padding: 16px 0;    /* 上下内边距16px，让每条高度更宽松 */
	border-bottom: 1px solid #ededed; /* 底部一条浅灰色横线，分隔每条内容 */
}
/*带标题 + 日期 + 简介的新闻列表样式*/
/* 列表最后一条数据，去掉底部边框 */
.n_listxx li.marr{
	border-bottom: 0; /* 无边框（最后一条新闻不显示底线） */
}

/* 每条新闻的标题行 */
.n_listxx li h2{
	width: 100%;     /* 宽度铺满整行 */
	line-height: 30px;/* 行高30px，控制标题高度 */
}

/* 新闻标题文字样式 */
.n_listxx li h2 a{
	font-size: 18px; /* 字号16px */
	color: #000;  /* 文字灰色 */
        font-weight: bold; /* 确保加粗生效 */
	float: left;     /* 标题靠左 */
}

/* 鼠标放到标题上的效果 */
.n_listxx li h2 a:hover{
	color: #FDD44B;        /* 文字变深绿色 */
	text-decoration: underline;/* 加下划线 */
}

/* 标题右侧的日期 */
.n_listxx li h2 span{
	float: right;          /* 日期靠右 */
	font-size: 16px;       /* 字号14px */
	color: #666;        /* 浅灰色 */
	padding-left: 15px;    /* 左边空出15px放图标 */
	background: url(../images/ico11.png) no-repeat left center;/* 日期前加小图标 */
}

/* 新闻简介/摘要内容 */
.n_listxx li p{
	font-size: 16px;    /* 字号14px */
	padding-top: 4px;   /* 距离标题顶部4px */
	color: #333;     /* 浅灰色文字 */
	line-height: 28px;  /* 行高28px，阅读舒适 */
	text-indent: 2em;   /* 首行缩进2字符 */
}

/* 简介里的链接颜色 */
.n_listxx li p a{
	color: #022A99; /* 绿色文字 */
}

/* 简介里的链接鼠标效果 */
.n_listxx li p a:hover{
	color: #FDD44B; /* 深绿色 */
}




/*不带简介列表页的样式*/
/* 最外层大容器：整个列表的盒子 */
.n_list2{
	width: 100%; /* 宽度铺满整行，占满父容器 */
}
/* 列表里的每一条新闻/文章 */
.n_list2 li{
	width: 100%;        /* 每条都铺满整行 */
	padding: 16px 0;    /* 上下内边距16px，让每条高度更宽松 */
	border-bottom: 1px solid #ededed; /* 底部一条浅灰色横线，分隔每条内容 */
}
/*带标题 + 日期 + 简介的新闻列表样式*/
/* 列表最后一条数据，去掉底部边框 */
.n_list2 li.marr{
	border-bottom: 0; /* 无边框（最后一条新闻不显示底线） */
}

/* 每条新闻的标题行 */
.n_list2 li h2{
	width: 100%;     /* 宽度铺满整行 */
	line-height: 30px;/* 行高30px，控制标题高度 */
}

/* 新闻标题文字样式 */
.n_list2 li h2 a{
	font-size: 18px; /* 字号16px */
	color: #000;  /* 文字灰色 */
        font-weight: bold; /* 确保加粗生效 */
	float: left;     /* 标题靠左 */
}

/* 鼠标放到标题上的效果 */
.n_list2 li h2 a:hover{
	color: #FDD44B;        /* 文字变深绿色 */
	text-decoration: underline;/* 加下划线 */
}

/* 标题右侧的日期 */
.n_list2 li h2 span{
	float: right;          /* 日期靠右 */
	font-size: 16px;       /* 字号14px */
	color: #666;        /* 浅灰色 */
	padding-left: 15px;    /* 左边空出15px放图标 */
	background: url(../images/ico11.png) no-repeat left center;/* 日期前加小图标 */
}





/*新闻列表底部的分页导航条样式*/
/* 【1】分页最外层容器（整个分页条的大背景） */
.pages{
	width: 100%;           /* 宽度铺满整行 */
	background: #f9f9f9;   /* 浅灰色背景 */
	height: 42px;          /* 分页条高度 42px */
	line-height: 42px;     /* 文字垂直居中 */
	margin-top: 36px;      /* 距离上面内容 36px */
	margin-bottom: 46px;   /* 距离下面内容 46px */
	text-align: center;    /* 文字水平居中 */
	font-size: 16px;       /* 文字大小 14px */
	color: #333;        /* 文字默认灰色 */
	position: relative;    /* 定位基准，让里面页码居中 */
}

/* 【2】页码内容居中容器 */
.pages .pagess{
	min-width: 420px;      /* 最小宽度 420px */
	position: absolute;    /* 绝对定位 */
	left: 50%;             /* 左边居中 */
	margin-left: -210px;   /* 向左偏移一半，实现真正居中 */
	float: left;
}

/* 【3】当前页码（高亮显示） */
.pages b{
	font-weight: normal;   /* 不加粗 */
	color: #fff;        /* 绿色文字 */
	display: inline-block;
	padding: 0 4px;        /* 左右内边距 */
	float: left;
}

/* 【4】普通页码链接 */
.pages a{
	color: #666;        /* 灰色文字 */
	display: inline-block;
	padding: 0 8px;        /* 左右间距 */
	float: left;           /* 横向排列 */
}

/* 【5】鼠标放上去 / 当前选中的页码 */
.pages a:hover, .pages a.cur{
	color: #b1b1b1;        /* 浅灰色 */
}

.pages span{
	float: left;
}

/* 【6】每页显示条数下拉框外层 */
.pages .select {
    position: relative;
    float: left;
    height: 20px;
    line-height: 20px;
    width: 40px;
    margin: 9px 6px;
    border: 1px solid #e1e1e1; /* 灰色边框 */
}

/* 【7】下拉框默认显示文字（如：10） */
.pages .select dt {
    background: #ffffff url(../images/ico12.png) 95% 8px no-repeat; /* 下拉小箭头 */
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    cursor: pointer; /* 鼠标移上去变成小手 */
    width: 100%;
    color: #757575;
    overflow: hidden;
    position: relative;
    z-index: 99; /* 层级最高 */
}

/* 【8】下拉展开的选项列表（默认隐藏） */
.pages .select dd {
    width: 100%;
    background: #fff;
    display: none; /* 默认不显示 */
    position: absolute;
    top: 21px;
    left: -1px;
    z-index: 999; /* 浮在最上层 */
    border: 1px solid #e1e1e1;
}

/* 【9】下拉列表内容区 */
.pages .select dd ul {
    max-height: 250px;
    overflow: hidden;
    width: 100%;
}

/* 【10】下拉列表里的每一项 */
.pages .select dd ul li a {
    line-height: 20px;
    display: block;
    color: #656565;
    width: 100%;
    padding: 0;
    text-align: center;
}



/*内容页*/
.container{
	padding: 0 10px;    /* 内边距：上下0，左右各10px */
	margin-top: 16px;   /* 外边距：距离上面的模块 16px */
}
.contain{
	width: 100%;  /* 宽度：占满父容器的全部宽度 */
}
/* 1. 文章大标题（h2）*/
.contain h2{
	font-size: 20px;        /* 文字大小：18像素（标准大标题）*/
	line-height: 40px;      /* 行高：40px（文字垂直间距）*/
	padding: 40px 0 0px;    /* 上内边距40px（标题距离顶部很远），左右0，下0 */
	color: #022A99;        /* 文字颜色：深灰色 */
	text-align: center;     /* 文字【水平居中】显示 */
        font-weight: bold;    /* 新增：文字加粗 */
}
/* 2. 文章副标题/日期（h3）*/
.contain h3{
	text-align: center;     /* 水平居中 */
	font-size: 16px;        /* 文字较小：14px */
	line-height: 40px;      /* 行高40px */
	padding-bottom: 6px;    /* 底部内边距6px */
	color: #333;         /* 文字颜色：浅灰色（比标题淡很多）*/
	margin-bottom: 26px;    /* 距离下方正文内容 26px（拉开距离）*/
	border-bottom: 1px solid #e1e1e1; /* 底部加一条【浅灰色横线】*/
}
/* 3. 副标题里的小文字（span）*/
.contain h3 span{
	display: inline-block;  /* 让文字可以设置内边距 */
	padding: 0 13px;        /* 左右各留13px空白（让文字不挤）*/
}

/* 文章正文段落样式 */
.contain p {
    font-size: 18px !important;        /* 文字大小：14px（标准正文大小） */
    color: #000;         /* 文字颜色：深灰色（护眼、不刺眼） */
    text-indent: 2em;       /* 首行缩进 2字符（每段开头空两格） */
    line-height:36px !important;      /* 行高：30px（行与行之间的间距，不拥挤） */
    text-align: justify; /* 两端对齐 */
}
/* 文章里的图片样式 */
.contain img {
    margin: 0 auto;         /* 图片水平居中 */
    display: block;         /* 让图片独占一行 */
    padding: 38px 0;        /* 图片上下各留 38px 空白（和文字拉开距离） */
}

/* 文章底部的小信息栏 */
.contain .con_bm{
	margin-top: 30px;        /* 距离上面正文内容 30px（拉开距离） */
	padding-top: 16px;       /* 顶部内边距 16px（和上面的横线拉开距离） */
	height: 18px;            /* 盒子高度 18px */
	line-height: 18px;       /* 文字垂直居中 */
	padding-bottom: 60px;    /* 底部内边距 60px（让底部不贴边） */
	font-size: 16px;         /* 文字大小 14px */
	color: #333;          /* 文字颜色：浅灰色（不突出，辅助信息） */
	border-top: 1px solid #e1e1e1;  /* 顶部一条浅灰色横线（和正文分开） */
}
/* 文章底部小信息栏里的 右侧文字（比如：编辑/发布时间） */
.contain .con_bm span{
	float: right;        /* 靠右对齐 */
}
/* 文章底部的 上一篇、下一篇 链接 */
.contain .con_bm a{
	color: #333;      /* 文字颜色：浅灰色 */
	float: right;        /* 靠右排列 */
	margin-left: 22px;   /* 两个链接之间 左边留22px空隙（不拥挤） */
}
/* 鼠标放到 上一篇/下一篇 上时 */
.contain .con_bm a:hover{
	color: #FDD44B;      /* 文字变绿色 */
}
/* 底部 "打印" 按钮样式 (dy = dayin 打印) */
.contain .con_bm a.dy{
	background: url(../images/ico13.png) no-repeat left center; /* 左边加打印图标 */
	padding-left: 18px;  /* 文字往右挪18px，不挡住图标 */
}
/* 底部 "关闭" 按钮样式 */
.contain .con_bm a.close{
	background: url(../images/ico14.png) no-repeat left center; /* 左边加关闭图标 */
	padding-left: 16px;  /* 文字往右挪16px */
}