/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

 SITE:      http://www.szwb.com 
 FILENAME:	style.css
 DATE:	    2008.03.06
 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*/

* {margin: 0;padding: 0;}
body {font-family: Tahoma;line-height: 22px;font-size: 12px;color: #333;margin-bottom: 15px;background-color: #fff;}
a {text-decoration: none; color:#0000FF}
a:hover {text-decoration: underline; color:#0000FF}
input, select, option, textarea {font:12px verdana;}
fieldset {border: 0;}
img {border:0;}
ul,li, ol, dl, dd {margin:0;padding:0;list-style:none;}
.left { float:left;}
.right { float:right;}


/* ------ */
#wrap {width: 960px;margin: 0 auto;padding:0 10px;}
.article {width: 960px;margin: 0 auto;}
.main { width:690px;}
.sidebar { width:260px;}


/* --- HEADER --- */
.header {width: 960px; height:50px;margin: 10px auto;}
.logo { width:200px; height:50px; float:left;display:inline;}

.nav{ width:960px; height:33px; margin-bottom:10px; background:url(img/top_nav.gif) repeat-x top;}
.nav li{float:left; text-align:center;}
.nav .first{ background:url(img/top_img02.gif);width:1px;height:33px;border-right:1px solid #d9d9d9;}
.nav li a{background:url(img/top_nav01.gif) no-repeat 0 0; display:block;width:85px;height:33px;line-height:33px; color:#000;}
.nav li a:hover{background:url(img/top_nav02.gif) no-repeat;color:#666666; text-decoration:none;}
.nav .self{ background:url(img/top_nav02.gif);}
.nav li.end a{background:url(img/top_nav01_end.gif) no-repeat right; display:block;width:108px;height:33px;line-height:33px; color:#000;}
.nav li.end a:hover{background:url(img/top_nav02_end.gif) no-repeat right;color:#666666; text-decoration:none;}


/* --- TITLE-MAINL --- */
.title { margin:0; padding:0 10px; height:26px; line-height:26px;border-bottom:1px solid #ACC6DF;background:url(img/title_bg1.gif) repeat-x top;}
.title h4 { font-size:12px; color:#07519A;  }
.title a, .title a:hover { color:#07519A;}
.title span { float:right;}
.title span a { margin-left:5px;}


/* --- SEARCH --- */
.search { width:688px; height:40px; border:1px solid #ACC6DF; margin-bottom:10px;}
.search #sbi {width: 320px;padding:4px;font-size: 100%;border: 1px solid #ccc;background: #fff; position:relative; top:6px;}
.search #sbb { border:1px solid #ccc; background:#FAF7DC;padding:2px; position:relative; top:6px;}
.search div { float:left;}
.search button { border:1px solid #ccc; background:#FAF7DC; height:24px; padding:2px; position:relative; top:6px;}
* html .search{ height:40px; overflow:hidden;}

/* --- SEARCH2 --- */

.search2 { width:958px; height:45px; border:1px solid #ACC6DF; margin-bottom:10px; padding-top:2px;}
.search2 #sbi {width: 320px;padding:4px;font-size: 100%;border: 1px solid #ccc;background: #fff; position:relative; top:6px;}
.search2 #sbb { border:1px solid #ccc; background:#FAF7DC;padding:2px; position:relative; top:6px;}
.search2 div { float:left;}
.search2 button { border:1px solid #ccc; background:#FAF7DC; height:24px; padding:2px; position:relative; top:6px;}
* html .search2{ height:45px; overflow:hidden;}


/* --- MAIN-BOX --- */
.main-box {margin:0; padding:0; width:690px; margin-bottom:10px;}

.softsyn { float:right; width:498px; margin:0; padding:0;border:1px solid #ACC6DF;}
.softsyn p { line-height:1.6em;}
.softsyn p.franchiser { font-weight:600;padding-left:0;background:none;}
.softsyn p.franchiser a {color:#FF6600;font-weight:normal;}
.softsyn img { float:left; margin-right:5px;}

.login { float:left; width:178px; margin:0; padding:0;border:1px solid #ACC6DF;}
form label {display: inline;margin: 0 0 5px 0;font-size: 12px;}
form div.form-row {margin: 10px 0 0 0;}
form div.form-row input.input-text {width: 106px;padding:4px;font-size: 12px;border: 1px solid #ccc; color:#666;}
form div.form-ctrls {margin: 8px 0 5px 0;padding:0 0 0 32px;text-align: left;}
form div.form-ctrls a { color:#07519A; font-weight:normal;}

/* --- INDEX-BUY --- */
.index-buy, 
.pic,
.web,
.box { margin:0; padding:0; width:688px; border:1px solid #ACC6DF; margin-bottom:10px;}
.index-buy dl { padding:10px;}
.index-buy dt {margin:5px 0 0 0;font-size:12px; color:#000;font-weight:600;}
.index-buy dd { color:#444; line-height:1.6em;}
.index-buy dd a {color:#FF6600;}
.index-buy dd a:hover {color:#FF6600; text-decoration:none;}
.index-buy dd img { position:relative; top:5px;}
.title-index-buy { font-size:16px; padding:10px 10px 0 30px; font-weight:600; color:#FF6600; background:url(img/ico5.gif) no-repeat 10px 13px;}

.weblist { margin:0; padding:0; width:260px; border:1px solid #ACC6DF; margin-bottom:10px;}
.weblist ul{ width:245px;}
.weblist ul li{ width:80px;}


/* --- TITLE-MAIN --- */
.title-main { margin:0; padding:0 10px; height:26px; line-height:26px;border-bottom:1px solid #ACC6DF;background:url(img/title_bg1.gif) repeat-x top;}
.title-main h4.news { font-size:14px; color:#07519A; padding-left:20px; background:url("img/ico1.gif") no-repeat 0 4px;}
.title-main h4.report { font-size:14px; color:#07519A; padding-left:20px; background:url("img/ico2.gif") no-repeat 0 4px;}
.title-main h4.honor { font-size:14px; color:#07519A; padding-left:20px; background:url("img/ico3.gif") no-repeat 0 4px;}


/* --- LIST-MAIN --- */
#maillist { width:690px; margin:0 auto;}
ul.list-main {float:left; margin:0 0 10px 0; padding:0 0 10px 0;width:220px;border:1px solid #ACC6DF;}
ul.list-main li { height:25px; line-height:25px; overflow:hidden; border-bottom:1px solid #eee;margin:0 5px;padding-left:8px;background:url("img/ico4.gif") no-repeat 0 11px;}
ul.list-main li a { color:#333;}
ul.list-main li a:hover { color:#FF6600; text-decoration:none;}

/* --- LIST-SIDEBAR --- */
ul.list-sidebar, ul.list-sidebar-1 { width:258px; border:1px solid #ACC6DF; margin-bottom:5px;}
ul.list-sidebar li { height:25px; line-height:25px; overflow:hidden; border-bottom:1px solid #eee;margin:0 5px;padding-left:8px;background:url("img/ico4.gif") no-repeat 0 11px;}
ul.list-sidebar li a, ul.list-sidebar-1 a { color:#333;}
ul.list-sidebar li a:hover, ul.list-sidebar-1 a:hover { color:#FF6600; text-decoration:none;}

ul.list-sidebar-1 li { height:25px; line-height:25px; width:110px; float:left; overflow:hidden; border-bottom:1px solid #eee;padding:0 5px 0 13px;/*background:url("img/ico4.gif") no-repeat 5px 11px;*/}
.weblist a{ text-indent:20px;}



ul.channelbox { width:258px; border:1px solid #ACC6DF; margin-bottom:5px;}
ul.channelbox li { width:109px; margin:0 10px; float:left; text-align:center; padding:5px 0;}
* html ul.channelbox li { margin:0 6px;}
ul.channelbox li a { width:107px; padding:3px 0; border:1px solid #DDDDDD; display:block; font-weight:bold; color:#07519A;}
ul.channelbox li a:hover { color:#333; background:#f8f8f8}





/* --- YOUXIPIC --- */
.youxipic {line-height: 190%;text-align: center;float: left;width: 120px;padding:9px 7px 6px 10px;}
.youxipic img { border:1px solid #333; width:110px; height:85px; overflow:hidden;}
.youxipic a { color:#333;}
.youxipic a:hover { color:#FF6600;}
.youxipic a img:hover{
	border:1px solid #0099FF;
}

/* --- YOUXIPIC2 --- */
.youxipic2 {line-height: 190%;text-align: center;float: left;width: 81px;padding:2px 2px 2px 2px;}
*html .youxipic2 {line-height: 190%;text-align: center;float: left;width: 81px;padding:2px 2px 2px 1px;}
.youxipic2 img { border:1px solid #333; width:81px; height:60px; overflow:hidden;}
.youxipic2 a { color:#333;}
.youxipic2 a:hover { color:#FF6600;}
.youxipic2 a img:hover{
	border:1px solid #0099FF;
}

/* --- tupianpic --- */
.tupianpic {line-height: 190%;text-align: center;float: left;width: 120px;padding:9px 7px 6px 10px;}
.tupianpic img { border:1px solid #333; width:100px; height:133px; overflow:hidden;}
.tupianpic a { color:#333;}
.tupianpic a:hover { color:#FF6600;}
.tupianpic a img:hover{
	border:1px solid #0099FF;
}

/* --- tupianpic2 --- */
.tupianpic2 {line-height: 190%;text-align: center;float: left;width: 81px;padding:2px 2px 2px 2px;}
*html .tupianpic2 {line-height: 190%;text-align: center;float: left;width: 81px;padding:2px 2px 2px 1px;}
.tupianpic2 img { border:1px solid #ccc; width:81px; height:104px; overflow:hidden;}
.tupianpic2 a { color:#333;}
.tupianpic2 a:hover { color:#FF6600;}
.tupianpic2 a img:hover{
	border:1px solid #0099FF;
}


/* --- WEB --- */
.web ul { padding-top:3px;}
.web li { float:left; height:22px; line-height:22px; width:50px;margin:0 5px;padding-left:8px;background:url("img/ico4.gif") no-repeat 0 11px;}
.web a { color:#07519A;}
.web a:hover { color:#FF6600;}
* html .web ul{ margin-bottom:3px;}

/* --- FOOTER --- */
#footer {width: 960px;height: 60px;margin: 0 auto;padding: 5px 0 0 0;clear: both;border-top:1px solid #ccc;color: #666;font-size: 12px;line-height: 1.6em;text-align: center;}
#footer a { color:#07519A;}
#footer a:hover { color:#07519A; text-decoration:underline;}



/*»áÔ±ÖÐÐÄ*/
.member {width:960px; margin:0 auto; margin-bottom:10px;}
.member .leftbox { width:198px; border:1px solid #ACC6DF; float:left;}
.member .leftbox li { height:30px; line-height:30px; padding-left:20px; border-bottom:1px solid #E7F0F8; background: url(img/arrow_right.gif) no-repeat 10px 11px;}
.member .leftbox li a { font-weight:bold; color:#006099;}
.member .rightbox { width:748px; border:1px solid #ACC6DF; float:right;}