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

/*外部容器
---------------------------------*/
#container {
width:982px;
margin:0 auto;
background:#fff;
}
/*页头
---------------------------------*/
#header {
}
#headTop {
position:relative;
height:94px;
}
/* logo */
#logo {
position:absolute;
left:0;
top:0;
}
#secondaryNav {
position:absolute;
right:10px;
top:50px;
text-align:right;
}
#secondaryNav li {
float:right;
margin:0 8px;
height:18px;
}
#secondaryNav li a {
color:#29758A;
background-position:0 0;
background-repeat:no-repeat;
padding-left:22px;
line-height:18px;
height:18px;
float:left;
}
#secondaryNav li a:hover {
text-decoration:underline;
}
#secondaryNav li.setHome a {
background-image:url(iconHome.gif);
}
#secondaryNav li.setFav a {
background-image:url(iconFav.gif);
}
#secondaryNav li.siteMap a {
background-image:url(iconSiteMap.gif);
}
/* banner */
#banner {
overflow:hidden;
margin:4px 0;
}
#banner img, #banner object {
float:left;
}
/*主要内容区
---------------------------------*/
#main {
overflow: hidden;
text-align:left;
}
/* sideBar */
#sideBar {
float:left;
width:227px;
display:inline;
margin-left:8px;
}
/* content */
#content {
float:left;
width:703px;
background:url(mainBg.gif) no-repeat 0 0;
min-height:450px;
height:auto !important;
height:450px;
overflow:visible;
padding:20px;
}
/*页脚
---------------------------------*/
#footer {
background-color:#fff;
background-image:url(footBg.gif);
background-repeat:repeat-x;
background-position:0 1px !important;
background-position:0 2px;
border-top:1px solid #D2D2D2;
margin-top:24px;
}
#footer .copyright {
line-height:20px;
padding:18px 0;
}
/*首页模块
---------------------------------*/
#row01 {
margin-bottom:4px;
}
#products, #cases, #news, #companyNews {
float:left;
}
#products {
width:300px;
background:#C00010;
padding:8px;
}
#products .content {
}
#products .content img {
border:2px solid #9AC5E7;
border-width:3px 2px;
}
#cases {
width:373px;
border:8px solid #F2FAFE;
}
#cases .title {
background:url(castTitleBg.gif) repeat-x left bottom;
}
#cases .content {
padding:10px;
height:197px;
overflow:hidden;
background:#F0F0F0;
}
#videos {
width:254px;
float:right;
background:url(boxBottom.gif) no-repeat left bottom;
}
#videoWrapper {
background: url(boxTop.gif) no-repeat 0 0;
}
#videos .content {
text-align:center;
padding:8px 0 12px 0;
}
#news {
width:316px;
}
#news .content {
background: url(newsBg02.gif) no-repeat 0 0;
height:202px;
overflow:hidden;
}
#companyNews {
width:389px;
}
#news, #companyNews {
height:232px;
background: url(newsBg.gif) repeat-x 0 30px;
}
#companyNews .content {
height:202px;
overflow:hidden;
background:url(companyNewsBg.gif) no-repeat right top;
}
.contentWrapper {
padding:10px;
height:182px;
overflow:hidden;
}
.companyNewsImg {
float:left;
width:112px;
height:153px;
}
#news .contentWrapper {
background:url(newsBg03.gif) no-repeat right 50%;
padding-right:20px;
}
#companyNews .contentWrapper {
padding-left:0;
}
#service {
width:254px;
float:right;
background:url(serviceBg.jpg) no-repeat 0 0;
}
#service .content {
margin:120px 30px 10px 30px;
min-height:100px;
height:auto !important;
height:100px;
overflow:visible;
}
.title {
position:relative;
height:30px;
}
.title span {
position: absolute;
right:10px;
top:0;
}
/*--- 内页新闻列表 ---*/
.newsList {
margin:0 auto;
}
.newsList li {
text-align:left;
padding:10px 0;
background:url(listDiv01.gif) repeat-x bottom;
position:relative;
width:100%;
}
.newsList li a {
padding-left:30px;
background:url(listIcon07.gif) no-repeat 10px 0;
}
.newsList li span {
color:#999;
position:absolute;
right:10px;
}
#companyNews .contentWrapper .newsList {
float:right;
width:250px;
}
.contentWrapper .newsList li {
padding:8px 0;
}
.contentWrapper .newsList li a {
background:url(listIcon08.gif) no-repeat 10px 0;
}
/*侧栏-三级菜单*/
#subNav {
margin-bottom:10px;
background:url(sideBg.gif) repeat-y 0 0;
}
#subNav h2 {
height:63px;
line-height:63px;
text-align:center;
color:#fff;
font-size:14px;
background:url(sideTop.gif) no-repeat 0 0;
}
#subNav ul#menu {
background:url(sideBottom.gif) no-repeat left bottom;
padding:20px 19px;
min-height:150px;
height:auto !important;
height:150px;
overflow:visible;
}
#subNav ul li {
font-size:12px;
width:100%;
float:left;
}
#subNav ul li a {
line-height:28px;
height:28px;
display:block;
background:url(subNavItemBg.gif) no-repeat 0 0;
padding-left:46px;
color:#595959;
}
#subNav ul li a:hover {
color:#B20D0D;
}
#service02 {
background:url(serviceBg02.jpg) no-repeat 0 0;
padding:118px 20px 20px 20px;
}
#service02 .content {
line-height:22px;
}
/*内页内容区
---------------------------------*/
#mainTitle {
position:relative;
height:30px;
line-height:30px;
background:url(mainTitleBg.gif) no-repeat left bottom;
}
#mainTitle h2 {
font-size:14px;
color:#3074AF;
padding-left:15px;
}
#mainTitle span {
position:absolute;
right:10px;
top:0;
}
#function {
padding:30px 20px;
}
/*--- 产品列表 ---*/
.productList{
text-align:center;
}
.productList li{
width:33.3%;
margin:10px 0;
float:left;
text-align:center;
height:150px;
overflow:hidden;
}
.productList li a img{
border:#D8D8D8 1px solid;
padding:3px;
width:183px;
height:110px;
}
.productList li a:hover img{
	border-color:#333;}
.productList li a span{
text-align:center;
color:#3074AF;
}
.productList li a:hover span{
color:#000;
text-decoration:underline;
}
.productList span{
display:block;
cursor:pointer;
margin:6px auto 0;
line-height:20px;
overflow:visible;
}
/*--- 分页 ---*/
.pages{
text-align:center;
line-height:24px;
height:24px;
padding:30px 0;
}
/*--- 提问功能、招聘功能 ---*/
.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%;
}
/*网站地图*/
.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;
}
/*--- 表单：左标签等宽右对齐 ---*/
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 {
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;
}