/* 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;}
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; background-color:#DFECFC; margin-bottom:10px;}
#site a{text-decoration:underline; color:#184A8A;}
#site a:hover{text-decoration:none; color:#FF0000; }
#site span{ color:#184A8A;}
.m_b ul{ margin-bottom:20px;}

/* special */
#menu{ width:930px; height:32px;background: url(images/bg.gif) center top no-repeat;}
#menu ul{ float:left; padding-left:8px;}
#menu ul li{font-size:14px; font-weight:bold; width:110px; text-align:center; float:left; }
#menu ul li a{ width:110px; height:31px; line-height:31px; color:#fff; display:block; float:left; clear:right; background: url(images/nav_line.jpg) right center no-repeat;}
#menu ul li a:hover{ color:#FB4021; background: url(images/active.gif) center bottom no-repeat;}
#menu ul li.active a{ background: url(images/active.gif) center bottom no-repeat; color:#3D739F;}

#banner{ margin-top:5px; width:929px; height:120px; background:url(images/banner.jpg) left top no-repeat;}

#con{ border:1px solid #fff;}
#con_l{ width:213px; display:block; float:left;}
#con_r{ width:703px; display:block; float:right; overflow:hidden;}
#con_l div{ background:#EFF5FA url(images/con_l.gif) center top no-repeat;}
#con_l span{ height:32px; line-height:32px; margin-bottom:10px; display:block; font-size:14px;text-indent:40px; color:#03467C; font-weight:bold;}

#con_l span.s1{ margin-left:-8px; margin-right:-10px;}
#contact{ padding:0px 10px; white-space:normal; }

#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:#074CB4; text-decoration:underline;}
#list ul strong{ display:block; margin-top:10px;text-indent:18px; background: url(images/icon2.gif) left center no-repeat; color:#065594; }

#notice{ height:30px; line-height:30px; width:701px; overflow:hidden; background:url(images/announce.gif) 5px center no-repeat; border-bottom:1px dashed #4C71A1; }
#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:32px; line-height:32px; text-indent:2.4em; font-size:14px; font-weight:bold; color:#fff; background: url(images/pro.gif) left top 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:10px; font-weight:normal; color:#023A67;text-decoration:underline;}
#ctitle a:hover{ color:#fff; 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: 0; width:154px; height:220px; text-align:center; border-bottom:none; display:block;}
#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 #046F97; background-color:#046F97; 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:#5585AE; color:#fff;	background-image: url(../Images/footer.gif);
	background-repeat: no-repeat;
	background-position: bottom;}

#pro2 li{ background:url(images/icon.gif) left center no-repeat; 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:#5585AE; height:atuo; line-height:30px; margin:10px 0; text-indent:0.5em; color:#fff;}
#mess_r a{ text-decoration:underline; color:#184A8A;}
#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:#5585AE; font-size:14px; font-weight:bold; text-indent:1em; margin:10px 0px; color:#fff; }
.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{padding: 15px; text-align:center; }
#news h1{ font-size:16px; }