/* common */
body {
	margin:0;
	text-align:center;
	color:#333;
	line-height:180%;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.cps_top{background-image: url(../Images/top_line.jpg);}
#wrap {width: 930px; margin:0 auto; text-align:left; padding: 0;}
.keydd{ font-size:12px; color:#666; width:930px; margin-bottom:10px;}
p{text-align:justify; text-justify:inter-ideograph; line-height:180%; font-size:13px;}
ul{ padding:0;margin:0; list-style:none;}
a:link,a:visited{color:#333;text-decoration:none;}
a:hover{ text-decoration:none;cursor:pointer;}
.clear{ clear:both;}
h4{ margin:0; padding:0; height:20px; font-size:18px; padding-top:20px; font-weight:bold; color:#033962;}
em{ font-style:normal;width:150px; display:block; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; margin-top:8px;}
big{font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;color: #FF3300;font-weight: bold;}
cite{font-style:normal; font-family: Arial, Helvetica, sans-serif; font-size: 14px;color:#888; text-decoration: line-through;}
hr {border:0; border-bottom:1px #ccc dashed; margin: 0;}
#site{ height:24px; line-height:24px; text-indent:1em; font-size:13px; margin-bottom:10px; clear:both; width:930px; background-color:#EEFAF8; }
#site a{text-decoration:underline; color:#027E64;}
#site a:hover{text-decoration:none; color:#E83B05; }
#site span{ color:#027E64;}
.m_b ul{ margin-bottom:20px;}

/* special */
#menu{ width:930px; height:35px; margin-bottom:5px; background:url(images/nav.gif) left top no-repeat;}
#menu ul{ float:left;}
#menu ul li{font-size:14px; font-weight:bold;float:left; }
#menu ul li a{ width:132px; height:35px; line-height:35px; display:block;color:#047962; text-align:center;}
#menu ul li a:hover{color:#667802; text-decoration:underline;}
#menu ul li.active a{ color:#fff; background:url(images/active.gif) left top repeat-x;}

#banner{ width:930px; height:120px; margin-top:5px; background:url(images/banner.jpg) left top no-repeat;}

#con{ background:url(images/bg_con.gif) left top repeat-y;}
#con_l{ width:213px; display:block; float:left;}
#con_r{ width:703px; display:block; float:right; overflow:hidden;}
#con_l span{ height:30px; line-height:30px; margin-bottom:10px; display:block; font-size:14px;text-indent:16px; font-weight:bold; color:#F9FAC1; background:url(images/con_l.gif) left top no-repeat;}

#con_l span.s1{ margin-left:-10px; margin-right:-10px;}
#contact{ padding:10px; padding-top:0;}

#list{ margin:10px 0; color:#2690A6; padding-bottom:15px;}
#list ul {padding:0 8px;}
#list ul li{ display:block; height:24px; line-height:24px; border-bottom:1px dashed #ccc; text-indent:1.8em; background: url(images/li.gif) 10px center no-repeat; width:190px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden;}
#list li a:hover{color:#097F6E; text-decoration:underline;}
#list ul strong{ display:block; margin-top:10px;text-indent:18px; background: url(images/icon2.gif) left center no-repeat; color:#02828A;}

#notice{ height:30px; line-height:30px; background:#EEF3F7 url(images/announce.gif) 5px center no-repeat; border:1px dashed #038A6E;}
#notice b{ display:block; width:60px; float:left; margin-left:28px; _margin-left:13px;}
marquee{ display:block; width:600px; float:right; margin-right:10px; }

#pro,#pro2{ margin-top:5px; }
#pro_show{ margin-top:5px; overflow:hidden; }
.m_t{ margin-top:0;}
#ctitle{ display:block; height:30px; line-height:30px; text-indent:2.3em; font-weight:bold; font-size:14px; color:#FFF; background:url(images/pro.gif) left center no-repeat;}
#ctitle span{ display:block; width:400px; float:left;}
#ctitle a{ text-align:right; display:block; width:200px; float:right; font-size:12px; margin-right:20px; font-weight:normal; text-decoration:underline;}
#ctitle a:hover{ color:#0375CD; text-decoration:underline; font-weight:bold;}

#pro ul{ float:left; margin-top:10px; }
#pro ul li{float:left; margin:0 9px 0 10px; _margin:0 5px 0 5px; padding:0px; width:154px; height:220px; text-align:center; border-bottom:none; }
#pro ul li em a:hover{ color:#046F97; text-decoration:underline; }

#pro_img{ width:154px; height:154px;  border:1px solid #8DBBC4; display: table-cell; vertical-align:middle; padding:1px; }
#pro_img img{display:block; margin:0 auto; margin-top:expression((154 - this.height )/2); }

#pro #cert li{ height:180px; }
#cert li #pro_img{ height:150px;}
#pro big{ color:#FF0000;}

.page{ font-size:13px; height:40px; line-height:40px; border-top:1px dashed #ccc; padding-bottom:0; text-align:center;}
.page span{border:1px solid #D4D4D4; height:20px; line-height:20px; text-align:center; padding:1px 5px;} 
.page a{border:1px solid #D4D4D4; padding:1px 5px;}
.page a:hover{border:1px solid #025B47; background-color:#1FAFAA; color:#FFF; padding:1px 5px;}
.page .selected {background-color:#046F97; color:#FFF;}
.b_n{ border-top:none;}

#footer{
	height:55px;
	line-height:150%;
	padding-top:10px;
	display:block;
	margin-top:10px;
	background-color:#72D2BD;
	background-image: url(../Images/footer.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#pro2 li{ padding-left:20px; border-bottom:1px dashed #ccc; margin-bottom:5px;}
#pro2 ul a{ display:block;height:30px; line-height:30px; text-decoration:none;}
#pro2 ul a:hover{ color:#2690A6; text-decoration:underline;}
#pro2 ul span.news{ display:block; float:left; clear:right; width:580px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden;}
#pro2 ul span.date{ display:block; float:right; width:70px;}

#mess_l{ float:left; margin-top:10px;}
#mess_l div{ width:308px; height:308px;  border:1px solid #8DBBC4; vertical-align:middle; display:table-cell; padding:1px;}
#mess_l img{display:block; margin:0 auto; margin-top:expression((308 - this.height )/2); border:0px;}

#mess_r{ float:right; width:350px; font-size:14px; line-height:200%;}
#mess_r b{ font-size:16px; display:block; background-color:#E5F8F4; height:auto; line-height:30px; margin:10px 0; text-indent:0.5em; color:#038A6E;}
#mess_r a{ text-decoration:underline; color:#036F59;}
#mess_r a:hover{ text-decoration:none; color:#FC5401;}
#mess_r img{ width:124px; height:39px; border:0; }

#pics { clear:both; margin-bottom:0;}
#pics img {width:64px; height:64px; border:1px solid #ccc; margin:5px 3px;}

#request{ height:30px; line-height:30px; background-color:#E5F8F4; font-size:14px; font-weight:bold; text-indent:1em; margin:10px 0px; color:#038A6E; }
.request td{ border:1px dashed #ccc; text-indent:1em; height:30px; line-height:30px;}
.request td b{ color:#036E79; }
.request small{ font-size:14px; color:#FF0000;}

#news{ text-align:center; padding: 15px; }
#news h1{ font-size:16px; }