@charset "utf-8";
/* CSS Document */
body { font-family:Arial, Helvetica, sans-serif, "宋体";margin:0; padding:0; background: #FFF; font-size:12px; color:#000; voice-family:female;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0;}
h1,h2,h3,h4,h5,h6,p { margin:0; padding:0;}
table,td,tr,th{font-size:12px;}
li {list-style:none;}
input ,select ,textarea {border:#ddd 1px solid; font-size:12px;}

/* 链接颜色 */
a:link {color: #666666; text-decoration:none;}
a:visited {color: #a8a8a8;text-decoration:none;}
a:hover {color: #666666; text-decoration:underline;}
a:active {color: #666666;}

/* 颜色属性 [定义规则，小写c加颜色名称] */
.cRed,a.cRed:link,a.cRed:visited{ color:Red; }
.cBlue,a.cBlue:link,a.cBlue:visited{color:#1f3a87;}
.cDRed,a.cDRed:link,a.cDRed:visited{ color:#bc2931;}
.cGray,a.cGray:link,a.cGray:visited{ color: #4F544D;}
.cDGray,a.cDGray:link,a.cDGray:visited{ color: #666;}
.cWhite,a.cWhite:link,a.cWhite:visited{ color:#fff;}
.cBlack,a.cBlack:link,a.cBlack:visited{color:#000;}
a.cBlack:hover{color:#bc2931;}
.cYellow,a.cYellow:link,a.cYellow:visited{color:#ff0;}
.cGreen,a.cGreen:link,a.cGreen:visited{color:#008000;}

/* 字体属性 [定义规则，小写f加属性名称] */
.fB {font-weight: bold;}
.fI {font-style: italic;}

/* 字体大小*/
.f12px{ font-size:12px;}
.f14px{ font-size:14px;}

/* 其他属性 */
.left{ float: left;}
.right{ float: right;}
.clear{ clear: both; font-size:1px; width:1px; height:0; visibility: hidden; }
.hidden {display: none;}
.unLine ,.unLine a{text-decoration: none;}
.noBorder{border:none;	}

/* 通用样式 */
#page {
	padding:5px 0;
	}

/*导入页样式*/
#intro {
	text-align:center;
	padding-top:140px;
	}
#construction {
	background:url(../images/footerBg.png) top center no-repeat;
	_background:url(../images/footerBg.gif) top center no-repeat;
	height:142px;
	border-bottom:#a8a8a8 solid 18px;
	}
/*样式*/
#header ,#nav ,#nav2 ,#construction ,#wrapper {
	width:950px;
	margin:0 auto;
	}
#logo {
	margin:20px 0 0 20px;
	}
#logo2 {
	margin:20px 0 0 20px;
	_margin:20px 0 0 10px;
	float:left;
	}
#nav ul {
	padding:60px 200px 90px 200px;
	height:117px;
	overflow:hidden;
	}
#nav ul li {
	float:left;
	width:25%;
	}
#nav ul li a {
	width:117px;
	height:135px;
	display:block;
	}
#nav ul li a:hover {
	position:relative;
	text-decoration:none;
	}
#nav ul li a span {
	display:none;
	position:absolute;
	bottom:2px;
	_bottom:1px;
	left:0;
	width:117px;
	height:20px;
	line-height:20px;
	font-size:14px;
	letter-spacing:.2em;
	font-weight:bold;
	color:#000000;
	text-align:center;
	}
#nav ul li a:hover span {
	display:block;
	background:#ffffff;
	cursor:pointer;
	}
#nav2 ul {
	padding:40px 150px 60px 150px;
	height:180px;
	overflow:hidden;
	}
#nav2 ul li {
	float:left;
	width:215px;
	}
#nav2 ul li a {
	width:215px;
	height:70px;
	display:block;
	margin-bottom:10px;
	}
#nav2 ul li a:hover {
	position:relative;
	text-decoration:none;
	}
#nav2 ul li a span {
	display:none;
	position:absolute;
	top:7px;
	right:0;
	width:138px;
	height:20px;
	line-height:20px;
	letter-spacing:.2em;
	color:#000000;
	text-align:left;
	}
#nav2 ul li a:hover span {
	display:block;
	cursor:pointer;
	}
#nav2 span.back {
	margin:0 auto;
	display:block;
	width:50px;
	}
#banner {
	float:right;
	}
#funtion {
	clear:both;
	}
#funtion ul {
	padding:5px 0;
	height:18px;
	}
#funtion ul li {
	float:right;
	background:url(../images/funtionBg.jpg) no-repeat;
	width:75px;
	height:18px;
	line-height:17px;
	text-align:center;
	margin:0 5px;
	}
#funtion ul li a {
	color:#ccc;
	}
#sidebar {
	float:left;
	width:256px;
	}
#container {
	float:left;
	width:692px;
	}
#container p {
	text-indent:2em;
	margin-bottom:10px;
	}
#works dt {
	margin:20px 0 10px 0;
	}
#works dt img {
	width:500px;
	margin:10px 0;
	display:block;
	}
#works dd {
	line-height:180%;
	}
#diary dt {
	font-size:14px;
	font-weight:bold;
	position:relative;
	border-bottom:1px #ddd dotted;
	line-height:180%;
	margin:20px 0 10px 0;
	clear:both;
	}
#diary dt span {
	position:absolute;
	top:0;
	right:0;
	font-weight:normal;
	}
#diary dd.visual {
	float:left;
	width:350px;
	}
#diary dd.visual img {
	width:350px;
	}
#diary dd.diary {
	float:right;
	width:300px;
	padding:10px;
	font-size:14px;
	line-height:180%;
	}
#about{
	line-height:180%;
	font-size:14px;
	}
#contact {
	line-height:180%;
	font-size:14px;
	margin:50px 0;
	}
#footer {
	padding-top:5px;
	}
#footer span {
	text-align:center;
	display:block;
	line-height:150%;
	color:#a8a8a8;
	}