/*--- 功能：网站布局 ---*/
/*--- 作者：Gavin ---*/
/*--- 时间：2008-10-27 ---*/

/*--- 外部容器 ---*/
#container {
width:936px;
margin:8px auto 0;
padding-top:14px;
text-align:center;
background:#fff;
}
/*--- 页头 ---*/
#header {
width:908px;
margin:0 auto;
text-align:left;
position:relative;
}
/*--- logo begin ---*/
#logo {
background:#D0C7AC;
height:52px;
}
/*--- logo end ---*/
#secondaryNav {
position:absolute;
right:10px;
top:10px;
text-align:right;
}
#secondaryNav li {
float:right;
display:inline;
margin:0 8px;
}
/*--- banner begin ---*/
#banner {
margin:14px 0;
display:inline;
float:left;
padding-left:2px;
}
/*--- banner end ---*/
/*--- mainNav begin ---*/
#mainNav {
margin:14px 0;
float:left;
width:182px;
background:#eee;
text-align:center;
}
#mainNav h2 {
color:#fff;
height:32px;
line-height:32px;
text-align:left;
font-size:20px Arial bold;
text-indent:5px;
background:#BC1A16;
border-left:6px solid #F22F28;
margin-bottom:1px;
}
#mainNav ul {
margin:0 auto;
min-height:144px;
height:auto !important;
height:144px;
overflow:visible;
background:#D53632;
}
#mainNav ul li {
border-bottom:1px solid #DD5E5B;
}
#mainNav ul li a {
display:block;
padding:0 20px;
height:23px;
line-height:23px;
color:#eee;
text-align:left;
font-weight:bold;
text-decoration:none;
background:#D53632;
border-left:6px solid #F7615A;
}
#mainNav ul li a:hover {
color:#fff;
background:#BC1A16;
border-left:6px solid #F22F28;
}
/*--- mainNav end ---*/
/*--- 主要内容区 ---*/
#main {
width:908px;
margin:0 auto;
overflow: hidden;
text-align:left;
}
#sideBar, #sideBar02 {
float:left;
width:277px;
background:#FBF4E3;
}
#sideBar02 {
width:182px;
overflow:hidden;
}
#content {
float:left;
width:620px;
margin-left:10px;
display:inline;
}
#content02 {
float:right;
width:715px;
background:#F5F3EE;
}
/* 以下代码片段使左右两列自适应高度 */
#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, #sideBar02, #content02, #content {
padding-bottom:32767px !important;
margin-bottom:-32767px !important;
}
@media all and (min-width: 0px) {
#sideBar, #sideBar02, #content02, #content {
padding-bottom:0 !important;
margin-bottom:0 !important;
}
#sideBar:before, #sideBar02:before, #content02:before, #content:before {
content:'[DO NOT LEAVE IT IS NOT REAL]';
display:block;
background:inherit;
padding-top:32767px !important;
margin-bottom:-32767px !important;
height:0;
}
}
#mainContentSearch {
text-align:left;
line-height:22px;
}
#mainContentSearch h1 {
line-height:80px;
height:80px;
text-align:center;
}
#mainContentSearch h2 {
font-size:12px;
color:#fff;
background:#BEB392;
padding-left:20px;
}
/*--- 首页侧栏 ---*/
#sideBar h2, #sideBar02 h2 {
color:#D53632;
font-size:12px;
height:32px;
line-height:32px;
text-align:left;
text-indent:20px;
}
/*--- search ---*/
#search {
background:url(sideDiv.gif) repeat-x bottom;
}
#search form {
margin:0;
text-align:left;
padding:0 20px 10px 20px;
}
#search .inputSearch {
padding:2px;
width:170px;
}
#search .submitSearch {
line-height:18px;
height:22px;
font-size:12px;
margin-top:4px;
font-family:Arial, Helvetica, sans-serif;
}
/*--- 新闻模块 ---*/
/*--- 标题 ---*/
.title {
height:32px;
position:relative;
}
#sideBar .title02 h2 {
background:none;
}
.title span {
position:absolute;
line-height:32px;
text-align:right;
right:10px;
top:0;
}
.title span a {
text-decoration:none;
color:#000;
}
.title span a:hover {
color:#f00;
text-decoration:underline;
}
/* 首页推荐产品 */
#product {
text-align:center;
}
#product li {
text-align:center;
background:url(sideDiv.gif) repeat-x left bottom;
padding:10px 0;
}
.productImg {
float:left;
width:100px;
}
.productImg span {
line-height:24px;
}
.productInfo {
float:right;
width:165px;
text-align:left;
line-height:20px;
padding-right:10px;
}
#product li a img {
border:1px solid #C9B78C;
padding:1px;
background:#fff;
height:75px;
width:70px;
}
#product li a:hover img {
border-color:#333;
}
/* 首页产品分类 */
#categories .content {
padding:10px;
background:#ECE8DD;
}
#categories h2 {
background:#BEB392;
}
/*--- 公司简介 ---*/
#profile h2, #categories h2 {
height:24px;
line-height:24px;
color:#fff;
text-indent:10px;
font-size:12px;
text-align:left;
}
#profile h2 {
background:#B5AD96;
}
#profile .content {
padding:10px;
min-height:160px;
height:auto !important;
height:160px;
overflow:visible;
}
#profile .content p {
text-indent:2em;
}
/*--- 产品列表 ---*/

