/*-------------------------------------------------------
* 功能：网站布局
* 作者：Gavin
* 创建时间：2008-10-27
* 最后一次修改时间：2008-12-25 
-------------------------------------------------------*/

/*--- 外部容器 ---*/
#container {
width:1002px;
margin:0 auto;
background:#fff;
position:relative;
}
/*--- 页头 ---*/
#header {
}
#headTop {
position:relative;
background:url(headBg.jpg) repeat-x left top;
height:81px;
}
#logo {
position:absolute;
left:0;
top:0;
}
#banner {
	overflow:hidden;
}
#banner object, #banner img{
	float:left;}
/*--- 主要内容区 ---*/
#main {
background:url(mainBg.gif) repeat-x left top;
overflow: hidden;
padding-top:20px;
}
#sideBar, #indexSidebar {
float:left;
width:246px;
}
#content, #indexContent {
float:right;
width:756px;
}
/* 以下代码片段使左右两列自适应高度 */
#main:after {
content:'[DO NOT LEAVE IT IS NOT REAL]';
display:block;
height:0;
clear both;
visibility:hidden;
}
#main {
display:inline-block;
}
/*\*/
#main {
display:block;
}
/*\*/
#sideBar, #content, #indexSidebar, #indexContent {
padding-bottom:32767px !important;
margin-bottom:-32767px !important;
}
@media all and (min-width: 0px) {
#sideBar, #content, #indexSidebar, #indexContent {
padding-bottom:0 !important;
margin-bottom:0 !important;
}
#sideBar:before, #content:before, #indexSidebar:before, #indexContent:before {
content:'[DO NOT LEAVE IT IS NOT REAL]';
display:block;
background:inherit;
padding-top:32767px !important;
margin-bottom:-32767px !important;
height:0;
}
}
#indexSidebar {
float:right;
width:286px;
text-align:left;
}
#indexContent {
float:left;
width:676px;
padding:0 20px;
text-align:left;
}
/*--- 首页模块 ---*/
/*--- 新品推荐 ---*/
#hot{
text-align:left;
width:252px;
margin-bottom:20px;
}
#hotTitle{
height:32px;
position:relative;
}
#hotTitle h3{}
#hotTitle span{
position:absolute;
bottom:0;
right:0;
}
#hotContentWrapper01{
background:url(hotBg.gif) repeat-y;
}
#hotContentWrapper02{
background:url(hotBgTop.gif) no-repeat left top;
}
#hotContent{
min-height:250px; 
height:auto !important; 
height:250px; 
overflow:visible;
padding:8px;
background:url(hotBgBottom.gif) no-repeat left bottom;
}
#hotContent ul li{
text-align:center;
float:left;
width:50%;
padding-bottom:10px;
}
#hotContent ul li div.proName a{
line-height:24px;
background:url(listImg03.gif) no-repeat 0 50%;
padding:10px;
}
#hotContent  li a img{
border:1px solid #D0D0D0;
width:101px;
height:110px;
}
#hotContent  li a:hover img{
border-color:#147DD0;
}

/*--- 联系方式 ---*/
#contact{
background:#F5F5F4;
border:1px solid #D3D3D3;
width:252px;
}
#contactWrapper{
margin:4px;
background:#fff;
border:4px solid #fff;
}
#contactTitle{
height:33px;
position:relative;
border:5px solid #DFDCD5;
}
#contactTitle h3{}
#contactTitle span{
position:absolute;
bottom:0;
right:0;
}
#contactContent{
margin-top:4px;
border:1px solid #DFDCD5;
padding:10px;
}
/*--- 公司简介 ---*/
#profile{}
#profile .title, #purpose .title{
height:32px;
position:relative;
border-bottom:1px solid #ddd;
}
#profile .title span, #purpose .title span{
position:absolute;
bottom:8px;
right:0;
}
#profile .content, #purpose .content{
padding:10px 10px 20px;
}
/*--- 库博五金之道 ---*/
#purpose{}
/*--- 新闻动态 ---*/
#news{
background:url(newsBg.gif) repeat-y;
width:660px;
}
#newsTitle{
position:relative;
height:33px;
}
#newsTitle span{
position:absolute;
right:10px;
bottom:8px;
}
#newsWrapper{
background:url(newsBgBottom.gif) no-repeat left bottom;
}
#newsContent{
padding:10px;
}
#newsList{
float:left;
width:410px;
padding:0 15px;
}
#newsList li{
background:url(listDiv.gif) repeat-x left bottom;
padding:6px 0;
}
#newsList li a{
background:url(listImg02.gif) no-repeat 0 50%;
padding-left:15px;
}
#newsList li a:hover{}
.newsCommendImg{
width:176px;
float:right;
border:3px solid #D8D7D5;
padding:3px;
}
.newsCommendImg img{
	width:176px;
	height:130px;}
