/***以下为所有风格通用样式
margin: 0;padding: 0;设置外边距,内边距空隙都为0
font-size: 12px;为字体大小.一般表格内的,不受他控制
li,ul设置list-style: none;主要是取消默认的小圆点.不太好看****/
body{
margin: 0;
padding: 0;
font-size: 12px;
color:#333333;
background:#F5F0E2 url(body.gif);
}
form, ul, li, p, dl, dd, dt ,h,td,th,h3{
margin: 0;
padding: 0;
font-size: 12px;
}
li,ul{
display:block;
list-style: none;
}
a,img{
border:0px;}
/**font-size: 12px;超级链接字体大小
color:字体颜色
text-decoration: none;没有下画线.要有下画线.改none为underline
a 为统一超级链接,
a:link没有点击过的超级链接样式
a:visited 被点击过的超级链接样式
a:hover 鼠标指向时的超级链接样式
a:active 被用户激活(在鼠标点击与释放之间发生的事件)时的样式.少用**/

a{font-size: 12px;}
a:link{color:#333333;text-decoration: none;}
a:visited{color:#333333;text-decoration: none;}
a:hover{color: #BA0000;text-decoration: underline;}
a:active {text-decoration: none;}
/*clear清除浮动 */
.clear {clear:both; font-size:0px; height:0px; line-height:0px; width:0px; visibility:hidden;}

/*通用*/
#tongy{
width:898px;
border:#CCCCCC solid 1px;
line-height:22px;
padding-bottom:5px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
}
.h_h{
width:100%;
height:33px;
line-height:33px;
overflow:hidden;
background:url(h_hbg.gif);
}
#text_l{
font-size:14px;
color:#cc0000;
font-weight:bold;
float:left;
margin-left:10px;
}
#text_l a{font-size:14px;font-weight:bold;}
#text_l a:link{color:#cc0000;text-decoration: none;}
#text_l a:visited{color:#cc0000;text-decoration: none;}
#text_l a:hover{color:#800000;text-decoration: underline;}
#text_l a:active {text-decoration: none;}
#text_r{
font-size:12px;
color:#cc0000;
margin-right:6px;
display:inline;
float:right;
clear:both;
}
#text_r a{font-size:12px;}
#text_r a:link{color:#cc0000;text-decoration: none;}
#text_r a:visited{color:#cc0000;text-decoration: none;}
#text_r a:hover{ color:#800000;text-decoration: underline;}
#text_r a:active {text-decoration: none;}
#warp{
width:910px;
background:#FFFFFF;
margin:auto;
overflow:hidden;}
/*头部*/
#header{
width:100%;
height:128px;
background:url(nav_bg.gif) bottom repeat-x;
overflow:hidden;
}
#heads{
width:910px;
margin:auto;
background:url(heads.gif) bottom repeat-x;
overflow:hidden;
}
/*头部导航*/
#top_nav{
width:900px;
height:24px;
background:#FFFFFF;
background:url(top_nav_center.gif);
overflow:hidden;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}
#top_nav .top_nav_left{
width:7px;
height:24px;
float:left;
background:url(top_nav_left.gif);
overflow:hidden;
}
#top_nav .top_nav_right{
width:893px;
height:24px;
background:url(top_nav_right.gif) right top no-repeat;
overflow:hidden;
float:right;
}
.top_navl{
width:618px;
height:24px;
line-height:24px;
float:left;
color:#666666;
overflow:hidden;
}
.top_navl span{
color:#BA0000;
}
.top_navr{
width:260px;
height:24px;
line-height:24px;
overflow:hidden;
float:right;
margin-right:4px;
display:inline;}
.top_navr span{
color:#BA0000;
}
/*logo 导航*/
#top_guide{
width:900px;
height:104px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
}
.logo{
width:210px;
height:104px;
float:left;
overflow:hidden;
}
#top_guide_nav{
width:690px;
height:104px;
float:right;
overflow:hidden;}
.banner{
width:687px;
height:60px;
margin-top:4px;}
#guide_nav{
width:600px;
height:39px;
background:url(nav_center.gif);
overflow:hidden;
}
.guide_nav_left{
width:7px;
height:39px;
background:url(nav_left.gif);
float:left;
overflow:hidden;}
.guide_nav_right{
height:39px;
float:right;
background:url(nav_right.gif) right top no-repeat;
}
#nemu{
width:590px;
height:39px;
overflow:hidden;
}
#nemu li{
float:left;
}
#nemu a {
display:block;
color:#FFFFFF;
height:39px;
width:81px;
line-height:39px;
text-align:center;
font-size:14px;
}
#nemu a:hover,a.s {
background:url(nav_on.gif) no-repeat;
height:39px;
width:81px;
color:#FFFF00;
text-decoration:none;}


