/**
* Description£ºLayout CSS for the website
* Author£ºGavin
* E-mail: shengzhizhang@gmail.com
* Created On£º2008-10-27
* Last modification On£º2010-3-8
**/

/***** Container *****/
#container {
margin:0 auto;
width:994px;
}
#wrap {
background: url(/templates/gb2312/no1/images/bg_foot.jpg) repeat-x 0 100%;
}

/***** Header *****/
#headTop {
background: url(/templates/gb2312/no1/images/bg_head.jpg) no-repeat 0 0;
height:88px;
position:relative;
}

/***** Logo *****/
#logo {
left:0;
position:absolute;
top:0;
}

/***** Secondary navigation *****/
#secondaryNav {
position:absolute;
right:10px;
top:10px;
text-align:right;
}
#secondaryNav a{
display: inline-block;
background-position: 0 50%;
background-repeat: no-repeat;
line-height: 16px;
padding-left: 16px;
margin-left: 16px;
}
#secondaryNav a.secContact{
background-image: url(/templates/gb2312/no1/images/icon_contact.gif);
}
#secondaryNav a.secFav  {
background-image: url(/templates/gb2312/no1/images/icon_fav.gif);
}

/***** phone *****/
#phone {
position: absolute;
right: 10px;
bottom: 10px;
font-size: 18px;
color: #C60013;
font-family: "microsoft yahei", "΢ÈíÑźÚ", "ºÚÌå", "simsun", "ËÎÌå";
}

/***** Banner *****/
#banner {
border: 1px solid #375F8D;
overflow:hidden;
}

/***** Main *****/
#main {
overflow: hidden;
text-align:left;
}
.inside{
background: url(/templates/gb2312/no1/images/bg_dot.gif) repeat-y 220px 0;
}

/***** Sidebar *****/
#sidebar {
float:left;
width:210px;
}

/***** Content *****/
#content {
float:right;
width:764px;
display: inline;
margin-right: 10px;
}
.searchcontent{
width:1000px;
}

/***** Footer *****/
#footer {
background: url(/templates/gb2312/no1/images/bg_copyright.jpg) no-repeat 0 100%;
color: #7F9DB1;
}
#footNav {
background: url(/templates/gb2312/no1/images/bg_foot_nav.jpg) no-repeat 0 0;
text-align: center;
height: 30px;
line-height: 30px;
overflow: hidden;
border-top: 8px solid #fff;
}
#footNav, #footNav a{
color: #fff;
}
#footNav a:hover{
color: #142180;
}
#copyright {
line-height:20px;
min-height: 93px;
height: auto !important;
height: 93px;
overflow: visible;
padding: 15px;
}

