@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;
}


.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}



/*id选择*/
#container{
width:100%;
height:auto;
background-color:#ffffff;
text-align:center;
margin-left:auto;
margin-right:auto;
}
#body{
width:100%;
height:100%;
background:url(5601351.jpg) no-repeat top;

margin-left:auto;
margin-right:auto;
text-align:center;
}
#body_sec{
width:100%;
height:100%;
background:url(5601352.jpg) no-repeat top;

margin-left:auto;
margin-right:auto;
text-align:center;
}

#banner{
width:100%;
height:442px;
}
#banner_sec{
width:100%;
height:210px;
}



#menu{
width:1096px;
height:70px;
background-color:#0066ac;
text-align:center;
margin-left:auto;
margin-right:auto;
}




#menu ul{
width:100%;
height:70px;
margin-left:auto;
margin-right:auto;
display:inline;
list-style:none;
}

#menu ul li{
width:207px;
height:70px;
float:left;
margin:0 0 0 10px;
display:inline;

color:#fff;
font-family:"微软雅黑";
font-size:18px;
line-height:36px;
vertical-align:middle;
text-align:center;
}
#menu ul li a{
width:207px;
height:70px;
margin-left:auto;
margin-right:auto;
display:inline;

color:#fff;
font-family:"微软雅黑";
font-weight:bold;
font-size:20px;
line-height:70px;
vertical-align:middle;
text-align:center;

}
#menu ul li a:hover{
color:#eeeeee;
}

#content{
width:1200px;
height:auto;
margin-left:auto;
margin-right:auto;
}



#pic_lianzheng{
width:1004px;
height:111px;
background:url(5601357.jpg) no-repeat;
margin-left:auto;
margin-right:auto;
border:1px #e4e4e4 solid;
}
#pic{
width:458px;
height:280px;
background:url(5601356.jpg) no-repeat;
margin-left:auto;
margin-right:auto;
}
 
#box{
	width:960px;
	height:auto;
    margin-top:20px;
	margin-left:auto;
    margin-right:auto;
	display:inherit;
}

#title{
	width:960px;
	height:37px;
	background:url(5601358.jpg) no-repeat;
	margin-left:auto;
    margin-right:auto;

}

.zhaiyao_dongtai{
	width:515px;
	height:95px;
	float:left;
	margin:0px 0 0 0;
	border:1px #cccccc solid;
	padding-left:2px;
	padding-right:2px;

}


.title_word{
width:510px;
height:30px;

margin:5px 0 0 0;

color:#ce0106;
font-family:"宋体";
font-size:16px;
font-weight:bold;
line-height:30px;
vertical-align:middle;
text-align:center;
}
.description{
width:500px;
height:auto;
margin:0px 0 0 5px;
text-align:left;
}
.description a{
color:#737373;
font-family:"宋体";
font-size:12px;
line-height:23px;
vertical-align:middle;
text-align:left;
}
.description a:hover{
color:#ce0106;
}



.list{
width:850px;

margin-left:auto;
margin-right:auto;
margin-top:10px;
display:inline;
list-style:none;
text-align:center;
}
.listi ul{
width:850px;
float:left;
margin-left:auto;
margin-right:auto;
margin-top:10px;
list-style:none;
}
.list ul li{
width:830px;
height:30px;
background:url(5601355.png) no-repeat left center ;
margin-left:auto;
margin-right:auto;


color:#000000;
font-family:"宋体";
font-size:14px;
line-height:30px;
vertical-align:middle;
text-align:left;
list-style:none;
padding-left:20px;
}


.list ul li a{
color:#000000;
}
.list ul li a:hover{
color:#aa1000;
}



<!--一行两个-->
.box_2in1_L{
	width:480px;
	height:auto;
	float:left;
	margin:0;
}
.box_2in1_R{
	width:480px;
	height:auto;
	float:right;
	margin:0;
}

