@charset "utf-8";


/* 此混合布局的提示
1. 由于此侧栏基于全方 (em) 的大小以用户的默认字体大小为基础，因此您需要确保栏中的背景图形考虑了这一点。如果正确构建的话，混合布局对于需要较大字体的浏览器更为方便，因为栏的宽度仍保持适当比例。如果这不适合您的设计，则只需将宽度更改为像素大小并确保相应地更改 #mainContent div 上的边距。
2. 由于此布局中侧栏的大小以 body 元素中的 100% 字体大小为基础，因此，如果您通过对 body 元素或 #container 使用“font-size: 80%”来减小文本的总体大小，请记住列宽将按比例缩小。您最好增加列宽以及 #mainContent div 的侧边距大小对此进行补偿。
3. 如果字体大小在每个 div 中按不同的量进行更改（例如，#sidebar1 上的字体大小为 70%，#mainContent 上的字体大小为 85%），而不是对总体设计进行更改，则将按比例更改每个 div 的总体大小。您最好根据最终的字体大小来进行调整。
4. 对于此布局来说，#container div 不必具有 100% 的宽度。您最好使用它来创建假列或者限制布局的宽度。
5. #container div 不必具有 100% 的宽度，因为一个 div 本来就可以占用 100% 的可用空间。这样做的目的在于，如果您希望减小整个容器的大小（或许在每个边缘都留一点边距），则这将保留进行调整的余地。
*/

/*全局*/
body, html  {
	font: small Verdana, Arial, Helvetica, sans-serif;
     
	margin: 0; /* 最好将 body 元素的边距和填充设置为 0 以覆盖不同的浏览器默认值 */
	padding: 0;
	text-align: center;
}

img {
	border:0;
}

a{
	color:#fe0000;
	text-decoration:none;
}

a:hover{
	color:#0006fe;
}
ul, input, marquee{
	padding:0;
	margin:0;
}

h1{
	width:auto;
	float:left;
	margin:0px 0px 0px 20px !important;
	
	color:#801313;
font-family:"微软雅黑";
font-size:18px !important;
font-weight:bold !important;
line-height:30px;
vertical-align:middle;
text-align:left;
}

h1 a{color:#801313;}
h1 a:hover{color:#801313;}


h2{
	width:auto;
text-align:center;

margin:24px auto !important;
	
	color:#000000;
font-family:"黑体";
font-size:24px !important;
font-weight:bold !important;
line-height:30px !important;
vertical-align:middle !important;
}

h3{
	width:auto;
text-align:center;
margin-left:auto;
margin-right:auto;

margin-top:24px;
	
	color:#000000;
font-family:"楷体";
font-size:20px;
line-height:25px;
font-weight:500;
vertical-align:middle;
}

/*id选择*/
#container{
width:100%;
text-align:center;
margin-left:auto;
margin-right:auto;
background-color:#801313;

}
#body{
width:964px;
background-color:#ffffff;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#banner{
width:100%;
height:428px;
background:url(4480285.jpg) no-repeat top;
float:left;
margin-top:0px;
margin-left:auto; margin-right:auto;
}
#banner_word{
width:770px;
height:120px;
margin-left:auto;
margin-right:auto;
padding-top:200px;

color:#fefbd4;
font-family:"宋体";
font-size:14px;
line-height:26px;
vertical-align:middle;
text-align:left;
text-indent:2em;
}
.box{
width:920px;
float:left;
margin:20px 0 0 40px;

}

/*title mix*/
.title_jiti{
width:888px;
height:45px;
background:url(4480291.jpg) no-repeat top;
float:left;
margin:0 0 20px 0;
}

.title_geren{
width:888px;
height:45px;
background:url(4480290.jpg) no-repeat top;
float:left;
margin:0 0 20px 0;
}




.pic{
width:157px;
height:117px;
float:left;
margin:0;
}	



