@charset "utf-8";
body  {
	margin: 0; /* 最好将 body 元素的边距和填充设置为 0 以覆盖不同的浏览器默认值 */
	padding: 0;
	text-align: center;
}
#container  {
	width: 910px;  /* 这将创建一个占据 80% 浏览器宽度的容器 */
	background: #FFFFFF;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
} 
.clearfloat { /* 此类应当放在 div 或 break 元素上，而且该元素应当是完全包含其子浮动的容器结束之前的最后一个元素 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}#banner {
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
	height: 116px;
	width: 910px;
}
#menutop {
	background-image: url(../images/menu_top.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 910px;
	position: relative;
	padding: 0px;
	margin: 0px;
}
.menutype1 {
	font-family: "宋体";
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	list-style-image: none;
	position: relative;
	width: 80px;
	top: 0px;
	left: 5px;
	padding: 0px;
	margin: 0px;
	display: block;
	line-height: 44px;
}
.menutype2 {
	font-family: "宋体";
	font-size: 12px;
	text-decoration: none;
	position: relative;
	top: 0px;
	left: 16px;
	color: #FFFFFF;
	width: 80px;
	height: 44px;
	line-height: 44px;
}
.menutype3 {
	position: relative;
	top: 13px;
	left: 150px;
	width: 112px;
	height: 14px;
	overflow: hidden;
}
.hidden {
	visibility: hidden;
}

#menutop ul {
	list-style-type: none;
	text-align: center;
	padding: 0;
	margin: 0;
}
#menutop  li  {
	float: left;
}
#menutop a:link, #menutop a:visited  {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	height: 42px;
	width: 80px;
}
#menutop a:hover  {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/menu_topa.jpg);
	background-repeat: no-repeat;
}
#menuleft/* 侧栏提示：
1. 由于我们使用的是百分比，因此最好不要在侧栏上使用侧面填充。它将会新增至宽度，而让符合标准的浏览器建立未知的实际宽度。 
2. 如果为 div 中的元素设置左边距和右边距，则会在 div 边缘和这些元素之间产生空白，如“.thrColLiqHdr #sidebar1 p”规则中所示。
3. 由于 Explorer 会在父元素显示之后计算宽度，因此基于百分比的栏有时会出现无法解释的错误。如果您需要更可预见的结果，可选择改为以像素为单位设置栏的大小。
*/
  {
	float: left; /* 在源代码顺序中，此元素必须位于要与之相邻的任何元素之前 */
	width: 240px; /* 将显示背景色，其宽度等于栏中内容的长度，*/
	margin: 0 px;
	padding: 0 px;
	text-align: left;
	background-color: #41B3F1;
}
#menuleft ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#note {
	background-image: url(../images/menu_bg1.jpg);
	background-repeat: no-repeat;
	height: 410px;
	width: 240px;
	background-color: #41B3F1;
	padding: 0px; /* 顶部和底部的填充将在该 div 中产生视觉空间 */
	margin: 0px;
}
.noteline  {
	height: 20px;
	width: 210px;
	text-decoration: none;
	background-image: url(../images/line1.gif);
	background-repeat: no-repeat;
	position: relative;
	left: 13px;
	top: 10px;
}