.title_2in1{
	width:475px;
	height:37px;
	background:url(5601359.jpg) no-repeat ;
	float:left;
	margin:0;
}

.body_2in1{
	width:475px;
	height:146px;
	float:left;
	margin:0 0 10px 0;
	border-top:none;
	
}

.title_word_2in1{
width:200px;
height:37px;
margin-left:35px;


color:#ffffff;
font-family:"微软雅黑";
font-size:18px;
font-weight:bold;
line-height:37px;
vertical-align:middle;
text-align:left;
float:left;
}



.list_2in1{
width:440px;
float:left;
margin:15px 0px 0px 10px;
display:inline;
list-style:none;
text-align:center;
}
.list_2in1 ul{
width:440px;
float:left;
margin:0px 0 0 0px;
list-style:none;
}
.list_2in1 ul li{
width:425px;
height:30px;
background:url(5601355.png) no-repeat ;
float:left;

color:#000000;
font-family:"微软雅黑";
font-size:14px;
line-height:30px;
vertical-align:middle;
text-align:left;
margin:0 0 0px 0;
padding-left:18px;
}


.list_2in1 ul li a{
color:#000000;
}
.list_2in1 ul li a:hover{
color:#051c74;
}


<!--一行三个-->
.box_3in1_L{
	width:296px;
	height:auto;
	float:left;
	margin:0;
}
.box_3in1_R{
	width:296px;
	height:auto;
	float:right;
	margin:0;
}
.box_3in1_C{
	width:296px;
	height:auto;
	float:left;
	margin:0 0 0 6px;
}

.title_3in1{
	width:296px;
	height:30px;
	background:url(#) no-repeat ;
	float:left;
	margin:0;
}

.body_3in1{
	width:294px;
	height:180px;
	float:left;
	margin:0;
	border:1px #cccccc solid;
	border-top:none;
}

.title_word_3in1{
width:75px;
height:26px;
float:left;
margin:0px 0 0 12px;

color:#ffffff;
font-family:"宋体";
font-size:14px;
font-weight:bold;
line-height:30px;
vertical-align:middle;
text-align:center;
}



.list_3in1{
width:2850px;
float:left;
margin:15px 0px 0px 10px;
display:inline;
list-style:none;
text-align:center;
}
.list_3in1 ul{
width:285px;
float:left;
margin:0px 0 0 0px;
list-style:none;
}
.list_3in1 ul li{
width:270px;
height:30px;
background:url(#) no-repeat ;
float:left;

color:#000000;
font-family:"宋体";
font-size:14px;
line-height:30px;
vertical-align:middle;
text-align:left;
margin:0 0 0px 0;
padding-left:15px;
}


.list_3in1 ul li a{
color:#000000;
}
.list_3in1 ul li a:hover{
color:#aa1000;
}


.more a{
width:150px;
height:37px;
float:right;
display:inline;

color:#ffffff;
font-family:"宋体";
font-size:12px;
line-height:37px;
vertical-align:middle;
text-align:right;
margin:0 10px 0px 0;
}

.more a:hover{
color:#eeeeee;
}

#footer{
width:100%;
height:80px;
background:url(5601353.png) repeat-x;
margin-left:auto;
margin-right:auto;

color:#ffffff;
font-family:"宋体";
font-size:12px;
line-height:18px;
vertical-align:middle;
text-align:center;
padding-top:20px;
}


.box_sec{
width:960px;
background-color:#FFF;
margin-left:auto;
margin-right:auto;
margin-top:0px;
padding-top:20px;
}



h1 {
font-family: "黑体";
font-size: 18px;
color: #000000;
text-align:center;
}
.article{
	width:850px;
	height:auto;

	margin-left:auto;
margin-right:auto;
margin-top:30px;	
	color:#000000;
font-family:"宋体";
font-size:14px;
line-height:25px;
vertical-align:middle;
text-align:left;
text-indent:2em;
}

.clear{
clear:both;
}