.title_word a{
width:157px;
height:24px;
float:left;
margin:6px 0 0 0;

color:#313131;
font-family:"宋体";
font-size:12px;
font-weight:bold;
line-height:24px;
text-align:center;
}
.title_word a:hover{
	color:#900;
	}

#footer{
width:100%;
height:102px;
background:url(4480288.jpg) no-repeat top;
float:inherit;

color:#00389f;
font-family:"宋体";
font-size:12px;
line-height:26px;
vertical-align:middle;
text-align:center;
}


/* 二三级页面CSS*/

#banner_sec{
width:100%;
height:188px;
background:url(4480286.jpg) no-repeat top;
float:inherit;
margin:0px;
}

.list{
width:450px;
float:left;
margin:20px 0 0px 30px;
display:inline;
list-style:none;
}
.list ul{
width:400px;
float:left;
margin:0px 0 0 0px;
list-style:none;
}
.list ul li{
width:385px;
height:25px;
background:url(#) no-repeat ;
float:left;
color:#000000;
font-family:"宋体";
font-size:14px;
line-height:25px;
vertical-align:middle;
text-align:left;
margin:0 0 0px 0;
padding-left:15px;
}


.list ul li a{
width:385px;
height:25px;
float:left;
color:#000000;
font-family:"宋体";
font-size:14px;
line-height:25px;
vertical-align:middle;
text-align:left;
margin:0 0 0px 0;
}
.list ul li a:hover{
color:#2a55a4;
}

#footer_sec{
width:100%;
height:96px;
background:url(#) no-repeat top;
float:inherit;
margin:20px 0 0 0;

color:#00389f;
font-family:"宋体";
font-size:12px;
line-height:26px;
vertical-align:middle;
text-align:center;
}


/*page*/
/*          page number       */
.page{
width:300px;
height:28px;
float:right;
}

.page span{
float:left;
margin-left:7px;
color:#616161;
font-weight:normal;
font-family:"宋体";
font-size:12px;
line-height:28px;
vertical-align:middle;
text-align:left;
}

.btn_FP a{
width:13px;
height:13px;
float:left;
margin:7px 0 0 7px;
display:inline;
background:url('#');
}

.btn_frontpage a{
width:13px;
height:13px;
float:left;
margin:7px 0 0 7px;
display:inline;
background:url('#');
}

.btn_afterpage a{
width:13px;
height:13px;
float:left;
margin:7px 0 0 7px;
display:inline;
background:url('#');
}

.btn_EP a{
width:13px;
height:13px;
float:left;
margin:7px 0 0 7px;
display:inline;
background:url('#');
}

.btn_FP a:hover{
width:13px;
height:13px;
float:left;
margin:7px 0 0 7px;
display:inline;
background:url('#');
}

.btn_frontpage a:hover{
width:13px;
height:13px;
float:left;
margin:7px 0 0 7px;
display:inline;
background:url('#');
}

.btn_afterpage a:hover{
width:13px;
height:13px;
float:left;
margin:7px 0 0 7px;
display:inline;
background:url('#');
}

.btn_EP a:hover{
width:13px;
height:13px;
float:left;
margin:7px 0 0 7px;
display:inline;
background:url('#');
}



.btn_go a{
width:15px;
height:15px;
float:left;
margin:6px 0 0 7px;
display:inline;
background:url('#');
}
.btn_go a:hover{
width:15px;
height:15px;
float:left;
margin:6px 0 0 7px;
display:inline;
background:url('#');
}
.gap{
width:2px;
height:15px;
float:left;
margin:7px 0 0 7px;
display:inline;
background:url('#');
}

.input_page{
width:12px;
height:15px;
border:1px #707072 solid;
background:url('#') repeat-x;
float:left;
margin:6px 0 0 5px;
}

.article{
width:800px;
height:auto;
margin-left:auto;
margin-right:auto;
padding-bottom:100px;

color:#000000;
font-family:"微软雅黑";
font-size:14px;
line-height:23px;
vertical-align:middle;
}


.clear{
clear:both;
}

.box table{ table-layout:fixed}
.box table td{ float:left}