body{margin:0px auto;padding:0;font:12px/180% Verdana, Arial, Helvetica, sans-serif;background:#fff;}
ol,ul,li,img{list-style:none; margin:0; padding:0; border:none;}
h1,h2,h3,h4,h5,h6{margin:0px; padding:0px; width:auto; font-size:12px; font-weight:bold; color:#0f3753; text-decoration:none;}
a:link, a:visited{color:#333;text-decoration:none;}
a:hover, a:active{color:#c00;text-decoration:none;}
#page{margin:0 auto;width:840px;padding:2px 2px 10px;background:#fff;}
#header,#flash,#main,#content,#footer{margin:0px auto 5px auto;width:840px;background:#fff;}

#header{clear:both; margin-top:-20px; width:840px;}
#logo{float:left; padding:0px; width:178px;}
#logo img{margin-left:2px;}
.tel{float:left; width:660px; height:80px; background:url(images/tel.png) no-repeat right center;}
.tel span{float:right; margin:20px 0px 0px; display:none; color:#c00; font-size:14px;}


/*---------------- menu tab----------------------*/
#menu{float:left; width:840px; background:url(images/nav.png);}
#menu span{float:right; width:180px; font-weight:bold;}
#menu span a:link,
#menu span a:visited{float:left; width:90px; line-height:30px; text-decoration:none; color:#fff; background:url(images/nav.png); text-align:center;}
#menu span a:hover,
#menu span a:active{float:left; width:90px; line-height:30px; text-decoration:none; color:#fff; background:url(images/navbg.png); text-align:center;}
#menu span code{float:left; width:100%; line-height:30px; font-size:13px; background:url(images/nav_red.png);}

/* remove all the bullets, borders and padding from the default list styling */
#menu ul{height:30px; -moz-border-radius:8px; line-height:30px; background:url(images/nav.png);}
#menu ul b{font-size:13px;}
#menu ul ul{width:auto;}
#menu ul li{float:left; width:90px; height:30px; line-height:30px;}
#menu ul ul li{display:block; width:auto; height:auto; position:relative; border-bottom:1px solid #d9d9d9;}
#menu a, #menu a:visited{display:block;height:100%;font-size:12px; text-decoration:none; color:#fff; -moz-border-radius:4px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; background:url(images/nav.png); text-align:center;}
#menu ul ul a, #menu ul ul a:visited{display:block; padding:8px; background:#eee; -moz-border-radius:0px; color:#666; width:74px; line-height:1em;}
#menu ul table ul a, #menu ul table ul a:visited{width:74px; w\idth:74px; filter:Alpha(Opacity=80);}

/* style the table so that it takes no part in the layout - required for IE to work */
#menu table{position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
#menu ul ul table{lef\t:-1px;}
#menu ul ul table ul.left{margin-lef\t:2px;}
#menu li:hover{position:relative;}
* html #menu a:hover{position:relative;}
/* style the third level background */
#menu ul ul ul a, #menu ul ul ul a:visited{background:#3da1e0;}
#menu ul ul ul ul a, #menu ul ul ul ul a:visited{background:#3da1e0;}
#menu ul :hover a.sub1{background:#3da1e0;}
#menu ul ul :hover a.sub2{background:#3da1e0;}

/* style the level hovers */
#menu a:hover{background:url(images/navbg.png); color:#fff;}
#menu :hover > a{-moz-border-radius:4px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; background:url(images/navbg.png); color:#fff;}
#menu ul ul a:hover{background:#ccc; color:#900;}
#menu ul ul :hover > a{-moz-border-radius:0px; background:#e4e4e4; color:#c00;}
#menu ul ul ul a:hover{background:#3da1e0;}
#menu ul ul ul :hover > a{background:#3da1e0;}
#menu ul ul ul ul a:hover{background:#eee;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul{visibility:hidden; position:absolute; height:0; top:30px; left:0; width:8.8em;}
#menu ul ul ul{left:14em; top:0; width:8.8em;}
#menu ul ul ul.left{left:-14em;}

/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul, #menu ul a:hover ul{visibility:visible; padding-bottom:3em; height:auto; background:transparent url(images/trans.gif);}
#menu ul :hover ul ul, #menu ul :hover ul :hover ul ul{visibility:hidden;}
#menu ul :hover ul :hover ul, #menu ul :hover ul :hover ul :hover ul{visibility:visible;}

/* Flash广告 */
#flash{clear:both; width:840px; height:200px; background:url(images/blend.jpg) no-repeat;}
/*------------------------------main content-----------------------*/


#main{clear:both;padding:10px 0 0; width:840px;}
#main h6{padding:5px 0; border-bottom:1px solid #ccc;}
/* boxes and layout------------------------*/

.advert{float:right; width:600px; margin:0;}
#content{clear:both; padding:10px 0 0; margin-bottom:10px; +margin-bottom:10px; width:840px;}

/* sticky */
	#ccMarquee{overflow:hidden; height:150px;}
	#ccMarquee,#ccMarquee1,#ccMarquee2,#ccMarquee2{ margin-left:-8px;}
	.clear{clear:both; margin-bottom:8px;}

/* 首页公司新闻 */
	#content .news{float:left;width:600px;}
	#content .news h3{margin:0 -6px -1px; padding:3px 6px; -moz-border-radius:4px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; background:#dfdfdf; font-size:13px; color:#c00;}
	#content .news h3 span{ float:right; width:50px; text-align:right; font-size:13px; color:#c00;}
	#content .news ul{padding:0 6px; width:47%; border:1px solid #dfdfdf; -moz-border-radius:6px;}
	#content .news ul.left{float:left;}
	#content .news ul.right{float:right;}
	#content .news ul li{padding:4px 0 5px; +padding:4px 0 3px; height:20px; line-height:20px; border-top:1px solid #dfdfdf;}
	#content .news ul li em{overflow:hidden; float:left; width:210px; height:20px; line-height:20px; white-space:nowrap; text-overflow:ellipsis; font-style:normal;}
	#content .news ul li span{float:right; font-size:11px;}
	#content .news a:link, #content .news a:visited{color:#555; text-decoration:none;}
	#content .news a:hover, #content .news a:active{color:#900; text-decoration:none;}

/* 首页成功案例 */
	#content .case{float:left; margin:8px 0; width:600px;}
	#content .case h3{margin:0 -6px 5px; padding:3px 6px; -moz-border-radius:4px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; background:#dfdfdf; font-size:13px; color:#c00;}
	#content .case h3 span{ float:right; width:50px; text-align:right; font-size:13px; color:#c00;}
	#content .case ul{float:left; padding:0 6px; width:586px; height:191px; +height:188px; border:1px solid #dfdfdf; -moz-border-radius:6px;}
	#content .case ul li{float:left; padding:5px;}
	#content .case ul li img{width:180px; height:60px; border:1px dashed #ccc;}

/* 首页项目侧边 */
	#content .sidebar{float:left; padding:0; width:230px; line-height:20px; -moz-border-radius:6px; border:1px solid #dfdfdf;}
	#content .sidebar .sid_tel, #content .sidebar .accordion{margin:0;}
 	#content .sidebar .sid_tel h2{margin:0; padding:5px 10px 4px; border-bottom:1px solid #fff; font-size:13px; font-weight:bold; color:#c00; background:#ccc url(images/contenthead.png) no-repeat;}
	#content .sidebar .sid_tel p{margin:0; padding:0; height:120px;}
	#content .sidebar .accordion h2{margin:0; padding:5px 10px 4px; font-size:13px; font-weight:bold; color:#c00; background:#ddd;}
	#content .sidebar .accordion p{margin:0; padding:9px 10px 0 10px; line-height:16px;}
	#content .sidebar .accordion p a{color:#999;}
	#content .sidebar .accordion p:hover, #content .sidebar .accordion p:active{background:#f4f4f4; color:#000;}
	#content .sidebar img{display:block; margin-bottom:5px;}

/* 文章列表 */
#content #category{float:right; width:600px;}
	#content #category h6{padding:8px 0 8px 10px; height:12px; line-height:12px; background:url(images/contenthead.png) no-repeat center; color:#666;}
	#content #category .archive{padding:10px; border:1px solid #ddd; border-top:none;}
	#content #category .archive h2{float:left; width:580px; font-size:14px; font-weight:normal; color:#FF9900;}
	#content #category .archive h2 span{float:left;}
	#content #category .archive h2 small{float:right; font-size:12px; color:#666;}
	#content #category .archive p{margin:0; font-size:12px; color:#666;}
	#content #category .archive h2 a:link, #content #category .archive h2 a:visited{color:#900; text-decoration:none;}
	#content #category .archive h2 a:hover, #content #category .archive h2 a:active{color:#f00; text-decoration:none;}

/* 文章正文 */
#content #post{float:right; width:600px; +margin-bottom:-20px;}
	#content #post h6{padding:8px 0 8px 10px; height:12px; line-height:12px; background:url(images/contenthead.png) no-repeat center; color:#666;}
	#content #post h2{margin:20px; color:#f00; font-size:18px; font-weight:bold; text-align:center;}
	#content #post em{float:left; margin-bottom:20px; width:100%; text-align:center; font-size:12px; font-style:normal; background:#eee;}
	#content #post .entry{font-size:13px; color:#333; line-height:24px;}
	#content #post .entry h2{margin:20px; color:#c00; font-size:18px; font-weight:bold; text-align:center;}
	#content #post .entry p{margin-bottom:20px;}
	#content #post .entry table{float:left;}
	#content #post .entry table img{margin:0 10px; border:1px dashed #ccc;}
	#content #post .entry a:link, #content #post .entry a:visited{color:#900; text-decoration:underline;}
	#content #post .entry a:hover, #content #post .entry a:active{color:#f00; text-decoration:underline;}
	#content #post .author{font-size:12px;}

	/**/
	.navigation{float:left; width:570px; clear:both;}
	.navigation ul{float:left; width:570px; border:1px solid #ddd;}
	.navigation h6{font-size:12px; background:#eee; color:#900;}
	.navigation li{overflow:hidden;float:left;padding:2px;width:280px;height:18px;line-height:18px;border-top:1px solid #ddd;}
	.navigation ul li a:link, 
	.navigation ul li a:visited{color:#036; text-decoration:none; border-bottom:none;}
	.navigation ul li a:hover, 
	.navigation ul li a:active{color:#F00; text-decoration:none;}

/* 评论 */
#comments{clear:both; margin:-20px 10px 0px;}
	.alignleft{float:left;}
	.alignright{float:right;}
	#commentform form p,.hslice p{margin:0; padding:0;}
	.comments-template{border-top:1px #ccc solid; padding-top:10px;}
	.comments-title{border-bottom:1px solid #eee;}
	.comment-content{border-left:3px solid #ddd; padding-left:8px; background:#f4f4f4;}
	.comment-childs{padding:5px;margin-top:5px;background:#ddd;}
	.hslice{margin:10px 0;}
	.thdrpy{padding-left:15px;}
	.author, .email{padding:2px; border:1px solid #999; font-size:12px;}
	.textarea{overflow:auto; width:560px; height:100px; border:1px solid #999;}
	.submit{padding:2px; border:none; background:url('images/submit.gif'); color:#fff;}

/**/
.datasheet{clear:both; margin:0; padding:0; background:url(images/bg.png) repeat-x left;}
.sheetcontent{float:left; padding:0 4px 13px 9px; width:680px; border-left:1px solid #eee;}
.sheetcontent .list{float:left; width:192px;}
.sheetcontent .list ul{padding:1px 0 0;}
.sheetcontent .list li{clear:both;list-style-type:none; background:url(images/arrow-small-links.gif) 0px 4px no-repeat; text-align:left; padding:0 0 0 9px; line-height:1.5em}
.sheetcontent .title h4{ clear:both; padding:13px 0 8px 0; font-weight:bold; font-size:18px; text-align:left; color:#c00;}
.sheetcontent .text{float:left; text-align:left; margin-bottom:5px; width:205px;clear:both}
.sheetcontent .text span{color:#000000; font-size:12px;}
.sheetcontent .upper{float:left; width:95%; border-top:1px dashed #a5a4a4;}
.sheetcontent .upper ul{padding:10px 0 0; font-size:13px; color:#333;}
.sheetcontent .upper ol{padding:10px 0 0; list-style:none;}
.sheetcontent .upper ol li{float:left; width:140px;}
.sheetcontent .upper ol li img{padding:1px; border:1px solid #eee;}
.sheetcontent .upper ul li{clear:both;list-style-type:none; background:url(images/arrow-small-links.gif) 0px 8px no-repeat; text-align:left; padding:2px 0 2px 9px; line-height:1.5em;}
.SheetMenu{clear:both; float:left; margin-top:15px; width:120px; height:285px;}
.SheetMenu ul{margin-left:26px;}
.SheetMenu li{float:left; margin-bottom:20px; width:90px; height:30px; cursor:pointer; text-align:right;}
.SheetMenu li h3{font-size:12px; font-weight:normal; padding:3px 20px 0 0;}
.SheetMenu .normal{background:url(images/sheetmenu_bg2.gif) no-repeat right;}
.SheetMenu .active{background:url(images/sheetmenu_bg1.gif) no-repeat right;}
.SheetMenu a, .SheetMenu a:visited{color:#333;}
.SheetMenu a:hover{color:#06c; text-decoration:none;}

/* other */
.other{float:left;}
.other ul{background:#fff url(images/pageback.jpg) no-repeat left top; width:196px; height:300px;}
.other ul li{display:block;float:left;width:100%;margin:5px 0px;text-align:right;}
.other ul .span{display:block;width:196px;background:url(images/current.gif) no-repeat right; line-height:30px;}
.other ul .top{margin-top:25px;}
.other ul li b{margin-right:0px;}
.other ul li a{margin-right:30px;}

/*n*/
.other_content{float:left; padding:20px; width:540px;}
.other_content h2{margin:0 0 10px -10px; padding:2px; border-bottom:1px dashed #ccc; color:#c00; font-size:14px; font-weight:normal; background:#fff;}
.other_content ul{font-size:13px;}
.other_content ul li{clear:both;list-style-type:none; background:url(images/arrow-small-links.gif) 0px 8px no-repeat; text-align:left; padding:2px 0 2px 9px; line-height:1.5em;}
.other_content ul li p{font-weight:bold; float:left; margin:5px 0 10px -5px; padding:2px; width:100%; background:#fff;}

	/* sidebar styles */
	#sidebars{float:left; width:220px;}
	#sidebars h4{padding:8px 0 8px 10px; height:12px; line-height:12px; background:url(images/contenthead.png) no-repeat center; color:#666;}
	#sidebars ul{float:left; margin-bottom:8px; width:218px; border:1px solid #ddd; background:#eee;}
	#sidebars ul li{margin:9px; width:200px; border-bottom:1px solid #ddd;}
	/* sidebar styles */

	#sidebar{float:left; width:220px;}
	#sidebar h5{padding:8px 0 8px 10px; height:12px; line-height:12px; background:url(images/contenthead.png) no-repeat center; color:#666;}
	#sidebar ul{float:left; margin-bottom:8px; width:218px; border:1px solid #ddd;}
	#sidebar ul li{overflow:hidden; margin:9px; width:200px; height:22px; line-height:22px; border-bottom:1px solid #ddd; white-space:nowrap; text-overflow:ellipsis;}

/* pagenav style */
.wp-pagenavi{margin:10px 10px 10px 0; text-transform:uppercase; font-size:11px;}
.wp-pagenavi a{text-decoration:none; color:#212236; background:#ccc; margin:2px; padding:2px 6px;}
.wp-pagenavi a:hover{color:#fff; background:#c00;}
.wp-pagenavi span{margin:2px; padding:2px 6px; background:#ccc;}
.wp-pagenavi span.pages{color:#666; margin-left:0; color:#000; word-spacing:0.2em;}
.wp-pagenavi span.current{font-weight:700; color:#fff; background:#f60;}
/* link */

#link{float:left; margin:-5px 0 20px; width:840px;}
#link p{margin:0; padding-left:8px;height:18px; line-height:18px; }
#link p a{height:14px;line-height:14px;color:#666;}

/*-------------------footer------------------------*/
#footer{clear:both;margin-bottom:20px; color:#900;}
#footer ul{line-height:14px; padding:8px 0; -moz-border-radius:2px; background:#ccc;}
#footer ul li{margin:0 0px 0 0; padding:0 10px;}
#footer ul li a:link,#footer ul li a:visited{font-weight:normal; color:#900; background:transparent;}
#footer ul li a:hover{color:#db0406; background:transparent;}
#footer ul li span{float:right;}
#footer p{margin:0; padding-left:10px;}