/***** Index modules *****/
.colLeft{
float: left;
width: 240px;
}
.colCenter{
float: left;
width: 522px;
display: inline;
margin-left: 11px;
}
.colRight{
float: right;
width: 210px;
}
.box{
border: 1px solid #375F8D;
background-color: #fff;
margin-bottom: 8px;
}
.box .title{
height: 34px;
line-height: 32px;
position: relative;
z-index: 1;
padding-top: 6px;
}
.box .title h2{
border: 1px solid #E8ECF1;
border-width: 1px 0;
font-size: 14px;
color: #2159E1;
background: url(/templates/gb2312/no1/images/title_icons.gif) no-repeat 2px 0;
padding-left: 33px;
font-family: "microsoft yahei", "΢ÈíÑźÚ", "ºÚÌå", "simsun", "ËÎÌå";
}
.box .title h2 em{
font-size: 11px;
font-family: "Times New Roman", Gerogia;
}
.box .title span{
position: absolute;
right: 4px;
top: 8px;
font-family: "Times New Roman", Gerogia;
text-transform: uppercase;
font-size: 10px;
}
.box .title span a{
color: #0041C4;
}
.box .title span a:hover{
color: #DF6900;
}
.box .content{
padding: 5px 10px;
height: 130px;
overflow: hidden;
line-height: 22px;
}
#notice h2 {
background-position: 0 -192px;
}
#bulletin h2, #newPartners h2 {
background-position: 0 -160px;
}
#login .title{
position: static;
}
#login h2 {
background-position: 0 -32px;
}
#publishing h2 {
background-position: 0 -128px;
}
#transaction h2 {
background-position: 0 -96px;
}
#enterprises h2 {
background-position: 0 -64px;
}
#data h2 {
background-position: 0 -224px;
}
#news .title, #periodical .title, #subNav .title {
height: 26px;
line-height: 26px;
padding: 0;
background: url(/templates/gb2312/no1/images/bg_tab.gif) repeat-x 0 0;
position: static;
border: 1px solid #fff;
border-width: 1px 1px 0;
}
#periodical .title{
font-size: 14px;
font-weight: bold;
padding-left: 10px;
}
#periodical .tabContent{
line-height: 22px;
}
#periodical .cover{
float: left;
width: 63px;
height: 81px;
display: inline;
margin-right: 10px;
}
#news .title h2{
border: none;
background: none;
padding-left: 10px;
color: #fff;
float: left;
display: inline;
margin-right: 20px;
}
.tabs li {
float: left;
color: #fff;
display: inline;
padding: 0 10px;
line-height: 20px;
height: 20px;
margin-top: 6px;
cursor: pointer;
}
.tabs li.active{
background: #fff;
color: #07268A;
}
.tabContent{
display: none;
overflow: hidden;
}
#news .tabContent {
padding: 15px 10px;
width: 500px;
height: 314px;
}
#periodical .tabContent {
padding: 10px;
height: 134px;
position: relative;
}
.newsPic{
float: left;
width: 117px;
height: 82px;
overflow: hidden;
}
.newsInfo{
float: right;
width: 365px;
height: 78px;
overflow: hidden;
}
.newsInfo h3{
font-size: 14px;
}
.newsInfo h3 a{
color: #000;
line-height: 24px;
}
.newsInfo h3 a:hover{
text-decoration: underline;
}
.newsInfo p{
line-height: 18px;
}
.newsPic img{
width: 117px;
}
#news .newsList {
height: 230px;
overflow: hidden;
clear:both;
padding-top: 8px;
width: 500px;
}
#news .newsList li{
position: static;
}
#news .newsList li img{
display: inline;
vertical-align: middle;
}
#enterprises .content {
height: 310px;
padding: 10px 0;
}
#enterprises li {
float: left;
width: 100%;
text-align: center;
overflow: hidden;
height: 52px;
margin-bottom: 10px;
}
#enterprises li a img{
border: 1px solid #85ADBC;
}
#enterprises li a:hover img{
border-color: #32AE00;
}
#bannerAd, #links {
clear: both;
overflow: hidden;
height: 102px;
}
#links {
background:#fff url(../images/bg_links.gif) no-repeat 6px 0;
padding-left: 40px;
margin-bottom: 0;
}
#marqueeDemo {
width:920px;
height:78px;
margin:24px auto 0; 
overflow:hidden; 
background:#fff;
}
#marqueeDemo ul li {
float:left;
text-align:left; 
width:210px;
}
#marqueeDemo ul li img {
display:block; 
border: 1px solid #DDD;
}
#marqueeDemo ul li span{
display: block;
background-color: #f00;
width: 130px;
text-align: center;
}
.infoImg{
float: left;
width: 98px;
margin-top: 10px;
}
#policy .newsList,  #data .newsList, #newPartners .newsList{
float: right;
width: 390px;
}
#login input{
vertical-align: middle;
}
#login .submit input, #search .submitSearch, #newsSearch  .submitSearch{
line-height: 20px;
height: 22px;
}
#login p{
margin-bottom: 4px;
}
#login label{
width: 50px;
display: inline-block;
}
#login img{
display: inline;
vertical-align: middle;
}
.inputSearch{
width: 136px;
}

