/* write by fixaly for 4indesign.com's common pages(header and footer)*/
 
/* 格式化css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td {
margin:0;
padding:0;}

input{
vertical-align:middle;}

fieldset,img,abbr {
border:0;}

address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,th,var {
font-style:normal;
font-weight:normal;}

ol,ul {
list-style:none;}

body {
font-size: 62.5%;  /* 标准化em,使1em=10px */
background: #fff;
font-family: "Lucida Grande", Geneva, Arial, Verdana, "Lucida Sans Unicode", Helvetica, sans-serif;
line-height: 22px;
color: #666;
margin:0px auto;
background:#ffffff;}

img{border:none;}

a{
behavior:url("onfocus.htc");
color:#6627a5;
text-decoration:none;}

a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus { outline: none; } /* for Firefox */

a:hover{
color:#666;}

.block{display:block;}
.none {display: none;}
.clear{clear:both;}
.float_left{ float:left;}
.float_right{ float:right;}

/* Header
==========================================================*/
#header{
height:71px;
width:912px;
margin:0 auto 1.5em auto;}

#header .logo{
float:left;
width:209px;}

#header .logo h1 {
width:209px;}

#header .logo h1 a {
display: block;
height: 71px;
width:209px;
background: url(images/logo.gif) center left no-repeat;
text-indent: -9999px;}

#header .language{
text-align:right;
font-size:12px;}


/* Search
==========================================================*/
#header .search{
margin-top:35px;
float:right;
background:url(images/search_input.gif) repeat-x  0 0;
height:24px;}

#header .search, x:-moz-any-link, x:default {
margin-top:35px;
float:right;
background:url(images/search_input.gif) repeat-x  0 1px;
height:24px;}

* html #header .search{
margin-top:35px;
float:right;
background:url(images/search_input.gif) repeat-x  0 1px;
height:24px;}

html:first-child #header .search{
margin-top:35px;
float:right;
background:url(images/search_input.gif) repeat-x  0 0;
height:24px;}

html:root #header .search .text{
height:19px;
vertical-align:middle;
line-height:23px;
padding-top:4px;
color:#999;
background:url(images/search_bg.gif) no-repeat left center;
padding-left:23px;
border:none;}

#header .search .text{
height:23px;
vertical-align:middle;
line-height:23px;
padding-top:0;
color:#999;
background:url(images/search_bg.gif) no-repeat left center;
padding-left:23px;
border:none;}

#header .search .searchsubmit{
height:23px;
vertical-align:middle;
line-height:23px;}

/* #div {} Firefox2 */
/* #div, x:-moz-any-link, x:default {} Firefox3 */
/* * html #div {} IE6 */ 
/* *+html #div {} IE7 */
/* html:first-child #div {} IE8beta2 */

/* Nav 导航
==========================================================*/
#nav {
width:100%;
margin:0 auto;
height:57px;
background:url(images/nav_bg.gif) repeat-x top;}

#nav img{
vertical-align:top;}

#nav ul{
margin:0 auto;
width:912px;}

#nav ul li{
float:left;}

#nav ul li a {
display: block;
width:114px;
text-indent: -9999px;
height:57px;}

/*导航 “首页” 控制*/
.home_item a{
background:url(images/nav_all_bg.gif) 0px 0px;}

.home_item a:hover{
background:url(images/nav_all_bg.gif) 0px -57px;}

#nav ul .current_page_item a{
background:url(images/nav_all_bg.gif) 0px -114px;}

#nav ul .current_page_item a:hover{
background:url(images/nav_all_bg.gif) 0px -114px;}

/*导航 “案例” 控制*/
.anli a{
background:url(images/nav_all_bg.gif) -114px 0px;}

.anli a:hover{
background:url(images/nav_all_bg.gif) -114px -57px;}

#nav ul .current_anli a{
background:url(images/nav_all_bg.gif) -114px -114px;}

#nav ul .current_anli a:hover{
background:url(images/nav_all_bg.gif) -114px -114px;}


/*导航 “服务” 控制*/
.page-item-3 a{
background:url(images/nav_all_bg.gif) -228px 0px;}

