/*
-----------------------------------------------
author:   Ashao
version:  2008/10/20
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;}
#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;}


/* --- 友情链接 --- */
#friendlink { margin-bottom:10px; padding:5px 10px; border:3px solid #EEEEEE; color:#359A18;}
#friendlink li { float:left; margin:0 5px; line-height:22px;white-space:nowrap;}


/* --- 最新案例 --- */
.news-case { width:280px; margin-bottom:10px; overflow:hidden;}


/* --- 新闻观点 --- */
.index-news { width:293px; border:1px solid #C4DD60; float:left; margin:0 0 10px 10px;}
.index-news h2 { padding:0 10px 5px;}
.index-news h2 a{ display:block; width:80px; height:25px; line-height:25px; text-indent:-9999px; background:url("index_text.gif") no-repeat 0 -45px}
.index-news li { margin:0 10px; height:24px; line-height:24px; overflow:hidden; border-top:1px solid #eee;}
.index-news span { float:right; margin:12px 10px 0 0;}


/* --- 关于我们 --- */
.index-about { clear:left; width:585px; overflow:hidden;}
.index-about .title{ height:30px; background:url("title-bg.jpg") no-repeat;}
.index-about .title h2 a{ width:100px; height:30px; line-height:30px; display:block; text-indent:-9999px; background:url("index_text.gif") no-repeat 35px -96px}
.index-about p { line-height:22px; padding:5px 0;}
.index-about span { font-weight:600; color:#339A18;}


/* --- 服务项目 --- */
.index-product { clear:left; width:585px; margin-bottom:10px; overflow:hidden;}
.index-product .td { line-height:20px; padding:0 10px; border-top:1px solid #CCE3B7; border-bottom:1px solid #CCE3B7; background:#F8FAEB;}


/*成功案例*/
#index-case { clear:left; width:585px; height:328px; margin-bottom:10px; overflow:hidden;}
#index-case .title{ height:30px; background:url("title-bg.jpg") no-repeat;}
#index-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}
#index-case ul { width:605px;}
#index-case li { float:left; width:177px; float:left; margin:10px 20px 10px 0; padding:1px; border:1px solid #ccc; overflow:hidden; position:relative;}
#index-case li span { width:177px; height:130px; overflow:hidden;}
#index-case li img { width:177px; height:130px; overflow:hidden; display:block;}
#index-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;}
#index-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;}
#index-case li a { color:#fff;}


/**/
.index-list-585 { clear:left; width:583px; border:1px solid #C4DD60; overflow:hidden;}
.index-list-287-1, .index-list-287-2 { width:287px; overflow:hidden;}
.index-list-287-1 strong, .index-list-287-2 strong { display:inline-block; padding:3px 10px 2px; font-size:14px; font-weight:bold; height:25px; line-height:25px; color:#2F9812;}
.index-list-287-1 h2, .index-list-287-2 h2 { padding:0 10px 5px;}
.index-list-287-1 h2 a{ display:block; width:80px; height:25px; line-height:25px; text-indent:-9999px; background:url("index_text.gif") no-repeat 0 -252px}
.index-list-287-2 h2 a{ display:block; width:80px; height:25px; line-height:25px; text-indent:-9999px; background:url("index_text.gif") no-repeat 0 -303px}
.index-list-287-1 li, .index-list-287-2 li { margin:0 10px; height:24px; line-height:24px; overflow:hidden; border-top:1px solid #eee;}
.index-list-287-1 span, .index-list-287-2 span { float:right; margin:12px 10px 0 0;}




/*在线服务*/
.index-service { float:left; width:235px; height:182px; overflow:hidden; background:url("in_con_center-r-bg.gif") repeat-x top;}
.index-service .title{ height:30px; margin-bottom:5px; background:url("title-bg.jpg") no-repeat;}
.index-service .title h2 a{ width:100px; height:30px; line-height:30px; display:block; text-indent:-9999px; background:url("index_text.gif") no-repeat 35px -148px}


/*SEO向导*/
#seo-guide { width:235px; margin-bottom:10px; background:url("in_con_center-r-bg.gif") repeat-x top;}
#seo-guide h2{ width:110px; height:21px; margin:5px; padding:11px 0 0 18px; text-indent:-9999px; font-weight:bold; color:#000; background:url("dm_title-bg.gif") no-repeat 5px;}
#seo-guide .list-1{background:url("guide_list-1.gif") no-repeat 215px bottom;}
#seo-guide .list-2{background:url("guide_list-2.gif") no-repeat 215px bottom #F8FAEB;}
#seo-guide .list-3{background:url("guide_list-3.gif") no-repeat 215px bottom;}
#seo-guide .list-4{background:url("guide_list-4.gif") no-repeat 215px bottom #F8FAEB;}
#seo-guide .list-5{background:url("guide_list-5.gif") no-repeat 215px bottom;}
#seo-guide .list-6{background:url("guide_list-6.gif") no-repeat 215px bottom #F8FAEB;}
#seo-guide .list-7{background:url("guide_list-7.gif") no-repeat 215px bottom;}
#seo-guide .in-list{padding:4px 13px; line-height:18px;}
#seo-guide .in-list h3{ display:inline; font-size:14px;color:#6B9316; margin-right:10px; padding-bottom:2px;}
#seo-guide .in-list h3.t1 { display:block; text-indent:-9999px; background:url("guide_text.gif") no-repeat 0 0;}
#seo-guide .in-list h3.t2 { display:block; text-indent:-9999px; background:url("guide_text.gif") no-repeat 0 -20px;}
#seo-guide .in-list h3.t3 { display:block; text-indent:-9999px; background:url("guide_text.gif") no-repeat 0 -40px;}
#seo-guide .in-list h3.t4 { display:block; text-indent:-9999px; background:url("guide_text.gif") no-repeat 0 -60px;}
#seo-guide .in-list h3.t5 { display:block; text-indent:-9999px; background:url("guide_text.gif") no-repeat 0 -80px;}
#seo-guide .in-list h3.t6 { display:block; text-indent:-9999px; background:url("guide_text.gif") no-repeat 0 -100px;}
#seo-guide .in-list h3.t7 { display:block; text-indent:-9999px; background:url("guide_text.gif") no-repeat 0 -120px;}

/*搜索引擎优化*/
.index-seo { width:233px; border:1px solid #C4DD60;}
.index-seo h2 { padding:0 10px 5px;}
.index-seo h2 a{ display:block; width:80px; height:30px; line-height:30px; text-indent:-9999px; background:url("index_text.gif") no-repeat 0 10px}
.index-seo li { margin:0 10px; height:28px; line-height:28px; overflow:hidden; background:url("img_line.gif") repeat-x top;}
.index-seo li i { display:block; float:left; margin:9px 3px 0 0; width:4px; height:7px; background:url("icon_arr.gif") no-repeat;}
.index-seo span { float:right; margin:15px 10px 0 0;}