/* mac hide\*/
html, body {height:100%;}
/* end hide */

body {
	font:normal 12px "Trebuchet MS", sans-serif;
	margin:0;
	padding:0;
	background:#FFF url(body.gif) top repeat-x;
	text-align:center;
	/*min-width:900px;*/
}

h1 {
	margin:0;
	padding:5px 0;
	font:normal 14px Georgia, "Times New Roman", Times, serif;
	color:#CE5C00;
	/*color:#666;*/	
}

h2 {
	font:normal 18px Georgia, "Times New Roman", Times, serif;
	color:#333;
	padding:5px 0;
	border-bottom:1px dashed #ccc;
	letter-spacing:-1px;
	margin:10px 0;
	font-weight:bold;
}
h2.breadCrumb {font-size:12px;border-bottom:3px solid #2F485D;}

.green {color:#223647;}
a {color:#223647;text-decoration:none;}
a:hover {color:#223647;text-decoration:underline;}
a:focus {outline:none;}

/*外部*/
#wrap{
	min-height:100%;
	width:900px;
	color: #666;
	text-align:left;
	margin:auto;
	position:relative;
	background:#fff url(outer.gif) repeat-y left top;
}

 
* html #wrap{height:99.9%;} /*For ie as treats height as min-height anyway - also addreeses rounding bug at bottom of screen in IE*/

/*头部*/
#header{
	min-height:110px;
	background:url(body.gif) top repeat-x;
	position:relative;
	clear:both;
	margin-bottom:-10px;
}
* html #header{height:116px}

#header h2 {margin:0;width:250px;height:103px;float:left;background:url(logo.jpg) top left no-repeat;}
#header h2 a{width:194px;height:103px;text-indent:-9000px;display:block;}
#header h3 {margin:0;display:none;}

/*网页右上角*/
#topMenu{
	position:absolute;
	right:13px;
	top:8px;
}

#topMenu ul {list-style:none;margin:0;padding:0;}
#topMenu li {background-color:#FFF;float:left;text-align:center;background:url(menu.gif) top left repeat-x;}	
#topMenu ul li a {height:18px;display:block;font:normal 11px 'Trebuchet MS';color:#E3EEBF;text-decoration:none;padding:2px 24px;float:left;text-transform:uppercase;}
#topMenu ul li a:hover{color:#fff;text-decoration:none;}	
/* Commented backslash hack hides rule from IE5-Mac \*/
#topMenu li a{float: none}
/*--------#topMenu .first {background:url(../images/menu_first.jpg) top left no-repeat;}
#topMenu .last {background:url(../images/menu_last.jpg) top right no-repeat;}------------*/

/*菜单*/
#nav {
	position:absolute;
	right:0;
	top:60px;
}
/*#menu { width:600px;}
#menu li { float:left; padding:0 1em; font-weight:bold; list-style:none;}*/
#menu {
	clear:both;
	display:inline-table;
	width:640px;
	margin:10px 7px;
	line-height:24px;
	list-style-type:none;
	text-align:left;
	background:url(menubg.png) repeat-x;
}/* {king:menu/} 下拉菜单导航*/

#menu li {float:left;width:80px;margin-left:0px;text-align:left;}
#menu li a {display:block;width:80px;text-align:center;text-decoration:none;color:#223647; font-weight:bold;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;}
#menu li a:hover{background:#fff;font-weight:bold;}

#menu li ul {margin:0px;display:table;line-height:27px;list-style-type:none;left:-9999px;width:120px;position:absolute; padding:0; border:#abadb3 solid 1px;}
#menu li ul li {clear:both;width:120px;background:#f5f7ee;filter:alpha(opacity=90);opacity:0.9;border-bottom:#abadb3 solid 1px;}
#menu li ul li a {display:block;text-align:left;padding-left:10%;width:90%;  font-weight:normal; color:#223647;}

#menu li ul li a:link {color:#223647;text-decoration:none;}
#menu li ul li a:visited {color:#223647;text-decoration:none;}
#menu li ul li a:hover {color:#223647;text-decoration:none;font-weight:normal;background:#fff;}

#menu li:hover ul {left:auto;}
#menu li.sfhover ul {left:auto;}
#main {
	width:616px;
	float:right;
	padding:12px 7px 30px 13px;
}

