@charset "utf-8";
/* 简单流媒体
   注意: 流媒体要求您删除 HTML 中媒体的高度和宽度属性
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 不支持最大宽度，因此默认为 100% 宽度 */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver 流体网格属性
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	灵感来自于 Ethan Marcotte 的“具有响应的 Web 设计” 
	http://www.alistapart.com/articles/responsive-web-design
	
	和 Joni Korpi 的“黄金网格系统”
	http://goldengridsystem.com/
*/

/* 移动设备布局: 480px 及更低。 */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv6 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv7 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv8 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.mtop{ margin-top:20px;}
.mtop2{ margin-top:20px;}

.gray{ color:#666;}

.language {
	float:right;
	margin-top:12px;
}
.cl {
	clear:both;
	border:#A3A3A3 1px solid;
	margin-bottom:20px;
	margin-top:10px;
}
.logotop em {
	color:#000;
	font-style:normal;
			}
.logotop span {
	color:#c91919;
	font-family: "Microsoft YaHei" ! important;
	font-size:18px;
}
.logotop b{
	color:#0B16E1;
	font-size:18px;
	font-family: "Microsoft YaHei" ! important;	
	line-height:46px;
	}
.content h4{margin:0; padding:0; font-size:18px; font-weight:normal; padding-left:10px; background:url(../images/tbjt.gif) no-repeat 0 center; height:24px; line-height:24px; border-bottom:0px solid #0676c2;}
#LayoutDiv9{clear: both;float: left;margin-left: 0;width: 100%;display: block;}

/* 平板电脑布局: 481px 至 768px。样式继承自: 移动设备布局。 */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 95%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv6 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv7{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv8 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.language {
	float:right;
	margin-top:12px;
}
.cl {
	clear:both;
	border:#A3A3A3 1px solid;
	margin-bottom:20px;
	margin-top:10px;
}
.logotop em {
	color:#000;
	font-style:normal;
			}
.logotop span {
	color:#c91919;
	font-family: "Microsoft YaHei" ! important;
	font-size:18px;
}
.logotop b{
	color:#0B16E1;
	font-size:18px;
	font-family: "Microsoft YaHei" ! important;	
	line-height:46px;
	}
.content h4{margin:0; padding:0; font-size:18px; font-weight:normal; padding-left:10px; background:url(../images/tbjt.gif) no-repeat 0 center; height:24px; line-height:24px; border-bottom:1px solid #0676c2;}
#LayoutDiv9{clear: both;float: left;margin-left: 0;width: 100%;display: block;}

}

/* 桌面电脑布局: 769px 至最高 1232px。样式继承自: 移动设备布局和平板电脑布局。 */

@media only screen and (min-width: 769px) {
.gridContainer {
	width:95%;
	max-width:1000px;
	padding-left: 0.12%;
	padding-right: 0.12%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}


#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.9795%;
	display: block;
}
#LayoutDiv3 {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 48.9795%;
	display: block;
}
#LayoutDiv4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.9795%;
	display: block;
}
#LayoutDiv5	{
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 48.9795%;
	display: block;
}
#LayoutDiv6 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.9795%;
	display: block;
}
#LayoutDiv7 {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 48.9795%;
	display: block;
}
#LayoutDiv8 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.9795%;
	display: block;
}
.mtop{ margin-top:20px;}
.mtop2{ margin-top:0px;}

.language {
	float:right;
	margin-top:12px;
}
.cl {
	clear:both;
	border:#A3A3A3 1px solid;
	margin-bottom:20px;
	margin-top:10px;
}
.logotop em {
	color:#000;
	font-style:normal;
			}
.logotop span {
	color:#c91919;
	font-family: "Microsoft YaHei" ! important;
	font-size:18px;
}
.logotop b{
	color:#0B16E1;
	font-size:18px;
	font-family: "Microsoft YaHei" ! important;	
	line-height:46px;
	}
.content h4{margin:0; padding:0; font-size:18px; font-weight:normal; padding-left:10px; background:url(../images/tbjt.gif) no-repeat 0 center; height:24px; line-height:24px; border-bottom:1px solid #0676c2;}
#LayoutDiv9{clear: both;float: left;margin-left: 0;width: 100%;display: block;}

}

.b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8{height:1px; font-size:1px; overflow:hidden; display:block;}
.b1,.b8{margin:0 5px;}
.b2,.b7{margin:0 3px;border-right:2px solid; border-left:2px solid;}
.b3,.b6{margin:0 2px;border-right:1px solid; border-left:1px solid;}
.b4,.b5{margin:0 1px;border-right:1px solid; border-left:1px solid; height:2px;}
.content {border-right:1px solid;border-left:1px solid;overflow:hidden; padding:10px;}
/*颜色方案一,蓝色边框----------------------------------------*/
/*下面第一、二句决定边框颜色，第三句决定背景颜色*/
/*边框色*/
.color1 .b2,.color1 .b3,.color1 .b4,.color1 .b5,.color1 .b6,.color1 .b7,.color1 .content{border-color:#ccc; background-color:#F7F7F7;}

.color1 .b1,.color1 .b8{background:#ccc;}
/*背景色*/
.color1 .b2,.color1 .b3,.color1 .b4,.color1 .b5,.color1 .b6,.color1 .b7,{background:#f7f7f7;}



.footer{ margin-top:20px;}
.footer_txt{ background:#878787; height:30px; line-height:30px;font-size:12px; color:#FFF}
.footer_txt a{font-size:12px; color:#FFF; text-decoration:none; padding-right:3px}
.foot_txt_l{ float:left;  padding-left:10px;}
.foot_txt_r{ float:right;}
.copyright{ font-size:12px; margin-top:15px; padding-bottom:5px; padding-left:10px;}