/*
-----------------------------------------------
author:   Ashao
version:  2008/10/25
Copyright 2008 Topwee.net. All rights reserved. 
----------------------------------------------- */
*{padding:0;margin:0;}
body{color:#666; line-height:22px; font:12px "宋体",Verdana, Geneva, Arial, Helvetica, sans-serif; padding:0 0 20px 0;background:#333;}
img { border:none;}
h1, h2, h3, h4, h5, h6 {font-size:12px;}
ul,ol,li,dl,dt,dd {list-style:none;}
.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}
.blank5{clear:both;height:5px;line-height:0;font-size:0;}
.blank8{clear:both;height:8px;line-height:0;font-size:0;}
.blank10{clear:both;height:10px;line-height:0;font-size:0;}
.clearfix:after{ content: "."; display: block; height: 0;  clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

a{text-decoration: none;color: #666;}
a:hover{text-decoration:underline;color: #339A18;}


/* --- 布局 --- */
#all { width:830px; margin:0 auto; padding:0 18px; background:#333 url("bg.gif") center top repeat-y;}
.container{ width:830px; clear:both; overflow:hidden;}
.main { width:585px; overflow:hidden;}
.side { width:235px; overflow:hidden;}


/* --- 顶部 --- */
#header{width: 830px; height:55px;margin: 0 auto 10px;padding-top:10px; overflow:hidden; position:relative;}
#header .l{float: left;display: inline;}
#header .r{width: 590px;height: 30px;float: right;display: inline;margin-top:4px;text-align: left;position:relative;}

/* --- 导航 --- */
.nav{width: 830px;margin: 0 auto 10px;height:40px; background:#339A18 url("nav_bg.gif") repeat-x bottom; overflow:hidden;}
.nav ul { width:840px;}
.nav li { float:left; font-size:13px; font-weight:600;}
.nav li a { display:block; float:left; padding:0 13px; height:40px; line-height:40px; color:#D8F8CF; border-left:1px solid #fff;}
.nav li a:hover {color:#fff; background:#333; text-decoration:none;}
.nav li a.first { border-left:none; padding:0 25px;}
.nav li a.end { padding:0 14px;}


/* --- 底部 --- */
#footer{ width:855px; margin:0 auto; padding-top:6px;font-size:11px; font-family:Arial, Helvetica, sans-serif; background:url("foot_bg.gif") no-repeat; position:relative;}
#footer div { position:absolute; top:10px; right:0;}
#footer p{line-height:2em;}


/* --- 当前位置 --- */
.wz{width: 830px;margin:0 auto 10px;text-align: left;overflow:hidden;}
.wz a { margin:0 5px;}

/*标题*/
.title{width: auto;height: 55px;margin:0px auto 10px  auto;background: url("item_hd_lt.gif") repeat-y #f4f8e1;overflow:hidden;text-align:left;}
.title h1{color:#339A18;font-size:14px;font-weight:600;margin:11px 0 4px 20px;line-height:20px;	}
.title a {color:#339A18;}
.title span{margin-left: 20px;}
/*内容正文&简介*/
.content{width:565px;margin-bottom:30px;margin-left: 20px; line-height:1.6em;overflow:hidden;}
.content p, .end-content p { margin-bottom:10px;}
.content img, .end-content img { border:0; margin:5px 0;}
.content a, .end-content a{color: #76b043;}
.end-content{width:565px;margin-bottom:30px;margin-left: 20px; line-height:1.8em; font-size:13px;overflow:hidden;}
/*发表留言*/
.comment h2{background:#eeeeee;line-height:32px;padding-left:10px;font-size:12px;margin:20px 0 10px;}
.comment ul { display:block;}
.comment li { margin-bottom:10px; display:block;}
.comment dl{width: 550px;clear: both;overflow:hidden;line-height:22px;margin-left:10px;padding:2px 0;}
.comment dd{width: 40px;float: left;display: inline;}
.comment dt{width: 510px;float: left;display: inline;color:#999;}
.comment .input{width:200px;border:1px solid #a0a0a0;margin:0 10px;font-size:12px;padding:1px 2px;}
.comment textarea{width:490px;height:72px;margin:5px 0;border:1px solid #a0a0a0;margin-left:10px;padding:2px;font-size:12px;}
.comment .btn_fb{margin-left: 50px;}


/*列表*/
.list { width:233px; border:1px solid #C4DD60; float:left; margin:0 0 10px;}
.list h6 { padding:8px 10px 10px;}
.list li { margin:0 10px; padding:5px 0 5px 9px; border-top:1px solid #eee; background:url("icon_arr.gif") no-repeat 0 9px;}
.list span { float:right; margin:12px 10px 0 0;}

.list-case { clear:left; width:585px; margin-bottom:10px; overflow:hidden;}
.list-case .title{ height:30px; background:url("title-bg.jpg") no-repeat;}
.list-case .title h2 a{ width:100px; height:30px; line-height:30px; display:block; text-indent:-9999px; background:url("index_text.gif") no-repeat 35px -200px}
.list-case ul { width:605px;}
.list-case li { float:left; width:177px; float:left; margin:10px 20px 10px 0; padding:1px; border:1px solid #ccc; overflow:hidden; position:relative;}
.list-case li span { width:177px; height:130px; overflow:hidden;}
.list-case li img { width:177px; height:130px; overflow:hidden; display:block;}
.list-case li .textbg{width:176px;height:19px;background:#000;position:absolute;left:2px; bottom:1px; z-index:2;filter:alpha(opacity=70);-moz-opacity:0.7;}
.list-case li h6 { width:177px; height:20px; line-height:24px; overflow:hidden; text-align:center;font-size:12px; font-weight:normal;position:absolute;left:2px; bottom:1px; z-index:3;}
.list-case li a { color:#fff;}

/*列表导航*/
.list-dh { width:233px; border:1px solid #C4DD60; float:left; margin:0 0 10px;}
.list-dh h6 { padding:8px 10px 10px;}
.list-dh li { margin:0 10px; padding:8px 0 8px 9px; font-weight:600; border-top:1px solid #eee; background:url("icon_arr.gif") no-repeat 0 11px;}

/*客户案例列表*/
.case { clear:left; width:585px; margin-bottom:10px; overflow:hidden;}
.case li { display:block; height:140px; padding:0 10px 10px 0; position:relative; border-right:1px solid #ddd;}
.case li span { float:left; width:180px; height:130px; margin-right:10px; overflow:hidden;}
.case li img { width:178px; height:128px; overflow:hidden; display:block; border:1px solid #ddd;}
.case h6{margin:0 0 10px 190px; padding:5px 10px; line-height:24px; color:#339A18;font-size:14px;font-weight:600;background: url("item_hd_lt.gif") repeat-y #f4f8e1;}
.case li div { height:80px; overflow:hidden;line-height:20px;}
.case li div a { color:#666;}
.case li a { color:#359A18;}

/*翻页*/
.page{ width:578px;border:3px solid #eeeeee;padding: 5px 10px;oveflow:hidden;margin-bottom:20px; line-height:22px;text-align:center; font-family: Verdana,Tahoma,SimSun,Arial;}
.page span.pageinfo { float:left; margin-right:5px;}
.page li { float:left;}
.page li.thisclass { font-weight:bold; padding:0 5px; font-size:16px; color:#333;}
.page a { margin:0 5px; color:#339A18; text-decoration:underline;}
.page a:hover { text-decoration:none;}


/*留言*/
.liuyan-l { width:440px; float:left; line-height:1.6em;}
.liuyan-l .table { border:1px solid #C4DD60; margin-bottom:10px;}
.liuyan-l td.t {padding:10px 0; font-weight:600; font-size:12px; color:#339A18; border-bottom:1px solid #C4DD60;}
.liuyan-l .td { padding:5px;}
.liuyan-r { width:380px; float:right;}
.liuyan-r h2{background:#eeeeee;line-height:32px;padding-left:10px;font-size:12px;margin:0 0 10px;}
.liuyan-r dl{width: 380px;clear: both;overflow:hidden;line-height:22px;margin-left:10px;padding:2px 0;}
.liuyan-r dd{width: 40px;float: left;display: inline;}
.liuyan-r dt{width: 340px;float: left;display: inline;color:#999;}
.liuyan-r .input{width:200px;border:1px solid #a0a0a0;margin:0 10px;font-size:12px;padding:1px 2px;}
.liuyan-r textarea{width:310px;height:72px;margin:5px 0;border:1px solid #a0a0a0;margin-left:10px;padding:2px;font-size:12px;}
.liuyan-r .btn_fb{margin-left: 50px;}