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

/*外部容器
---------------------------------*/
#container {
width:950px;
margin:0 auto;
background:#fff;
}
/*页头
---------------------------------*/
#header {
background:#ffffff;
}
#headtop {
background:#23419f  no-repeat right top;
position:relative;
height:89px;
border-bottom:4px solid #fff;
}
/* logo */
#logo {
position:absolute;
left:0px;
top:0;
}
#secondarynav {
position:absolute;
right:11px;
top:12px;
text-align:right;
width: 300px;
height: 48px;
}
#secondarynav li {
float:right;
margin:0 8px;
}
#secondarynav li a {
color:#fff;
}
#secondarynav li a:hover {
text-decoration:underline;
}
/* banner */
#banner {
overflow:hidden;
border-top:6px solid #ededed;
padding:4px 0;
}
#banner img, #banner object {
float:left;
}
/*主要内容区
---------------------------------*/
#main {
overflow: hidden;
padding-top:18px;
}
/* sidebar */
#sidebar {
float:left;
width:219px;
background:#dbe4ff;
text-align:center;
}
/* content */
#content {
float:right;
width:711px;
background:#fff;
}
/* 以下代码片段使左右两列自适应高度 */
#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 {
padding-bottom:32767px !important;
margin-bottom:-32767px !important;
}
@media all and (min-width: 0px) {
#sidebar, #content {
padding-bottom:0 !important;
margin-bottom:0 !important;
}
#sidebar: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;
}
}
/*页脚
---------------------------------*/
#footer {
background:#40446d;
width:100%;
position:relative;
margin-top:16px;
}
#friendlinks {
position:absolute;
right:12px;
top:10px;
}
#friendlinks select {
width:150px;
}
#footer #copyright {
line-height:20px;
float:left;
width:100%;
color:#fff;
padding:20px;
text-align:center;
}
/*首页模块
---------------------------------*/
#about {
margin-bottom:20px;
}
#about .title, #category .title, #contact .title, #products .title, #maintitle, #member .title {
background: repeat-x left bottom;
position:relative;
height:26px;
}
#about .title h3, #category .title h3, #contact .title h3, #products .title h3, #maintitle h3, #member .title h3 {
text-align:left;
background: no-repeat 6px 50%;
font-size:13px;
height:26px;
line-height:26px;
padding-left:20px;
padding-top:0px;
}
.title span, #maintitle span {
position:absolute;
right:10px;
top:0;
line-height:26px;
}
#about .content {
text-align:left;
padding:1em;
}
#category, #contact, #member {
width:189px;
margin:20px auto;
text-align:left;
}
#category .title, #contact .title, #products .title, #maintitle, #member.title  {
background-image:;
margin-bottom:10px;
}
#category .title h3, #contact .title h3 {
background-image:;
}
#contact .content {
line-height:22px;
}
#demo {
width:660px;
overflow:hidden;
margin:0 auto;
}
#demo .productlist03 td {
padding:0 16px;
text-align:center;
}
#demo .productlist03 td a img {
border:1px solid #c0d0e2;
width:175px;
height:131px;
padding:1px;
}
#demo .productlist03 td a:hover img {
}
#demo .productlist03 td span {
line-height:26px;
text-align:center;
}
/* 当前位置 */
#crumbs {
color:#7e7e7e;
text-align:right;
margin-bottom:-10px;
}
#crumbs a {
color:#7e7e7e;
}
#crumbs a:hover {
color:red;
}
/* 产品列表 */
#products {
background:#dbe4ff;
padding:10px;
}
/*内页内容区
---------------------------------*/
#function {
padding:5px 20px 20px 20px;
text-align:left;
min-height:400px; 
height:auto !important; 
height:400px; 
overflow:visible;
}
/*侧栏-三级菜单*/
.subnav {
margin-bottom:10px;
min-height:120px; 
height:auto !important; 
height:120px; 
overflow:visible;
}
.subnav h2 {
height:32px;
line-height:32px;
text-align:left;
font-size:14px;
}
.subnav ul li {
background: repeat-x left bottom;
padding:5px 0;
font-size:12px;
width:100%;
float:left;
}
.subnav ul li li {
background:none;
}
.subnav ul ul {
padding-left:15px;
}
.subnav ul li a {
line-height:16px;
display:block;
background: no-repeat 5px 50%;
padding:0 0 0 20px;
}
.subnav ul li.current li a {
background-image:;
}
.subnav ul li.current li a:hover {
background-color:#ced8f6;
}
.subnav ul li.current li li a {
background-image:;
}
/*--- 产品列表 ---*/
.productlist {
text-align:center;
min-height:200px;
height:auto !important;
height:200px;
overflow:visible;
}
.productlist li {
width:33%;
margin:10px 0;
float:left;
text-align:center;
}
.productlist li img {
border:#c0d0e2 1px solid;
width:175px;
height:131px;
padding:1px;
}
.productlist li a:hover img {
border-color:#052349;
}
.productlist li a span {
text-align:center;
color:#052349;
display:block;
cursor:pointer;
width:80%;
margin:6px auto 0;
line-height:20px;
height:40px;
overflow:hidden;
}
.productlist li a:hover span {
color:#f00;
text-decoration:underline;
}
/*--- 内页新闻列表 ---*/
.newslist{
margin:0 auto;
}
.newslist li{
text-align:left;
padding:10px 0;
border-bottom:1px dashed #ddd;
position:relative;
width:100%;
}
.newslist li a{
padding-left:30px;
background: no-repeat 15px 50%;
}
.newslist li span{
color:#999;
position:absolute;
right:10px;
}
/* 分页
---------------------------------*/
.pages {
height:22px;
padding:30px 0;
}
.pages span, .pages a {
background:#fff;
border:1px solid #ddd;
display:inline;
float:left;
height:20px;
line-height:20px;
margin-right:4px;
padding:0 8px;
}
.pages a:hover {
border-color:#666;
background:#eee;
}
.pages .current {
border:none;
color:#f00;
font-weight:bold;
}
/***** pagination *****/
.pagination {
height:22px;
padding:30px 0;
}
.pagination span, .pagination a {
background:#fff;
border:1px solid #ddd;
display:inline;
float:left;
height:20px;
line-height:20px;
margin-right:4px;
padding:0 8px;
}
.pagination a{
color:#0b93c6;
}
.pagination a:hover {
background:#edfeff;
border-color: #78d0d6;
color:#0b93c6;
}
.pagination .current {
border:none;
color:#f00;
font-weight:bold;
}
.pagination .pr_off, .pagination .nt_off {
color:#ccc;
}
/*--- 提问功能、招聘功能 ---*/
.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  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: 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: 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: repeat-y;
}
.map ul li {
background: no-repeat left top;
font-size:12px;
line-height:24px;
padding-left:15px;
}
.map ul li.lastchild {
background-image:;
}
/*--- 新闻详细页 ---*/
.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: 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;
}
/* 表单：左标签等宽右对齐
---------------------------------*/
fieldset {
border:none;
}
fieldset legend {
font-weight:bold;
height:40px;
line-height:40px;
*margin-left:-7px;
}
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;
outline:none;
padding:2px;
width:200px;
}
fieldset em {
float:left;
text-align:center;
width:7px;
}
fieldset input.text2 {
width:42px;
}
fieldset input.text3 {
width:145px;
}
fieldset textarea {
height:8em;
width:30em;
}
.button, .pagenav a {
background: no-repeat 0 -48px;
float:left;
height:24px;
line-height:14px;
margin:0 10px 0 0;
overflow:hidden;
padding-left:4px;
}
.button input, .pagenav a span {
background: no-repeat 100% 0;
float:left;
border:none;
color:#666;
cursor:pointer;
font-size:12px;
display:inline;
height:24px;
line-height:24px;
outline:none;
white-space:nowrap; /* 强制不换行 */
*overflow:visible;  /*ie中input的padding值随长度变长增加bug */
padding:0 15px 0 11px;
}
.button:hover, .pagenav a:hover {
background-position:0 -72px;
}
.button:hover input, .pagenav a:hover span {
background-position:100% -24px;
color:#1d7bc4;
}
.focusfield {
border:solid 1px #83c6fa;
background:#f6fcff;
color:#000;
}
.idlefield {
background:#fff;
color: #6f6f6f;
border: solid 1px #ddd;
}
/*会员功能工具条
---------------------------------*/
.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;
}

#marqueedemo {
width:650px;
height:160px; 
margin:0 auto; 
overflow:hidden; 
}
#marqueedemo ul li a{
display:block; 
width:172px; 
}
#marqueedemo ul li {
float:left;
text-align:left; 
width:190px;
}
#marqueedemo ul li span{
display:block; 
text-align:center; 
margin-top:4px; 
line-height:20px; 
}
#marqueedemo ul li a img {
display:block;
height:130px; 
border:1px solid #ddd; 
}
#marqueedemo ul li a:hover img{
border-color:#999;
}