/***** Sub navigation *****/
#subNav {
margin-bottom:8px;
}
#subNav h2 {
font-size:14px;
height:26px;
line-height:26px;
text-align:left;
border: none;
color: #fff;
background: url(/templates/gb2312/no1/images/bg_sub_nav_title.gif) no-repeat 10px 0;
padding-left: 40px;
}
#subNav ul li {
float:left;
font-size:12px;
width:100%;
}
#subNav ul ul {
display:none;
padding-left:16px;
}
#subNav ul li a {
background:url(/templates/gb2312/no1/images/listIcon01.gif) no-repeat 0 50%;
display:block;
line-height:14px;
padding:8px 0 8px 20px;
border-bottom: 1px solid #EFF2F5;
font-weight: bold;
color: #606060;
}
#subNav ul li a:hover{
color: #0077DB;
}
#subNav ul li a.current{
background: url(/templates/gb2312/no1/images/bg_sub_nav_curr.gif) no-repeat 0 0;
color: #fff;
font-size: 14px;
padding-left: 25px;
}
#subNav ul li .current:hover{
color: #fff;
}
#subNav ul li li a {
background-image:url(/templates/gb2312/no1/images/listIcon03.gif);
padding:4px 0 4px 20px;
border: none;
color: #606060;
}
#subNav ul li li a:hover, #subNav ul li li .current:hover, #subNav ul li li a.current{
background-image:url(/templates/gb2312/no1/images/listIcon04.gif);
color: #0077DB;
font-size: 12px;
}

/***** Inside Pages *****/
#crumbs {
border-bottom: 4px solid #B4D7F0;
height: 30px;
line-height: 30px;
padding-left: 10px;
}
#crumbs a{
margin: 0 5px;
}
#crumbs a.current{
font-weight: bold;
}
#mainTitle {
font-size: 16px;
color: #000;
text-align: center;
border-bottom: 1px solid #D0D0D0;
height: 30px;
line-height: 30px;
margin: 10px 15px;
}
#function {
padding:15px;
}
#message {
line-height: 22px;
}
#newsList {
width: 525px;
margin: 0 auto;
}
.recommendNews{
border: 1px solid #AEAEAE;
padding: 10px;
}
#newsSearch {
color: #000;
font-weight: bold;
padding: 8px 0;
}

/***** Product list *****/
.productList li {
display: -moz-inline-stack;
display:inline-block;
*display:inline;
text-align:center; 
vertical-align: top;
zoom:1;
width:24.9%;
min-height:120px;
_height: 120px;
padding: 10px 0;
}
.productList a {
display:block; 
margin:0 auto;
width:136px; 
}
.productList a img {
display:block;
width:130px;
height:100px; 
}
.productList a span {
cursor:pointer;
display:block;
overflow:hidden;
text-align:center;
color:#333;
margin:4px auto 0;
line-height:20px;
}
.productList a:hover span {
text-decoration:underline;
color:#000;
}

/***** News list *****/
.newsList {
margin:0 auto;
}
.newsList li {
border-bottom:1px solid #ddd;
float:left;
line-height:14px;
padding:10px 0;
position:relative;
text-align:left;
width:100%;
}
.newsList li a {
background:url(/templates/gb2312/no1/images/listIcon02.gif) no-repeat 0 0;
*background-position:0 -2px;
padding-left:20px;
}
.newsList li span {
color:#999;
position:absolute;
right:10px;
}
.newsList02 li{
padding:6px 0; 
border: none;
}
.zebra{
padding-top: 20px;
}
.zebra li{
border: none;
padding: 8px 0;
}
.zebra li.odd {
background-color: #eee;
}
.zebra li a{
background-image: url(/templates/gb2312/no1/images/listIcon05.gif);
margin-left: 15px;
}

/***** Pagination *****/
.pagination {
text-align: center;
height:22px;
padding:30px 0;
}
.pagination span, .pagination a {
display: inline-block;
height:18px;
line-height: 18px;
margin-right:4px;
padding:0 4px;
overflow: hidden;
background-color: #C5C5C5;
}
.pagination a:hover {
color:#0B93C6;
}
.pagination .current {
color:#fff;
font-weight:bold;
background-color: #0080D0;
}
.pagination .pr, .pagination .nt{
background: none;
}
.pagination .pr_off, .pagination .nt_off {
color:#ccc;
}

/***** Question list *****/
.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;
}

