﻿@charset "utf-8";
/* CSS Document */
body{
	text-align:center;
	margin:0px auto;
	padding:0;
	font-size:12px;
	font-family:Verdana;
	background-image: url(bg.png);
	background-repeat: repeat-x;
	background-color: #000000;
	color: #cacaca;
	line-height:18px;
}
form{margin:0px;padding:0px;}
label{font-size:12px;color:#008000}
a{line-height:22px;}
a:link,a:visited,a:active {color:#cacaca;text-decoration:none;font-size:12px;font-weight:normal;}
a:hover{text-decoration:none;font-size:12px;color:#ed0094;}

.k_error  {color:#C01920;display:block;line-height:14px;font-size:12px;}
.text , .k_error li {font-size:12px;color:#000;line-height:30px;text-align:left;}
.text a:link,.text a:visited,.text a:active{color:#00F;}
.red {color:#C01920;}
.l{text-align:left}
.r{text-align:right}
.c{text-align:center}
.gray{color:#CCC;}
ul{list-style:none;}
p
{
	line-height:16px;
	padding:0px;
	margin:0px;
}
h3
{
	line-height:24px;
	margin:0px;
	font-size:14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h2
{
	font-size:16px;
	margin:0px;
	line-height:24px;
	color:#FFFFFF;
}
h1
{
	color:#fff;
	text-align:center;
	font-size:24px;
	line-height:36px;
	margin:20px 0;
}
img{border:0px;}
.clr:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
    }
	
   .clr{display: inline-block;} 

    /* Hides from IE Mac \*/
    * html .clr {height: 1%;}
       .clr{display:block;}
    /* End Hack */ 
.ul_style
{
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.ul_style li
{
	margin:0;
	padding:0;
	float:left;
}
.ul_style li ul li
{
	float:none;
}
	
/*--------------------------------------------
      home page
--------------------------------------------*/

#home_main
{
	margin:0 auto;
	width:980px;
	text-align:left;
}
#home_main_padding
{	
	padding-top:80px;
	padding-bottom:60px;
	margin:0px;
}
#home_left
{
	float:left;
	width:400px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cacaca;
}
.padding
{
	padding:0px 20px 0px 20px;
}
#home_right
{
	float:left;
	width:540px;
}

#home_logo
{
	height:290px;
}
#home_logo img
{
	padding:20px 0px 10px 0px;
}
#home_company
{
	text-align:right;
}

#home_case_list
{
	height:340px;
}
#home_case_list_padding
{
	padding:10px 18px;
}
#home_case_list img
{
	margin:4px 2px;
	width:144px;
	height:90px;
	border:solid 1px #acacac;
	padding:2px;
}
#home_article_list
{
}
#home_article_list_padding
{
	padding:6px 0px 6px 0px;
}
#home_article_list_padding ul
{
	margin:0;
	padding:0;
	
/*	list-style-position: inside;
	list-style-image: url(dot_r.gif);
*/}
#home_article_list_padding ul li
{
	padding-left:12px;
	float:left;
	width:230px;
	background:url(dot_r.gif) no-repeat;
	background-position:6px center;
}

.title
{
	height:36px;
	background:url(title_tag.png) no-repeat;
	background-position:2px center;
	padding-left:20px;
	clear:both;
}
.title div
{
	float:left;
}
.title a,.title a:visited
{
	display:block;
	color:#ed0094;
	padding-top:16px;
	float:right;
}

/*-----------------------------------------------
Menu
---------------------------------------------------*/
#menu{clear:both;}
#menu ul{margin:0px;padding:0px;}
#menu li{}
#menu li a{display:block;}
#menu li ul{margin:0;padding:0;visibility:hidden;position:absolute;display:table;clear:both;}
#menu li ul li{}
#menu li.menuhover ul{visibility:visible;}

.home_menu{height:100px;}
.home_menu li{display:block;padding:0 6px 0 22px;line-height:18px;background-image: url(dot_l.gif);	background-repeat: no-repeat;background-position: right center;}
.home_menu li a{display:block;}
.right_menu{background: url(memu_bg.png) no-repeat;height:320px;width:200px;margin-left:auto;margin-right:0px;}
#right_menu_padding{padding-bottom:20px;}
.right_menu ul{	}
.right_menu li{border-bottom:solid 1px #232323;padding:12px 0px 12px 20px;margin:0px 20px;border-top:solid 1px #353535;background:url(dot_l.gif) no-repeat left center;}
.right_menu li ul{width:180px;border:#333333 solid 1px;background-color:#353535;filter:alpha(opacity=95);}
.right_menu li ul li{padding:4px 16px;margin:0 8px}
.right_menu li span{font-size:9px;color:#595959;font-family: Courier new;display:inline-block;padding-left:8px;text-decoration:none;}
/*----------------------------------------------------------------*/


/*----------------------------------------
	contant
------------------------------------------*/
#header
{
	margin:0 auto;
	height:80px;
	width:980px;
}
#header div
{
	padding-bottom:20px;
	padding-top:80px;
	background:url(header.png) no-repeat center;
}
#main
{
	margin:0 auto;
	width:980px;
	text-align:left;
	background:url(logo_contanct.png) bottom right no-repeat;
}
#main_padding
{
	padding-bottom:20px;
}
#main_left
{
	float:left;
	width:690px;
}
#left_title
{
	display:block;
	content:".";
	height:120px;
	background-color:#f2f2ea;
	background-repeat:no-repeat;
	background-position:20px 10px;
}
.about_us_title
{
	background-image:url(about_us.png);
}
.article_title
{
	background-image:url(articles.png);
}
.case_title
{
	background-image:url(case.png);
}
.aboutus_title
{
	background-image:url(about_us.png);
}
.guestbook_title
{
	background-image:url(guestbook.png);
}
#left_guide
{
	display:block;
	padding-top:10px;
}
#main_right
{
	float:left;
	width:290px;
	text-align:left;
}
#content
{
	padding:20px;
	line-height:24px;
	border:3px double #cacaca;
}
#content hr
{
	margin:0 auto;
	border-top:1px solid #ececec;
	border-bottom:2px solid #cacaca;
	border-left:0px;
	border-right:0px;
	width:80%;
	height:5px;
	text-align:center;
}
#aboutus_content
{
	padding-top:20px;
}
.right_span
{
	display:block;
	width:205px;
	height:60px;
	background-repeat:no-repeat;
	padding-top:15px;
	padding-left:70px;
	margin-left:auto;
	margin-right:0px;
}
.right_add
{
	background-image:url(add.png);
}
.right_tel
{
	background-image:url(tel.png);
}
.space
{
	padding:0;
	margin:0;
	height:200px;
	visibility:hidden;
	display:block;
}
#articleslist
{
	padding:10px 0;
}
#articleslist ul
{
	margin:0;
	padding:0;
}
#articleslist ul li
{
	padding-left:12px;
	margin:0;
	background:url(dot_r.gif) 4px center no-repeat;
}
#article_content
{
	padding:20px 0;
}
#case_content
{
	padding:20px 50px;
}
#case_pics
{
	padding:0 25px
}
#case_pics img
{
	margin:6px;
	border:#cacaca solid 1px;
	padding:2px;
	width:144px;
	height:90px;
}
#case_content dt
{
	font-weight:bold;
}
.case_show
{
	background-color: #CCCCCC;
	border:solid 1px #cacaca;
	margin:0;
	padding:0;
}
.case_show_header
{
	background-color:#000000;
	border:1px solid #cacaca;
	color:#cacaca;
	font-size:14px;
	font-weight:bold;
	line-height:32px;
}
#case_list
{
	padding:10px;
}
#case_list img
{
	margin:6px 3px;
	border:#cacaca solid 1px;
	padding:2px;
	width:144px;
	height:90px;
}
.gblist
{
	border:solid 1px #cacaca;
	margin:4px 0;
}
.gbinfo
{
	display:block;
	background-color:#cacaca;
	color:#000;
	line-height:32px;
	padding:0px 12px;
}
.gbtitle
{
	display:block;
	font-weight:bold;
	padding:0 12px;
}
.gbcontent
{
	padding:6px 12px;
	display:block;
}
.gbreplay
{
	padding:6px 32px;
}
.gbreplayer
{
	font-weight:bold;
	background-color:#cacaca;
	color:#000;
	display:block;
	padding:0 12px;
}
.gbreplay_content
{
	display:block;
	padding:0 12px;
}
.gbreplay_date
{
	display:block;
	text-align:right;
}
#guestbookform
{
	padding:20px;
	height:240px;
}
#guestbookform label
{
	color:#cacaca;
	display:block;
}
#guestbookform input
{
	width:200px;
	margin:6px;
}
#guestbookform textarea
{
	width:100%;
	height:120px;
}
#gbsubmit
{
}
#formleft
{
	float:left;
	width:45%;
}
#formright
{
	float:left;
	width:50%;
	margin-bottom:8px;
}
/* 分页 */
.k_pagelist {float:left;}
.k_pagelist em {padding:2px 5px;border:1px solid #9EBEEB;font-size:12px;color:#999;}
.k_pagelist strong {font-size:12px;margin:0px 3px;color:#009900;}
.k_pagelist a {font-size:12px;margin:0px 3px;}
.k_pagelist kbd input {border:1px solid;border-color:#777 #CCC #CCC #777;width:150px;background:#FFF;width:30px;}
/*----------------------------------------
	bottom
------------------------------------------*/
#bottom
{
	margin:0 auto;
	height:60px;
	width:980px;
}
#bottom_padding
{
	border-top:#cacaca solid 4px;
	padding:12px;
}
#bottom_left
{
	float:left;
	width:500px;
	text-align:left;
}
#bottom_right
{
	float:right;
	
}