#main p{margin:15px 0;}
#main h1{font-size:14px;text-align:center;font-weight:bold;}
#main dl {margin-top:-0.7em;padding:0 0 0 2px;}
#main dt {color:#000;background:url(bk_dl_content_white.gif) top left repeat-x;padding: 10px 0 5px 0;margin:0;}
#main dt a {color:#30475A;background:url(bullet_ft.gif) center left no-repeat;display: block;}
#main dt strong {margin-left:20px;}
#main dd {margin:0 0 4px 20px;}
#main dd.newsDate {color:#A7A736;margin-bottom:1em;padding-top:3px;background:url(bullet_date.gif) center left no-repeat;}
#main dd.newsDate span {color:#888;margin-left:15px;}
#main dd.newsDate img{margin:0 2px 0 0;}
/* ----------- 内容 -------------------- */
#content{margin:-10px;}
#news{ overflow:hidden}
#news .msg{ width:203px; height:176px; background:url(jss_newslogo.jpg) no-repeat; float:left;}
#news .list{ height:176px; float:left; padding-left:15px;}
#news .list h2{ color:#ce5c00; font-size:14px;}
#news .list ul{margin:0; padding:0;}
#news .list li{ line-height:1.8em; list-style:none;}
#news .list a{ color:#666;}
#news .list span{ margin-left:1em; color:#223647;}
#service{ background:url(service_bg.gif) repeat-x; clear:both; margin:20px 0;}
#service *{ margin:0; padding:0; list-style:none; }
#service h2{ color:#223647; font-size:12px; line-height:3em;}
#service p{ color:#666; margin:0;line-height:1.7em;}
#service p a{ color:#666;}
#service ul{ margin:20px 0;}
#service li{ float:left; width:130px; height:40px; padding-left:45px;}
#service li p{color:#999;}
#service li p a{color:#606060;font-weight:bold;}
#service .help{background:url(help.jpg) no-repeat;}
#service .feedback{background:url(feedback.jpg) no-repeat;}
#service .joinus{background:url(joinus.jpg) no-repeat;}

.tb_list{
	margin: 0px;
	padding: 0px;
	width: 640px;
}
.tb_list .td {
	padding: 10px;
	background-color: #f2f2f2;
    height:130px;
	width: 298px;
	overflow: hidden;
	float: left;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 0px;
}
.tb_list p {
	display: block;
	float: right;
	width: 210px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	font-size: 12px;
	color: #333333;
	padding-bottom: 4px;
	margin-top: 6px;
}
.tb_list .more {
	float: right;
	clear: both;
	width: auto;
	padding-top: 3px;
}
.tb_list h2 {
	color:#ce5c00; font-size:14px; line-height:2em;margin-left:2px;
	margin-top:1px;
}
.tb_list h3 {
	font-size: 14px;
	float: left;
	width: 180px;
	height:8px;
	margin-top: 8px;
	padding-left: 20px;
}
.tb_list .img_show {
	float: left;
	height: 79px;
	width: 79px;
	margin-top: 15px;
}