/*--- 标题 ---*/
.mainTitle{
text-align:left;
position:relative;
height:38px;
border-bottom:1px solid #ddd;
}
.mainTitle h3{
color:#489AFB;
font-size:16px;
position:absolute;
top:0;
left:0;
padding-left:20px;
height:30px;
line-height:30px;
width:400px;
background:url(mainTitleBg.gif) no-repeat left bottom;
}
.mainTitle span{
text-align:right;
position:absolute;
right:10px;
top:0;
}
.mainTitle span a{
line-height:30px;
color:#000;
}
.mainTitle span a:hover{
color:#147DD0;
text-decoration:underline;
}
/*--- 页脚 ---*/
#footer {
margin-top:20px;
border-top:3px solid #E5E5E5;
}
#footer .copyright {
line-height:20px;
padding:10px 0;
}

/*--- 二级栏目 ---*/
#subMenuWrapper{
width:200px;
margin:0 auto;
background:url(subMenuBg.gif) repeat-y;
}
#subMenu{
background:url(subMenuBottom.gif) no-repeat left bottom;
padding-bottom:20px;
min-height:350px; 
height:auto !important; 
height:350px; 
overflow:visible;
}
#subMenuTitle{
	background:url(subMenuTitle.jpg) no-repeat 0 0;
	height:84px;
	color:#fff;
	font-size:25px;
	font-family:"黑体";
	line-height:60px;
	}
#subNav {
margin-bottom:10px;
}
#subNav h2 {
height:32px;
line-height:32px;
text-align:left;
font-size:14px;
}
#subNav ul{
	overflow:hidden;
	width:80%;
	margin:0 auto;}
#subNav ul li {
	border-bottom:1px #fff solid;
font-size:12px;
width:100%;
float:left;
}
#subNav ul li li{
	border:none;}
#subNav ul ul {
padding-left:15px;
}
#subNav ul li a {
line-height:16px;
display:block;
background:url(listIcon01.gif) no-repeat 5px 7px;
padding:4px 0 4px 20px;
}
#subNav ul li.current li a {
background-image:url(listIcon02.gif);
}
#subNav ul li.current li li a {
background-image:url(listIcon03.gif);
}
/*--- 内页内容区 ---*/
.main {
min-height:350px;
height:auto !important;
height:350px;
overflow:visible;
width:96%;
margin:20px auto;
text-align:left;
}