.note1  {
	background-image: url(../images/note1.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 210px;
	position: relative;
	left: 13px;
	top: 10px;
}
.notetype   {
	width: 210px;
	font-family: "宋体";
	font-size: 12px;
	color: #00284b;
	line-height: 20px;
	position: relative;
	top: 10px;
	left: 13px;
}
.note2 {
	background-image: url(../images/note2.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 210px;
	position: relative;
	left: 13px;
	top: 10px;
}
.note3 {
	background-image: url(../images/note3.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 210px;
	position: relative;
	left: 13px;
	top: 10px;
}
#product {
	background-color: #41B3F1;
	width: 240px;
}
.note4 {
	background-image: url(../images/note4.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 210px;
	position: relative;
	left: 13px;
	top: 20px;
}
#menuleft a:link, #menuleft a:visited {
	color: #00284b;
	text-decoration: underline;
}
.notetype2 {
	height: 40px;
	width: 180px;
	font-family: "宋体";
	font-size: 12px;
	color: #00284b;
	line-height: 18px;
	position: relative;
	top: 20px;
	left: 23px;
}
.note5 {
	background-image: url(../images/note5.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 210px;
	position: relative;
	left: 13px;
	top: 20px;
}
.notetype3 {
	height: 30px;
	width: 180px;
	font-family: "宋体";
	font-size: 12px;
	color: #00284b;
	line-height: 20px;
	position: relative;
	top: 20px;
	left: 23px;
}
.note6 {
	background-image: url(../images/note7.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 200px;
	position: relative;
	left: 13px;
	top: 20px;
}
.note7 {
	background-image: url(../images/note6.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 200px;
	position: relative;
	left: 13px;
	top: 20px;
}
#menuleft a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.noteline2 {
	height: 2px;
	width: 180px;
	background-image: url(../images/line2.gif);
	background-repeat: repeat-x;
	position: relative;
	left: 13px;
	top: 20px;
}
.note8 {
	background-image: url(../images/note8.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 200px;
	position: relative;
	left: 13px;
	top: 15px;
}
.notetype4 {
	width: 190px;
	font-family: "宋体";
	font-size: 12px;
	color: #00284b;
	line-height: 20px;
	position: relative;
	top: 15px;
	left: 20px;
}
#noteend {
	background-image: url(../images/note_bg.gif);
	background-repeat: no-repeat;
	height: 75px;
	width: 240px;
	background-color: #41B3F1;
	padding: 0px; /* 顶部和底部的填充将在该 div 中产生视觉空间 */
	background-position: bottom;
}
#menuright {
	float: right; /* 在源代码顺序中，此元素必须位于要与之相邻的任何元素之前 */
	width: 240px; /* 将显示背景色，其宽度等于栏中内容的长度，*/
	margin: 0;
	padding: 0;
	background-image: url(../images/menu_bg3.gif);
	background-repeat: repeat-y;
	text-align: left;
}
#menuright ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.show1 {
	background-image: url(../images/mr1.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 220px;
	position: relative;
	left: 10px;
	top: 10px;
}
.showline {
	height: 2px;
	height: 20px!important;
	width: 220px;
	text-decoration: none;
	background-image: url(../images/line3.gif);
	background-repeat: repeat-x;
	position: relative;
	left: 10px;
	top: 10px;
}
.showtype {
	width: 220px;
	font-family: "宋体";
	font-size: 12px;
	color: #00284b;
	line-height: 20px;
	position: relative;
	top: 0px;
	left: 10px;
}
.showmore {
	height: 24px;
	width: 220px;
	font-family: "宋体";
	font-size: 12px;
	color: #00284b;
	line-height: 20px;
	position: relative;
	top: 0px;
	left: 10px;
	text-align: right;
}
.show2 {
	background-image: url(../images/mr2.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 220px;
	position: relative;
	left: 10px;
	top: 10px;
}
.show3 {
	background-image: url(../images/mr4.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 220px;
	position: relative;
	left: 10px;
	top: 10px;
}
.show5 {
	background-image: url(../images/mr5.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 220px;
	position: relative;
	left: 10px;
	top: 10px;
	background-position: left bottom;
}
#showhonor {
	width: 240px; /* 将显示背景色，其宽度等于栏中内容的长度，*/
	margin: 0;
	padding: 0;
	background-image: url(../images/menu_bg2.jpg);
	background-repeat: no-repeat;
	height: 238px;
}

/* mainContent 提示：
1. mainContent 和侧栏之间的空白是 mainContent div 的左边距和右边距产生的。
2. 为了避免在所支持的最小分辨率 800 x 600 下出现“浮动下降”，mainContent div 中的元素（包括图像）不应大于 300 像素。
3. 在下面的 Internet Explorer 条件注释中，zoom 属性用来赋予 mainContent“hasLayout”。这会避免几个特定于 IE 的错误。
*/
#mainContent {
	margin: 0; /* 此 div 元素的左边距和右边距会在页面两侧上创建两个外部栏。无论侧栏 div 中包含多少内容，栏内的空间都将保留。如果您希望在每个侧栏中的内容结束时，用 #mainContent div 的文本填充侧栏内的空白，可以删除此边距。 */
	padding: 0;
	top: 0px;
}
#mainContent ul {
	list-style-type: none;
	text-align: left;
	margin: 0;
	padding: 0;
}
.maintype {
	width: 410px;
	font-family: "宋体";
	font-size: 12px;
	color: #00284b;
	line-height: 20px;
	position: relative;
	top: 10px;
	left: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.maintitle1 {
	background-image: url(../images/main3.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 410px;
	position: relative;
	left: 10px;
	top: 10px;
}
.maintitle2 {
	background-image: url(../images/main1.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 410px;
	position: relative;
	left: 10px;
	top: 10px;
}
.maintitle3 {
	background-image: url(../images/main2.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 410px;
	position: relative;
	left: 10px;
	top: 10px;
}
.maintitle4 {
	background-image: url(../images/main4.gif);
	background-repeat: no-repeat;
	width: 410px;
	position: relative;
	left: 10px;
	top: 10px;
}
.maintype2 {
	width: 390px;
	font-family: "宋体";
	font-size: 12px;
	color: #00284b;
	line-height: 20px;
	position: relative;
	top: 10px;
	left: 20px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.mainmore {
	width: 410px;
	position: relative;
	top: 10px;
	left: 10px;
	text-align: right;
}
#mainContent a:link, #mainContent a:visited {
	color: #0066CC;
	text-decoration: underline;
}
#mainContent a:hover {
	color: #0066FF;
	text-decoration: none;
}
.mainline {
	width: 424px;
	top: 10px;
	left: 0px;
	background-image: url(../images/line5.gif);
	background-repeat: repeat-x;
	position: relative;
	padding: 0;
	margin: 0;
	height: 1px;
	background-position: center;
}


#footer {
	padding: 0;
	background-image: url(../images/menu_foot.jpg);
	background-repeat: no-repeat;
	width: 910px;
	text-align: center;
	height: 44px;
	clear: both;
} 
#footer p {
	margin: 0; /* 就像边距会产生空白一样，此元素上的填充也将产生空白，但不会出现边距重叠问题 */
	font-family: "宋体";
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 15px;
	padding-right: 0;
	padding-left: 0;
}
#footer2 {
	padding: 0;
	background-repeat: no-repeat;
	width: 910px;
	text-align: center;
}
#footer2 p {
	margin: 0; /* 将脚注中第一个元素的边距设置为零将避免出现可能的边距重叠（即 div 之间出现的空白）*/
	padding: 10px 0; /* 就像边距会产生空白一样，此元素上的填充也将产生空白，但不会出现边距重叠问题 */
	font-family: "宋体";
	font-size: 12px;
	color: #000000;
}
.menusub0 {
	background-image: url(../images/menunav_0.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 220px;
	position: relative;
	left: 0px;
	top: 0px;
	font-family: "宋体";
	font-size: 14px;
	color: #FFFFFF;
	line-height: 20px;
	padding-top: 15px;
	padding-left: 20px;
}
#menunav_a1，#menunav_a2，#menunav_a3，#menunav_a4，#menunav_a5，#menunav_a6 {
	background-image: url(../images/menunav_b.gif);
	background-repeat: no-repeat;
	height: 32px;
	width: 240px;
	font-family: "宋体";
	font-size: 12px;
	color: #FFFFFF;
	line-height: 30px;
	text-indent: 30px;
}
#menunav_a1 a:link, #menunav_a2 a:link, #menunav_a3 a:link, #menunav_a4 a:link, #menunav_a5 a:link, #menunav_a6 a:link, #menunav_a1 a:visited, #menunav_a2 a:visited, #menunav_a3 a:visited, #menunav_a4 a:visited, #menunav_a5 a:visited, #menunav_a6 a:visited {
	background-image: url(../images/menunav_b.gif);
	background-repeat: no-repeat;
	height: 32px;
	width: 240px;
	font-family: "宋体";
	font-size: 12px;
	color: #FFFFFF;
	line-height: 32px;
	text-indent: 30px;
	text-decoration: none;
	display: block;
}
#menunav_a1 a:hover, #menunav_a2 a:hover, #menunav_a3 a:hover, #menunav_a4 a:hover, #menunav_a5 a:hover, #menunav_a6 a:hover{
	background-image: url(../images/menunav_a.gif);
	background-repeat: no-repeat;
	color: #CCFF00;
	text-decoration: none;
}
.mainsubline {
	width: 600px;
	top: 10px;
	left: 0px;
	background-image: url(../images/line5.gif);
	background-repeat: repeat-x;
	position: relative;
	padding: 0;
	margin: 0;
	height: 20px;
	background-position: center;
	float: right;
}
.mainsubnavy {
	width: 610px;
	top: 10px;
	margin: 0;
	padding-left: 10px;
	font-family: "宋体";
	font-size: 12px;
	line-height: 30px;
	color: #000000;
	position: relative;
	float: right;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0;
}
.dot {
	font-family: "宋体";
	font-size: 9px;
	color: #FFFFFF;
}
.more_r {
	font-family: "宋体";
	font-size: 12px;
	color: #0066FF;
	position: relative;
	height: 20px;
	width: 150px;
	margin: 0;
	padding: 0;
	text-align: right;
	border: 1px solid #FF0000;
}


