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

/* 外部容器
---------------------------------*/
#container {
width:942px;
margin:0 auto;
text-align:left;
background:#fff url(bg11.jpg) repeat-x 0 0;
}
/* 页头:header
---------------------------------*/
#headTop {
position:relative;
height:98px;
background:#fff url(bg.jpg) repeat-x 0 0;
}
/* logo */
#logo {
position:absolute;
left:0;
top:0;
}
/* slogan */
#slogan {
text-align:left;
width:480px;
overflow:hidden;
height:20px;
line-height:20px;
position:absolute;
left:126px;
top:69px;
}
#slogan span {
margin-right:50px;
}
#secondaryNav {
position:absolute;
right:15px;
top:10px;
text-align:right;
}
#secondaryNav li {
float:right;
display:inline;
margin:0 8px;
}
#secondaryNav li a {
background:url(iconSec.gif) no-repeat 0 50%;
padding-left:20px;
color:#17499E;
}
#secondaryNav li a:hover {
text-decoration:underline;
}
/* hotline */
	#hotline {
position:absolute;
right:15px;
top:30px;
}
/* hours */
	#hours {
position:absolute;
right:25px;
bottom:10px;
font-size:13px;
font-weight:bold;
color:#154EA1;
}
/* banner */
#banner {
background:url(bannerBg.jpg) no-repeat 0 0;
overflow:hidden;
padding:19px 3px 0;
}
#banner img, #banner object {
float:left;
}
/* searchbar */
#searchbar {
overflow:hidden;
background:url(searbarBg.jpg) no-repeat 0 0;
text-align:right;
height:23px;
line-height:23px;
padding:6px 30px;
}
#searchbar input {
vertical-align:middle;
}
.btnSearch {
border:none;
outline:none;
background:url(btnSearchBg.gif) repeat-x 0 0;
width:57px;
height:20px;
line-height:20px;
text-align:center;
color:#fff;
font-family:Verdana, Geneva, sans-serif;
}
/* 主要内容区:main
---------------------------------*/
#main {
overflow: hidden;
text-align:left;
}
/* sidebar */
#sidebar {
float:left;
width:238px;
}
/* content */
#content {
float:right;
width:694px;
background:url(divBg.jpg) no-repeat 0 0;
min-height: 580px;
height: auto !important;
height: 580px;
overflow: visible;
}
/* 页脚
---------------------------------*/
#footer {
margin-top:20px;
background:url(footBg.gif) no-repeat 0 0;
padding:20px;
}
#footNav {
float:right;
color:#848484;
}
#footNav a {
color:#848484;
margin: 0 10px;
}
#footNav a:hover {
text-decoration:underline;
}
#copyright {
text-align:left;
line-height:20px;
}
/* 首页模块
---------------------------------*/
#leftColumn {
float:left;
width:238px;
}
#centerColumn {
float:left;
width:452px;
background:url(divBg.jpg) no-repeat 0 0;
min-height: 580px;
height: auto !important;
height: 580px;
overflow: visible;
display:inline;
padding-left:10px;
margin-left:4px;
}
#rightColumn {
float:right;
width:229px;
background:url(rightsideBg.jpg) no-repeat 0 0;
min-height: 500px;
height: auto !important;
height: 500px;
overflow: visible;
}
.title {
height:41px;
line-height:41px;
position:relative;
}
.title h2 {
padding-left:20px;
}
.title span {
position:absolute;
right:0;
top:0;
}
/* category */
#category,
#subNav {
background:url(categoryBgBottom.jpg) no-repeat 0 100%;
width:216px;
margin:5px auto 0;
}
#category ul {
background:url(categoryBgTop.jpg) no-repeat 0 0;
padding:48px 15px 15px;
min-height: 200px;
height: auto !important;
height: 200px;
overflow: visible;
}
#subNav h2 {
height:47px;
line-height:47px;
font-size:14px;
color:#E40404; 
font-family:"微软雅黑";
padding-left:20px; 
background:url(categoryBgTop2.jpg) no-repeat 0 0;
}
#subNav ul {
background:url(categoryBgTop3.jpg) no-repeat 0 0;
padding:0 15px 15px;
min-height: 200px;
height: auto !important;
height: 200px;
overflow: visible;
}
#category ul li,
#subNav ul li {
margin-bottom:2px;
height:26px;
float:left;
width:100%;
position:relative;
z-index:100;
}
#category ul li a,
#subNav ul li a {
background:url(cateItemBg.gif) no-repeat 0 -26px;
display:block;
padding-left:28px;
height:26px;
line-height:26px;
color:#076290;
}
#category ul li a:hover, #category ul li.current a,
#subNav ul li a:hover, #subNav ul li.current a {
color:#fff;
background-position:0 0;
}

