@charset "utf-8";
body {
	font-size: 12px;
	margin:0;
	padding:0;
	background:url(bg.gif) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	line-height:180%;
	color:#323232;
}
ul,li{ margin:0; padding:0; list-style-type:none;}
.clear{ clear:both;}
.top{
	width:976px;
	color:#037a66;
	margin:0 auto;
	text-align:right;
	background: url(logo.jpg) no-repeat;
}
a{ text-decoration:none;}
img{ border:0;}
.top a{ color:#037a66;}
.top label{ float:right;}
.cen{ padding:3px 5px 0 0;}
.search{ padding:6px 0;}
.inptxt{ background: url(input.gif) no-repeat; width:203px; height:24px; line-height:24px; padding-left:5px; border:0;}
#menu{ border-bottom:4px #037a66 solid;}
#menu ul{ width:575px; float:right;}
#menu li{ float:left; background:url(menu_off.gif) no-repeat; width:82px; height:41px; line-height:41px; font-size:14px; text-align:center; font-weight:bold;}
#menu .end{ width:83px; height:41px; background:url(end_off.gif);}
#menu li a{ color:#565455;}
#menu .on{ background:url(menu_on.gif) no-repeat; display:block;}
.ban{ width:976px; margin:0 auto;}
.left{ width:257px; float:left;}
.right{ width:719px; float:left;}
.video{ padding:35px 12px 13px 12px; background:url(video_bg.jpg) no-repeat;}
.mail{ background:url(mail_bg.jpg) no-repeat; padding-bottom:19px;}
.mail .iputtxt{ height:22px; line-height:22px; background:#f0fefe; border:0;}
.mail label{ float:left; width:80px; text-align:right; height:22px; line-height:22px; color:#f0fefe;}
.mail br{ clear:both; line-height:2px;}

.mainbody{ background:url(body_bg.gif) repeat-y; width:976px; margin:0 auto;}
.subbody{ background:url(sub_bg.gif) repeat-y; width:976px; margin:0 auto;}
*html .subbody{ background:url(sub_bg.gif) repeat-y; width:976px; margin:5px auto 0 auto;}
.subright{width:716px; float:left;}
.box{margin:0 5px 10px 5px; background:url(box_bg.gif) repeat-x; padding:10px;}
.mainleft{ width:257px; float:left;}
.maincenter{ width:481px; float:left;}
.mainright{ width:238px; float:left;}
*html .mainright{ width:232px; float:left;}

h1{ padding:0; margin:0 0 10px 0}
h1 span{ float:right;}

.homeaboutimg{ float:left; margin:0 13px 0 0;}

#showpro {
	margin:18px 0 0 0;
}
#showpro li {
	width:106px;
	float:left;
	height:132px;
	margin-left:6px;
}
*html #showpro li {
	width:106px;
	float:left;
	margin-left:5px;
}
#showpro li p {
	width:106px;
	height:97px;
	text-align:center;
	display:table;
	table-layout:fixed;
	padding:0;
	margin:0;
	background:#FFF;
	border:1px #d4d4d4 solid;
}
#showpro li p a {
	display:block;
	display:table-cell !important;
	text-align:center;
	vertical-align:middle;
	line-height:75px;
	height:97px;
	font-size:75px;
	background:#FFF;
	margin:1px;
	overflow:hidden;
	padding:0;

}
#showpro li p a img {
	vertical-align:middle;
	text-align:center;
}
img.showpro {
	max-width:160px;
	max-height:160px;
 width: expression(this.width > Object.MAX_WIDTH && this.width / Object.MAX_WIDTH >= this.height / Object.MAX_HEIGHT ? Object.MAX_WIDTH : true);
 height: expression(this.height > Object.MAX_HEIGHT && this.width / Object.MAX_WIDTH < this.height / Object.MAX_HEIGHT ? Object.MAX_HEIGHT : true);
}
#showpro li span a {
	border:none;
	color:#000000;
	width:106px;
	height:25px;
	line-height:25px;
	padding:0 0 5px 0;
	font-size:12px;
	text-align:center;
	word-break:break-all;
	display:block;
}
*+html #showpro li span a {
	font-size:12px;
	border:none;
	height:25px;
	color:#000;
	width:106px;
	text-align:center;
	display:block;
}
#showpro li span a:hover {
	color:#037a66;
}

.blk_18 {
 overflow:hidden;
 zoom:1;
 font-size:9pt;
 background:#faffff;
 width:202px;
 margin-top:15px;
}
.blk_18 .pcont {
 width:170px;
 float:left;
 overflow:hidden;
}
.blk_18 .ScrCont {
 width:32766px;
 zoom:1;
}
.blk_18 #List1_1, .blk_18 #List2_1 {
 float:left;
}
.blk_18 .LeftBotton{
 width:15px;
 height:170px;
 float:left;
 background:url(btn_l.gif) no-repeat 0 105px;
}