.mainsubtitle {
	width: 610px;
	top: 10px;
	margin: 0;
	padding-left: 10px;
	font-family: "宋体";
	font-size: 18px;
	line-height: 40px;
	color: #0000FF;
	position: relative;
	float: right;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	text-align: center;
}


.mainsubtype {
	top: 10px;
	margin: 0;
	padding-left: 10px;
	font-family: "宋体";
	font-size: 12px;
	line-height: 20px;
	color: #000000;
	position: relative;
	float: right;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	text-indent: 20px;
	list-style-type: none;
	text-align: left;
	width: 620px;
}
.t14 {
	font-family: "宋体";
	font-size: 14px;
	line-height: 20px;
	color: #000000;
}
.t12center {
	font-family: "宋体";
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
	text-align: center;
	width: 260px;
	position: relative;
}

.mainsubcenter {
	width: 610px;
	top: 10px;
	margin: 0;
	padding-left: 10px;
	font-family: "宋体";
	font-size: 12px;
	line-height: 20px;
	color: #000000;
	position: relative;
	float: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	list-style-type: none;
}
.mainsublist {
	top: 10px;
	margin: 0;
	padding-left: 0px;
	font-family: "宋体";
	font-size: 12px;
	line-height: 20px;
	color: #000000;
	position: relative;
	float: right;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	list-style-type: none;
	width: 640px;
}
.border1 {
	font-family: "宋体";
	font-size: 12px;
	line-height: 20px;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #999999;
}
.border2 {
	border: 1px solid #666666;
}

