﻿/*全局*/
* { margin:0; padding:0; border:0; list-style:none;}
body { font-family:Arial, Helvetica, sans-serif, "宋体"; font-size:12px; color:#626262;}
body, h1, h2, h3, h4, h5, h6 { font-size:12px;}
a { color:#4c6794; text-decoration:none;}
a:hover { color:#4f8a0b;}

/*常用*/

.underline { text-decoration:underline;}
.black { color:#000;}
.blue { color:#4c6794;}
.clear { clear:both; height:0; overflow:hidden;}
.inner-wapper { width:100%; height:100%;}
.tabs-hide { display:none;}

/*表单*/
select { border:1px solid #d8d9d3;}
.txt { border:1px solid #d8d9d3; padding:2px 3px; width:320px; height:16px; line-height:16px; background:#fff;}
.submit { display:block; float:left; border:1px solid #888; padding:3px 8px; *padding:4px 8px 2px; height:15px; overflow:hidden; line-height:15px; font-size:12px; font-weight:bold; background:#666; text-decoration:none; color:#fff;}
.submit:hover { border:1px solid #ffa800; color:#fff; text-decoration:none; background:#c00;}

.box { background:url(images/box-footer.jpg) repeat-x bottom;}
.box .header { padding-left:14px; height:42px; background:url(images/box-header.jpg) repeat-x top;}
.box .header li { display:inline; float:left; margin-top:8px; width:80px; text-align:center; line-height:30px; height:26px; overflow:hidden; font-weight:bold;}
.box .header li.tabs-selected { background:url(images/box-title-bg.jpg); color:#535f79;}
.box .header li.tabs-selected a { color:#535f79;}
.box .header span { float:right;}
.box .header span a { display:block; margin-right:12px; margin-top:18px; width:23px; height:5px; overflow:hidden; text-indent:-5000px; background:url(images/more.gif);}
.box .body { clear:both;}
.box .footer { text-align:right; padding-right:14px; line-height:24px;}
.box .footer a { color:#626262;}
.box .footer a:hover { color:#4f8a0b;}

.box1 { margin:20px;}
.box1 .header { padding-left:14px; height:30px; line-height:30px;}
.box1 .body { margin:0 14px 10px;}

.title-link .body li { padding:0 8px 0 18px; height:23px; line-height:23px; overflow:hidden; background:url(images/li.gif) no-repeat 10px 10px;}


/*基础框架*/

#page-wapper { margin:0 auto; width:940px;}

#top { height:68px; overflow:hidden;}
	#logo { float:left; width:275px;}
	#logo a { display:block; margin-top:12px; margin-left:15px; width:240px; height:51px; background:url(images/logo.png); text-indent:-5000px;}
	#top-menu { float:right; width:665px;}
	
#nav { background:url(images/nav-bg.jpg);}
#nav .inner-left { background:url(images/nav-right.jpg) no-repeat top right;}
#nav .inner-right { background:url(images/nav-left.jpg) no-repeat top left;}
	#nav ul { margin:0 auto; width:825px; height:36px; overflow:hidden;}
	#nav ul li { float:left; padding-left:8px; padding-right:9px; background:url(images/nav-spliter.jpg) no-repeat right;}
	#nav ul li.end { background:none;}
	#nav ul li a { display:block; float:left; font-size:14px; color:#fff; height:40px; overflow:hidden; line-height:42px;}
		#nav ul li a b { display:block; float:left; width:100px; text-align:center; cursor:pointer;}
	#nav ul li a.hover,
	#nav ul li a:hover { color:#4e7ca2; background:url(images/nav-hover-bg-right.gif) no-repeat right 7px;}
		#nav ul li a.hover b,
		#nav ul li a:hover b { background:url(images/nav-hover-bg-left.gif) no-repeat left 7px;}
	#nav li ul { position:absolute; margin-top:36px; margin-left:-100px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; width:180px; height:auto; background:#fff; left:-5000px;}
		#nav li ul li { clear:both; padding:0; float:none; border-bottom:1px solid #e1e1e1; background:none;}
		#nav li ul a { clear:both; float:none; padding-left:20px; height:26px; overflow:hidden; line-height:30px; font-size:12px; color:#333; background:#fff;}
		#nav li ul a:hover { color:#333; background:#eaf5fb;}
	#nav li.hover ul { left:auto;}

#position { padding-left:14px; font-weight:bold; background:url(images/position-bg.jpg) repeat-x; line-height:30px; color:#535f79;}
#position span { float:right; margin-right:10px;}

.showpage { clear:both; margin:10px 12px; text-align:right;}
.showpage a { display:block; float:left; height:14px; font-size:11px; margin:0px 3px; padding:2px 6px; vertical-align:middle; border:1px solid #f1f1f1; line-height:14px; overflow:hidden; text-decoration:none; font-weight:bold; background:#fff;}
.showpage a:hover, .showpage .foucs {color:#fff;background:#4c6794;}

#footer { clear:both; margin-top:8px; }
	#links {border:1px solid #e9f1f8; background:#f9fcff;}
	#links { line-height:24px; color:#768caa; text-align:center;}
	#links a { color:#768caa;}
	#copyright { text-align:center; line-height:30px;}
	
/*首页*/

#index-focus { margin-top:10px; height:211px; overflow:hidden;}
	#index-banner { float:left; width:708px; height:211px; overflow:hidden;}
	#news { float:right; width:228px; height:211px;}
		#news li a { color:#666;}

#index-c-1 { margin-top:8px; height:260px; overflow:hidden;}
#index-c-1 .h-1 { float:left; width:196px; overflow:hidden;}
#index-c-1 .h-2, #index-c-1 .h-3 { float:left; margin-left:4px; width:252px; height:260px; background:url(images/box-footer-2.gif) repeat-x bottom;}
#index-c-1 .h-2 .body, #index-c-1 .h-3 .body { height:190px; overflow:hidden;}
#index-c-1 .h-4 { float:left; margin-left:4px; width:227px;}

#index-c-1 .h-2 .body { background:url(images/recommend-bg.gif) no-repeat 0 14px;}
#index-c-1 .h-2 .body dl { padding-left:14px; line-height:16px;}
#index-c-1 .h-2 .body dt { padding-top:5px;}
#index-c-1 .h-2 .body dt a { font-weight:bold; line-height:20px; text-decoration:underline;}
#index-c-1 .h-2 .body dt a.focus { font-size:14px; color:#f60;}
#index-c-1 .h-2 .body dd { padding-bottom:5px;}

#index-c-1 .h-3 .body { text-align:center;}
#index-c-1 .h-3 .body p { margin:12px 16px; text-align:left; line-height:22px;}

#index-c-1 .h-4 .header { height:60px;}
#index-c-1 .h-4 .header .olserver { display:block; width:100%; height:60px; background:url(images/olserver.jpg) no-repeat center bottom; text-indent:-5000px;}
#index-c-1 .h-4 .body { height:200px;}
#index-c-1 .h-4 .body dl { margin:10px 30px 0;}
#index-c-1 .h-4 .body dt { color:#535f79; font-weight:bold; line-height:30px;}
#index-c-1 .h-4 .body dd { line-height:24px;}
.im { margin:8px auto; width:160px;}
	.im li { float:left; padding-left:4px; width:76px;}

#index-c-2 { margin-top:8px;}
#index-c-2 .h-1 { float:left; width:195px;}
	#channel .body { background:url(images/li-bg.gif);}
	#flinks { margin-top:8px; background:none;}
	#flinks .body {}
	#flinks .body ul { margin:10px auto; width:160px;}
	#flinks .body li { float:left; width:80px; text-align:center; line-height:20px; height:20px; overflow:hidden;}
	#flinks .body li a { color:#626262;}
#index-c-2 .h-2 { float:right; width:739px;}
	#toggle { background:none;}
	#channel .body a { color:#626262;}
	#toggle .products { margin-top:16px;}
	#toggle .products li { float:left; padding-top:6px; padding-bottom:16px; width:369px;}
	#toggle .products .img { display:inline; float:left; margin-left:10px;}
	#toggle .products .info { display:inline; float:right; margin-right:50px; margin-top:2px; width:200px;}
	#toggle .products .info h3 a { font-weight:bold; color:#2e5f99; line-height:24px;}
	#toggle .products .info h3 a:hover { color:#f60;}
	#toggle .products .info p { line-height:18px;}
	
/*文章列表页*/
#list-c-1 { }
#list-c-1 .h-1 { float:left; width:706px; overflow:hidden;}
	#article-list { padding-top:10px; background:url(images/box-header.jpg) repeat-x;}
	#article-list ul { }
	#article-list li { clear:both; padding:0 10px; border-bottom:1px solid #f1f1f1;}
		#article-list .image { float:left; padding-bottom:6px; width:100px;}
			#article-list .image img { margin-top:7px; border:1px solid #f1f1f1; padding:2px; background:#fff; background:url(images/nophoto-bg.gif) no-repeat center;}
		#article-list .info { float:left;}
		#article-list .title { padding-top:12px; padding-left:8px; height:20px; overflow:hidden;}
		#article-list .title span { float:right; color:#aaa;}
		#article-list .title a { color:#535f79; text-decoration:underline; font-size:14px; font-weight:bold; line-height:20px;}
		#article-list .title a:hover { color:#f60;}
		#article-list .intro { padding:8px 24px 8px 12px; line-height:16px;}
#list-c-1 .h-2 { float:right; width:224px; overflow:hidden;}
	#list-c-1 .h-2 .banner { width:224px;}
	#list-c-1 .h-2 .box { margin-top:8px;}

/*文章页*/
#page-c-1 { }
#page-c-1 .h-1 { float:left; width:708px; }
	#content { padding-top:39px; background:url(images/box-header.jpg) repeat-x top;}
	#content h1 { line-height:42px; text-align:center; font-size:22px; color:#617891;}
	#content .info { text-align:center; color:#b2b2b2; line-height:20px;}
	#content .body { margin-top:10px; padding:14px; border-top:1px solid #f2f2f2; color:#333; font-size:14px; line-height:26px;}
	#content .body p { padding:0.5em 0;}
	#content .body img { border:1px solid #f1f1f1; padding:2px; background:#fff;}
	#related .body {}
	#related .body ul li { float:left; width:290px; overflow:hidden;}
#page-c-1 .h-2 { float:right; width:224px; overflow:hidden;}
#page-c-1 .h-2 .banner { width:224px;}
#page-c-1 .h-2 .box { margin-top:8px;}
#serverNav { clear:both; height:36px;}
	#serverNav a { display:block; margin-right:20px; float:left; cursor:hand; background: url(images/buttonleft.jpg) left top no-repeat;}
	#serverNav span { display:block; float:left; padding:0 5px 0 20px; color:#fff; height:27px; line-height:27px;overflow:hidden;background:url(images/buttonright.jpg) right top no-repeat;}

/*单页面*/
.single-page {}
.side { float:left; width:180px; background:url(images/side-box-bg.gif) repeat-y;}
	.side-spliter { height:8px; overflow:hidden; background:#fff;}
	.side-foot { border-top:1px solid #e6e6e6;}
	.side-box { background:url(images/side-box-foot.gif) no-repeat bottom;}
		.side-box-inner { padding:10px 16px; background:url(images/side-box-head.gif) no-repeat top;}
		.side-box h2 { line-height:24px; font-size:14px;}
			.side-box h2 a { color:#666;}
		.side-box ul {}
		.side-box li {}
			.side-box li a { padding-left:24px; line-height:24px; background:url(images/side-li.gif) no-repeat 8px 3px; color:#666;}
		.side-box a:hover { color:#4c6794;}
.main { float:right; width:750px; background:url(images/content-head.gif) no-repeat left top;}
	.main h1 { padding:20px 20px 5px; font-size:18px; line-height:20px;}
	.main .content { padding:0 2em; line-height:20px;}
		.main .content h6 { clear:both; border-bottom:1px solid #e9e9e9; line-height:20px; font-size:14px; color:#4c6794;}
		.main .content p { margin:0.5em auto; text-align:justify;}
		.main .content li { margin-left:2em; list-style-position:outside;}
		.main .content ul li { list-style-type:disc;}
		.main .content ol li { list-style-type:decimal;}
		
/*评论表单*/
.feedback-form { margin:30px auto; border:5px solid #eee; padding:10px 20px; width:398px; background:#f8f8f8;}
	.feedback-intro { margin-bottom:12px; border-bottom:1px solid #e1e1e1; padding:5px 8px 10px 90px; line-height:18px; background:url(images/conn.jpg) no-repeat 0 6px;}
	.feedback-form td { padding:3px 0;}
	.feedback-form .label { width:60px; text-align:right;}
	.feedback-form .submit { margin-top:8px;}
	
/* 文档下载 */
.doc-list {}
	.doc-list h2 { margin:0 20px; border-bottom:1px solid #e1e1e1; padding:5px 5px 5px 30px; line-height:26px; font-size:14px; background:url(images/icon-folder.gif) no-repeat 10px 9px;}
	.doc-list ul { margin:0 20px;}
	.doc-list li { border-bottom:1px solid #e1e1e1; padding:5px 5px 5px 30px; line-height:18px; background:url(images/icon_page.gif) no-repeat 10px 6px;}