#category ul ul,
#subNav ul ul {
background:none;
padding:0;
position:absolute;
left:186px;
top:0;
width:120px;
display:none;
}
#category ul ul ul,
#subNav ul ul ul {
left:120px;
}
#category ul ul li,
#subNav ul ul li {
background:#1D94E8;
margin:0;
border-bottom:1px solid #81C5F5;
border-left:1px solid #81C5F5;
padding:0;
}
#category ul ul li a,
#subNav ul ul li a {
color:#fff;
padding:0 14px;
background:none;
}
#category ul ul li a:hover, #category ul ul li.current a, #category ul ul li.current ul a:hover,
#subNav ul ul li a:hover, #subNav ul ul li.current a, #subNav ul ul li.current ul a:hover {
color:#fff;
background:#0C72BB;
}
#category ul ul li.current ul a,
#subNav ul ul li.current ul a{
background:none;}
/* showcase */
#showcase {
background:url(showBg.gif) no-repeat 0 100%;
margin-top:16px;
}
#showcase .content {
padding:0 8px 16px;
overflow:hidden;
}
/* news */
#news .title {
background:url(newsTitleBg.gif) no-repeat 0 0;
padding-top:4px; 
}
#news .content {
padding:0 10px 16px 10px;
height:140px; 
overflow:hidden; 
}
#tabs{
margin:0 0 0 20px; 
}
#tabs li {
float:left;
height:26px; 
display:inline; 
margin-right:1px; 
overflow:hidden; 
background:url(tabBg.gif) no-repeat -78px 0;
cursor:pointer;
}
#tabs li img{
display:block; 
}
#tabs li.active{
background-position:0 0;
}
.tabContent{
display:none; 
}
/* products */
#products .title {
background:url(productTitleBg.gif) no-repeat 0 0;
}
#products .content {
padding:10px 0 1px 1px;
}
#products .listItem {
background-color:#F4F4F4;
height:99px;
overflow:hidden;
position:relative;
margin:5px 0;
float:left;
display:inline;
width:100%;
}
#products .new {
background-image:url(iconNew.gif);
background-repeat:no-repeat;
background-position:100% 0;
}
#products .listItem .viewMore {
position:absolute;
right:10px;
bottom:10px;
font-family:Verdana, Geneva, sans-serif;
color:#3987DB;
}
#products .listItem .viewMore:hover {
color:#f00;
}
#products .listItem .productImage {
float:left;
border-right:1px solid #fff;
display:inline;
margin-right:12px;
}
#products .listItem .productImage img {
padding:3px;
border:1px solid #E5E5E5;
background:#fff;
}
#products .listItem .productInfo a strong {
display:inline;
line-height:26px;
height:26px;
color:#003080;
}
#products .listItem .productInfo a:hover strong {
color:#f00;
}
#products .listItem .productInfo p {
margin:5px 0;
line-height:18px;
}
#marqueeDemo{
overflow:hidden; 
position:relative; 
height:250px;
margin-top:10px; 
}
/* cases */
#cases {
width:221px;
height:287px; 
margin:5px auto 0;
background:url(showBg.gif) no-repeat 0 100%;
}
#cases .title {
background:url(caseTitleBg.gif) no-repeat 0 0;
height:47px;
line-height:47px;
}
#cases .title h2 {
padding:18px 0 0 25px;
}
#cases .title span{
top:20px;
right:15px;
}
#cases .content {
padding:10px;
}
.caseList div {
float:left;
width:100%;
margin-bottom:10px;
text-align:center;
}
.caseList div a {
display:block;
margin:0 auto;
}
.caseList div a img {
border:1px solid #E5E5E5;
padding:3px;
background:#fff;
}
.caseList div a:hover img {
border-color:#92CCEB;
}
.caseList div a span {
display:block;
height:22px;
line-height:22px;
margin-top:6px;
}
#marqueeDemo2{
position:relative; 
overflow:hidden; 
width:200px;
margin:20px 0; 
}
/* contact */
#contact {
width:196px;
margin:0 auto;
}
#contact .content {
padding:10px;
}
#sidebar #contact {
margin-top:20px;
}
/* design & konwledge */
#design,
#knowledge{
width:186px; 
margin:10px auto; 
}
#design{
margin-bottom:30px; 
}
#design .title,
#knowledge .title {
background:url(titleBg.gif) no-repeat 0 100%;
height:32px; 
line-height:32px; 
}
#design .title h2,
#knowledge .title h2 {
padding:0; 
}
#design .title span,
#knowledge .title span{
top:8px;
}
.btnMore {
text-align:right; 
padding:8px; 
}

