﻿/* CSS Document */

body { margin:0 auto; text-align:center; background:#b2b2b2 url(../images/body_bg02.jpg) no-repeat center 0; font-family:Arial, sans-serif; line-height:1.6em }

body, select, input, button, h1, h2, h3, h4, h5, h6 {font-size:12px}
body, h1, h2, h3, h4, h5, h6, ul, ol, li, form, p, dl, dt, dd, table, th, td, img, blockquote { margin:0; padding:0; border:0 }
input, button, textarea, img { line-height:normal }
ul, ol { list-style:none }
select, input, button { vertical-align:middle }

a{ text-decoration:none; color:#3b3a3a;}
a:hover{ text-decoration:underline; color:#009DE0;}


#header,#banner,#mainbody,#footer{ clear:both; width:960px; margin:0 auto; text-align:left;}

#header{ padding-bottom:20px; background:;}
#header span{ float:right; margin-top:5px; width:74px; height:23px; line-height:23px; background:url(../images/language.gif) no-repeat 0 0;}
	#header span a{ padding-left:10px; font-family:Arial; font-weight:bold;}
#header img{ margin:21px 0 0 18px;}

#banner{ overflow:hidden; height:234px; margin-bottom:5px; margin-top:-15px;}
	#banner img{ display:block; overflow:hidden; width:960px; height:234px;}

#footer{ margin-top:8px; padding:25px 0 30px; text-align:center; background:#939393;}

.sidebar{ float:left; width:212px; background:url(../images/sidebar_bg.jpg) repeat-y 0 0;}
	.sidebar .mhd{ height:185px; background:url(../images/sidebar_top.jpg) no-repeat 0 0;}
	.sidebar .mft{ height:345px;background:url(../images/sidebar_bottom.jpg) no-repeat 0 bottom;}
	.sidebar .mbd{ margin:-150px 20px 45px;}
		.sidebar .mbd h3{ width:174px; height:33px; margin:5px 0; font-size:14px;}
		.sidebar .mbd h3 a{ display:block; padding-left:38px; line-height:33px; background:url(../images/subH3_link.gif) no-repeat 0 0;}
		.sidebar .mbd h3 a:hover,.sidebar .mbd h3 .hover{ color:#fff; text-decoration:none; background:url(../images/subH3_hover.gif) no-repeat 0 0;}
		.sidebar .mbd .menu ul{ padding-left:26px;}
			.sidebar .mbd .menu ul li{ line-height:23px; padding-left:12px;}
			.sidebar .mbd .menu ul li a{}
			.sidebar .mbd .menu ul li:hover,.sidebar .mbd ul li .active{ color:#009DE0; text-decoration:none; background:url(../images/Ico_Arr02.gif) no-repeat left 7px;}

.content{ width:745px; float:right;}
	.content h3{ height:18px;}
	
	.i-gov{ float:right; padding:15px 15px 0; width:182px; height:503px; background:url(../images/i_gov.gif) no-repeat 0 0;}
		.i-gov dl{ padding-top:10px;}
		.i-gov dt{ margin-top:8px; color:#9e9e9e; font-weight:bold;}
		.i-gov dd{ padding-bottom:3px;}
	
	.i-server{ float:left; padding:15px 20px 0; width:222px; height:85px; background:url(../images/i_server01.gif) no-repeat 0 0;}
	.i-server01{ margin-right:7px;}
	.i-server .mbd{ padding-top:13px;}
		.i-server .mbd button{ margin-left:20px; width:118px; height:34px; background:url(../images/i_serverBtn.gif) no-repeat 0 0; border:none; cursor:pointer;}
		.i-server .mbd a{ display:block; font-weight:bold; color:#009DE0; text-decoration:underline;}
		
	.i-news{ float:left; padding:15px 20px 0; width:491px; height:253px; background:url(../images/i_news.gif) no-repeat 0 0;}
	.i-news h3{ background:url(../images/t_inews.gif) no-repeat 0 0;}
		.i-news .hot{ margin:8px 0 5px; padding:7px 10px 0; height:110px; background:url(../images/i_news02.gif) repeat-x 0 0;}
			.i-news .hot img{ float:left; overflow:hidden; margin-right:15px; width:147px; height:105px;}
			.i-news .hot h4{ color:#009DE0; font-size:14px; text-align:center;}
			.i-news .hot h4 img{float:none; margin:0; width:auto; height:auto;}
			.i-news .hot span a{ float:right; color:#009DE0;}
		.i-news li{ padding-left:18px; line-height:23px;}
		.i-news li span{ padding-right:15px; color:#009DE0; font-weight:bold;}
		
	.i-info{ height:auto; padding:15px 0 0; width:531px;}
		.i-info h3{ margin-left:20px;}
		.i-info ul{  padding:10px 20px 15px; background:url(../images/i_news.gif) no-repeat 0 bottom;}
		
	.i-show{ clear:both; margin-top:2px; padding:15px 0 0 20px; width:725px; height:156px; background:url(../images/i_show.gif) no-repeat 0 0;}
	.i-show h3{ text-indent:0;}
		.i-show ul{ padding-top:10px;}
		.i-show li{ float:left; display:inline; margin:0 8px 0 6px; padding:6px 0 0 10px; width:213px; height:112px; background:url(../images/i_show02.gif) no-repeat 0 0;}
			.i-show li img{ display:block; overflow:hidden; margin-bottom:3px; width:200px; height:80px; border:1px solid #e8e8e8;}
			.i-show li span{ padding-left:20px; line-height:23px; background:url(../images/Ico_Arr.gif) no-repeat 5px 0;}
	
	.i-partner{ margin-top:10px; overflow:hidden; width:741px;}
		.i-partner h3{ height:28px;}
		.i-partner .imglist{width:800%; overflow:hidden; height:100%;}
		.i-partner ul{ padding-top:15px; }
			.i-partner li{ float:left; width:178px; height:68px; text-align:center; background:url(../images/i_partnerLi.gif) no-repeat 0 0; display:inline; margin-left:8px;}
			.i-partner li a{ margin:10px auto 0; overflow:hidden; display:block; width:160px; height:45px; border:1px solid #e8e8e8;}
			.i-partner li img{ overflow:hidden; width:160px; height:45px;}


.navigation{ clear:both; margin-bottom:5px; padding-left:25px; height:28px; line-height:28px; background:url(../images/navigation_bg.gif) no-repeat 0 0;}

.inner{ padding:0; background:url(../images/inner_bg.jpg) repeat-y 0 0;}
	.inner .mhd{ height:250px; background:url(../images/inner_top.jpg) no-repeat 0 0;}
	.inner .mft{ height:10px; background:url(../images/inner_bottom.jpg) no-repeat 0 bottom;}
	.inner .mbd{ margin:-190px auto 100px; width:610px;}
		.newslist h2{ margin:20px 0 0 40px; padding-left:25px; height:25px; line-height:25px; font-size:14px; background:url(../images/newsH2.gif) no-repeat 0 bottom;}
		.newslist .list li{ overflow:hidden; padding-left:8px; height:23px; line-height:23px; background:url(../images/Dot.gif) no-repeat left 9px;}
			.newslist .list li span{ float:right; color:#666;}
			.newslist .list li a{ color:#009DE0;}
	.newslist .pages{ margin:20px auto 0; width:610px; text-align:center;}
		.newslist .pages a{ margin:0 2px; padding:0 4px; color:#009DE0;}
		.newslist .pages a:hover,.inner .pages .hover{ color:#fff; background:#009DE0; text-decoration:none;}
		.newslist .pages input{ margin:0 2px; width:34px; height:16px; border:1px solid #ccc;}
		.newslist .pages strong{ padding:0 1px; color:#009DE0; font-weight:normal;}
		.newslist .pages span{ padding:0 5px;}
		
	.newsinfo{}
	.newsinfo h2{ color:#009DE0; font-size:14px; text-align:center;}
		.newsinfo .date{ clear:both; display:block; padding:5px 0; color:#666; text-align:center; border-bottom:1px solid #c8c8c8;}
			.newsinfo .date span{ padding-right:20px;}
			.newsinfo .date strong{ padding:0 1px; color:#009DE0; font-weight:normal;}
		.newsinfo p{ padding:10px 0; color:#3f3f3f; line-height:180%; text-indent:2em;}
		

#demo{ overflow:hidden;width:710px; margin-right:15px;}
	#demo img { border:1px solid #ece9e9;}
	#demo ul{position:static;}
	#indemo { float: left; width: 800%; }
	#demo1 { float: left; }
	#demo2 { float: left; }
		#demo li { float:left; display:inline; margin:0 8px 0 6px; padding:6px 0 0 10px; width:213px; height:112px; background:url(../images/i_show02.gif) no-repeat 0 0;}
		#demo li img{ display:block; overflow:hidden; margin-bottom:3px; width:200px; height:80px; border:1px solid #e8e8e8;}
		#demo li li span{ padding-left:20px; line-height:23px; background:url(../images/Ico_Arr.gif) no-repeat 5px 0;}