/*--- 产品列表 ---*/
.productList{
text-align:center;
min-height:200px; 
height:auto !important; 
height:200px; 
overflow:visible;
}
.productList li{
width:20%;
margin:10px 0;
float:left;
text-align:center
}
.productList li img{
	padding:2px;
border:#ddd 1px solid;
width:101px;
height:110px;
}
.productList li a span{
text-align:center;
font-weight:bold;
}
.productList li a:hover span{
color:#000;
text-decoration:underline;
}
.productList span{
display:block;
cursor:pointer;
width:80%;
margin:6px auto 0;
line-height:20px;
min-height:40px; 
height:auto !important; 
height:40px; 
overflow:visible;
}
/*--- 内页新闻列表 ---*/
.newsList{
margin:0 auto;
}
.newsList li{
text-align:left;
padding:10px 0;
border-bottom:1px solid #ddd;
position:relative;
width:100%;
}
.newsList li a{
padding-left:30px;
background:url(listIcon02.gif) no-repeat 15px 50%;
}
.newsList li span{
color:#999;
position:absolute;
right:10px;
}
/*--- 分页 ---*/
.pages{
text-align:center;
line-height:24px;
height:24px;
padding:30px 0;
}
/*--- 提问功能、招聘功能 ---*/
.questionList dt, .jobList dt {
font-weight:normal;
margin-top:10px;
}
.questionList dt span, .jobList dt span {
cursor:pointer;
font-weight:bold;
margin:0 4px;
}
.questionList dd, .jobList dd {
border:#ccc 1px solid;
padding:6px 10px;
}
/*--- 视频列表 ---*/
td.videoList a {
background:#fff url(videoIcon.jpg) no-repeat left 50%;
padding-left:25px;
}
div.videoShow {
text-align:center;
background:#fff;
border:solid 1px #eee;
width:80%;
padding:10px;
margin:0 auto;
}
div.videoShow h4 {
width:80%;
margin:0 auto;
background:url(videoIcon.jpg) no-repeat left 50%;
text-align:left;
padding-left:25px;
font-size:14px;
height:50px;
line-height:50px;
}
#mainContentSearch {
margin:30px;
}
.searchTitle {
border:1px solid #ddd;
border-width:1px 0;
padding:0 10px;
line-height:22px;
background:#f8f8f8;
}
.searchTitle a {
background:url(listImg.gif) no-repeat right 50%;
padding-right:10px;
}
#mainContentSearch strong {
padding-left:2em;
}
.resultTopicTitle {
}
#mainContentSearch .newsList {
width:100%;
}
/*网站地图*/
.map {
margin-bottom:10px;
}
.map ul {
margin-left:20px;
background:url(ulBg.gif) repeat-y;
}
.map ul li {
background:url(liBg01.gif) no-repeat left top;
font-size:12px;
line-height:24px;
padding-left:15px;
}
.map ul li.lastChild {
background-image:url(liBg02.gif);
}
/*--- 新闻详细页 ---*/
.article h3 {
border-bottom:1px solid #ddd;
font-size:14px;
height:30px;
line-height:30px;
margin:0 1em;
text-align:center;
}
.article .newsDate {
line-height:22px;
margin-bottom:16px;
text-align:center;
}
.pageNav {
margin:20px auto;
width:300px;
}
.pageNav li {
float:left;
margin-right:20px;
}
.pageNav li a {
background:#ddd;
border:#666 1px solid;
float:left;
padding:4px 8px;
}
.pageNav li a:hover {
background:#eee;
border-color:#999;
}
.relatedNews {
padding:10px;
}
.relatedNews h3 {
font-size:14px;
margin-bottom:8px;
}
.relatedNews a {
background:url(listIcon06.gif) no-repeat 0 50%;
line-height:22px;
padding-left:12px;
}
/*--- 产品详细页 ---*/
.productDetails {
margin:20px auto;
text-align:center;
width:90%;
}
.productDetails .column01 {
text-align:right;
width:20%;
}
.productDetails .column02 {
text-align:left;
width:80%;
}
.productDetails h3 {
font-size:14px;
line-height:30px;
text-align:center;
}
.productDetails .proImg {
padding:10px;
text-align:center;
}
/*--- 表单：左标签等宽右对齐 ---*/
#demoForm {
background:red;
margin:0 auto;
width:600px;
}
fieldset {
border:none;
padding:1em;
}
fieldset legend {
border:1px solid #999;
font-weight:700;
margin-left:150px;
padding:1px 10px;
}
fieldset ol {
list-style: none;
margin-top: 1em;
}
fieldset li {
display:inline;
float: left;
padding-bottom: 1em;
width: 100%;
}
fieldset li label {
float: left;
line-height:22px;
margin-right:10px;
text-align: right;
width: 140px;
}
fieldset li span {
display:inline;
float:left;
line-height:18px;
margin-left:10px;
width:8em;
}
fieldset input.text, fieldset textarea {
border:1px solid #999;
display:inline;
float:left;
font:12px Arial, Helvetica, sans-serif;
padding:1px;
width:300px;
}
fieldset input.text2, fieldset input.text3 {
float:none;
}
fieldset input.text2 {
width:42px;
}
fieldset input.text3 {
width:142px;
}
fieldset textarea {
height:8em;
}
.btnSubmit {
background:#ddd;
border:#666 1px solid;
cursor:pointer;
font-size:12px;
line-height:14px;
padding:2px 6px;
}
div.submit a {
margin-right:8px;
}
div.submit, div.submit2 {
padding-left:150px;
text-align:left;
}
/*会员功能
 *登录，注册，找回密码，修改资料和用户信息页面
 */
.memberLogin, .register, .fetchPassword, .passwordModify, .userInfo {
margin:0 auto;
width:600px;
}
.memberLogin .text, .passwordModify .text {
width:180px;
}
/*会员功能工具条
---------------------------------*/
.toolbar {
border:1px solid #ddd;
margin-bottom:10px;
background:#f8f8f8;
}
.toolbar a {
float:left;
display:block;
padding:4px 10px;
border-right:1px solid #ddd;
}
.toolbar a:hover {
background:#ddd;
}