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



/*id选择*/
#container{
width:100%;
height:auto;
padding-bottom:20px;
background-color:#f3f3f3;
text-align:center;
margin-left:auto;
margin-right:auto;
}
#body{
width:100%;
height:100%;
background:url(#) repeat-x top;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#banner{
width:100%;
height:289px;
background:url(5330145.jpg) no-repeat top;
}



#menu{
width:100%;
height:36px;
background:url(5330147.png) no-repeat top;
text-align:center;
}




#menu ul{
width:1060px;
height:36px;
float:left;
margin:0px 0 0 80px;
display:inline;
list-style:none;
}

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

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

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

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

#content{
width:1070px;
height:auto;

margin-left:auto;
margin-right:auto;
}



#pic_dongtai{
width:388px;
height:263px;
background:url(#) no-repeat;
float:left;
margin:0 0 0 0;
}
 
#box_dongtai{
	width:525px;
	height:263px;
	float:right;
	margin:0;
}

.title_dongtai{
	width:525px;
	height:35px;
	background:url(#) no-repeat;
	float:left;
	margin:0;
}

.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_dongtai{
width:515px;
float:left;
margin:10px 0px 0px 10px;
display:inline;
list-style:none;
text-align:center;
}
.list_dongtai ul{
width:515px;
float:left;
margin:0px 0 0 0px;
list-style:none;
}
.list_dongtai ul li{
width:500px;
height:30px;
background:url(5330148.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:15px;
}


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



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

.title_2in1{
	width:473px;
	height:36px;
	background:url(5330149.png) no-repeat ;
	float:left;
	margin:0;
}

.body_2in1{
	width:473px;
	height:240px;
	float:left;
	margin:0;
	border-top:none;
}

.title_word_2in1{
width:275px;
height:36px;
float:left;
margin:0px 0 0 30px;

color:#ffffff;
font-family:"微软雅黑";
font-size:18px;
font-weight:bold;
line-height:36px;
vertical-align:middle;
text-align: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(5330148.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:299px;
	height:auto;
	float:left;
	margin:0;
}
.box_3in1_R{
	width:299px;
	height:auto;
	float:right;
	margin:0;
}
.box_3in1_C{
	width:299px;
	height:auto;
	float:left;
	margin:0 0 0 6px;
}

.title_3in1{
	width:299px;
	height:36px;
	background:url(5330150.png) no-repeat ;
	float:left;
	margin:0;
}

.body_3in1{
	width:294px;
	height:180px;
	float:left;
	margin:0;
}

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

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



.list_3in1{
width:290px;
float:left;
margin:15px 0px 0px 10px;
display:inline;
list-style:none;
text-align:center;
}
.list_3in1 ul{
width:290px;
float:left;
margin:0px 0 0 0px;
list-style:none;
}
.list_3in1 ul li{
width:285px;
height:30px;
background:url(5330148.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:15px;
}


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


.more a{
width:150px;
height:36px;
float:right;

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

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

#footer{
width:1000px;
height:91px;
background:url(5330146.png) no-repeat;
margin-left:auto;
margin-right:auto;

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



.clear{
clear:both;
}