/*副导航*/
#subnav{
width:900px;
height:29px;
background:url(subnav_bg.gif);
margin-left:auto;
margin-right:auto;
overflow:hidden;
}
.subnav_left{
width:7px;
height:29px;
background:url(subnav_left.gif);
float:left;
overflow:hidden;
}
.subnav_right{
width:893px;
height:29px;
line-height:24px;
background:url(subnav_right.gif) right top no-repeat;
float:right;
overflow:hidden;
}
.subnav_right span{
font-size:12px;
color:#CC0000;
font-weight:bold;
margin-left:5px;}
/*搜索*/
#search{
width:900px;
height:34px;
background:url(search_bg.gif);
margin-top:5px;
margin-left:auto;
margin-right:auto;
}
.search_left{
width:17px;
height:34px;
float:left;
background:url(search_left.gif) left top no-repeat;
overflow:hidden;
}
.search_right{
width:883px;
height:34px;
background:url(search_right.gif) right top no-repeat;
overflow:hidden;
float:right;}
.search_a{
height:34px;
line-height:34px;
color:#000000;
float:left;
}
.search_a a{font-size: 12px;}
.search_a a:link{color:#000000;text-decoration: none;}
.search_a a:visited{color:#000000;text-decoration: none;}
.search_a a:hover{color: #BA0000;text-decoration: underline;}
.search_a a:active {text-decoration: none;}
.search_b{
height:34px;
line-height:34px;
float:right;
margin-right:20px;
display:inline;
}
.search_b li{
height:23px;
margin-top:4px;
float:left;
}
.keyword{
width:171px;
height:22px;
line-height:20px;
text-indent:25px;
font-size:12px;
background:url(search_in.gif);
border:0px;
overflow:hidden;}
.submit{
width:39px;
height:23px;
background:url(search_bt.gif);
margin-top:1px;
margin-left:10px;
border:0px;}
#main{
width:900px;
margin-top:5px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}
/*幻灯片*/
#flash{
width:602px;
height:275px;
border:#CCCCCC solid 1px;
float:left;
overflow:hidden;}
.flash{
width:600px;
height:273px;
border:#FFFFFF solid 1px;
overflow:hidden;}
/*最新内容*/
#new{
width:288px;
height:275px;
border:#CCCCCC solid 1px;
float:right;
overflow:hidden;
}
.new_m{
width:278px;
height:230px;
margin-top:6px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}
.new_m li{
width:278px;
height:23px;
background:url(newli.gif) 6px left no-repeat;
line-height:23px;
overflow:hidden;
}
.new_m a{
margin-left:15px;}
.new_m span{
float:right;
margin-left:5px;
color:#3366CC;}
/*案例*/
.anli_h{
width:900px;
height:38px;
overflow:hidden
}
.anli_hl{
width:159px;
height:38px;
background:url(anli_l.gif);
float:left;
overflow:hidden;}
.anli_hr{
width:670px;
height:38px;
float:right;
clear:both;
overflow:hidden;
}
.anli_hr li{
width:128px;
height:38px;
text-align:center;
line-height:38px;
font-size:14px;
font-weight:bold;
margin-left:6px;
display:inline;
background:url(anli_on.gif);
float:left;
}
.an_on{
color:#cc0000;
}
.an_off{
color:#333333;
}
.anli_m{
width:898px;
border:#CCCCCC solid 1px;
overflow:hidden;}
/*循*/#ax{
width:260px;
height:360px;
margin-top:10px;
margin-left:30px;
float:left;
display:inline;
overflow:hidden;}
#ax dl{
width:260px;
height:283px;
background:url(ax.gif);
}
#ax img{
width:208px;
height:224px;
border:#FFFFFF solid 1px;
margin-top:28px;
margin-left:25px;
}
#ax dt{
width:220px;
line-height:22px;
margin-top:4px;
margin-left:auto;
margin-right:auto;
}
#ax span{
color:#cc0000;
}