.productList {
text-align:center;
}
.productList li {
width:24.9%;
padding:15px 0;
float:left;
text-align:center;
}
.productList li a {
display:block;
width:131px;
margin:0 auto;
background:#fff;
border:#fff 4px solid;
}
.productList li a:hover {
border-color:#BEB392;
background:#BEB392;
}
.productList li a img {
border:#fff 1px solid;
width:113px;
height:118px;
}
.productList li a span {
text-align:center;
color:#8E7C49;
font-weight:bold;
display:block;
cursor:pointer;
margin-top:6px;
line-height:20px;
}
.productList li a:hover span {
text-decoration:underline;
color:#fff;
}
/*--- 页脚 ---*/
#footer {
color:#FFF6DC;
border-top:14px solid #fff;
line-height:22px;
padding:12px 0;
background:url(bg.gif);
}
/*--- 内页 ---*/
#function {
padding:16px 15px 16px 16px;
}
/*--- 内页新闻列表 ---*/
.newsList {
margin:0 auto;
}
.newsList li {
text-align:left;
padding:10px 0;
border-bottom:1px dashed #ccc;
position:relative;
width:100%;
}
.newsList li a {
padding-left:30px;
background:url(listImg.gif) no-repeat 15px 50%;
}
.newsList li span {
color:#999;
position:absolute;
right:10px;
}
/*--- 分页 ---*/
.page {
line-height:24px;
height:24px;
margin:20px 0;
}
/*侧栏-三级菜单*/
#subNav {
margin-bottom:10px;
}
#subNav h2 {
height:32px;
line-height:32px;
text-align:left;
font-size:12px;
border-bottom:1px solid #fff;
}
#subNav ul.clearfix{
	width:182px;
	overflow:hidden;}
#subNav ul li {
font-size:12px;
width:100%;
float:left;
border-bottom:2px solid #fff;
}
#subNav ul li li {
border:none;
}
#subNav ul ul {
padding-left:15px;
}
#subNav ul li a {
line-height:16px;
display:block;
background:url(listImg.gif) no-repeat 15px 7px;
padding:4px 0 4px 30px;
color:#8E7C49;
}
#subNav ul li a:hover {
color:#E4B11F;
}
#subNav ul li.current li a {
background-image:url(listIcon02.gif);
}
#subNav ul li.current li li a {
background-image:url(listIcon03.gif);
}
/*内页内容区
---------------------------------*/
#function {
padding:20px;
min-height:450px;
height:auto !important;
height:450px;
overflow:visible;
}
/*--- 分页 ---*/
.pages {
text-align:center;
line-height:24px;
height:24px;
padding:30px 0;
}
#contact .content {
padding:0 15px 10px 15px;
text-align:left;
line-height:20px;
}
.mainTitle {
background:#BEB392;
color:#fff;
height:24px;
position:relative;
}
.mainTitle h2 {
text-align:left;
font-size:12px;
height:24px;
line-height:24px;
padding-left:20px;
}
.mainTitle span {
line-height:24px;
position:absolute;
right:10px;
top:0;
}
.mainTitle span a {
color:#fff;
}
.mainTitle span a:hover {
text-decoration:underline;
}
/*--- 提问功能、招聘功能 ---*/
.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:0 14px;
background:#F5F3EE;
}
.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;
text-align:center;
}
.article .newsDate {
line-height:22px;
margin-bottom:16px;
text-align:center;
}
.pageNav {
margin:20px;
}
.pageNav li {
float:right;
margin-left:20px;
}
.pageNav li a {
height:19px;
line-height:19px;
background:#eee;
border:#999 1px solid;
color:#666;
float:left;
padding:0 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;
text-align:center;
}
.productDetails .proImg {
padding:10px;
text-align:center;
}
/*--- 表单：左标签等宽右对齐 ---*/
fieldset {
border:none;
}
fieldset legend {
font-weight:bold;
height:40px;
line-height:40px;
}
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:20px;
margin-right:1em;
text-align: left;
}
fieldset li span {
display:inline;
float:left;
line-height:18px;
margin-left:10px;
width:8em;
}
fieldset input.text, fieldset textarea {
display:inline;
float:left;
font:12px Arial, Helvetica, sans-serif;
padding:2px;
width:280px;
outline:none;
}
fieldset input.text2, fieldset input.text3 {
float:none;
}
fieldset input.text2 {
width:42px;
}
fieldset input.text3 {
width:122px;
}
fieldset textarea {
height:8em;
}
.btnSubmit {
background:url(btnBg.gif) no-repeat left -54px;
height:27px;
font-size:12px;
line-height:14px;
padding-left:4px;
margin:0 10px 0 0;
width:auto;
}
.btnSubmit input {
padding:0 10px 0 6px;
cursor:pointer;
height:27px;
line-height:27px;
outline:none;
border:none;
background:url(btnBg.gif) no-repeat right top;
}
.focusField {
padding:1px;
border:solid 1px #BA8F5C;
background:#FFFBF6;
color:#000;
}
.idleField {
padding:1px;
background:#fff;
color: #6F6F6F;
border: solid 1px #ddd;
}
div.submit a {
margin-right:8px;
}
div.submit, div.submit2 {
padding-left:150px;
text-align:left;
}
/*会员功能
---------------------------------*/
.memberLogin .text, .passwordModify .text {
width:180px;
}
/*会员功能工具条
---------------------------------*/
.toolbar {
background:url(crumbsBg.gif) no-repeat left -32px;
}
.toolbar ul {
background:url(crumbsBg.gif) no-repeat right top;
margin-left:16px;
padding:1px 0;
}
.toolbar ul li {
float:left;
position:relative;
margin-left:-8px;
}
.toolbar a {
height:30px;
line-height:30px;
color:#666;
float:left;
background:url(crumbsBg.gif) no-repeat right -64px;
padding-right:8px;
}
.toolbar a span {
height:30px;
line-height:30px;
float:left;
padding:0 8px 0 16px;
cursor:pointer;
}
.toolbar a:hover {
color:#333;
background:url(crumbsBg.gif) no-repeat right -94px;
}
.toolbar a:hover span {
background:#fff;
}