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

/*外部容器
---------------------------------*/
#container {
width:1002px;
margin:0 auto;
background:url(mainBg.jpg) no-repeat right 288px;
}
/*页头
---------------------------------*/
#header {
}
/* banner */
#banner {
height:288px;
overflow:hidden;
}
/*主要内容区
---------------------------------*/
#mainBg01 {
width:962px;
margin:0 auto;
background:#fff url(mainBgLeft.gif) repeat-y left top;
}
#mainBg02 {
background:url(mainBgRight.gif) repeat-y right top;
padding:0 2px;
}
#main {
background:url(mainBg02.jpg) repeat-x 0 0;
border-top:2px solid #fff;
overflow: hidden;
text-align:left;
padding:30px 0 20px 0;
}
/* sidebar */
#sidebar01 {
float:right;
width:269px;
margin-right:23px;
display:inline;
background:url(sideIndexBg.gif) repeat-y 0 0;
}
#sidebar01Wrapper01 {
background:url(sideIndexBottom.gif) no-repeat left bottom;
}
#sidebar01Wrapper02 {
background:url(sideIndexTop.jpg) no-repeat left top;
padding:10px 0 20px 0;
}
/* content */
#content01 {
float:left;
width:630px;
margin-left:25px;
display:inline;
}
#sidebar02 {
float:left;
width:249px;
margin-left:25px;
display:inline;
}
#content02 {
float:right;
width:650px;
margin-right:23px;
display:inline;
}
/*页脚
---------------------------------*/
#footerBg01 {
width:962px;
margin:0 auto;
background:#fff url(mainBgLeft.gif) repeat-y 0 0;
}
#footerBg02 {
background:url(mainBgRight.gif) repeat-y right top;
}
#footer {
background:url(footBg02.gif) no-repeat left bottom;
position:relative;
padding-bottom:20px;
}
#footer #copyright {
background:url(footBg01.gif) no-repeat left top;
width:907px;
margin: 0 auto;
text-align:left;
line-height:20px;
padding:10px 0 10px 0;
}
#footIcon {
width:101px;
height:93px;
background:url(footIcon.png) no-repeat 0 0;
position:absolute;
right:10px;
bottom:10px;
}
#secondaryNav {
position:absolute;
right:120px;
top:10px;
text-align:right;
line-height:20px;
}
#secondaryNav li {
float:right;
margin:0 4px;
}
/*首页模块
---------------------------------*/
#cases, #honor, #contact, #online {
width:242px;
margin:0 auto;
}
.commend {
padding-top:10px;
}
.title {
padding:10px 0;
position:relative;
}
.title span {
position:absolute;
right:0;
top:10px;
}
.casePic {
float:left;
width:92px;
}
.casePic a img {
border:2px solid #E6FAFF;
}
.casePic a:hover img {
border-color: #39F;
}
.caseInfo {
float:right;
width:140px;
}
.caseInfo h3 {
font-size:12px;
}
.caseInfo h3 a {
color:#478F09;
}
.caseInfo h3 a:hover {
text-decoration:underline;
}
.caseInfo p {
margin:0;
line-height:19px;
}
#cases ul {
padding-top:8px;
}
#cases li {
background:url(listDiv01.gif) repeat-x left bottom;
padding:6px 0 6px 6px;
}
#honor .content {
background:#9FD7E7;
text-align:center;
padding:8px 0;
}
#viewer {
height:157px;
width:216px;
overflow:hidden;
margin:0 auto;
}
#viewer li {
height:157px;
width:216px;
}
#viewer li img {
height:157px;
width:216px;
}
#contact {
background:url(contactBg.png) repeat-y 0 0;
margin-top:10px;
}
#contactWrapper {
background: url(contactTop01_en.jpg) no-repeat 0 0;
padding-top:28px;
}
#contactWrapper02 {
background: url(contactTop02_en.jpg) no-repeat 0 0;
padding-top:28px;
}
#contact .content {
background:url(contactImg.png) no-repeat 2px bottom;
min-height:81px;
height:auto !important;
height:81px;
overflow:visible;
padding:20px 10px 10px 80px;
color:#5EA8CF;
line-height:18px;
}
#online {
background:url(contactBottom.png) no-repeat 0 0;
height:67px;
overflow:hidden;
color:#0053A3;
}
#online .content {
padding:10px;
line-height:16px;
}
#profile {
background:url(profileBg.gif) repeat-y 0 0;
}
#profile .wrapper01 {
background:url(profileBottom.gif) no-repeat left bottom;
}
#profile .wrapper02 {
background:url(profileTop_en.gif) no-repeat left top;
padding:60px 20px 20px 20px;
}
#profile .wrapper02 img {
float:left;
margin:0 20px 20px 0;
}
#profile .wrapper02 p {
line-height:22px;
}
#products {
background:url(productBg.gif) repeat-y 0 0;
margin-top:16px;
}
#products .wrapper01 {
background:url(productBottom.jpg) no-repeat left bottom;
}
#products .wrapper02 {
background:url(productTop.gif) no-repeat left top;
height:166px;
padding:20px;
}
#demo {
width:590px;
overflow:hidden;
}
#demo a img {
border:2px solid #DCDCDC;
}
#demo a:hover img {
border-color:#40C522;
}
#demo td {
padding:0 4px;
}
/*侧栏-三级菜单*/
#subNavWrapper {
background:url(subNavBg.gif) repeat-y 0 0;
margin-bottom:40px;
}
#subNav {
background:url(subNavBottom.gif) no-repeat left bottom;
}
#subNav h2 {
height:44px;
line-height:44px;
text-align:left;
background:url(subNavTitleBg.jpg) no-repeat 0 0;
padding-left:20px;
}
#subNav ul#menu {
margin:0 3px;
background:url(subNavBg02.gif) repeat-x 0 0;
min-height:250px;
height:auto !important;
height:250px;
overflow:visible;
padding:20px 15px 0 14px;
}
#subNav ul li {
font-size:12px;
width:100%;
display:block;
border-bottom:1px solid #DFDFDF;
overflow:hidden;
}
#subNav ul li li {
border:none;
}
#subNav ul ul {
padding-left:40px;
}
#subNav ul li a {
line-height:29px;
font-weight:bold;
display:block;
width:182px;
background:url(subNavItemBg.gif) no-repeat 0 0;
padding:0 0 0 40px;
}
#subNav ul li a:hover, #subNav ul li.current a {
color:#fff;
background-position:0 -29px;
}
#subNav ul li.current li a {
text-align:left;
width:80px;
color:#333;
background:url(listIcon02.gif) no-repeat 0 7px;
line-height:24px;
font-weight:normal;
padding-left:15px;
}
#subNav ul li.current li a:hover {
color:#03C;
}
#subNav ul li.current li li a {
background-image:url(listIcon03.gif);
}
#search {
width:236px;
height:82px;
margin:0 auto;
background:url(searchBg_en.jpg) no-repeat 0 0;
}
#search form {
padding:38px 0 0 16px;
}
.btnSearch {
width:52px;
height:20px;
background:url(btnSearch_en.gif) no-repeat 0 0;
border:none;
cursor:pointer;
}
/*内页内容区
---------------------------------*/
#mainTitle {
background:url(mainTitleRight.gif) no-repeat right top;
height:35px;
overflow:hidden;
position:relative;
}
#mainTitle h2 {
font-size:14px;
color:#0F67C4;
height:35px;
line-height:35px;
background:url(mainTitleLeft.gif) no-repeat 0 0;
padding-left:20px;
}
#mainTitle span {
position:absolute;
line-height:35px;
right:10px;
top:0;
}
#function {
padding: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;
background:url(listIcon01.gif) no-repeat 15px 50%;
}
.newsList li span {
color:#999;
position:absolute;
right:10px;
}
/*--- 产品列表 ---*/
.productList {
text-align:center;
min-height:200px;
height:auto !important;
height:200px;
overflow:visible;
}
.productList li {
width:33%;
margin:20px 0;
float:left;
}
.productList li img {
border:2px solid #DCDCDC;
width:186px;
height:129px;
}
.productList a:hover img {
border-color:#40C522;
}
.productList li a span {
text-align:center;
font-weight:bold;
}
.productList li a:hover span {
color:#40C522;
text-decoration:underline;
}
.productList span {
display:block;
cursor:pointer;
width:80%;
margin:6px auto 0;
line-height:20px;
line-height:20px;
height:40px;
overflow:hidden;
}
/*--- 产品详细页 ---*/
#productImage {
text-align:center;
margin:20px 0;
}
#productFeature {
width:100%;
}
#productFeature th {
width:20%;
text-align:right;
}
.productDetails {
margin:20px auto;
text-align:center;
width:90%;
}
.productName h4 {
font-size:14px;
line-height:50px;
height:50px;
}
/*--- 新闻详细页 ---*/
.article h3 {
border-bottom:1px solid #ddd;
font-size:14px;
height:30px;
line-height:30px;
text-align:center;
}
.article .newsDate {
line-height:22px;
margin-bottom:16px;
text-align:center;
}
.pageNav {
margin:20px auto;
}
.pageNav li {
float:right;
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;
}
/*--- 分页 ---*/
.pages {
text-align:center;
line-height:24px;
height:24px;
padding:30px 0;
}
/*--- 表单：左标签等宽右对齐 ---*/
fieldset {
border:none; /*1px solid #999;*/
margin: 1.5em 0;
padding-bottom:1em;
}
fieldset legend {
border:1px solid #999;
font-weight:700;
margin-left:10px;
padding:1px 10px;
}
fieldset ol {
list-style: none;
margin-top: 1em;
}
fieldset li {
display:inline;
float: left;
padding-bottom: 1em;
width: 100%;
}
fieldset li label {
float: left;
margin-right: 1em;
text-align: right;
width: 12em;
line-height:22px;
}
fieldset input.text, fieldset textarea {
border:1px solid #999;
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;
font-family:Arial, Helvetica, sans-serif;
}
div.submit a {
margin-right:8px;
}
div.submit, div.submit2 {
padding-left:13em;
text-align:left;
}
/*会员功能*/
.memberLogin, .register, .fetchPassword, .passwordModify, .userInfo {
margin:0 auto;
width:550px;
}
.toolbar {
border:1px solid #999;
}
.memberLogin .text {
width:180px;
}
.toolbar a {
float:left;
display:block;
padding:4px 10px;
border-right:1px solid #999;
}
.toolbar a:hover {
background:#ddd;
}