/* 内页内容区
---------------------------------*/
#mainTitle {
position:relative;
height:37px;
line-height:37px;
margin-top:5px;
}
#mainTitle h2 {
color:#DD0302;
font-size:15px;
background:url(mainTitleIcon.gif) no-repeat 20px 50%;
padding-left:45px;
}
#mainTitle span {
position:absolute;
right:20px;
top:0;
color:#183C92;
font-family:Verdana, Geneva, sans-serif;
}
#mainTitle span a {
color:#183C92;
}
#mainTitle span a:hover {
color:#f00;
}
#function {
background:url(functionBg.jpg) no-repeat 0 0;
padding:20px 5px 20px 25px;
}
#cate {
background:url(listDiv01.gif) repeat-x 0 100%;
padding-bottom:10px;
}
#catePic {
float:left;
width:265px;
}
#catePic img {
width:255px;
border:1px solid #ddd;
padding:4px;
background:#fff;
}
#cateInfo {
float:right;
width:355px;
padding-right:10px;
}
#cateInfo h3 {
color:#003080;
font-size:14px;
}
/* 产品列表
---------------------------------*/
.productList {
text-align:center;
}
.productList li {
width:640px;
float:left;
display:inline;
padding:20px 0;
text-align:center;
border-bottom:1px dashed #ccc; 
}
.productList .thumbnail {
display:block;
float:left;
}
.productList li .thumbnail img {
border:#5697CF 1px solid;
padding:1px;
background:#ff;
width:100px;
height:100px;
}
.productList li .thumbnail:hover img {
border-color:#4AA0CD;
}
.productList li .info {
width:500px;
float:right;
padding:0 10px 30px 10px;
text-align:left;
position:relative;
overflow:hidden;
}
.productList li .info strong {
display:block;
height:20px;
padding:0 0 6px 20px;
background:url(listIcon11.gif) no-repeat 0 0;
}
.productList li .info span {
display:block;
overflow:hidden;
line-height:20px;
}
.viewMore2 {
position:absolute;
right:10px;
bottom:10px;
}
.productList h3 {
color:#003080;
font-size:14px;
height:40px;
line-height:40px;
text-align:left;
}
.productList02 {
text-align:center;
}
.productList02 li {
width:640px;
float:left;
padding:3px;
text-align:center;
background-color:#F4F4F4;
margin:2px 2px 8px;
}
.productList02 li h3 {
font-size:12px;
text-align:left;
color:#003080;
height:26px;
line-height:26px;
margin-bottom:2px; 
}
.productList02 li h3 a span {
color:#003080;
}
.productList02 li h3 a:hover span {
color:#f00;
}
.product02Image {
float:left;
width:142px; 
}
.product02Image img {
background:#fff;
padding:2px; 
border:1px solid #ccc; 
}
.product02Info {
float:right;
display:inline; 
margin-right:20px; 
width:460px;
}
.product02Info h3{
position:relative; 
}
.product02Info h3 .btnDetails{
position:absolute; 
right:10px;
top:8px;
}
.product02Info p{
margin:0 0 8px; 
line-height:20px; 
}