#ax a{font-size: 12px; font-weight:bold;}
#ax a:link{color:#800000;text-decoration: none;}
#ax a:visited{color:#800000;text-decoration: none;}
#ax a:hover{color: #BA0000;text-decoration: underline;}
#ax a:active {text-decoration: none;}
/*技术文章 留言*/
.wenz{
width:445px;
border:#CCCCCC solid 1px;
float:left;
}

.wz_pic{/*PIC*/
width:435px;
height:158px;
margin-top:9px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
border-bottom:#CCCCCC dashed 1px;
}
.wz_pic ul{
width:435px;
overflow:hidden;}
.wz_pic li{
width:145px;
height:158px;
float:left;
overflow:hidden;
}
.wz_pic dl{
width:132px;
height:132px;
border:#CCCCCC solid 1px;
overflow:hidden;
margin:auto;}
.wz_pic img{
width:130px;
height:130px;
border:#FFFFFF solid 1px;}
.wz_pic dt{
width:130px;
height:24px;
line-height:24px;
margin:auto;}
.wz_m{
width:445px;
height:259px;
overflow:hidden;
}
.wz_m ul{
width:425px;
margin-top:9px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}
.wz_m li{
width:425px;
height:23px;
line-height:23px;
background:url(li.gif) 3px 8px no-repeat;
border-bottom:#CCCCCC dashed 1px;
overflow:hidden;}
.wz_m span{
margin-left:5px;
float:right;
color:#CC0000;
}
.wz_m a{
margin-left:11px;}
.liuy{
width:445px;
border:#CCCCCC solid 1px;
float:right;
}
.ws_m{
width:445px;
height:427px;
overflow:hidden;
}
.ws_m ul{
width:425px;
margin-top:9px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}
.ws_m li{
width:425px;
height:23px;
line-height:23px;
background:url(ali.gif) 5px left no-repeat;
border-bottom:#CCCCCC dashed 1px;}
.ws_m span{
margin-left:18px;
margin-right:3px;
color:#CC0000;
}
/*案例赏析*/
.sj{
width:898px;
height:204px;
border:#CCCCCC solid 1px;
overflow:hidden;
}
.sl{
width:33px;
height:114px;
background:url(sj_l.gif);
margin-top:45px;
float:left;
overflow:hidden;
}
.sl dl{
width:33px;
height:80px;
line-height:20px;
text-align:center;
color:#CC0000;
font-size:14px;
font-weight:bold;
margin-top:17px;
overflow:hidden;
}

.sl a{font-size: 14px; font-weight:bold;}
.sl a:link{color:#cc0000;text-decoration: none;}
.sl a:visited{color:#cc0000;text-decoration: none;}
.sl a:hover{color: #800000;text-decoration: underline;}
.sl a:active {text-decoration: none;}
.sr{
width:865px;
height:204px;
overflow:hidden;
float:right;
}
.ssl{
width:832px;
height:192px;
margin-top:6px;
float:left;
overflow:hidden;
}
.ssl li{
width:154px;
height:192px;
background:url(sjbg.gif);
float:left;
margin-left:7px;
margin-right:5px;
display:inline;
overflow:hidden;
}
.ssl img{
width:150px;
height:188px;
border:#FFFFFF solid 1px;
margin-top:1px;
margin-left:1px;}
.ssr{
width:33px;
height:114px;
margin-top:45px;
float:right;
overflow:hidden;}
#link{
width:898px;
border:#CCCCCC solid 1px;
overflow:hidden;}
.link{
width:890px;
margin-top:5px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}
.link_pic{
width:890px;
border-bottom:#CCCCCC dotted 1px;
margin-bottom:3px;
padding-bottom:3px;
overflow:hidden;
}
.link_pic li{
width:90px;
height:33px;
margin-bottom:3px;
float:left;
border:#CCCCCC solid 1px;
overflow:hidden;
margin-left:3px;
display:inline;
}
.link_pic img{
width:88px;
height:31px;
border:#FFFFFF solid 1px;
}
.link_text{
width:890px;
line-height:24px;
font-size:14px;
margin-bottom:3px;
padding-bottom:3px;
overflow:hidden;
}
.link_text li{
width:84px;
height:24px;
line-height:24px;
text-align:center;
border:#CCCCCC solid 1px;
float:left;
margin-right:3px;
margin-bottom:3px;}
.link_txt{
background:#eeeeee;
color:#CC0000;
font-weight:bold;}
/*列表左侧*/
/*大*/
.list{
width:604px;
overflow:hidden;
float:left;
}
.lisab{
width:604px;
margin-bottom:5px;
overflow:hidden;
}
.lis_a{
width:298px;
border:#CCCCCC solid 1px;
overflow:hidden;
float:left;
margin-bottom:4px;
}
.lis_b{
width:298px;
border:#CCCCCC solid 1px;
overflow:hidden;
float:left;
margin-left:4px;
display:inline;
margin-bottom:4px;
}
.lis_abm{
width:288px;
margin-top:3px;
margin-left:auto;
margin-right:auto;
margin-bottom:3px;
overflow:hidden;
}
.lis_abm li{
width:288px;
height:23px;
line-height:23px;
background:url(li.gif) 3px 8px no-repeat;
border-bottom:#CCCCCC dashed 1px;
overflow:hidden;}
.lis_abm span{
margin-left:5px;
float:right;
color:#CC0000;
}
.lis_abm a{
margin-left:11px;}
#lis_l{/*小栏目*/
width:602px;
border:#CCCCCC solid 1px;
float:left;
overflow:hidden;
}

/*列表右侧*/
#lis_r{
width:290px;
float:right;
overflow:hidden;
}
#lis_rs{
width:288px;
border:#CCCCCC solid 1px;
overflow:hidden;
clear:both;
margin-bottom:3px;
}
.lis_rm{
width:278px;
margin-top:6px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}
/*分页*/
.page{
width:100%;
overflow:hidden;
line-height:30px;
text-align:center;
}
.page a{
padding:3px;
border:#eeeeee solid 1px;
margin-top:3px;
margin-bottom:3px;}
/*内容页*/
.ban_con{
width:96%;	
margin-top:3px;
margin-left:auto;
margin-right:auto;
margin-bottom:3px;
overflow:hidden;
}
.fit_title{
	line-height:40px;
	font-size:15px;
	color:#000;
	text-align:center;
}
 .top_about{
 line-height:30px;
	text-align:center;
	color:#666;
	border-bottom:1px solid #eee;
	width:96%;	
	margin:auto;
	font-size:14px;
	margin-bottom:15px;
	color:red;
}
.top_about a{
	font-size:14px;
	color:#666;
}
/*作品列表*/
.zp_x{
width:590px;
height:122px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
border-bottom:#CCCCCC dashed 1px;
overflow:hidden;
}
.zp_pic{
width:152px;
height:115px;
border:#CCCCCC solid 1px;
overflow:hidden;
float:left;}
.zp_pic img{
width:150px;
height:113px;
border:#FFFFFF solid 1px;
}
.zp_r{
width:430px;
height:117px;
overflow:hidden;
float:right;
}
.zp_t{
width:430px;
height:24px;
line-height:24px;
padding-left:5px;
font-size:13px;
background:#F7F7F7;
overflow:hidden;}
.zp_t span{color:#CC0000;}
.zp_t a{font-size:13px;}
.zp_c{
width:430px;
height:44px;
line-height:22px;
text-indent:2em;
font-size:12px;
overflow:hidden;
}
.zp_e{
width:430px;
height:24px;
line-height:24px;
font-size:12px;
background:#F7F7F7;
}
.zp_e span{color:#CC3300; margin-left:5px;}

.zp_f{
width:430px;
height:24px;
line-height:24px;
overflow:hidden;}
.zp_f span{color:#FF0000;margin-left:4px;}
/*作品内容*/
.zp_bpic{
width:302px;
border:#CCCCCC solid 1px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
margin-top:5px;
}
#LayerMenu img{
border:#FF0000 solid 1px;}
.zp_bpic img{
width:300px;
border:#FFFFFF solid 1px;}
.zp_bgd{
width:302px;
height:22x;
line-height:22px;
text-align:center;
margin:auto;
}
.zp_bmb{
width:556px;
overflow:hidden;
margin-top:5px;
margin-bottom:5px;
clear:both;
margin-left:auto;
margin-right:auto;
border:#CCCCCC solid 1px;
}
.zp_bmb ul{
width:550px;
margin-top:3px;
margin-bottom:3px;
margin-left:auto;
margin-right:auto;
}
.zp_bmb li{
width:267px;
height:24px;
line-height:24px;
margin-left:3px;
margin-right:3px;
margin-top:1px;
margin-bottom:2px;
font-size:12px;
border-top:#CCCCCC dotted 1px;
border-bottom:#CCCCCC dotted 1px;
border-left:#CCCCCC dotted 1px;
border-right:#CCCCCC dotted 1px;
float:left;
display:inline;
overflow:hidden;}
.zp_bmb span{
color:#FF0000;
font-weight:bold;
margin-left:4px;}
.zp_mbxz{
width:542px;
line-height:22px;
padding-top:5px;
padding-bottom:3px;
border-top:#CCCCCC dotted 1px;
border-bottom:#CCCCCC dotted 1px;
border-left:#CCCCCC dotted 1px;
border-right:#CCCCCC dotted 1px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
margin-bottom:3px;}
.zp_mbxz span{
color:#FF0000;
font-weight:bold;
margin-left:4px;}
.zp_js{
width:556px;
height:24px;
line-height:24px;
font-size:14px;
color:#FF0000;
margin-top:5px;
margin-left:auto;
margin-right:auto;}
.zp_bbs{
width:556px;
line-height:24px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
border-top:#CCCCCC solid 1px;
text-indent:2em;
}
.zp_bbr{
width:556px;
height:24px;
line-height:24px;
margin-top:3px;
text-indent:0em;
text-align:right;
margin:auto;
border-top:#CCCCCC solid 1px;
}
.zp_btags{
width:556px;
height:24px;
line-height:24px;
margin-top:5px;
border-top:#CCCCCC solid 1px;
border-bottom:#CCCCCC solid 1px;
margin-left:auto;
margin-right:auto;
}
.zp_bsx{
width:556px;
height:24px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
margin-bottom:5px;
border:#CCCCCC solid 1px;}
.zp_bsx li{
width:270px;
height:24px;
line-height:24px;
margin-left:4px;
margin-right:4px;
display:inline;
float:left}
.zp_bsx span{
color:#FF0000;
font-weight:bold;}
/*老*/
/*****************************************************************
******************************************************************
内容大表格模块样式
width:100%;占满整个空间宽度
margin-top:5px;与上一个表格间距为5个像素
overflow:hide;内容超过时,将隐藏.不过上面用百分比,一般这里设置无效.
只有上面用具体像素,这里才生效
border:1px #A7CAFA solid;边框样式,1个像素,可以改solid为虚线dotted,要取消边框改1px为0px
******************************************************************
******************************************************************/

.dragTable{
	width:100%;
	margin-top:5px;
	overflow:hide;
	border:0px #9ACAD6 solid;
	
}

/******************************************
内容表格模块头部样式
background:#D2E4FC;背景颜色
height:20px;高度
padding-left:1em;字体与左边距离
padding-top:7px;字体与上方距离
border:1px #FFF solid;内边框样式,一般设置为0px较多,即不要内边框居多
******************************************/

.dragTable .head{
	background:#ccc url(head_bg.gif) no-repeat right;
	height:30px;
	padding-top:0px;
	border:0px #FFF solid;
	border-bottom:0px #C6EBEE solid;
}

.dragTable .head .L{
	background:url(hd_a1.gif);
	width:30px;
	height:30px;
	margin-left:0px;
	float:left;
}

/******************************************
模块主题文字,与点击查看更多
float:left;居左,
可以设置为粗体 font-weight:bold;颜色为color:#000;
******************************************/
.middle{
	background:url(search_logo.gif) no-repeat 20px 5px;
	margin-left:auto;
	margin-right:auto;
	width:98%;
	padding-top:5px;

}
.dragTable .middle .input{
	width:330px;
	height:17px;
	border:1px solid #7C9FBD;
	margin-left:10px;
}
.dragTable .middle .s_bt{
	display:block;
	background:url(search_img.gif);
	width:65px;
	height:24px;
	float:left;
	text-indent:-1000px;
	margin-left:10px;
}
.dragTable .middle .right{
	float:left;
	padding-top:4px;
	padding-left:15px;
}
.dragTable .middle .right a{
	font-size:13px;
	color:#0F42A6;
	text-decoration: underline;
}
.dragTable .middle .right a:hover{
	text-decoration:none;
}
.dragTable .middle .top{
	height:30px;
}
.dragTable .middle .hotkey a{
	margin-left:5px;
}

#Index_Search .Side .dragTable .middle #num_info div{
	float:left;
	display:block;
	padding-left:4px;
	width:48%;
	line-height:25px;
}

.dragTable .TAG{
	float:left;
	color:#247384;
	font-weight:bold;
	padding:9px 5px 0 0px;
	height:21px;
	font-size:13px;
}
.dragTable .TAG a{
	color:#247384;
	font-size:13px;
}
.dragTable .morelink{
	float:left;
	padding-top:8px;
	padding-left:10px;
}
.dragTable .morelink a{
	margin-left:10px;
	text-decoration: underline;
}
.dragTable .more{
	float:right;
	padding-right:1em;
	padding-top:8px;
}
.dragTable .more a{
	color:#666;
}
/*********************************留言本***********************************************/

.guestbook{
	margin-bottom:4px;
	border:1px dotted #ccc;
	width:99%;
	margin-left:auto;
	margin-right:auto;
}
.guestbook .Ftd{
	padding:2px;
	border-right:1px dotted #ccc;
}
.guestbook .Atd{
	border-top:1px solid #eee;
	padding-left:4px;
}
.guestbook .Ctd{
	padding:4px;
}
/*底部版权*/
#footer{
width:900px;
margin-top:5px;
margin-left:auto;
margin-right:auto;
margin-bottom:3px;
overflow:hidden;
}
#foot_guide{
width:900px;
height:34px;
background:url(search_bg.gif);
margin-left:auto;
margin-right:auto;
}
.foot_guide_left{
width:17px;
height:34px;
float:left;
background:url(search_left.gif) left top no-repeat;
overflow:hidden;
}
.foot_guide_right{
width:883px;
height:34px;
background:url(search_right.gif) right top no-repeat;
overflow:hidden;
float:right;}
.foot_guide_right dl{
width:866px;
height:34px;
line-height:34px;
font-size:14px;
text-align:center;
color:#BA0000;
overflow:hidden;
}
.foot_guide_right a{font-size:14px;}
.foot_guide_right a:link{color:#BA0000;text-decoration: none;}
.foot_guide_right a:visited{color:#BA0000;text-decoration: none;}
.foot_guide_right a:hover{color:#333333;text-decoration: underline;}
.foot_guide_right a:active {text-decoration: none;}
.copy{
width:900px;
margin-top:5px;
line-height:22px;
text-align:center;
overflow:hidden;
}
.copy li{
width:900px;
height:24px;
line-height:24px;
overflow:hidden;
}