@charset "utf-8";

/* 本样式的独立样式表 */

@import url("global.css");/* 必需！导入父目录下全局样式定义*/
/*------------------------------------------------- 本样式基本元素样式 -----------------------------------------------*/
body {
	background:#f3f0ea;
	font:normal 12px/1.7em \5FAE\8F6F\96C5\9ED1, verdana, \5B8B\4F53;
	color:#222;
}
a {
	color:#222;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
h1 {
	font-size:14px;
	font-weight:700;
	margin:0 0 10px;
}
/*------------------------------------------------- 本样式公共区域样式 -----------------------------------------------*/
/* 页头部分样式定义 */
#header {
	background:url(images/bg_logo.jpg) no-repeat 0 0;/* 以网站logo名称为区域背景*/
	height:40px;
	padding:20px 0;
}
/* 页头下主导航及一级下拉菜单样式定义 */
#menu {
	width:600px;
	height:40px;
	list-style:none;
	background:url(images/bg_menu.jpg) no-repeat 0 0;
}/* 菜单区域定位 */
#menu .mainlevel {
	width:100px;
	height:40px;
	position:relative;/* 保证菜单在展示图片的上面不会被挡住 */
	z-index:1;/* 保证菜单在展示图片的上面不会被挡住 */
}/* 主菜单项 */
#menu .mainlevel a {
	width:100px;
	height:40px;
	display:block;
	text-indent:-100em;
	overflow:hidden;
	text-decoration:none;
}
#menu-index a:hover {
	background:url(images/bg_menu.jpg) no-repeat 0 -40px;
}
#menu-about a:hover {
	background:url(images/bg_menu.jpg) no-repeat -100px -40px;
}
#menu-service a:hover {
	background:url(images/bg_menu.jpg) no-repeat -200px -40px;
}
#menu-partner a:hover {
	background:url(images/bg_menu.jpg) no-repeat -300px -40px;
}
#menu-recruitment a:hover {
	background:url(images/bg_menu.jpg) no-repeat -400px -40px;
}
#menu-blog a:hover {
	background:url(images/bg_menu.jpg) no-repeat -500px -40px;
}
#menu .mainlevel ul {
	display:none;
	position:absolute;
	top:40px;
	left:0px;
	list-style:none;
}
#menu .mainlevel li {
	width:140px;
	height:30px;
	border-bottom:1px solid #d3c8b5;/*IE6 only*/
}
#menu .mainlevel li a {
	background:#e8e2d7;
	display:block;
	width:130px;
	height:30px;
	padding:0 0 0 10px;
	text-indent:0em;
	line-height:30px;
}
#menu .mainlevel li a:hover {
	background:#d3c8b5;
	color:#fff;
}
/* 页脚部分样式定义 */
#footer {
	height:70px;
	padding:80px 0 0;
	background:#333a3d url(images/bg_foot.jpg) no-repeat center 0;
}
#footer span {
	display:block;
	color:#fff;
}
/*------------------------------------------------- 本样式首页样式 -----------------------------------------------*/
/* 首页banner区域*/
#index-banner {
    position:relative;/* 这个要加上，保证前进后退按钮能够正确定位。*/
	height:auto;
}
/* 幻灯切换样式*/
#header_images {
	overflow:hidden;
}
.header_image {
	opacity:0;
	position:absolute;/* 这个不能去掉，否则会导致第二张以后图片无法显示*/
}
#aside2 {
	height:558px;
	width:100%;
}
#header_controls_left, #header_controls_right {
	position:absolute;
	top:0;
	z-index:99;
	cursor:pointer;
	display:block;
	width:20px;
	height:468px;
	background:url(images/slider_arrows.png) 0 210px no-repeat;
	text-indent:-9999px;
}
#header_controls_right {
	background:url(images/slider_arrows.png) -20px 210px no-repeat;
	right:0;
}
#overlay_bg {
	width:900px;
	top:0;
	left:30px;
	height:0;
	position:absolute;
	opacity:.4;
	cursor:pointer
}
/* 首页关于我们区域 */
#index-about {
	height:120px;
	background:url(images/sprite_index.jpg) no-repeat 0 0;
	padding:80px 0 0;
}
#index-about p {
	margin:5px 0 0 10px;
}
/* 首页服务区域*/
#index-service-wide {
	background:#e8e2d7;
}
#index-service {
	width:980px;
	padding:30px 0 30px 10px;
}
.layout-index-service {
	width:210px;
	padding:40px 0 0;
	color:#888;
}
.layout-index-service a {
	color:#888;
	text-decoration:none;
}
.layout-index-service a:hover {
	text-decoration:underline;
}
.layout-index-service img {
	margin:0 10px 0 0;
}
#index-service-01 {
	background:url(images/sprite_index.jpg) no-repeat 0 -200px;
	margin:0 40px 0 0;
}
#index-service-02 {
	background:url(images/sprite_index.jpg) no-repeat -210px -200px;
	margin:0 40px 0 0;
}
#index-service-03 {
	background:url(images/sprite_index.jpg) no-repeat -420px -200px;
	margin:0 40px 0 0;
}
#index-service-04 {
	background:url(images/sprite_index.jpg) no-repeat -630px -200px;
}
/*------------------------------------------------- 本样式内页样式 -----------------------------------------------*/
/* 内页banner区域*/
#layout-page-banner-wide {
	height:100px;
	background:url(images/sprite_page.jpg) repeat-x 0 0;
}
#banner-about, #banner-service, #banner-partner, #banner-recruitment {
	height:100px;
}
/* 内页banner区域—app页面banner   begin*/
#banner-app { height:40px;}
#banner-about {
	background:url(images/sprite_page.jpg) no-repeat 0 -100px;
}
#banner-service {
	background:url(images/sprite_page.jpg) no-repeat 0 -200px;
}
#banner-partner {
	background:url(images/sprite_page.jpg) no-repeat 0 -300px;
}
#banner-recruitment {
	background:url(images/sprite_page.jpg) no-repeat 0 -400px;
}
/* 内页主要内容区域 */
#content {
	padding:40px 0;
}
#content-left {
	margin:0px;/* 去掉默认的网格区块自带的10px右侧外边距 */
	padding:0 39px 0 10px;/* 右侧内边距39px，为右侧的1px分割线留出位置 */
	border-right:1px solid #ccc;
}
#content-left p {
	margin:0 0 10px;
}
#content-right {
	width:280px;
	margin:0px;/* 去掉默认的网格区块自带的10px右侧外边距 */
	padding:0 0 0 30px;
	color:#888;
}
/* 招聘栏目手风琴效果样式 */
.acc_trigger {
	background:url(images/sprite_page.jpg) no-repeat 0 -500px;
	height:40px;
}
.acc_trigger a {
	font-size:14px;
	line-height:40px;
	color:#000;
	text-decoration:none;
	display:block;
	padding:0 0 0 20px;
}
.acc_trigger a:hover {
	color:#fff;
}
.active {
	background:url(images/sprite_page.jpg) no-repeat 0 -540px;
}
.active a {
	color:#fff;
}
.acc_container {
	padding:0 0 0 20px;
	overflow:hidden;
	border-bottom:1px solid #dcdcdc;
}
.acc_container .block {
	padding:5px 0px;
	;
}
/* “服务-Web互动设计”栏目样式 */
.service-web-case { width:300px; background:#fff;/* border:1px solid #ccc;*/ margin:0 0 30px;}
.service-web-case h1 { color:#f60; font-weight:400; padding:0 15px; margin:5px 0;}
.service-web-case p { padding:0px 15px;}
/*------------------------------------------------- 本样式内页侧边栏调用模块样式 -----------------------------------------------*/
/* 联系我们模块*/
.block {
	margin:0 0 10px;
}
.block img {
	background:#e8e2d7;
	margin:15px 0 0;
	padding:4px;
	border:1px solid #c5beb1;
}
#block-contact-name {
	height:40px;
	background:url(images/sprite_block_right.jpg) no-repeat 0 0;
}
#block-contact-address {
	height:30px;
	background:url(images/sprite_block_right.jpg) no-repeat 0 -40px;
}
#block-contact-telcode {
	height:30px;
	background:url(images/sprite_block_right.jpg) no-repeat 0 -80px;
}
/* 表格*/
/* 有边框表格样式*/
.module-table-message {
	padding:5px 0 8px;
}
.module-table-border {
	width:100%;
	/*text-align:center;*/
	color:#666;
	border:1px solid #ddd;
}
.module-table-border th {
	color:#000;
	text-align:center;
	font-size:14px;
	padding:5px;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	background:#eee;
	font-weight:700;
}
.module-table-border tr {
	background:#fff;
}
.module-table-border td {
	padding:5px;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	font-size:12px;
	
}