@charset "utf-8";
#wrap { width: 980px; text-align:left; overflow:hidden; margin: 8px auto;}

* { margin:0px; padding:0px; border:0px; }

body { COLOR: #000; font: normal .75em "宋体", microsoft yahei, Tahoma, Verdana, Arial; font-weight: normal; margin:0 0 0 10px; background: #ddd; }

a { text-decoration: none; color: #666666; }

a:hover { text-decoration: underline; color: #FF0000; }

.rclear { clear:both; height:5px!important;height:auto;padding-top:5px;line-height:0px; background:#dddddd; }
.clear { clear:both; height:6px; }
.cin_right {float:right;}


cite,em{ font-weight: bold; font-style: normal }
div, form, img, ul, ol, li, p,h1, h2, h3, h4, h5, h6  { margin: 0; padding: 0; border: 0;font-size:12px; font-weight:normal; }
ol,ul, li { list-style: none }
caption,th { text-align:left;}
input,textarea,select,button{ padding:1px; font-size:12px;}
input{border: 1px solid #ccc; height:25px;line-height:25px;color: #666; }
textarea{border: 1px solid #ccc;}
.none { display: none; }
.clear { margin:auto; padding:0; clear: both; overflow: hidden; height:5px; }
.space{clear:both; font-size:0; line-height:0;}

/*通用header*/
.header { height:90px; overflow:hidden; background: url(images/header-bg.gif) repeat-x; }

.header .logo { float:left; padding-left:8px; }

.header .logo h1 a { width:200px; height:100px; display:block; font-size:0px; overflow:hidden; background:url(images/top-logo.gif) center center no-repeat; text-indent:-200px; margin-left:20px; }

.header .link { float:right; padding-right: 20px; padding-top: 10px; height:80px; width:400px; text-align:right; color: #999; }

.header .link a { color: #666; }

.header .link a:hover { color: #FF0000; text-decoration: underline; }

.header .link input.txt { background-image: url(images/textarea-bg.gif); background-repeat: no-repeat; border: 1px solid #CCC; height:22px; line-height:22px; text-indent:25px; color: #666; text-decoration: none; width:180px; margin-bottom:4px; }

.header .link input.img { margin-bottom:5px; }

.search { width:300px; vertical-align: middle; }

/*通用menu*/
.menu { HEIGHT: 70px; background: url(images/menu.jpg) no-repeat; }

.menu UL#top { PADDING-RIGHT: 0px; PADDING-LEFT: 48px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; COLOR: #fff; PADDING-TOP: 2px; HEIGHT: 25px; line-height:25px; }

.menu UL#top LI { PADDING-RIGHT: 18px; PADDING-LEFT: 18px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; font-weight: bold; }

.menu UL#top LI A:link { COLOR: #fff; TEXT-DECORATION: none; }

.menu UL#top LI A:hover { COLOR: #fff; TEXT-DECORATION: underline }

.menu UL#top LI a:visited { COLOR: #fff; }

.menu #bot { padding-left:20px; }

.menu #bot UL { PADDING-RIGHT: 0px; PADDING-LEFT: 13px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 9px; color: #FF0000; }

.menu #bot UL LI { PADDING-RIGHT: 5px; DISPLAY: inline; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px }

.menu #bot UL LI A:link { COLOR: #666; TEXT-DECORATION: none; }

.menu #bot UL LI A:hover { COLOR: #0000FF; TEXT-DECORATION: underline }

.menu #bot #sear { PADDING-RIGHT: 8px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 5px }
<!--最新案例--> 


#mainbody { width:980px; overflow:hidden; height:auto; margin-top:0px;}

#indexLeft { width:688px; float:left;}

#indexRight { width:286px; float:right;}
.flashnews { width:688px; height:185px; overflow:hidden; float:left; }

.latestnews { width:280px; height:200px; margin-top:8px; float:left; }

.pleft { width:688px; float:left; overflow:hidden; }

.newCases { width:688px; height:185px; float:left; clear:both; overflow:hidden; margin-top:2px; background: #FFF; }

.newCases ul { padding:0px; }

.newCases dt p.more { float:right; position:relative; line-height:25px; padding-right:8px; color:#85A484; }

.box {/* 横向浮动的图片列表 120*90  */ width:100%; overflow:hidden; clear:both; padding-top:10px; padding-bottom:10px; }

.box li { width:91px; overflow:hidden; padding-left:20px; float:left; text-align:center; }

.box li a { display:block; }

.box li a img { display:block; border:1px solid #CCC; padding:2px; }

.box li a:hover img { display:block; border:1px solid #999; padding:2px; }

.box li a span { display:block; line-height:17px; padding-top:6px; overflow:hidden; }

.tbox { width:100%; height:220px; overflow:hidden; }

.tbox dt { height:26px; background:url(images/mbox-tbg.gif) repeat-x; overflow:hidden; clear:both; font-size: 14px; color: #CC0000; text-decoration: none; font-weight: bold; }

.tbox dt strong { height:26px; line-height:25px; padding-left:10px; padding-right:4px; display:block; float:left; color:#CC0000; background:url(images/mbox-tbg.gif) repeat-x; letter-spacing:1px; }

.tbox dt strong a { color:#FF0000; }

.tbox dt strong a:hover { color:#cc0000; text-decoration:none; }

.tbox dt span.more { float:right; position:relative; line-height:25px; padding-right:8px; color:#666; font-size: 12px; text-decoration: none; font-weight: normal; }

.tbox dt span.more a { color:#666; text-decoration:none; }

.tbox dt span.label { height:24px; float:right; overflow:hidden; padding-right:1px; padding-top:2px; }

.tbox dt span.label a { height:25px; display:block; padding:0px 7px 0px 8px; line-height:23px; border-left:1px solid #C5DDBC; float:left; color:#666; text-decoration:none; overflow:hidden; letter-spacing:1px; }

.tbox dt span.label a:hover { color:#360; }

.tbox dt span.label a.thisclass { background:#FFF; color:#333; border-top:3px solid #F1F7EE; }

.tbox dd { padding:4px 4px 0px; overflow:hidden; }

#column { width:688px; height:570px; background:#fff; float:left; clear:both; overflow:hidden; }

#column .title { background:url(images/bg_title_news.gif) repeat-x; height:26px; line-height:26px; width:342px; }

#column .title h3 { color: #CC0000; font-weight: bold; font-size: 14px; font-weight: bold; text-indent:6px; }

#column .title p.more { float:right; line-height:26px; margin-top:-20px; padding-right:8px; }

/*文章列表,左边*/
#column .design, #column .w3c { float:left; width:340px; height:285px; overflow:hidden; }

#column .sem, #column .ec { float:right; width:340px; height:285px; overflow:hidden; }

#column ul { MARGIN: 5px 16px; overflow:hidden; height:230px;}
#column .tags { padding:5px;height:30px; line-height:30px; background-image: url(images/hot_tag.gif); background-repeat: no-repeat; text-indent:60px; list-style-image: none; background-position: 0 center; font-size: 12px; }

#column .tags a { color: #F60; }


#column ul li { BACKGROUND: url(images/li_img.gif) no-repeat left center; TEXT-INDENT: 10px; LINE-HEIGHT: 21px; list-style: none; }

#column ul li a { COLOR: #505050; TEXT-DECORATION: none }

#column ul li a:hover { COLOR: #d40005; TEXT-DECORATION: underline; background-image: url(images/bg.gif); background-repeat: no-repeat; background-position: left 945px; }

#column .first image { padding:1px; border: 1px solid #E3E3E3; width:120px; height:90px; overflow: hidden; }

#column .first { TEXT-INDENT: 10px; LINE-HEIGHT: 20px; color: #666; list-style-type:none; list-style:none; list-style-image:none; list-style-image:none; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCC; }

#column .first a { COLOR: #CC0000; font-weight:bold; TEXT-DECORATION: none; }

#column .first a:hover { COLOR: #d40005; font-weight:bold; TEXT-DECORATION: underline }

#column .first a:hover image { padding:1px; border: 1px solid #999; list-style:none; list-style-image:none; }

#column .date { color: #999; text-decoration: none; }

/*酷站css*/
#indexCool { width:688px; height:275px; float:left; background-color: #FFF; }

#indexCool .title { background:url(images/bg_title_news.gif) repeat-x; height:26px; line-height:26px; width:688px; }

#indexCool .title h2 { color: #CC0000; font-weight: bold; font-size: 14px; font-weight: bold; text-indent:6px; }

#indexCool .title p.more { float:right; line-height:26px; margin-top:-20px; padding-right:8px; }

#indexCool .title span.category { float:left; line-height:30px; margin-top:-27px; padding-left:100px; color: #666; }

#indexCool .cList { padding:6px; }

#indexCool .cList img { display:block; width:116px; height:81px; overflow: hidden; padding:2px; }

#indexCool .cList a img { border: 1px solid #CCC; }

#indexCool .cList a:hover img { border: 1px solid #99C; }

#indexCool ul { padding:6px; }

#indexCool ul li { text-align:left; list-style:none; list-style-image:none; }

#what { color: #003366; width:286px; height:180px; background: #FFF url(images/what.jpg) no-repeat center 6px; }

#what h1 { height:98px; padding-left:30px; }

#what ul { padding:90px 0 0 12px; }

#what ul li { height:23px; line-height:23px; list-style: none; text-indent:10px; }

#what ul li a { color: #666; text-decoration: none; border: 2px solid #FFF; }

#what ul li a:hover { color: #FFFFFF; background: #FF0000; border: 2px solid #FF0000; text-decoration: none; }

/*右侧文章列表*/
#arcl { width:100%; background-color: #FFF; overflow:hidden; }

#arcl .title { background:url(images/bg_title_news.gif) repeat-x; height:26px; line-height:26px; width:100%; }

#arcl .title h1 { color: #FFF; font-size: 13px; text-indent:8px; width:70px; background: url(images/regtitlebg.gif) repeat-x; }

#arcl p.more { float:right; line-height:26px; margin:-20px 10px auto }

#arcl span { font-size: 13px; color: #666; font-weight:bold; }

#arcl ul { padding:15px 0 0px 20px; overflow:hidden; }

#arcl ul.sub { padding:8px; overflow:hidden; line-height:23px; width:200px; }

#arcl ul.sub li {width:200px; white-space:nowrap;text-overflow:ellipsis; overflow: hidden;list-style-image: url(images/li_img.gif); height:23px; line-height:23px; list-style-type: none; list-style-position: inside;}

#arcl ul.sub li a { color: #666; text-decoration: none; }

#arcl ul.sub li a:hover { color: #FF0000; text-decoration: underline; }

#arcl ul.sub li span.date { color: #CCC; font-size: 11px; font-weight: normal; }

#arcl ul li { height:23px; line-height:23px; color: #666; text-indent:5px; list-style-image: url(images/li_img.gif); list-style-type: none; list-style-position: inside; }

#arcl ul li a { color: #003366; text-decoration: none; }

#arcl ul li a:hover { color: #FF0000; text-decoration: underline; }

/*底部菜单*/
#flink { width:980px;min-height:24px!important;height:auto!important; height:24px; color: #666; line-height:22px; background-color: #FFF; clear:both; }

#flink h1 { background-color: #999; color: #FFF; height:25px; line-height:25px; width:100%; font-size: 12px; font-weight: normal; text-indent:15px; }

#flink h1 a { color: #FFF; text-decoration: none; }

#flink h1 a:hover { color: #FF0000; text-decoration: underline; }

/*友情链接(文字)专用*/ 
#flink .content { overflow:hidden; clear:both; padding:5px; }

#flink .content li { float:left; line-height:25px; padding:0 8px 0px; white-space:nowrap; }

#flink .content li a { color:#666; float:left; }

/*底部footer*/
#footer { width:980px; height: auto; background-color: #FFF; }

#footer .copyright { padding:5px 20px 10px 0; line-height:23px; color: #666; text-align:center;}

/*文章页面*/
#subbody {width:980px; height:auto;overflow:hidden; background-color: #FFF;}

#subLeft { width:738px;min-height:750px!important;height:auto!important; height:750px; float:left; background: #FFF;border-right-width: 6px; border-right-style: solid; border-right-color: #dddddd; padding-bottom:20px; }

#subRight { width:236px;float:right; background: #FFF; overflow:hidden; }

.subArc { width:100%; height:220px; overflow:hidden; }

#subLeft .picnews { width:712px; float:left; clear:both; overflow:hidden; margin-top:8px; }

#subLeft .listbox { width:720px; overflow:hidden; float:left; clear:both; overflow:hidden; }

#subLeft .listbox dl { width:352px; margin-right:8px; margin-top:8px; float:left; }

#subLeft .listbox ul a { color:#777; }


/*文章标题*/
.subTitle { height:26px; width:auto; overflow:hidden; line-height:26px; background: url(images/title_nav.gif) repeat-x; text-indent:10px; }

.subTitle a { font-size: 12px; font-weight: normal; text-decoration: none; }

.subTitle a:hover { text-decoration: underline; }

.subNav { margin: 0 0 20px 10px; padding: 10px 0 0 0;}
.subNav li { display: inline; list-style-image: none; list-style-type: none; color: #666; }
.subNav li a{text-align: center; width:100px; height:28px; float: left; color: #636365; background-image: url(images/sub_nav.gif); background-repeat: no-repeat; margin: 0 0 0 12px; padding:0; }
.subNav li a:hover{text-align: center; width:100px; height:28px; text-decoration: underline; color: #F00;margin: 0 0 0 12px; padding: 0; }




/*文章正文*/
.subContent { padding:16px 20px 20px 20px; line-height:28px; font-size: 14px; font-weight: normal; color: #666; text-decoration: none; background: #FFF; }

.subContent .title { font-weight: bold; color: #0000CC; text-decoration: none; text-align:center; }

.subContent H1 { font-size: 16px; font-weight: bold; color: #000000; text-decoration: none; }

.subContent .info { font-size: 12px; font-weight: normal; color: #999; text-decoration: none; text-align:center; margin-bottom:12px; }

.subContent H2 { font-size: 12px; font-weight: bold; color: #FF0000; text-decoration: none; }

.subContent .content { padding:5px;}
.subContent .content a { color:#00F; }
.subContent .content a:hover {color:#333;}

.subContent p { margin-bottom:6px; text-indent:2em;}

.subContent p:first-letter { font-size:12px; }

/*文章分页代码*/
.subContent .boxoff { height:10px; overflow:hidden; clear:both; background:url(images/boxoff.gif) left 15px repeat-x; margin:4px auto; padding-top:10px; }

.subContent .boxoff strong { display:block; width:8px; height:10px; overflow:hidden; font-size:0px; line-height:100px; background:url(images/boxoff.gif) right -10px no-repeat; float:left; }

/*上一篇下一篇*/

#handle { width:90%; height:80px; padding:0 10px 0 10px; margin-left:20px;overflow:hidden; clear:both;}

#handle .context { float:left; text-indent:20px; }

#handle .context li { height:26px; line-height:26px; color:#888; list-style:none; list-style-image:none; }

#handle .context li a { color: #0033FF; text-decoration: none; }

#handle .context li a:hover { text-decoration: underline; }

.subCases { width:650px; overflow:hidden; float:left; clear:both; }

.subCases dl { width:352px; margin-right:8px; margin-top:8px; float:left; }

.subCases ul a { color:#777; }




.imgShow {/*图集列表专用大图列表*/ width:95%; overflow:hidden; clear:both; padding:10px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCC; }
.imgShow ul { float:left; width:630px; }

.imgShow ul h2 { height:31px; line-height:31px; overflow:hidden; background-image: url(images/bg.gif); background-repeat: no-repeat; background-position: 0px -905px; text-indent:10px; }

.imgShow ul h2 a { text-decoration: none; color: #336; }

.imgShow ul h2 a:hover { text-decoration: underline; }

.imgShow ul li.description { color: #808080; font-size: 12px; line-height:23px; }

.imgShow ul li.tags { height:30px; line-height:30px; background-image: url(images/hot_tag.gif); background-repeat: no-repeat; text-indent:60px; list-style-image: none; background-position: 0 center; font-size: 12px; }

.imgShow ul li.tags a { color: #F60; }

.imgShow ul li { display:block; overflow:hidden; }

.imgShow ul li .pic { width:160px; height:120px; display:block; background:url(images/picbox-listbg.gif) no-repeat; text-align:left; overflow:hidden; }

.imgShow ul span.date { color:#999; font-size: 12px; float:right; position:relative; }

.imgShow ul p.date { float:right; margin-top:-30px; font-size:12px; color:#999; }

/*CSS flickr style 分页*/

.flickr { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center }

.flickr li{ display:inline; font-size:12px;}

.flickr A { BACKGROUND-POSITION: 50% bottom; COLOR: #F00; PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 2px; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; TEXT-DECORATION: none; border: 1px solid #dedfde; }

.flickr A:hover { BACKGROUND-IMAGE: none; COLOR: #fff; BACKGROUND-COLOR: #F00; border: 1px solid #CCC; }

.flickr SPAN.current { PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #ff0084; MARGIN-RIGHT: 3px; PADDING-TOP: 2px }

.flickr SPAN.disabled { PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; COLOR: #adaaad; MARGIN-RIGHT: 3px; PADDING-TOP: 2px }

/*文章标题在搜索引擎中搜索*/
.title_in_Search{ overflow: hidden;}
.title_in_Search ul{padding:6px 0 0 40px;}
.title_in_Search ul li{ height:32px; line-height:32px;list-style: none; }