.t14blue {
	font-family: "宋体";
	font-size: 12px;
	line-height: 20px;
	color: #0099FF;
	font-weight: bold;
}
.t12blue {
	font-family: "宋体";
	font-size: 12px;
	color: #0099FF;
	font-weight: bold;
}
.white {
	color: #FFFFFF;
	font-family: "宋体";
	font-size: 12px;
	white-space: nowrap;
	display: block;
}
#url_white {
	font-family: "宋体";
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	white-space: nowrap;
}
#url_white a:link, #url_white a:visited {
	font-family: "宋体";
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}



.mainsub_box1 {
	width: 610px;
	position: relative;
	top: 10px;
	border: 1px solid #CCCCCC;
	float: right;
	background-image: url(../images/line_sub1.gif);
	background-repeat: repeat-x;
	height: 24px;
	font-family: "宋体";
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	text-indent: 20px;
	right: 30px;
}
.mainsub_box2 {
	width: 610px;
	position: relative;
	top: 10px;
	float: right;
	font-family: "宋体";
	font-size: 12px;
	line-height: 20px;
	text-indent: 0px;
	right: 30px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.mainsub_box3 {
	width: 260px;
	position: relative;
	left: 0px;
	top: 0px;
	float: left;
	font-family: "宋体";
	font-size: 12px;
	line-height: 20px;
	text-indent: 0px;
	margin-left: 20px;
}
.mainsub_box4 {
	width: 590px;
	position: relative;
	left: 0px;
	top: 0px;
	float: right;
	font-family: "宋体";
	font-size: 12px;
	line-height: 20px;
	text-indent: 10px;
}
.mainsub_box5 {
	width: 280px;
	position: relative;
	border: 1px solid #0873bb;
	float: right;
	height: 20px;
	font-family: "宋体";
	font-size: 14px;
	line-height: 20px;
	text-indent: 20px;
	right: 30px;
	margin-left: 10px;
	color: #FFFFFF;
	background-image: url(../images/line6.gif);
	background-repeat: repeat-x;
}
.mainsub_box6 {
	width: 180px;
	position: relative;
	border: 1px solid #0873bb;
	float: right;
	height: 20px;
	font-family: "宋体";
	font-size: 14px;
	line-height: 20px;
	text-indent: 20px;
	right: 30px;
	margin-left: 15px;
	color: #FFFFFF;
	background-image: url(../images/line6.gif);
	background-repeat: repeat-x;
}
.mainsub_box7 {
	width: 180px;
	position: relative;
	float: right;
	font-family: "宋体";
	font-size: 12px;
	line-height: 20px;
	text-indent: 0px;
	right: 30px;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.mainsub_box8 {
	width: 570px;
	position: relative;
	border: 1px solid #0873bb;
	float: right;
	height: 20px;
	font-family: "宋体";
	font-size: 14px;
	line-height: 20px;
	text-indent: 20px;
	right: 30px;
	margin-left: 10px;
	color: #FFFFFF;
	background-image: url(../images/line6.gif);
	background-repeat: repeat-x;
}
.mainsub_box9 {
	width: 140px;
	position: relative;
	float: right;
	font-family: "宋体";
	font-size: 12px;
	line-height: 20px;
	text-indent: 0px;
	right: 20px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.show4 {
	background-image: url(../images/mr1.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 220px;
	position: relative;
	left: 10px;
	top: 10px;
}