﻿/* css document 
	author:deep-sea
    date:2008-12-30
    web:www.vsfix.com
*/

/*------------------------------------全局css------------------------------------*/
* { margin:0px; padding:0px; border:0px; }

body { color: #000; text-align: center; font:14px Verdana, Arial, "宋体"; margin-top:0px; background-color: #E1E1E1; }

table { border-collapse:collapse; font-size:12px; }

img { border: 0px }

a { color: #07519a; text-decoration: none }

a:hover { text-decoration: underline }

.red { color: #c00 }

.gray { color: #333 }

.blue { color: #039; }

.orange { color: #f60 }

cite, em { font-weight: bold; font-style: normal }

div, form, img, ul, ol, li, p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0; font-size:12px; font-weight:normal; }

ol, ul, li { list-style: none }

caption, th { text-align:left; }

input, textarea, select, button { padding:1px; font-size:12px; }

input { border: 1px solid #ccc; height:28px; line-height:28px; color: #666; }

textarea { border: 1px solid #ccc; }

.none { display: none; }

.clear { margin:auto; padding:0; clear: both; overflow: hidden; height:5px; }

.space { clear:both; font-size:0; line-height:0; }

/*首页两侧文章列表*/
.list { width:210px; border:1px solid #c9d9ee; }

.list h1 { padding-left:40px; height:30px; line-height:30px; background:url(images/h1_bg.gif) no-repeat; text-align:left; color:#036; font-weight:bold; }

.list ul { padding:8px 8px 0 10px; }

.list ul li { background:url(images/icn.gif) no-repeat 0 -39px; padding-left:10px; line-height:20px; height:22px; overflow:hidden; color: #666; }

.list ul li a { color:#336699; text-decoration:none; }

.list ul li a:hover { color:#336699; text-decoration: underline; }

.why { width:210px; border:1px solid #c9d9ee; }

.why h1 { padding-left:40px; height:30px; line-height:30px; background:url(images/h1_bg.gif) no-repeat; text-align:left; color:#036; font-weight:bold; }

.why ul { padding:8px 8px 0 10px; background:url(images/icn.gif) no-repeat 8px -438px; }

.why ul li { padding-left:14px; line-height:20px; height:22px; overflow:hidden; color: #666; }

.why ul li a { color:#666; text-decoration:none; }

.why ul li a:hover { color:#003366; text-decoration: underline; }

.contact { width:210px; border:1px solid #c9d9ee; }

.contact h1 { padding-left:40px; height:30px; line-height:30px; background:url(images/h1_bg.gif) no-repeat; text-align:left; color:#036; font-weight:bold; }

.contact h2 { padding:16px 0 0 16px; text-align:left; color:#666; }

.contact ul { padding:8px 1px 0 10px; }

.contact ul li { padding-left:2px; overflow:hidden; color: #666; height:28px; }

.contact ul li a:hover { color:#336699; text-decoration: underline; }

.contact .tel { height:25px; line-height:25px; font-size:14px; text-indent:16px; color: #FF0000; }

#cnt { width: 94%; line-height: 23px; color:#666; font-size: 12px; }

#cnt h1 { color:#003399; font-size: 14px; font-weight: bold; display:inline; }

#loading { z-index:1; height:28px; line-height:28px; background:#c44; color:#fff; }

/*------------------------------------page属性end------------------------------------*/
#warp { width: 980px; text-align:left; overflow:hidden; margin: 0 auto; background: #fff; border: 2px solid #FFF; }

#header { width: 976px; height:80px; background: url(images/head-bg.jpg) no-repeat 20px 18px; margin-left:2px; margin-bottom:1px; }

#header .translate { text-align:right; height:25px; line-height:25px; }/*多国语言翻译*/

#header .translate a { color: #FFF; text-decoration: none; }

#header .translate a:hover { color: #FFFF99; text-decoration: underline; }

#header .logo { float:left; height:70px; width:208px; margin:5px 5px 0 20px; background: url(images/logo.gif) no-repeat; }/*--logo--*/

#header .txt { float:left; margin:60px 5px 0 140px; width: 250px; color: #fff; letter-spacing: 2px; font-size: 14px; }

#header .link { float: right; text-align:right; padding-top:3px; padding-right: 20px; color: #999; width:450px; height:28px; line-height:23px; }
#header .link a { color: #666; text-decoration: none; }
#header .link a:hover { text-decoration: underline; }

/*--------------------------导航菜单-------------------------------*/
#nav { height:30px; list-style-type: none; background:#003366; width:976px; text-decoration: none; line-height: 30px; border-bottom: 1px solid #CCC; }

#nav a { display: block; width: 75px; text-align:center; }

#nav a:hover { color:#fff; text-decoration:none; }

#nav li { float: left; width: 75px; background: #003366; }

#nav li a { color: #fff; text-decoration:none; }

#nav li a:hover { background:#666666; }

#nav li ul { line-height: 22px; list-style-type: none; text-align:left; left: -99999em; width: 160px; position: absolute; color: #003366; }

#nav li ul a { color:#666; text-decoration:none; width: 160px; text-align:left; }

#nav li ul a:hover { color:#f3f3f3; text-decoration:none; font-weight:normal; background:#666666; }

#nav li ul li { float: left; width: 160px; background: #ebebf5; border-bottom: 1px solid #fff; text-indent: 15px; }

#nav li:hover ul { left: auto; }

#nav li.sfhover ul { left: auto; }

/*--------------------------banner-------------------------------*/
#banner-index { width: 976px; height:180px; margin: 0 auto; margin-bottom:2px; clear:both; overflow:hidden; }

#banner { width: 976px; height:160px; margin: 0 auto 2px; clear:both; background: url(images/banner.jpg) no-repeat; overflow:hidden; }

/*--------------------------导航列表------------------------------*/
#indexTag { width:976px; height:35px; line-height:35px; border: 1px solid #ccc; text-indent:10px; background:#ebebf5; overflow:hidden; color: #FF0000; }

#indexTag a { color: #0033cc; text-decoration: none; }

#indexTag a:hover { color: #0033cc; text-decoration: underline; }

/*------------------------------------------------------------------------*/
#main { width:976px; overflow:hidden; }

#left { float: left; width:764px; overflow:hidden; }

#columnLeft { float: left; overflow:hidden; width:210px; }

#columnMain { float: left; width:540px; overflow:hidden; margin-left:5px; }

#columnRight { float:right; overflow:hidden; width: 210px; }

.Box { width:540px; height:200px; border: 1px solid #D4D4D4; margin-top:6px; float:left; background: url(images/boxTitle_bg.gif) repeat-x; }

.Box h1 { background: url(images/titleBg.gif) no-repeat 7px -253px; height:32px; line-height:32px; text-indent:28px; font-size: 13px; font-weight: bold; text-decoration: none; color: #002f63; }

.Box1 { width:540px; height:160px; border: 1px solid #D4D4D4; margin-top:6px; float:left; background: url(images/boxTitle_bg1.gif) repeat-x; }

.Box1 h1 { background: url(images/titleBg.gif) no-repeat 7px -253px; height:32px; line-height:32px; text-indent:28px; font-size: 13px; font-weight: bold; text-decoration: none; color: #002f63; }

.Box1 .tabContent1 { padding:5px; height:125px; color: #003366; }

.Box .tabContent1 a { color: #CC0000; }

.Box .tabContent1 a:hover { text-decoration: underline; }

.Box .name { width: 535px!important; width: 520px; line-height:25px; height:25px; margin-left:8px; border-bottom: 1px solid #d4d4d4; }

.Box .name h1 { width:10px; float: left; }

.Box .name ul { float: left; }

.Box .name li { padding-right: 2px; margin-top: 8px; background: no-repeat left top; float: left; overflow: hidden; width: 81px; line-height: 25px; height: 25px; text-align: center; color: #767676 }

.Box .name li a { color: #666; text-decoration: none; font-weight: normal; }

.Box .name li a:hover { color: #0066ff; text-decoration: underline; }

.Box .name li.on { background-image: url(images/hotlist_tag_on.gif); color: #000066; }

.Box .name li.on a { color: #ff0000; }

.Box .name li.on a:hover { color: #ff0000; text-decoration: underline; }

.Box .tabContent { padding:8px; height:100px; width:98%; color: #003366; }

.Box .tabContent a { color: #CC0000; }

.Box .tabContent a:hover { text-decoration: underline; }

.Box .tabContent img { border: 0px; margin:0; padding:20px; float:left; }

.Box .tabContent p { padding:6px; line-height:23px; }

/*--------------------------tab-------------------------------*/
#tab1, #tab2, #tab3, #tab4, #tab5, #tab6 { width:500px; }

/*--------------------------合作伙伴-------------------------------*/ 
.area { width:540px; height:28px; line-height:28px; text-indent:6px; border: 1px solid #ACC6E9; background: #F4F8FF; color: #0033ff; overflow:hidden; }

.area a { color: #0033ff; text-decoration: none; }

.area a:hover { color: #ff0000; text-decoration: underline; }

/*--------------------------技术新知-------------------------------*/
.tech_news { border:1px solid #ace; height:220px; }

ul.techcon { padding:8px 10px 0 12px; }

ul.techcon li { background:url(images/icn.gif) no-repeat 0 -39px; padding-left:10px; line-height:20px; height:20px; overflow:hidden; }

ul.techcon li a { color:#336699; }

ul.techcon li span { color:#999; margin-right:8px; }

ul.techcon li span a { color:#999; }

.hot_nav { height:24px; background:#d1e7f5 url(images/bg4px.gif) repeat-x; }

.hot_nav li, .hot_nav h3.tit { float:left; font-weight:bold; border-right:1px solid #ace; padding:6px 8px 0; height:24px; }

.hot_nav li.on { background:#fff url(images/bg4px.gif) repeat-x 0 -34px; }

.hot_nav li.on a { color: #FF6600; }

.hot_nav h3.tit { font-size:12px; }

.hot_nav h3.tit a { text-decoration:none; color:#444; }

/*--------------------------视频-------------------------------*/
#video { width:250px; height:200px; border: 1px solid #99bbdd; margin-top:6px; }

#video h1 { padding:10px 0 10px 32px; height:21px; background:url(images/h1_bg.gif) no-repeat; text-align:left; color:#036; font-weight:bold; }

#video ul { padding:2px 5px 5px 8px; }

#video li { height:25px; line-height:25px; color: #666; text-indent: 25px; list-style:none; font-size: 13px; }

/*--------------------------支持品牌--------------------------*/
#sp { width:250px; height:300px; border: 1px solid #99bbdd; margin-top:6px; text-align:left; }

#sp h1 { padding:10px 0 10px 32px; height:21px; background:url(images/h1_bg.gif) no-repeat; text-align:left; color:#036; font-weight:bold; }

#sp table { margin:5px; }

#sp td { padding-left:2px; font-size: 9pt; color: #003366; }

#txtad { float:left; width:250; height:30px; background: url(images/ad_backup.gif) no-repeat; margin-top:6px; }

/*--------------------------banner广告-------------------------------*/ 
#banner-ad { width:664px!important; width: 662px; height:99px; margin:6px 2px 0 6px!important; margin:6px 2px 0 0; float:right; background:url(images/ad-data.jpg) no-repeat; border: 1px solid #ccc; }

/*--------------------------技术专题与成功案例-------------------------------*/
#list-all { width: 540px; float:right; }

#caselist { width: 263px; height:220px; border: 1px solid #c4ccd4; float:left; }

#caselist .name { width: 263px; height:35px; background: url(images/bg-title1.gif) no-repeat center; }

#caselist .name h2 { padding: 0px; float: left; }

#caselist .name ul { float: left; padding-left:10px; }

#caselist .name li { color: #767676; padding-right: 1px; margin-top: 1px; float: left; overflow: hidden; width: 74px; line-height: 25px; height: 25px; text-align: center; }

#caselist .name li.on { background: url(images/list_tab_on.gif) no-repeat; color: #003399; }

#caselist .name li a { color: #666666; text-decoration: none; font-weight: normal; }

#caselist .name li a:hover { color: #0066ff; text-decoration: none; }

#caselist .name li.on a { color: #003366; font-weight: bold; }

#caselist .name li.on a:hover { color: #ff0000; text-decoration: none; }

/*--------------------------技术专题与成功案例-------------------------------*/
#caselist .tablist { width: 263px; height:220px; }

#caselist .tablist ul { padding:0 5px 5px 5px; }

#caselist .tablist ul li { width: 240px; height:23px; line-height:23px; color: #ccc; float:left; white-space: nowrap; text-overflow:ellipsis; overflow:hidden; list-style: square; border-bottom: 1px dashed #ccc; clear:both; }

#caselist .tablist ul li a { color: #07519a; text-decoration: none; }

#caselist .tablist ul li a:hover { color: #ff0000; text-decoration: underline; }

#caselist .tablist h1 { text-align:right; height:22px; margin-top:6px; width:260px; }

#caselist .tablist h1 a { text-decoration: none; color: #ff6600; }

#caselist .tablist h1 a:hover { text-decoration: underline; }

/*--------------------------бcase-tab-style-------------------------------*/
#newslist { width: 263px; height:220px; border: 1px solid #c4ccd4; float:right; }

#newslist .name { width: 262px; height:35px; background: url(images/bg-title1.gif) no-repeat center; }

#newslist .name h2 { padding: 0px; float: left; }

#newslist .name ul { float: left; padding-left:10px; }

#newslist .name li { color: #767676; padding-right: 1px; margin-top: 1px; float: left; overflow: hidden; width: 74px; line-height: 25px; height: 25px; text-align: center; }

#newslist .name li.on { background: url(images/list_tab_on.gif) no-repeat; color: #003399; }

#newslist .name li a { color: #666666; text-decoration: none; font-weight: normal; }

#newslist .name li a:hover { color: #0066ff; text-decoration: none; }

#newslist .name li.on a { color: #003366; font-weight: bold; }

#newslist .name li.on a:hover { color: #ff0000; text-decoration: none; }

/*--------------------------技术专题与成功案例-------------------------------*/
#newslist .tablist { width: 263px; height:220px; }

#newslist .tablist ul { padding:0 5px 5px 15px; }

#newslist .tablist ul li { width: 240px; height:23px; line-height:23px; color: #ccc; float:left; white-space: nowrap; text-overflow:ellipsis; overflow:hidden; list-style: square; border-bottom: 1px dashed #ccc; clear:both; }

#newslist .tablist ul li a { color: #07519a; text-decoration: none; }

#newslist .tablist ul li a:hover { color: #ff0000; text-decoration: underline; }

#newslist .tablist h1 { text-align:right; height:22px; margin-top:6px; width:260px; }

#newslist .tablist h1 a { text-decoration: none; color: #ff6600; }

#newslist .tablist h1 a:hover { text-decoration: underline; }

/*--------------------------бbody-tab-style-------------------------------*/
#main-list { margin: 6px 2px 0 6px; width: 664px!important;/* ie7+ff */ width: 662px;/* ie6 */ height:325px; float:right; border: 1px solid #c4ccd4; }

#main-list .name { width: 664px!important; width: 662px; line-height:28px; height:35px; background: url(images/bg-title.gif) repeat-x; float:right; }

#main-list .name h1 { width:10px; float: left; }

#main-list .name ul { float: left; }

#main-list .name li { padding-right: 4px; margin-top: 7px; background: no-repeat left top; float: left; overflow: hidden; width: 81px; line-height: 28px; height: 28px; text-align: center; color: #767676 }

#main-list .name li a { color: #003366; text-decoration: none; font-weight: normal; }

#main-list .name li a:hover { color: #0066ff; text-decoration: underline; }

#main-list .name li.on { background-image: url(images/hotlist_tag_on.gif); color: #000066; }

#main-list .name li.on a { color: #ff0000; font-weight: bold; }

#main-list .name li.on a:hover { color: #ff0000; text-decoration: underline; }

#main-list .tablist { clear: left; width: 650px!important; width: 650px; }

#main-list .tablist ul { clear: both; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px }

#main-list .tabmodellist { clear: both; margin: 0px; width: 660px!important; width: 650px; padding-top: 9px }

#main-list .tablist li { background: url(images/dot_line_gray2.gif) repeat-y right top; float: left; overflow: hidden; width: 116px; line-height: 18px }

#main-list .tablist li.nobg { background: none transparent scroll repeat 0% 0% }

#main-list .tablist li .exp { display: block }

#main-list .tabbrandlist { clear: left; float: left; padding: 6px; width:654px!important; width: 650px; }

.main-list .tabbrandlist table { color: #666; text-decoration: none; border:dashed 1px #ccc; width:650px!important; width:650px; height:275px; font-size: 12px; }

.main-list .tabbrandlist table h1 { font-size: 13px; color:#003366; text-decoration: none; padding-bottom:5px; }

.main-list .tabbrandlist table img { float:left; padding:1px; border: 1px solid #ccc; margin:5px 10px 5px 5px; }

.main-list .tabbrandlist table td { padding:5px; line-height:18px; }

/*---------------------------友情链接------------------------------*/
#link { width:976px; clear:both; float:left; border: 1px solid #99bbdd; }

#link a { color: #003366; text-decoration: none; }

#link a:hover { text-decoration: underline; }

#link .title { height:28px; background: url(images/link-bg.gif) repeat-x; border-bottom: 1px solid #99bbdd; width:100% }

#link .title h1 { padding: 8px 0 5px 10px; color: #036; float:left; }

#link .content { float:left; padding:6px; width:100%; line-height:23px; }

#link .content li { float:left; white-space: nowrap; overflow: hidden; padding-right:10px; }

/*--------------------------footer-------------------------------*/
#footer { clear:both; height:95px; }

#footer a { color: #333; text-decoration: none; }

#footer a:hover { text-decoration: underline; }

#footer .nav { height:30px; width:976px; background: #dcdcdc; line-height:30px; margin-top:5px; text-align:center; clear:both; }

#footer .copy { width:100%; height:40px; margin-top:5px; line-height:23px; text-align:center; }

#footer .copy li { height:22px; list-style-type:none; }

#footer .copy li a { text-decoration: none; }

#footer .copy li a:hover { color: #0033CC; text-decoration: underline; }

/*----tag----*/
#sub-box { height:20px; width:976px; margin:0 auto; border: 1px solid #d9e2eb; background: url(images/bg-sub-title.gif) repeat-x; clear:both; text-indent:10px; }

#sub-box .tag { height:31px; line-height:31px; padding-left:20px; }

#sub-box .tag a { color: #0000cc; }

#sub-box .tag a:hover { color: #ff0000; text-decoration: underline; }

/*----single----*/
#single-body { width:100%; margin:0 auto; clear:both; }

#single-left { width:735px; float:left; line-height:22px; border-right: 1px dashed #ccc; margin-top:6px; }

#single-left span { color: #ff0000; }

#single-left a { color: #0000ff; }

#single-left a:hover { color: #ff6600; text-decoration: underline; }

#single-right { width:225px; background: #f0f0ff; float:right; margin-top:6px; }

#single-right a { color: #666; }

#single-right a:hover { color: #ff6600; text-decoration: underline; }

#single-left .sub-banner { height:120px; width:710px; float:left; margin:0 6px 6px 6px!important; margin:2px 2px 0 2px; clear:both; background-image: url(images/01.jpg); background-repeat: no-repeat; background-position: center center; }

#single-left .title { height:28px; width:710px; background: #ccccd4; margin:6px 6px 0 6px!important; margin:6px 2px 0 2px; line-height:28px; text-indent: 18px; clear:both; }

#single-left .title h1 { font-size: 13px; color: #0033cc; text-decoration: none; }

#single-left .title a { font-size: 13px; color: #003399; text-decoration: none; }

#single-left .title a:hover { color: #ff0000; text-decoration: underline; }

#single-left .content { width:680px; line-height:25px; font-size: 14px; font-weight: normal; color: #171717; margin:10px 10px 6px 30px; text-align: justify; letter-spacing: 1px; }

#single-left .content a { color: #0000CD; text-decoration: none; }

#single-left .content a:hover { color: #0000FF; text-decoration: underline; }

#single-left .content h1 { font-size: 16px; font-weight: bold; color: #003399; text-decoration: none; text-align:center; margin-top:15px; }

#single-left .content h2 { font-size: 14px; font-weight: normal; color: #999; text-decoration: none; text-align:center; margin-bottom:20px; border-bottom: 1px dashed #ccc; padding-bottom:5px; }

#single-left .content p { text-indent:25px; margin-bottom:15px; font-size: 14px; }

#single-left .content img { padding:8px; border: 1px dashed #ccc; }

#single-left .editor { height:22px; width:96%; text-align:right; font-size: 14px; color: #003366; }/*----α༭----*/

#single-left .tag { height:22px; margin:5px 0 5px 30px; }/*----ǩ----*/

#single-left .link { height:22px; margin:5px 0 5px 30px; }/*--------*/

#single-left .re { height:22px; margin:0 0 5px 30px; }/*----ת----*/

#single-left .collection { margin:0 0 5px 30px; }/*----ղصժ----*/

#single-left .count { margin:0 30px 20px 0; float:right; }/*----Ķ----*/

#single-left .page { }

分页样式

#single-left .search { width:600px; padding:20px; margin: 20px 0 20px 50px; }

#single-left .copyright { border: 1px dashed #ccc; line-height:22px; background: #e8edfd; color: #666; clear:both; width:650px; margin:0 0 10px 10px; padding:10px; }

#single-left .copyright h1 { color: #003366; text-decoration: none; font-size: 13px; }

#single-left .copyright p { text-align: justify; }

#project { height:131px; width:657px; margin-left:2px; float:right; background: url(images/bg-bom.jpg) no-repeat; }

#sidebar-search { width:225px; clear:both; }

#sidebar-search h1 { height:26px; line-height:26px; background: #ccccd4; font-size: 13px; font-weight: bold; color: #003366; text-decoration: none; text-indent:10px; }

#sidebar-search .frm { margin:20px 0px 20px 0; width:100%; }

#sidebar-search .frm .txt { background: #fff url(images/bg-search.gif) no-repeat left; border: 1px solid #999; height:25px; line-height:25px; text-indent: 30px; width:130px; margin-right:1px; }

#sidebar-search .frm .img { margin-bottom:-4px; padding:0; border-style: none; width:41; height:23 }

<!--最新文章-->
#sidebar-artile { width:225px; clear:both; }

#sidebar-artile .title { height:26px; line-height:26px; background: #ccccd4; font-size: 13px; }

#sidebar-artile .title h1 { font-weight: bold; color: #003366; text-decoration: none; text-indent:10px; float:left; width:170px; }

#sidebar-search .title h2 { float:right; color: #ff0000; text-decoration: none; }

#sidebar-artile ul { width:210px; margin:10px 10px 10px 5px; white-space: nowrap; text-overflow:ellipsis; overflow:hidden; }

#sidebar-artile ul li { height:21px; list-style: url(images/li_s.gif) inside; }

#sidebar-artile ul li a { text-decoration: none; }

#sidebar-artile ul li a:hover { color: #ff0000; text-decoration: underline; }

<!--tags-->
#sidebar-tag { width:225px; clear:both; }

#sidebar-tag h1 { height:26px; line-height:26px; background: #ccccd4; font-size: 13px; font-weight: bold; color: #003366; text-decoration: none; text-indent:10px; }

#sidebar-tag ul { margin:0px 0 0 16px; }

#sidebar-tag ul li { height:21px; font-size: 13px; }

#sidebar-tag ul li a { text-decoration: none; color: #008800; }

#sidebar-tag ul li a:hover { color: #fff; background: #009933; text-decoration: none; }

#single-left .artile-mutuality { width:710px; }/*--------*/

#single-left .artile-mutuality h1 { height:26px; background: #ccccd4; font-size: 14px; color: #003366; text-decoration: none; line-height:28px; text-indent:15px; font-weight:bold; }

#single-left .artile-mutuality ul { margin:10px 0 10px 20px; }

#single-left .artile-mutuality ul li { height:22px; line-height:22px; list-style: circle; margin-left:20px; }

#single-left .artile-mutuality ul li a { color: #333; text-decoration: none; }

#single-left .artile-mutuality ul li a:hover { border-bottom: 1px dashed #cccccc; color: #ff0000; text-decoration: none; }

#single-left .comment-title { width:710px; margin:6px 0 20px 10px; height:26px; background: #ccccd4; font-size: 14px; color: #003366; text-decoration: none; line-height:28px; text-indent:15px; font-weight:bold; }/*--------*/

#comments { width:560px; margin:20px 0 20px 50px; color: #666; padding:10px; border: 1px solid #ddd; background: #f5f5f5; }

#comments .about { width:100%; color: #666; text-indent:6px; width:100%; height:25px; }

#comments .about a { color: #0000ff; text-decoration: none; }

#comments .about a:hover { color: #0066ff; text-decoration: underline; }

#comments .content { float:left; width:100%; color: #666; border: 1px dashed #CCCCCC; padding:10px; font-size: 12px; line-height:21px; }

#comments .url { text-decoration: none; float:right; }

#comments .replay { margin:0 0 10px 0; text-indent:20px; color: #666; text-decoration: none; height:23px; background: url(images/hf.gif) no-repeat }

#ucomment { width:664px; margin:10px 0 20px 20px; }/*----用户留言----*/

#ucomment .txt-user { background: #fff url(images/bg-user.gif) no-repeat left; text-indent: 28px; width:250px; margin-bottom:5px; }/*----用户名----*/

#ucomment .txt-mail { background: #fff url(images/bg-mail.gif) no-repeat left; text-indent: 28px; width:250px; }/*----邮箱----*/

#ucomment .txt-pwd { background: #fff url(images/bg-pwd.gif) no-repeat left; text-indent: 28px; width:250px; }/*----密码----*/

#ucomment .txt-url { background: #fff url(images/bg-url.gif) no-repeat left; text-indent: 28px; width:250px; }/*----网站链接----*/

#ucomment .txt-chk { background: #fff url(images/bg-veri.gif) no-repeat left; text-indent: 28px; width:250px; }/*----验证码----*/

#ucomment .txtarea { padding:8px; color: #003366; margin-left:30px; margin-top:5px; }/*----文本域----*/

#ucomment .btn { background: url(images/btn-submit.gif) no-repeat; width:80px; height:29px; }

#ucomment li { list-style-image:none; height:27px; line-height:27px; color: #666666; }

#ucomment .postbottom { color: #999; text-decoration: none; }

#ucomment label { color: #999; text-decoration: none; }

#ucomment p { margin-left:30px; }

#sub-title { height:29px; width:976px; margin:0 auto; background: url(images/sub-title-bg.gif) repeat-x; clear:both; text-indent:4px; }

#sub-title span { width:200px; float:left; }

#sub-title h1 { color: #FFF; text-decoration: none; font-size: 13px; font-weight: normal; line-height:29px; }

#sub-title h1 a { color: #FFF; text-decoration: none; }

#sub-title h1 a:hover { text-decoration: underline; color: #FF0000; }

.article { background: url(images/sub-left-bg.gif) repeat-x top; margin:2px 5px 6px 2px; border: 1px solid #ccc; }

.article h1 { width:100%; height:32px; text-indent:25px; line-height:32px; font-size: 14px; color: #003366; font-weight: bold; margin-bottom:6px; border-bottom: 1px inset #ccc; background: url(images/li_cir.gif) no-repeat 6px center; }

.article ul { padding:5px; width:192px; }

.article ul li { line-height:23px; font-size: 12px; color: #003366; text-decoration: none; height:23px; text-overflow:ellipsis; overflow:hidden; list-style: square; border-bottom: 1px dashed #ccc; }

.article ul li.nv a { background: #F3F3F3; text-indent:8px; width:100%; border-bottom: 1px solid #DFDFDF; }

.article ul li.nv a:hover { background: #003366; color: #FFF; text-decoration: none; }

#about-vsinfo .right { width:740px!important; width:725px; float:right; margin-right:2px; }

#about-vsinfo .content { width:96%; padding-bottom:60px; padding-top:30px; padding-left:12px; color: #333; }

#about-vsinfo .content p { line-height:25px; font-size: 13px; text-align: justify; text-indent: 20px; margin-bottom:5px; margin-top:5px; }

#about-vsinfo .content p.s { width:600px; line-height:25px; text-indent:0px; }

#about-vsinfo table { font-size:12px; line-height:24px; background: #ccc; }

#about-vsinfo td { padding:10px; background: #F4FAFF; }

#about-vsinfo .content img.l { float:left; padding:0px; }

#about-vsinfo .content img.r { float:right; padding:0px; }

#about-vsinfo .content li.sort { color: #003366; font-size: 14px; font-weight: bold; list-style: circle; }

#about-vsinfo .clear { clear:both; height:4px; }

#about-vsinfo .content li { line-height:25px; list-style: square; font-size: 14px; }

#about-vsinfo .content li.en { font-weight: bold; color: #FF0000; font-size: 15px; }

#about-vsinfo .content li.srv { color: #003366; font-size: 12px; }

#about-vsinfo .content li.sort { color: #003366; font-size: 14px; font-weight: bold; list-style: circle; }

#about-vsinfo .content h1 { font-weight: bold; color: #FF0000; font-size: 14px; height:28px; line-height:28px; }

#about-vsinfo .content h2 { font-size: 14px; color: #0000FF; height:28px; line-height:28px; }

#about-vsinfo .content h3 { font-size: 14px; color: #FF6600; height:28px; line-height:28px; }

#about-vsinfo .content h4 { font-size: 14px; color: #FF0000; }

#about-vsinfo .content h5 { font-size: 14px; color: #0000FF; }

#about-vsinfo .box { margin-top:10px; margin-bottom:10px; padding:10px; background: #FFFFDD; border: 1px dashed #FF9933; float:left; width:100%; line-height:24px; }

#about-vsinfo .price { color: #333366; font-size: 12px; line-height:23px; }

#about-vsinfo .price h1 { font-weight: bold; color: #333366; font-size: 13px; line-height:23px; text-align:center; }

#about-vsinfo .price td { padding:5px; }

/*分页链接*/
.pagebar { line-height:25px; height:25px; margin:20px 0 40px 50px; font-size: 13px; }

.pagebar a, .pagebar .now-page { padding:2px; margin:0 2px; text-align:center; border:1px solid #ccc; text-decoration:none }

.pagebar a:hover { border:1px solid #003399; text-decoration:none; }/*分页结束*/


