@charset "utf-8";
/*
* Filename: base.css
* Version: 1.0.0 (2008-03-15) YYYY-MM-DD
* Website: http://
* Author: Ray Huang 
* Description: 主站框架架构及细节

== STRUCTURE: ==============================
* Page width: 1000 px
============================================
*/
* {}
html { width:100%; margin:0; padding:0; border:0; background:#99cccc;}
body { width:100%; margin:0; padding:0; border:0; color:#777; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
h1,h2,h3,h4,div,p,ul,li,dl,dt,dd,ol,a,form,fieldset,legend { margin:0; padding:0; border:0;}
li { list-style:none;}

a { color:#777; text-decoration:none; outline:none;}
a:hover { color:#777; text-decoration:none;}
a img { border:0;}
div.divclear { clear:both;}

.clearfix:after { content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.clearfix {/* overflow:auto;*/ zoom:1;}

/*
== Frame: ===================================
_header : Site Heading
============================================
*/
#pageBody { width:1000px; margin:0 auto; background:#fff;}
	
/* _header <Ray>
==========================================*/
   #headerBox { width:100%; height:100px; background:url(/img/header-bg.gif) 0 0 repeat-x; position:relative;}
   	#headerBox h1 { float:left; width:250px; height:100px; background: #fff url(/img/logo-bg.gif) 0 0 no-repeat;}
	#headerBox h1 img { margin:1px 0 0 78px}
	#headerBox p { position:absolute; z-index:100; left:250px; top:32px; width:552px; height:22px; background:#296ac3;}
	#headerBox p span { float:left; text-indent:-1000em; width:138px; height:22px; background:url(/img/slogan.gif) 0 0 no-repeat;}
	#headerBox ul { float:right; width:750px; z-index:99;}
	#headerBox ul li { display:inline;}
	#headerBox ul.toplink { height:32px; background:url(/img/toplink-bg.gif) 0 0 no-repeat; text-align:center;} 
		#headerBox ul.toplink li { float:left; margin:18px 0 0 0;}
		#headerBox ul.toplink li.first { margin:18px 0 0 320px;}
		#headerBox ul.toplink li a { padding:0 10px; border-left:1px #e2e2e2 solid; text-transform:uppercase; font-size:12px;}
	
	#headerBox ul.nav { height:46px; border-top:22px #296ac3 solid; background:url(/img/nav-bg.gif) 0 0 no-repeat;}
		
		#headerBox ul.nav li a { float:left; margin:0 0 0 10px; width:67px; height:46px; line-height:46px; text-indent:-1000em;}
		#headerBox ul.nav li a.nav1 { background:url(/img/nav-1.gif) no-repeat;} 
		#headerBox ul.nav li a.nav2 { background:url(/img/nav-2.gif) no-repeat;} 
		#headerBox ul.nav li a.nav3 { background:url(/img/nav-3.gif) no-repeat;} 
		#headerBox ul.nav li a.nav4 { background:url(/img/nav-4.gif) no-repeat;} 
		#headerBox ul.nav li a.nav5 { background:url(/img/nav-5.gif) no-repeat;} 
		#headerBox ul.nav li a.nav6 { background:url(/img/nav-6.gif) no-repeat;} 
		#headerBox ul.nav li a.nav7 { background:url(/img/nav-7.gif) no-repeat;} 
		
	
/* _main <Ray>
==========================================*/
   
   #contentBox { width:100%; height:auto}
   	#contentMain { float:right; width:750px;}
		#bannerBox { display:block; width:750px; height:221px; background:url(/img/banner-bg.jpg) 0 0 no-repeat;}
		#quicklinkBox { width:750px; height:56px; background:url(/img/quicklinkbox-bg.gif) 0 0 repeat-x;}
			#quicklinkBox ul { height:56px; background:url(/img/quicklink-bg.gif) 0 0 no-repeat;}
			#quicklinkBox ul li { display:inline;}
			#quicklinkBox ul li a { float:left; width:176px; height:56px; background:url(/img/quicklink.gif) no-repeat; text-indent:-1000em;}
			#quicklinkBox ul li a.item1 { background-position:0 0; margin:0 0 0 10px;}
			#quicklinkBox ul li a.item2 { background-position:-176px 0;}
			#quicklinkBox ul li a.item3 { background-position:-352px 0;}
			#quicklinkBox ul li a.item4 { background-position:-528px 0;}
			
		
		
		#subContentBox { width:750px; min-height:126px; background:url(/img/contentmain-bg.jpg) 0 0 no-repeat; position:relative;}
			#tabBox { float:left; height:311px; margin:16px 0 0 10px; position:relative; }
				
				#tabContent { padding:8px;}
				#tabContent p { text-indent:2em; line-height:18px;}
				#tabFourth div.more { text-align:right;}
					#newsNewbox { padding:5px;}
					#newsNewbox ul { width:300px; }
					#newsNewbox ul li { float:left; line-height:23px; background:url(/img/icon-block.gif) left center no-repeat;}
					#newsNewbox a { float:left; margin:0 0 0 5px; width:300px; height:23px; line-height:23px; text-indent:5px; border-bottom:1px #b8b8b8 dotted; text-decoration:none; }
					#newsNewbox a:hover { background:#f1f1f1;} 
			
			
			#btnArea { float:right; height:311px; width:345px; position:relative;}
			#btnArea a { text-indent:-1000em; outline:none;}
				
				#btnArea ul { position:absolute; width:160px; height:130px; right:180px; top:19px;}
				#btnArea ul li { float:left; margin:0 0 2px 0;}
				#btnArea ul li a.btnArea1 { float:left; width:160px; height:41px; margin:0 0 3px 0;}
				#btnArea ul li a.item1 { background:url(/img/btn-1.gif) no-repeat;}
				#btnArea ul li a.item2 { background:url(/img/btn-2.gif) no-repeat;}
				#btnArea ul li a.item3 { background:url(/img/btn-3.gif) no-repeat;}

				#btnArea dl {}
				#btnArea dt,#btnArea dd {/* visibility:hidden;*/ display:none; width:0; height:0;}
				#btnArea dd.more {/* visibility:visible;*/ display:inline;}
				
				#btnArea dl.btnArea2 { position:absolute; width:157px; height:128px; background:url(/img/btn-6.gif) no-repeat; right:12px; top:19px;}
				#btnArea dl.btnArea2 a { float:left; width:157px; height:128px;}
				#btnArea dl.btnArea3 { position:absolute; width:157px; height:118px; background:url(/img/btn-5.gif) no-repeat; right:12px; top:159px;}
				#btnArea dl.btnArea3 a { float:left; width:157px; height:118px;}
				#btnArea dl.btnArea4 { position:absolute; width:160px; height:118px; background:url(/img/btn-4.gif) no-repeat; right:180px; top:159px;}
				#btnArea dl.btnArea4 a { float:left; width:160px; height:118px;}


			#pagePath { width:390px; height:38px; line-height:38px; text-align:right; position:absolute; right:13px; top:0;}
			#subContentMain { width:727px; margin:0 auto 20px auto;}
				#subContentMain h2 { text-indent:22px; line-height:38px; color:#464646; font-size:14px; border-bottom:1px #ebebeb solid; background:url(/img/icon-subtitle.gif) 2px 11px no-repeat;}
				#subContentMain p { padding:5px 10px 10px; line-height:22px; text-indent:2em;}
				#subContentMain h3 { padding:20px 10px 10px; text-align:center; font-size:14px;}
				#subContentMain h4 { text-align:center; font-size:12px;}
				
				#subContentMain ul { padding:20px 30px 10px;}
				#subContentMain ul li { line-height:30px;}
				#subContentMain dl dt { padding:20px 30px 10px; font-size:14px;}
				#subContentMain dl dd { line-height:30px;}
				
				.articlelist { border:1px #b8b8b8 solid; padding:20px; margin:10px;}
				.articlelist legend { font-size:14px; padding:0 10px;}
				.articlelistbox { width:555px;}
				.articlelistbox li { float:left; line-height:23px; background:url(/img/icon-block.gif) left center no-repeat;}
				.articlelistbox li a { float:left; margin:0 0 0 5px; width:550px; height:23px; overflow:hidden; line-height:23px; text-indent:5px; border-bottom:1px #b8b8b8 dotted; text-decoration:none; }
				.articlelistbox li a:hover { background:#f1f1f1;} 
				.articlelistbox li span { margin:0 0 0 5px;}
				.articlelistbox li span.time { font-size:10px;}
				.articlelist div.more { text-align:right;}
		
					
					
	#sidebarBox { float:left; width:250px; min-height:403px; background:url(/img/sidebar-bg.jpg) 0 0 no-repeat;}
		#sidebarBox div { margin:0 0 0 34px;}
		#sidebarBox form div{ display:block; width:204px; height:150px; border:1px #eaeaea solid;}
		#sidebarBox form div h3 { margin:4px auto; text-indent:-1000em; width:195px; height:25px; background:url(/img/form-bg.gif) no-repeat;}
		#sidebarBox form div ul { float:left; width:148px; position:relative;}
		#sidebarBox form div ul li { float:left; margin:0 0 4px 0;}
		#sidebarBox form div ul li label { float:left; width:45px; height:22px; text-indent:-1000em;}
		#sidebarBox form div ul li label.username { background:url(/img/label-id.gif) center no-repeat;}
		#sidebarBox form div ul li label.userpwd { background:url(/img/label-pass.gif) center no-repeat;}
		#sidebarBox form div ul li input { float:left; width:93px; height:22px; border:1px #e3e3e3 solid; line-height:22px; font-size:12px;}
		#sidebarBox form div ul li img { position:absolute; left:150px; top:65px; width:45px;}
		#sidebarBox form div input.userlogin { float:right; margin:0 11px 0 0; width:45px; height:53px; border:0; background:url(/img/btn-login.gif) no-repeat; text-indent:-1000em; cursor:pointer;}
		#sidebarBox form div p { clear:left; float:left; margin:10px; width:200px;}
		
		#sidebarBox form div a { margin:10px; width:100px;}
		* html #sidebarBox form div p { margin:10px 0 0 10px; width:180px;}
		* html #sidebarBox form div a { width:50px; margin:10px;}
		#sidebarBox h3 { margin:36px 0 0 0;}
		#sidebarmenu { display:block; margin:22px 0 8px 34px;}
		
		#sidebarBox div.dlist { line-height:16px; margin:0;}
		div.dlist span { line-height:30px; padding:0 0 0 20px; font-weight:bold;}
		div.dlist a { float:left; clear:left; margin:0 0 0 5px; width:200px; height:23px; overflow:hidden; line-height:23px; text-indent:5px; border-bottom:1px #b8b8b8 dotted; text-decoration:none; }
		div.dlist a:hover { background:#f1f1f1;} 
		
		p.address { margin:2px 0 0 48px;}
		p.serviceline { margin:8px 0 0 34px; text-indent:-1000em; width:203px; height:46px; background:url(/img/serviceline.gif) no-repeat;}
	
					
	#fLinks {}
		#fLinks li { width:80px; height:30px; float:left; text-align:center;}
		#fLinks li span { font-weight:bold;}
						
   
/* _footer <Ray>
==========================================*/
	
	#footerBox { width:100%; height:78px; text-align:right;}
		#footerBox ul { display:block; width:100%; height:31px; background:#5078af; border-top:1px #e8e8e8 solid; border-bottom:1px #e8e8e8 solid;} 
		#footerBox ul li { float:right; line-height:31px;}  
		#footerBox ul li a { padding:0 20px; color:#000; border-right:1px #000 solid;}
		#footerBox ul li a.lastitem { border:0;}
		#footerBox p.copyrighten { padding:6px 20px 0 0; line-height:18px; font-size:10px; color:#9c9c9c; text-transform:uppercase;}
		#footerBox p.copyrightcn { padding:0 20px 0 0; color:#7e7e7e;}