#hot{background:url(jss_bg.gif) repeat-x; clear:both; margin:8px 0; float:left; overflow:hidden; width:100%;}
#hot .service,#hot .news{float:left; width:49%;}
#hot h2{ color:#ce5c00; font-size:14px; line-height:2em;}
#hot strong{ color:#a9a9a9; font-size:14px; margin-top:-10px;}
#hot ul{ margin:0; padding:0; list-style:none;}
#hot li{ line-height:2em; text-indent:2em;}
#hot .service li{ background:url(serviceli.gif) no-repeat left center;display: block; }
#hot .news li{ background:url(newsli.gif) no-repeat left center;}
#hot .service ul li a,#hot .news ul li a{white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;}
.more { text-align:right; padding-right:1em;}
.more a{color: #223647}

.list_cpshow {
	float: left;
	width: 100%;
	margin-top: 2px;
}
.list_cpshow h2 {
}
.list_cpshow h2 {
	height: 25px;
	width: 98%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	line-height: 25px;
	font-size: 14px;
	padding-left: 2%;
}
.list_cpshow ul {
	display: block;
	margin: 0px;
	background-image: url(li5.gif);
	background-repeat: repeat-y;
	background-position: left top;
	height: auto;
	float: left;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.list_cpshow li {
	height: 31px;
	display: block;
	line-height: 31px;
	list-style-type: none;
	width: 200px;
	float: left;
	padding-left: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

/* 分页 */
.k_pagelist {float:left;display:table;clear:both;line-height:30px;}
.k_pagelist em {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;background:#F5F9FE;color:#14316B;font-weight:bold;font-style:normal;}
.k_pagelist strong {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;color:#009900;}
.k_pagelist a {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;}




/*----------左边---------*/
#sidebar {
	position:relative;/*ie needs this to show float */
	width:230px;
	float:left;
	background-color:#fff;
	padding:12px;
}
#sidebar p {padding:2px}

.logo {width:50px;font:bold 14px Georgia, "Times New Roman", Times, serif;padding:8px 0 0px 12px;color:#223647;text-align:center;}
.banner {width:225px;text-align:right;line-height:26px;padding:0px 0 0px 0;}
.banner span {color:#223647;}

#search, #editBox, #categList,#hotList {
	position:relative;
	clear:both;
	float:left;
	width:228px;
	margin:0 0 15px 0;
	padding:0;
	
}
.inner {
	background:url(bk_bottom_search.gif) bottom left no-repeat;
	/*padding:10px 13px;*/
}
#search h2, #about h2,#editBox h2,#contactInfo h2,#categList h2,#hotList h2,#link h2 {
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	color:#EF8B1B;
	letter-spacing:-1px;
	margin:0;
	border-bottom:0px solid #2F485D;
	padding-left:25px;
	padding-top:6px;
	background:url(class_bj.gif) top left no-repeat;
}
#contactInfo {
	position:relative;
	clear:both;
	width:228px;
	float:left;
	margin:0 0 15px 0;
	padding:0;	
}


#about,#categList,#hotList,#link{width: 100%;margin-bottom:10px;}		
#about ul,#categList ul,#hotList ul,#link ul{margin:0;padding: 0;list-style-type: none;}
#about ul li,#categList ul li,#hotList ul li,#link ul li {
    width:95%;
	height:25px;
	float:left;
	text-align:left;
	margin-right:1px;
	}
#about a,#categList a,#hotList a,#link a{background:url(icon.gif) left no-repeat;display: block;padding: 4px 15px ;width: 86%;border-bottom: 1px dashed #ccc;float:left;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;}
#about a:hover,#categList a:hover,#hotList a:hover,#link a:hover{background-color: #FBFDF4;text-decoration:none;}
#about a span,#categList a span,#hotList a span,#link a span{color:#000;position:absolute;right:14px;font-weight:bold;}


#clearfooter {width:100%;height:70px;clear:both} /* to clear footer */



/*-------页脚----------*/
#footer {
	width:900px;
	clear:both;
	height:70px;
	background:#fff url(bk_dl_content.jpg) top left repeat-x;
	background-position:0 10px;
	color: #999;
	text-align:left;
	left:0;
	bottom:0;
	position:absolute;
	padding-top:30px;
}

#footer a.validate {
	font-size:10px;
	color:#fff;
	padding:0 5px;
	background-color:#A6D220;
	margin-left:2px;
}

#footer .copy {
	float:left;
	margin:0 0 0 5px;
	width:500px;
}

#footer .author {
	float:right;
	margin:0 5px 0 0;

	
}

#footer .author img{
	border:none;
}

* html #footer {/*only ie gets this style*/
	he\ight:70px;/* for ie6 */
	margin-bottom:-1px;
}
div,p  {margin-top:0}/*clear top margin for mozilla*/



/*about*/
#onepage{margin:-10px;}
#onepage h1{font-size:12px;border-bottom:1px dashed #ccc;letter-spacing:-1px;margin:10px 0;font-weight:bold;}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix {
	display: block; 
	width: 0;
}
 
* html .clearfix {
/* Hides from IE-mac \*/
height: 0;
/* End hide from IE-mac */
}

.featured {
	 display:none; 
	 margin:0;
	 padding:0;
	 border:1px solid red;
}


.jobprops {margin-top:6px;color:#999;padding-bottom:15px;background:url(bullet_ft.gif) no-repeat;}
.jobprops span {margin-left:15px;}
#jsscontent p {line-height:1.5em;}
#jsscontent txt{font-size:2px;}
#jsscontent img{width:expression(width>600?"600px":width);}
#jssguide{ font-size:12px;}
#artinfo2{ margin-bottom:20px;}

/* Product preview & Product styles */
.product{font-size:12px; float: left; width: 158px; height: 158px; margin: 6px 14px 10px 0; text-align:center;}

.product a.last {margin-right: 0;}
.conter_list img {display: block; margin: 5px;border:0;}
.product a:hover {text-decoration: none;border: 1px;}