.page-item-3 a:hover{
background:url(images/nav_all_bg.gif) -228px -57px;}

#nav ul .current_page_item3 a{
background:url(images/nav_all_bg.gif) -228px -114px;}

#nav ul .current_page_item3 a:hover{
background:url(images/nav_all_bg.gif) -228px -114px;}


/*导航 “客户” 控制*/
.page-item-4 a{
background:url(images/nav_all_bg.gif) -342px 0px;}

.page-item-4 a:hover{
background:url(images/nav_all_bg.gif) -342px -57px;}

#nav ul .current_page_item4 a{
background:url(images/nav_all_bg.gif) -342px -114px;}

#nav ul .current_page_item4 a:hover{
background:url(images/nav_all_bg.gif) -342px -114px;}

/*导航 “关于” 控制*/
.page-item-5 a{
background:url(images/nav_all_bg.gif) -456px 0px;}

.page-item-5 a:hover{
background:url(images/nav_all_bg.gif) -456px -57px;}

#nav ul .current_page_item5 a{
background:url(images/nav_all_bg.gif) -456px -114px;}

#nav ul .current_page_item5 a:hover{
background:url(images/nav_all_bg.gif) -456px -114px;}


/*导航 “加入” 控制*/
.page-item-6 a{
background:url(images/nav_all_bg.gif) -570px 0px;}

.page-item-6 a:hover{
background:url(images/nav_all_bg.gif) -570px -57px;}

#nav ul .current_page_item6 a{
background:url(images/nav_all_bg.gif) -570px -114px;}

#nav ul .current_page_item6 a:hover{
background:url(images/nav_all_bg.gif) -570px -114px;}


/*导航 “下载” 控制*/
.xiazai a{
background:url(images/nav_all_bg.gif) -684px 0px;}

.xiazai a:hover{
background:url(images/nav_all_bg.gif) -684px -57px;}

#nav ul .current_xiazai a{
background:url(images/nav_all_bg.gif) -684px -114px;}

#nav ul .current_xiazai a:hover{
background:url(images/nav_all_bg.gif) -684px -114px;}


/* title通栏条背景
==========================================================*/
.list_body{
width:912px;
margin:15px auto 15px auto;}

.list_right{
overflow:hidden;
font-size:13px;
border:1px solid #fff;}

/* footer
==========================================================*/
#Mfooter{color:#999;height:36px;margin-top:10px;width:100%;border-top:1px solid #d8d8d8;}
.Mfooter{font:12px Arial, Helvetica, sans-serif;padding-top:10px;width:970px;margin:0 auto;}
.Mfooter a{color:#999;padding:3px 5px;}
.Mfooter a:hover{color:#ff9900;}
.Mfooter img{vertical-align:middle;}


/*案例摘要*/
#work #work_content .work_entry .list_content{
width:160px;
margin-left:10px;
padding:0px 20px 0px 0px;}

/*案例缩略图*/
#work #work_content .work_entry .paran_image{
vertical-align:top;
width:106px;
height:108px;}

/*下载摘要*/
#downloads .downloads_content .downloads_entry .list_content{
width:180px;
margin-left:10px;
padding:0px 40px 0px 0px;}

/*下载缩略图*/
#downloads .downloads_content .downloads_entry .paran_image{
vertical-align:top;
width:214px;
height:130px;}

.list_content p{
color:#ccc;
font-size:12px;
line-height:16px;}

.list_box h2 a{
color:#6627a5;
font-size:12px;
font-weight:bold;}

.list_box h2 a:hover{
color:#666;
font-size:12px;
font-weight:bold;}

.list_box .date{
color:#999;
line-height:12px;
font-size:10px;
margin-bottom:12px;}

.list_box .category {
color:#999;
font-size:11px;}

.list_box .more{
line-height:12px;
font-size:12px;
margin-top:12px;}

.list_box .more a{
background: url(images/more_bg.gif) no-repeat  left center;
padding-left:18px;
color:#999;}

.list_box .more a:hover{
background: url(images/more_hover_bg.gif) no-repeat  left center;
padding-left:18px;
color:#6627a5;}