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

/*外部容器
---------------------------------*/
#container {
width:1002px;
margin:0 auto;
}
/*页头
---------------------------------*/
#header {
}
#headTop {
position:relative;
height:76px;
}
/* logo */
#logo {
width:300px;
position:absolute;
left:0;
top:0;
}
#secondaryNav {
position:absolute;
right:10px;
top:10px;
text-align:right;
}
#secondaryNav li {
float:right;
margin:0 8px;
}
#secondaryNav li a {
color:#AFA37B;
}
#secondaryNav li a:hover {
text-decoration:underline;
}
/* banner */
#banner {
overflow:hidden;
}
/*主要内容区
---------------------------------*/
#main {
overflow: hidden;
}
/* sideBar */
#sideBar {
float:left;
width:242px;
margin-top:20px;
}
/* content */
#content {
float:right;
width:726px;
text-align:left;
}
/*页脚
---------------------------------*/
#footer {
background:#F3F3F3;
margin-top:20px;
}
#footer #copyright {
line-height:20px;
padding:10px 0;
}
/*首页模块
---------------------------------*/
#row01 {
}
#row02 {
}
#profile, #news, #contact, #cases, #videos {
width:300px;
float:left;
display:inline;
margin:0 16px;
text-align:left;
}
#profile {
}
#news {
}
#contact {
}
#cases {
width:645px;
margin:0 30px 0 6px;
}
#videos {
margin:0;
width:318px;
}
#row01 h2 {
background:url(titlebg.gif) no-repeat left bottom;
font-size:13px;
color:#474747;
line-height:32px;
padding-left:6px;
}
#row01 h2 span {
color:#E8B400;
margin-left:10px;
font-weight:normal;
}
#row01 .content {
padding:10px;
line-height:20px;
}
#row01 .content img {
float:left;
margin:0 10px 0 0;
}
#row01 .content p {
margin:0 0 1em 0;
}
.box {
background:url(boxbg.gif) repeat-y 0 0;
}
.boxBg01 {
background:url(boxbg.gif) repeat-y right top;
}
.boxBg02 {
background:url(boxrightbottom.gif) no-repeat right bottom;
}
.boxBg03 {
background:url(boxrighttop.gif) no-repeat right top;
width:100%;
}
.box h2 {
background:url(boxlefttop.gif) no-repeat left top;
height:38px;
line-height:38px;
color:#5A3217;
font-size:13px;
padding-left:40px;
text-align:left;
}
.box .content {
background:url(boxleftbottom.gif) no-repeat left bottom;
padding:7px 22px;
text-align:left;
}
/*视频*/
#videos {
background:url(videobg.gif) repeat-y 0 0;
text-align:center;
}
#videos h2 {
background:url(videotop.gif) no-repeat 0 0;
height:20px;
line-height:20px;
}
#videos .content {
background:url(videobottom.gif) no-repeat left bottom;
padding:4px 16px 20px 16px;
min-height:120px;
height:auto !important;
height:120px;
overflow:visible;
}
#demo {
width:600px;
overflow:hidden;
}
#demo td {
padding:0 4px;
}
/*--- 新闻列表 ---*/
#newsList {
text-align:left;
}
#newsList ul li {
height:26px;
background:url(listdiv01.gif) repeat-x left bottom;
position:relative;
}
#newsList ul li a {
text-decoration:none;
line-height:26px;
float:left;
color:#000;
background:url(listicon01.gif) no-repeat 0 0;
padding-left:15px;
}
#newsList ul li a:hover {
color:#f00;
text-decoration:underline;
background:url(listicon01.gif) no-repeat 0 -26px;
}
#newsList ul li span {
position:absolute;
right:8px;
line-height:26px;
}
/*侧栏-三级菜单*/
#subNav ul li {
font-size:12px;
width:100%;
display:block;
background:url(listdiv01.gif) repeat-x left bottom;
}
#subNav ul li li {
background:none;
border-top:1px solid #ddd;
}
#subNav ul li li li {
border:none;
}
#subNav ul ul {
padding-left:15px;
}
#subNav ul li a {
line-height:16px;
display:block;
background:url(listicon02.gif) no-repeat 5px 7px;
padding:4px 0 4px 20px;
}
#subNav ul li.current li a {
background-image:url(listicon03.gif);
}
#subNav ul li.current li li a {
background-image:url(listicon04.gif);
}
/*内页内容区
---------------------------------*/
#crumbs {
line-height:26px;
margin-top:20px;
}
#function {
min-height:300px;
height:auto !important;
height:300px;
overflow:visible;
line-height:21px;
}
.contact {
line-height:20px;
margin-top:10px;
}
/*--- 产品列表 ---*/
.productList {
text-align:center;
}
.productList li {
width:24%;
height:140px;
overflow:hidden;
margin:10px 0;
float:left;
text-align:center;
}
.productList img {
border:#BDBDBD 1px solid;
}
.productList li a span {
text-align:center;
}
.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;
}
/*--- 内页新闻列表 ---*/
.newsList {
margin:0 auto;
}
.newsList li {
text-align:left;
padding:10px 0;
background:url(newsdiv.gif) repeat-x bottom;
position:relative;
width:100%;
}
.newsList li a {
padding-left:30px;
color:#8E7C49;
background:url(listicon03.gif) no-repeat 15px 50%;
}
.newsList li a:hover {
color:#000;
}
.newsList li span {
color:#999;
position:absolute;
right:10px;
}
/*--- 分页 ---*/
.pages {
text-align:center;
line-height:24px;
height:24px;
padding:30px 0;
}
.pages span{
color:#696969;
font-weight:bold;
padding-right:10px;
}
.pages span a{
color:#FF9900;
}
.pages span a:hover{
color:#696969;
}

/*--- 提问功能、招聘功能 ---*/
.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.html) 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;
}
fieldset {
border:none;
}
fieldset legend {
font-weight:700;
padding:20px 0 20px 160px;
}
fieldset ol {
list-style: none;
}
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: 150px;
}
fieldset li span {
display:inline;
float:left;
line-height:18px;
margin-left:10px;
width:120px;
}
fieldset input.text, fieldset textarea {
border:1px solid #999;
display:inline;
float:left;
font:12px Arial, Helvetica, sans-serif;
padding:1px;
width:300px;
}

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:160px;
text-align:left;
}
/*会员功能
 *登录
 *注册
 *找回密码
 *修改资料
 *用户信息
---------------------------------*/
.memberLogin, .register, .fetchPassword, .passwordModify, .userInfo {
}
.memberLogin .text, .passwordModify .text {
width:180px;
}
/*会员功能工具条
---------------------------------*/
.toolbar {
border:1px solid #999;
}
.toolbar a {
float:left;
display:block;
padding:4px 10px;
background:#ddd;
border-right:1px solid #999;
}
.toolbar a:hover {
background:#eee;
}