/* CSS Document */

body{ font-size:12px; color:#3B3B3B; font-family:'helvetica neue','helvetica-neue',helvetica,arial, Verdana,sans-serif, Geneva; background:url(../images/headerbg.gif) repeat-x }
a{ color:#0174A7; text-decoration:underline}
a:hover{ color:#1096D5; text-decoration:underline;}

h1,h2,h3,h4,h5,h6,.title18line,#flash a,#flashcen{ font-family:"微软雅黑","黑体","Microsoft YaHei";}
h1{ font-size:26px;}
h2{ font-size:24px;}
h3{ font-size:22px;}
h4{ font-size:20px;}
h5{ font-size:16px;}
h6{ font-size:14px;}

#container{width:980px; margin:0 auto;}


#header{ height:88px; }
	#logo{ float:left; margin-top:10px;}
	#topnav{ float:right; width:145px; height:18px; background:#b5b5b5; line-height:18px; text-align:center; color:#fff;}
		#topnav a{ color:#fff; text-decoration:none; margin:0 4px;}
		#topnav a:hover{ background:#fff; color:#666;}
		
	#nav{clear:right; float:right; margin-top:20px;}
	#nav li{ display:inline}
	#nav a{ display:block; float:left; color:#4b4a4a; font-size:14px; font-weight:bold; width:71px; height:33px; line-height:30px; text-align:center;text-decoration:none; font-family:Microsoft YaHei}
	#nav span{ display:block; float:left; margin:0 4px; line-height:28px; color:#999;}
	#nav a:hover{ text-decoration:underline;}
	#nav li.sell a,#nav li.sell a:hover{background:url(../images/navsellbg.gif) no-repeat; color:#fff;text-decoration:none}

#flash{ margin-bottom:20px; background:url(../images/flash1.png) no-repeat; height:300px; padding-left:28px;}
	#flashtop{ padding-top:55px; margin-bottom:15px;}
		#flashtop a{ color:#bb0000; font-size:30px; font-weight:bold; text-decoration:none;}
		#flashtop a:hover{ color:#e00000; text-decoration:none; text-shadow:2px 2px 2px #e7e7e7;}
	#flashcen{  color:#666; font-size:16px; line-height:20px; margin-bottom:30px;}
	#flashdown *{ float:left;}
		#flashdown span{ margin-top:10px}

.indexcol{ clear:both; margin-bottom:30px;}
	.indexcoltitle{ height:38px; background:url(../images/indexcoltitilebg.gif) repeat-x bottom; margin-bottom:20px;}
	.indexcoltitle h2{ float:left;}
	.indexcoltitle span{ float:left; margin:15px 0 0 22px;}
	
	#colfuwu .threesmall img{ margin-bottom:14px; display:block;}
	#colfuwu .threesmall h3{ font-size:18px; margin-bottom:5px;}
	#colxuetang .title18line{ margin-bottom:6px}
	
#link{ margin-bottom:20px}
#link h2{ font-weight:bold; margin-bottom:8px;}
#link_inner{ border:4px solid #f2f2f2}
#link li{ display:inline;}
#link img{ width:160px; height:80px; border:1px solid #e9e9e9;display:block; float:left;}
#link li a:hover img{border:1px solid #ccc;}

#downsearch{ height:36px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;}
	#downsearch .left{ color:#dddddd; margin-top:9px;}
		#downsearch .left a{ margin:0 7px;}
		#downsearch .left a.first{ margin-left:0;}
	#search{ float:right; margin-top:6px;}
		#search *{ float:left}
		#search #inptleft{border:none; height:24px; width:13px; display:block; background:url(../images/searchleft.gif) no-repeat;}
		#search #inpttext{ background:url(../images/searchbg.gif) repeat-x; border:none; height:24px; width:125px; line-height:24px}


#footer{ color:#666; padding:8px 0; line-height:20px;}
	#footer p{ text-align:left;}


/*内页*/
.col_nav{ overflow:hidden; border-bottom:1px solid #ddd; margin-bottom:18px; margin-top:20px}
.col_nav h2{ float:left; padding-bottom:5px;}
.col_nav ul{ float:right; margin-top:12px;}
.col_nav li{ display: inline;}
.col_nav li a{ display:block; float:left; color:#666666; padding:0 1px; margin-right:20px; text-decoration:none;}
.col_nav li a.last{ margin-right:0;}
.col_nav li a:hover{ color:#CC0000; text-decoration:none;}
.col_nav li.sell a,.col_nav li.sell a:hover{ color:#222; border-bottom:2px solid #cc0000; font-weight:bold;}

.bannerinner{ clear:both; margin-bottom:18px;}
.bannerinner img{ display:block;}

.colcontent{ clear:both; border-top:1px solid #ddd; margin-bottom:18px;padding-top:14px;}
	.colcontent h3{ color:#cc0000; margin-bottom:14px;}
	.colcontent .last{ margin-right:0}
	
.caselist .listdlpro{ margin-bottom:25px;}
.morecase{ padding-top:8px; display:block;}

#bannerwebmall{ height:178px; padding:30px 0 0 620px; color:#000;}
	.ban1{ background:url(../images/bannerwebmall1.gif) no-repeat left;}
	.ban2{ background:url(../images/bannerwebmall2.gif) no-repeat left;}
	.ban3{ background:url(../images/bannerwebmall3.gif) no-repeat left;}
	.ban4{ background:url(../images/bannerwebmall4.gif) no-repeat left;}
	#bannerwebmall h1{ font-size:18px; font-weight:bold;}
	#bannerwebmall h2{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:30px; margin-bottom:10px;}
	#bannerwebmall h3{ font-size:12px;}

#coljianjie{ background:url(../images/coljianjie.gif) no-repeat right 20px;}
	#coljianjie h4{ font-size:14px; font-weight:bold; margin-bottom:6px;}
	#coljianjie p{ margin-bottom:12px;}
	#coljianjie span{ margin-right:24px}

/*修改于 3.27
#colfunction{}
	#colfunction li{ clear:both; line-height:21px; overflow:hidden; padding-bottom:15px;}
	#colfunction span{ display:block; float:left; width:28px; height:21px; background:#cc0f16; text-align:center; color:#fff; font-weight:bold;}
	#colfunction a{ float:left; display:block; color:#222; height:21px; text-decoration:none; padding:0 14px;}
	#colfunction .sell a{ background:#ddd;}
#colfunction .right{ width:540px; height:340px;}*/
#colfunction{}
	#colfunction li{ width:50%; float:left; line-height:21px; overflow:hidden; padding-bottom:15px;}
	#colfunction span{ display:block; float:left; width:28px; height:21px; background:#cc0f16; text-align:center; color:#fff; font-weight:bold;}
	#colfunction a{ float:left; display:block; color:#222; height:21px; text-decoration:none; padding:0 14px;}
	#colfunction .sell a{ background:#ddd;}

#coltedian h5{ margin-bottom:6px;}

#duibi{ border:5px solid #f2f2f2;  padding:9px 12px;}
#duibi p{ margin-bottom:5px}

.longblock{ background:url(../images/bobg.gif) no-repeat right; height:114px; margin-bottom:18px;}
	.longblock div{ padding: 16px 24px 0 245px; height:98px;}
	.longblock h4{ font-size:14px; font-weight:bold; margin-bottom:4px;}
	#lbok1{ background:url(../images/bo1.gif) no-repeat left}
	#lbok2{ background:url(../images/bo2.gif) no-repeat left}
	#lbok3{ background:url(../images/bo3.gif) no-repeat left}

#col3g{}
	#col3g .two{ margin-bottom:40px; padding-right:25px; width:455px}
	#col3g .two h4{ font-size:15px; font-weight:bold; margin-bottom:8px}
	#col3g .two img{ margin-right:20px; margin-bottom:30px}

#casecontent{ margin-bottom:18px;}
	#casecontitle{ border-bottom:1px dashed #ddd; margin-bottom:18px; padding-bottom:6px}
	#casecontitle h3{ font-size:20px}
	#casepan p{ text-indent:2em; margin-bottom:8px}
	#casepan img{ margin-bottom:8px;}
#casecontent .list{ line-height:22px}
#casecontent .list a.fcc0f16{ text-decoration:none}
#casecontent .list a.fcc0f16:hover{ background:#cc0f16; color:#fff; }

/*页面二栏布局*/
#main{ margin-bottom:18px; overflow:hidden; }
#mainpan, #sidebar{
 padding-bottom: 32767px;
 margin-bottom: -32767px; 
 }

.colcontentnobor{ clear:both;margin-bottom:18px;}

#mainpan{ border-right:1px solid #dddddd; width:680px; padding-right:15px; float:left;}
	#mainpan .twosmall{ margin-bottom:18px; margin-right:30px}
	#mainpan .last{ margin-right:0;}
	.twosmall h3{ font-size:20px; margin-bottom:4px}
	
	.post{ margin-bottom:12px}
		.post li {border-bottom:1px solid #F2F2F2;padding:0.7em 0 0.7em 60px;position:relative;}
		.post li.last{ border-bottom:none}
		.dateholder,.calendar{left:0;margin-top:12px;padding-right:7px;position:absolute;top:0;width:42px;}
		.post li img{vertical-align:text-bottom;}
		.post span {color:#999999;display:block;font-size:11px;text-align:center;width:42px;}
		.post h5 {font-size:13px;font-weight:bold;font-family: Verdana, Geneva, sans-serif;margin-bottom:2px}
		.post li p {margin-bottom:0.4em;}

	.postpan{}
		.postpan  h1{ font-weight:bold; font-size:1.8em; margin-bottom:.6em} 
		.postpan  h2{ font-size:1em; color:#666; display:block; border-bottom:1px dotted #ddd; margin-bottom:18px; padding-bottom:4px;}
		.postpan p{ margin-bottom:.8em; }
	
	#nextdown{ overflow:hidden; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 0; margin:12px 0}
	
#sidebar{ width:268px; padding-left:16px; float:right;}
	#rss p,#zixun *{ margin-bottom:10px}
	#rss{}
		#inp1{ width:160px; color:#999; height:19px; line-height:19px; margin-right:5px;}
		#inp2{ height:25px; width:55px}
	
	.schooltitle{ border-bottom:1px dotted #dddddd; padding-bottom:6px; margin-bottom:10px}
	.schooltitle h3{ margin-bottom:4px;}
	.schooltitle h3 a{ color:#cc0000; text-decoration:none;}
	.schooltitle h3 a:hover{ text-decoration:underline}
	.schooltitle p{ color:#333;}
	
	.sidecon h4{ margin-bottom:5px; font-size:16px}


/*网站地图*/
#sitemap{}
#sitemap h3{ font-size:18px;  margin-bottom:4px;  padding-bottom:4px;}
#sitemap h4{ font-size:12px; font-family: "宋体"}
#sitemap ul li{ margin-bottom:0.8em; padding-bottom:1.2em; border-bottom:1px dotted #ddd; }
#sitemap ul li li{ margin-bottom:0; display:inline; border-bottom: none; }
#sitemap ul li h4{display:inline; margin-right:1.5em;}
#sitemap h3 a{ color:#222; text-decoration:none}
#sitemap h3 a:hover{ color:#cc0000; text-decoration:underline}

/*搜索页面*/
#searchpage{}
#searchpage li{ margin-bottom:1.6em;}
#searchpage p{ margin:3px 0}
#searchpage a{ font-size:14px;}
#searchpage p a{ font-size:12px;}


/*ligh box*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 12px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }