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

/*外部容器
---------------------------------*/
#container {
width:935px;
margin:0 auto;
background:#fff;
padding:0 10px;
border:1px solid #fff;
border-width:0 1px;
background:#fff url(headBg.jpg) repeat-x 0 0;
}
/*页头
---------------------------------*/
#header {
}
#headTop {
position:relative;
height:91px;
}
/* logo */
#logo {
position:absolute;
left:20px;
top:0;
}
#secondaryNav {
position:absolute;
width:183px;
right:10px;
top:0;
text-align:right;
}
#lang {
background:url(langBg.jpg) no-repeat 0 0;
height:27px;
text-align:center;
}
#secondaryNav li {
float:right;
width:47px;
display:inline;
margin-right:8px;
}
#secondaryNav li a {
width:48px;
height:26px;
float:left;
background-image:url(secNav.png);
}
#secondaryNav li.menuContact a {
background-position:-107px 0;
}
#secondaryNav li.menuFav a {
background-position:-54px 0;
}
#secondaryNav li.menuBack a {
background-position:0 0;
}
#secondaryNav li.menuContact a:hover {
background-position:-107px -26px;
}
#secondaryNav li.menuFav a:hover {
background-position:-54px -26px;
}
#secondaryNav li.menuBack a:hover {
background-position:0 -26px;
}
#secondaryNav li span {
display:none;
}
/* banner */
#banner img, #banner object {
float:left;
overflow:hidden;
}
/*主要内容区
---------------------------------*/
#main {
overflow: hidden;
padding:15px 0 50px;
text-align:left;
}
/* sideBar */
#sideBar {
float:left;
width:259px;
margin-left:14px;
display:inline;
}
/* content */
#content {
float:right;
width:618px;
margin-right:14px;
display:inline;
}
/* sideBar02 */
#sideBar02 {
float:left;
width:213px;
padding:0 14px 0 16px;
background:url(sideBarBg.jpg) no-repeat 0 0;
min-height:577px;
height:auto !important;
height:577px;
overflow:visible;
}
/* content */
#content02 {
float:right;
width:650px;
padding:0 20px;
}
/*页脚
---------------------------------*/
#footer {
background:url(footBg.jpg) no-repeat center top;
color:#848484;
}
#footNav {
float:right;
text-align:right;
padding-top:18px;
width:400px;
}
#footNav a {
color:#848484;
margin:0 8px;
}
#footNav a:hover {
text-decoration:underline;
}
#footer #copyright {
line-height:20px;
padding:18px 0;
float:left;
background:url(footLogo.gif) no-repeat 10px 20px;
padding-left:120px;
text-align:left;
width:400px;
}
/*首页模块
---------------------------------*/
#commend {
border:1px solid #ACD5E5;
}
/*侧栏-三级菜单*/
.subNav {
min-height:150px;
height:auto !important;
height:150px;
overflow:visible;
}
.subNav h2 {
height:37px;
line-height:37px;
text-align:center;
font-size:14px;
color:#fff;
margin-bottom:3px;
}
.subNav ul li {
font-size:12px;
width:100%;
float:left;
}
.subNav ul ul {
}
.subNav ul li a {
line-height:32px;
display:block;
background:url(listIcon08.gif) no-repeat 50px 11px;
border-bottom:1px solid #C1DDEC;
padding-left:62px;
color:#115EAF;
font-weight:bold;
}
.subNav ul li a:hover, .subNav ul li.current a {
background-color:#DCEFF5;
}
.subNav ul li.current li a {
background:url(listIcon02.gif) no-repeat 50px 7px;
line-height:24px;
font-weight:normal;
border-bottom:1px dashed #ddd;
}
.subNav ul li.current li li a {
background-image:url(listIcon03.gif);
}
#category ul {
background:#C9E4F2 url(categoryBg.jpg) repeat-x 0 bottom;
min-height:129px;
height:auto !important;
height:129px;
overflow:visible;
padding-bottom:30px;
}
#category li {
background:url(listDiv01.png) no-repeat center bottom;
line-height:30px;
float:left;
width:100%;
}
#category li a {
padding-left:50px;
background:url(listIcon08.gif) no-repeat 40px 3px;
color:#115EAF;
font-weight:bold;
}
#category li a:hover {
color:#F40E0B;
}
.search {
background:url(searchBottom.gif) no-repeat left bottom;
}
.search form {
background:url(searchTop.jpg) no-repeat 0 0;
padding:44px 10px 24px 14px;
position:relative;
margin:0;
}
.search form li {
}
.search form label {
color:#115EAF;
line-height:22px;
float:left;
}
.search form li {
margin-bottom:3px;
}
.search form select {
width:145px;
}
.search form .inputSearch {
width:140px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
padding:1px;
}
.search form .btnSearch {
position:absolute;
top:60px;
right:10px;
outline:none;
border:none;
background:url(btnSearch.gif) no-repeat 0 0;
width:30px;
height:30px;
cursor:pointer;
}
.search02 {
background-image:url(searchBottom02.gif);
}
.search02 form {
background-image:url(searchTop02.jpg);
width:189px;
}
.search02 form select {
width:100px;
}
.search02 form .inputSearch {
width:95px;
}
.title {
height:29px;
line-height:29px;
position:relative;
}
.title span {
position:absolute;
right:10px;
top:8px;
}
.title02 {
background:url(titleBg01.jpg) no-repeat 0 0;
padding-left:16px;
}
#news .content {
background:url(newsBg.jpg) no-repeat center top;
padding-top:30px;
}
.commend {
float:left;
width:190px;
display:inline;
margin-left:10px;
}
.commend a img {
width:184px;
height:132px;
border:3px solid #C9E0ED;
margin-bottom:20px;
}
.commend a:hover img {
border-color:#75B5D9;
}
#hotline02 {
margin-top:20px;
}
/*内页内容区
---------------------------------*/
.mainTitle {
height:26px;
line-height:26px;
border-bottom:solid 1px #ABD5E6;
position:relative;
}
.mainTitle h2 {
font-size:12px;
color:#0072C4;
padding-left:20px;
background:url(mainTitleIcon.gif) no-repeat 6px 50%;
}
.mainTitle span {
position:absolute;
line-height:26px;
right:10px;
top:0;
color:#616161;
}
.mainTitle span a {
color:#616161;
}
.mainTitle span a:hover {
color:#0072C4;
}
#function {
padding:20px 6px;
}
/*--- 内页新闻列表 ---*/
.newsList {
margin:0 auto;
}
.newsList li {
text-align:left;
padding:10px 0;
background:url(listDiv02.gif) repeat-x bottom;
position:relative;
width:100%;
}
.newsList li a {
padding-left:20px;
line-height:18px;
background:url(listIcon09.gif) no-repeat 5px 50%;
}
.newsList li span {
color:#999;
position:absolute;
right:10px;
font-size:10px;
}
.newsList02 {
float:right;
width:384px;
margin-right:10px;
display:inline;
margin-bottom:30px;
}
.newsList li {
padding:7px 0;
}
#products ul {
padding:0 18px;
}
#products li {
float:left;
width:100%;
padding:18px 0;
background:url(listDiv03.gif) repeat-x left bottom;
}
#products li .thumbnail {
float:left;
width:161px;
}
#products li .thumbnail a img {
width:153px;
height:120px;
border:3px solid #DAEFF7;
padding:1px;
}
#products li .thumbnail a:hover img {
border-color:#8CC0D4;
}
#products li dl {
float:right;
width:396px;
}
#products li dl dt {
padding-bottom:8px;
}
#products li dl dt a {
color:#363636;
font-weight:bold;
}
#products li dl dt a:hover {
color:#0C5BAA;
}
#products li dl dd {
line-height:22px;
}
.btn {
display:block;
width:95px;
height:31px;
text-align:center;
color:#fff;
background:url(btnBg.gif) no-repeat 0 0;
}
.btn:hover {
color:#fff;
text-decoration:underline;
}
/*--- 产品列表 ---*/
.productList {
text-align:center;
}
.productList li {
width:24.9%;
margin:10px 0;
float:left;
text-align:center;
}
.productList li img {
border:#fff 1px solid;
width:131px;
height:120px;
}
.productList li a {
margin:0 auto;
display:block;
width:133px;
border:3px solid #CBE6F1;
background:#CBE6F1;
}
.productList li a:hover {
border-color:#4299D0;
background:#4299D0;
}
.productList li a span {
text-align:center;
color:#393536;
line-height:24px;
}
.productList li a:hover span {
color:#fff;
text-decoration:underline;
}
.productList span {
display:block;
cursor:pointer;
}
/*--- 分页 ---*/
.pages {
text-align:right;
line-height:24px;
height:24px;
padding:30px 0;
font-weight:bold;
color:#146FBC;
}
.pages a {
color:#146FBC;
}
.pages a:hover {
color:#F30808;
}
/*--- 提问功能、招聘功能 ---*/
.questionList dt, .jobList dt {
font-weight:normal;
margin-top:10px;
}
.questionList dt span, .jobList dt span {
cursor:pointer;
font-weight:bold;
margin:0 4px;
}
#recruitment th {
width:14%;
}
#recruitment td, #recruitment th {
vertical-align:top;
background:url(listDiv04.gif) repeat-x left bottom;
padding-top:.8em;
}
#recruitment th strong {
background:url(listIcon09.gif) no-repeat 0 4px;
line-height:30px;
padding-left:15px;
font-size:13px;
color:#115EAF;
}
#recruitment td dt {
line-height:30px;
font-size:13px;
color:#115EAF;
font-weight:bold;
}
#recruitment td dd {
line-height:22px;
}
#recruitment td li {
float:left;
width:85px;
height:22px;
line-height:22px;
padding:12px 25px 12px 0;
display:inline;
}
#recruitment td li a {
background:url(recBtnBg.jpg) no-repeat 0 0;
color:#7F4B00;
display:block;
text-align:center;
}
#recruitment td li a:hover {
text-decoration:underline;
}
.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 {
background:#D3EBF2;
}
#productDetails #proImg {
text-align:center;
padding:15px 0;
}
#productDetails #proDescription {
color:#363636;
line-height:22px;
padding:15px;
border-top:1px solid #fff;
}
#productDetails h3 {
font-size:12px;
}
/*--- 表单：左标签等宽右对齐 ---*/
fieldset {
border:none;
padding-left:50px;
}
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 {
border:solid 1px #B9D1FD;
background:#F6F9FF;
color:#000;
}
.idleField {
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;
}