/* 新闻列表
---------------------------------*/
.newsList {
margin:0 auto;
}
.newsList li {
float:left;
line-height:14px;
position:relative;
text-align:left;
width:100%;
padding:10px 0;
background:url(listDiv01.gif) repeat-x 0 100%;
}
.newsList li a {
background:url(listIcon01.gif) no-repeat 0 0;
*background-position:0 -2px;
padding-left:20px;
}
.newsList li span {
color:#999;
position:absolute;
right:10px;
}
.newsList02 li{
padding:7px 0; 
}
/* 分页
---------------------------------*/
.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:hover {
border-color: #78D0D6;
background:#EDFEFF;
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 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%;
}
/* 网站地图
---------------------------------*/
#webmap {
padding-bottom:20px;
}
#webmap dt {
color:#975317;
float:left;
height:19px;
line-height:19px;
margin-top:20px;
width:100%;
}
#webmap dt .dtBg01 {
background:url(webmapBg.gif) no-repeat 100% top;
float:left;
}
#webmap dt .dtBg02 {
background:url(webmapBg.gif) no-repeat 0 -38px;
float:left;
line-height:19px;
padding:0 10px;
}
#webmap dd {
float:left;
height:19px;
line-height:19px;
margin:4px 3px 0 0;
}
#webmap dd a {
background:url(webmapBg.gif) no-repeat 100% -19px;
float:left;
}
#webmap dd a span {
background:url(webmapBg.gif) no-repeat 0 -57px;
cursor:pointer;
float:left;
line-height:19px;
padding:0 10px;
white-space:nowrap; /* 强制不换行 */
}
#webmap dd a:hover {
background-position:100% 0;
}
#webmap dd a:hover span {
background-position: 0 -38px;
color:#975317;
}
/* 新闻详细页
---------------------------------*/
.article h3 {
border-bottom:1px solid #ddd;
font-size:14px;
line-height:28px;
text-align:center;
}
.article .newsDate {
line-height:22px;
margin-bottom:16px;
text-align:center;
}
/* 相关新闻
---------------------------------*/
.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;
}
#productDetails th h3 {
text-align:center;
font-size:12px;
line-height:22px;
}
#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;
}
.proImg {
padding:10px;
text-align:center;
}
/* 表单：左标签等宽右对齐
---------------------------------*/
fieldset {
border:none;
padding-left:120px;
}
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;
}
.focusField {
border:solid 1px #5E99B2;
background:#fff;
color:#5E99B2;
padding:1px;
}
.idleField {
background:#fff;
color: #6F6F6F;
padding:1px;
border: solid 1px #92C2D6;
}
/* 默认按钮样式
---------------------------------*/
.pageNav {
margin:20px 0;
text-align:center;
}
.button, .pageNav a {
background:url(btnBg.gif) no-repeat 0 -48px;
display:inline-block;
height:24px;
line-height:14px;
margin:0 10px 0 0;
overflow:hidden;
padding-left:4px;
}
.button input, .pageNav a span {
background:url(btnBg.gif) 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;
}
/* 会员功能
---------------------------------*/
#member {
position:relative;
width:100%;
}
.btn {
float:left;
height:24px;
line-height:24px;
margin-right:10px;
}
/*会员功能工具条
---------------------------------*/
.toolbar {
position:absolute;
right:0;
text-align:right;
top:0;
background:#fff;
}
#toolbarHandler {
text-align:center;
position:absolute;
right:0;
top:0;
border:1px solid #C1D7E4;
border-width:1px 2px 1px 1px;
height:24px;
line-height:24px;
overflow:hidden;
width:80px;
}
#toolbarHandler img, .toolbar ul a img {
vertical-align:middle;
}
#toolsList {
text-align:left;
display:none;
}
.toolbar ul {
border:1px solid #C1D7E4;
border-width:1px 2px 1px 1px;
padding-top:25px;
width:150px;
}
.toolbar ul li {
float:left;
width:100%;
border-bottom:1px solid #C1D7E4;
}
.toolbar ul a {
display:block;
height:34px;
line-height:34px !important;
overflow:hidden;
}