@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:#ffffff;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top:25px;
}
#body{
width:100%;
height:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#banner{
width:100%;
text-align:center;
}
#banner img{max-width:100%;}




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

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



 


#title_1{
	width:916px;
	height:52px;
	float:auto;
	margin-top:30px;
	margin-left:auto;
　　margin-right:auto;
}
#title_2{
	width:916px;
	height:52px;
	float:auto;
	margin-top:30px;	
	margin-left:auto;
　　margin-right:auto;
}
#title_3{
	width:916px;
	height:52px;
	float:auto;
	margin-top:30px;
	margin-left:auto;
　　margin-right:auto;
}
#title_4{
	width:916px;
	height:52px;
	float:auto;
	margin-top:30px;
	margin-left:auto;
　　margin-right:auto;
}


/*内容文字*/
.word{    
width:780px;
height:auto;
float:auto;
margin-top:20px;
margin-left:auto;
margin-right:auto;

text-align:left;
line-height:30px;
vertical-align:middle;
font-family:"微软雅黑";
font-size:16px;
color:#3e3e3e;

}
/*副标题文字*/
.title_word{    
width:760px;
height:58px;
background:url(5536737.jpg) no-repeat;
float:auto;
margin-top:20px;
margin-left:auto;
margin-right:auto;
padding-left:20px;

text-align:left;
line-height:58px;
vertical-align:middle;
font-family:"微软雅黑";
font-size:21px;
color:#004483;

}
/*                                   tab                                  */



.td_title{   /*td的标题背景*/
height:43px;

text-align:center;
line-height:43px;
vertical-align:middle;
font-family:"黑体";
font-size:18px;
font-weight:bold;
color:#980200;
}
.td_dark{    /*td的深色背景*/
height:54px;
background-color:#f9f8f6;
border-right:1px #ece6da solid;

text-align:center;
line-height:24px;
vertical-align:middle;
font-family:"微软雅黑";
font-size:14px;
color:#000;
}
.td_light{    /*td的浅色背景*/
height:54px;
background-color:#ffffff;
border-right:1px #ece6da solid;

text-align:center;
line-height:24px;
vertical-align:middle;
font-family:"微软雅黑";
font-size:14px;
color:#000;
}
.td_space{    /*空白td*/
height:22px;
background-color:#fff;
border-right:1px #ece6da solid;
}



#page{
	width:967px;
	height:43px;
	background-color:#f3efe6;
	float:auto;
	margin-top:20px;
}







.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(#) 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(#) 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(#) 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: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(#) repeat-x;
margin-top:20px;
margin-left:auto;
margin-right:auto;

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



.clear{
clear:both;
}



@media screen and (max-width: 750px){
#content,
#title_1,
#title_2,
#title_3,
#title_4{width:100%;}
.word{width:100%;padding:0 20px;}
.title_word{width:100%;}
#container{margin-top:0;}
}