.blk_18 .RightBotton{
 width:15px;
 height:170px;
 float:left;
 background:url(btn_r.gif) no-repeat 5px 105px;
}

.blk_18 .pl img {
 display:block;
 cursor:pointer;
 border:none;
 margin:6px auto 1px auto;
}
.blk_18 .pl {
 padding-top:5px;
 width:170px;
 background:#037462;
 float:left;
 text-align:center;
 line-height:24px;
 color:#faffff;
}
.blk_18 a.pl:hover {
 color:#5dacec;
 background:#fff;
}

#link{ margin-top:15px;}
#link li{ background:url(dot.gif) no-repeat 5px 8px; padding-left:15px; height:23px; line-height:23px;}
#link li a{ color:#323232;}
#link li a:hover{ color:#037a66;}

#foot{ width:976px; height:81px; margin:5px auto 0 auto; background:url(foot_bg.gif) 0 2px repeat-x; color:#f4fefe; line-height:20px; border-top:1px #CCC solid;}
#foot .copy a{color:#f4fefe;}
#foot .copy{ width:700px; float:left; margin-top:15px;}
#foot .copy p{ padding:0; margin:0;}
#foot .logo{ float:left; margin-right:10px; margin-top:2px;}

#pros {
	margin:15px 0 0 0;
}
#pros li {
	width:156px;
	height:185px;
	float:left;
	margin-left:12px;
}
*html #pros li {
	width:156px;
	height:180px;
	float:left;
	margin-left:9px;
}
#pros li p {
	width:156px;
	height:156px;
	text-align:center;
	display:table;
	table-layout:fixed;
	padding:0;
	margin:0;
	background:#FFF;
	border:1px #d4d4d4 solid;
}
#pros li p a {
	display:block;
	display:table-cell !important;
	text-align:center;
	vertical-align:middle;
	line-height:130px;
	height:130px;
	font-size:130px;
	background:#FFF;
	margin:1px;
	overflow:hidden;
	padding:0;
}
#pros li p a img {
	vertical-align:middle;
	text-align:center;
}
img.pros {
 max-width:145px;
 max-height:145px;
 width: expression(this.width > Object.MAX_WIDTH && this.width / Object.MAX_WIDTH >= this.height / Object.MAX_HEIGHT ? Object.MAX_WIDTH : true);
 height: expression(this.height > Object.MAX_HEIGHT && this.width / Object.MAX_WIDTH < this.height / Object.MAX_HEIGHT ? Object.MAX_HEIGHT : true);
}

#pros li span a {
	border:none;
	color:#000000;
	width:156px;
	height:25px;
	line-height:25px;
	text-align:center;
	font-size:12px;
	display:block;
}
*+html #pros li span a {
	font-size:12px;
	border:none;
	height:20px;
	color:#000;
	width:156px;
	text-align:center;
	display:block;
}
#pros li span a:hover {
	color:#006599;
}

/*

	List Expander 

*/


#pro li{ border-bottom:1px #a6d8d0 solid; background:url(dot.gif) no-repeat 5px 8px; padding-left:15px; height:22px; line-height:22px;}
#pro li a{ color:#037a66;}
#pro li a:hover{ color:#000;}
.listexpander {
	background:#a6d8d0;
}
.listexpander a {
	color:#037a66;
}
.listexpander a:hover {
	color:#000;
}
.listexpander, .listexpander ul, .listexpander li {
	margin:0;
	padding:0;
	list-style:none;
}
.listexpander ul {
/*
	Uncomment this if you want to initially hide the child lists. 
	If you do, Javascript disabled and CSS enabled browsers will not be able to use this list.
	display:none;
	*/ 
}
.listexpander li {
	line-height:22px;
	margin-top:1px;
	cursor:default;
	text-indent:26px;
}
.listexpander li.collapsed, .listexpander li.expanded {
	cursor:pointer;
}
/* first level */

.listexpander li, .listexpander li.collapsed {
	background: #fbfbfb url(dot.gif) no-repeat 10px .6em;
}
.listexpander li.expanded {
	background:#fbfbfb url(dot.gif) no-repeat 10px .6em;
	font-weight:bold;
}
/* second level */
.listexpander li ul, .listexpander li li {
	font-weight:normal;
}
.listexpander li li.collapsed {
	background:#fbfbfb url(dot.gif) no-repeat 19px .7em;
	padding-left:5px;
}
.listexpander li li.expanded {
	background:#fbfbfb url(dot.gif) no-repeat 5px .6em;
}
/* third level */
.listexpander li li ul, .listexpander li li li {
	background:#fff;
}
.listexpander li li li.collapsed {
	background:#fbfbfb url(dot.gif) no-repeat 20px .4em;
}
.listexpander li li li.expanded {
	background:#fbfbfb url(dot.gif) no-repeat 5px .4em;
}
/* fourth level */
.listexpander li li li li {
	text-indent:0;
	margin-left:30px;
	width:auto;
}