/***** Search result list *****/
#mainContentSearch {
margin:30px;
}
.searchTitle {
background:#f8f8f8;
border:1px solid #ddd;
border-width:1px 0;
line-height:22px;
padding:0 10px;
}
.searchTitle a {
background:url(/templates/gb2312/no1/images/listImg.gif) no-repeat right 50%;
padding-right:10px;
}
#mainContentSearch strong {
padding-left:2em;
}
.resultTopicTitle {
}
#mainContentSearch .newsList {
width:100%;
}

/***** Webmap *****/
#webmap {
padding:20px;
}
#webmap dl{
border-bottom: 1px solid #EDEDED;
line-height: 22px;
padding: 6px 0;
overflow: hidden;
}
#webmap dt{
font-weight: bold;
}
#webmap dt a{
float: left;
color: #7498C2;
background: url(/templates/gb2312/no1/images/icon_arrow.gif) no-repeat 100% 50%;
padding-right: 10px;
}
#webmap dt a:hover{
color: #f00;
text-decoration: underline;
}
#webmap dd a{
margin: 0 8px;
}
#webmap .odd{
background-color: #FBFBFB;
}

/***** Article *****/
.article{
line-height: 22px;
}
.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;
}

/***** Related news list *****/
.relatedNews {
padding:10px;
}
.relatedNews h3 {
font-size:14px;
margin-bottom:8px;
}
.relatedNews a {
background:url(/templates/gb2312/no1/images/listIcon06.gif) no-repeat 0 50%;
line-height:22px;
padding-left:12px;
}

/***** Product details *****/
.productImage{
text-align:center; 
}
.productDetails {
margin:20px auto;
text-align:center;
width:90%;
}
.productDetails .proImg {
padding:10px;
text-align:center;
}
.productDetails th{
width:20%; 
}
.productDetails .caption{
text-align:center; 
}

/***** Form elements *****/
fieldset {
border:none;
padding-left:80px;
}
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 .tips {
display:inline;
float:left;
line-height:20px;
margin-left:10px;
width:8em;
color: #f00;
}
fieldset input.text, fieldset textarea {
display:inline;
float:left;
font:12px Arial, Helvetica, sans-serif;
outline:none;
padding:1px 2px;
vertical-align: middle;
}
fieldset em {
float:left;
text-align:center;
width:7px;
}
fieldset input.text2 {
width:42px;
}
fieldset input.text3 {
width:145px;
}
fieldset textarea {
height:8em;
}
fieldset .btn{
margin-right: 8px;
}

/***** pageNav *****/
.pageNav {
padding:20px;
text-align:center; 
line-height: 12px;
}

/***** Default buttons *****/
button { 
position: relative;
border: 0; 
padding: 0;
height:24px; 
vertical-align:middle;
cursor: pointer;
overflow: visible; /* Remove the self-propagation of the width in Internet Explorer */
}
button::-moz-focus-inner {
border: none;  /* Additional padding covering Firefox */
}
button span, .pageNav a span { 
position: relative;
display: inline-block; 
white-space: nowrap;
cursor: pointer;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* To amend the margin of Safari and Chrome */
button span {
margin-top: -1px;
}
}

/* Customize buttons: */		
.defaultBtn { 
padding: 0 10px 0 0; 
margin-right:5px; 
font-size:12px; 
font-family:Verdana, Geneva, sans-serif;
text-align: center; 
background: transparent url(../images/btn_default_bg.gif) no-repeat 100% -60px; 
display:inline-block;
height:24px; 
}
.defaultBtn span {
padding: 5px 0 0 10px; 
height:19px; 
background: transparent url(../images/btn_default_bg.gif) no-repeat 0 0; 
color:#445560; 
}
.defaultBtn:hover, .defaultBtnHover { /* Extra defaultBtnHover for IE6 */
background-position: 100% -90px; 
}
.defaultBtn:hover span, .defaultBtnHover span {
background-position: 0 -30px;
color:#052028; 
}

/***** Member *****/
#member {
position:relative;
width:100%;
}

/***** Member tools *****/
.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;
}

.box .title{background:url(/templates/gb2312/no1/images/tbg1.jpg) repeat-x 0 8px;}
.box .title h2{padding-left:15px;background:none;color:#fff}
.box .title span a{color:#000;}