﻿body 
{
	text-align:center;
	font-size:12px;
	font-family:宋体,黑体;
	margin:1px 0 0 0;
	padding:0;
	background:#E9E9E9 url(../images/background.gif) repeat-y 50% 0;
}
html,body {
       SCROLLBAR-FACE-COLOR:#999;/*定义两端箭头的方块及滑块的背景色*/
       SCROLLBAR-HIGHLIGHT-COLOR:#CCC;/*定义两端箭头方块的顶部及左边的边框色*/
       SCROLLBAR-SHADOW-COLOR:#555555;/*定义两端箭头颜色及方块的底部和右边的边框色*/
       SCROLLBAR-3DLIGHT-COLOR:#CCC;/*定义3D凸起边框颜色*/
       SCROLLBAR-ARROW-COLOR:#666;/*定义箭头凹陷颜色*/
       SCROLLBAR-TRACK-COLOR:#666;/*定义滚动条主体背景色*/
       SCROLLBAR-DARKSHADOW-COLOR:#333;/*定义滚动条凹陷颜色*/
}
#header
{
	position:relative;
}
/*flash层上的设为首页等*/
.top
{	
	width:350px;
	height:20px;
	position:absolute;
	left:480px;
	top:15px;
	z-index:1;
}
.top ul
{
	list-style-type:none;
}
.top li
{
	float:left;
	width:60px;
	background:url(../images/bullet2.gif) no-repeat;
	padding-left:10px;
	color:#434948;
}
.top a
{
	color:#434948;
	text-decoration:none;
}
/*访问量*/
div.visitors
{
	width:200px;
	height:20px;
	position:absolute;
	left:610px;
	top:235px;
	z-index:2;
	font-size:12px;
	color:#0066cc;
}
div.visitors span
{
	font-family:Arial, Verdana;
	font-size:18px;
	color:#e365f0;
	font-weight:bold;
	margin:0 3px;
	letter-spacing:1px;
}
#container
{
	width:800px;
	text-align:left;
	padding:0;
	margin:0 auto;
}

#globallink
{
	width:100%;
	padding:0;
	margin:1px 0 0 0;
}

#menu { 
	padding:0;
	margin:0; 
	list-style-type: none;
}
#menu li {
	padding:0;
	z-index: 100; 
	float: left; 
	margin: 0px 1px 0px 0px; 
	width: 80px; 
	position: relative; 
	height: 3em;
}
#menu li dl {
	left: 0px; 
	position: absolute; 
	top: 0px;
}
#menu li a {
	text-decoration: none;
}
#menu li a:visited {
	text-decoration: none;
}
#menu li dd {
	display: none;
}
#menu li:hover {
	border-width:0;
}
#menu li a:hover {
	border-width:0;
}
#menu li:hover dd {
	display: block;
}
#menu li a:hover dd {
	display: block;
}
#menu li:hover dl {
	padding-bottom: 20px;
}
#menu li a:hover dl {
	padding-bottom: 20px
}
#menu TABLE {
	padding:0;
	margin:-1px;
	font-size: 14px;
	border-collapse: collapse;
}
#menu dl {
	padding:0;
	margin:0; 
	width: 80px; 
	cursor: pointer; 
	text-align: center;
}
#menu dt {
	padding:0px;
	font-size: 14px;  
	margin: 0px; 
	color: #ffffff; 
}
#menu .one a, #menu .two a, #menu .three a, #menu .four a{
	display:block;
	width:100%; height:23px;
	padding:7px 0 0 0;
	background:url(../images/link_bg.jpg) repeat-x;
	color:#000000;
}
#menu .one a:hover, #menu .two a:hover, #menu .three a:hover, #menu .four a:hover{
	background:url(../images/hover_bg.jpg) repeat-x;
	color:#FFFFFF;
}
#menu dd {
	padding:0;
	margin:0;
	font-size: 12px; 
	background: #47a; 
	color: #fff; 
	text-align: left;
}
#menu dd.last {
	border-bottom: #444 1px solid;
}
.gallery dd a {
	padding:4px 5px 4px 20px;
	display: block;  
	background: url(../images/arrow.gif) #47a no-repeat 10px 10px;  
	width: 55px; 
	color: #fff;  
	text-decoration: none;
}
.gallery dd a:hover {
	background: url(../images/arrowr.gif) #258 no-repeat 11px 10px;
	color: #9cf;
}

#menu li.last
{
	width:70px;
}
#menu li.last dl
{
	width:70px;
}

#box
{
width:100%;
clear:both;
margin:1px 0 0 0;
padding:0px;
}

#pic
{
	padding:0px;
	margin:0px;
	width:325px;
	float:left;
	border:1px solid #CCCCCC;
}

#dynamic
{
	width:413px;
	height:184px;
	background:url(../images/title_dynamic.jpg) no-repeat #dddddd;
	border:1px solid #999999;
	padding:15px 5px 10px 50px;
	margin:0;
	float:right;
}
#dynamic h3
{
	display:none;
}
#dynamic ul
{
	width:100%;
	list-style-type:none;
	margin:0;
	padding:0;
}
#dynamic li
{
	float:left;
	text-align:right;
	width:100px;
	height:20px;
	letter-spacing:1px;
}
#dynamic li.title
{
	padding-left:18px;
	width:295px;
	text-align:left;
	background:url(../images/dynamic_icon.gif) no-repeat left top;
}
#dynamic li a
{
	text-decoration:none;
	color:#333333;
}
#dynamic li a:hover
{
	color:#005C6C;
	border-bottom:1px dashed #005C6C;
}
#dynamic li.more
{
	padding-top:4px;
	width:100%;
	text-align:right;
}

#left
{
	margin:5px 0 5px 0;
	padding:0;
	width:176px;
	float:left;
	border:1px solid #999999;
	background-color:#EEEEEE;
}
#idea, #flink, #example, #briefing
{
	float:left;
	display:block;
	width:100%;
	padding:0px;
	margin:0px;
}
#idea h3, #flink h3, #example h3, #briefing h3
{
	height:30px;
	margin:0;
	padding:0;
}
#idea h3
{
	background:url(../images/title_idea.jpg) no-repeat top;
}
#flink h3
{
	background:url(../images/title_flink.jpg) no-repeat top;
}
#example h3
{
	background:url(../images/title_example.jpg) no-repeat top;
}
#briefing h3
{
	background:url(../images/title_briefing.gif) no-repeat top;
}
#idea h3 span, #flink h3 span, #example h3 span, #briefing h3 span
{
	display:none;
}
#idea ul, #flink ul, #briefing ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}
#idea dd
{
	line-height:18px;
}
#idea dd.content
{
	margin:0;
	padding:0;
	text-indent:14pt;
}
#idea dt
{
	color:#005C6C;
}
#idea dt:first-child
{
	padding-top:8px;
	height:15px;
}

#flink ul
{
	margin:2px 0 0 0;
}
#flink li
{
	width:100%;
	text-align:center;
}
#flink li img
{
	border:none;
}

#example img
{
	width:150px;
	height:95px;
	border:2px solid #666666;
	padding:2px;
}

#briefing ul
{
	margin:2px 1px 0 0;
}
#briefing ul li a
{
	text-decoration:none;
	color:#333333;
}
#briefing ul li a:hover
{
	color:#005C6C;
	border-bottom:1px dashed #005C6C;
}
#briefing li
{
	float:left;
	line-height:180%;
}
#briefing li.title
{
	width:100px;
}
#briefing li.time
{
	text-align:right;
	width:75px;
	color:#A7AEB1;
}
#briefing h3 img
{
	margin-left:130px;
	margin-top:9px;
	border:0;
}

#right
{
	width:617px;
	padding:0;
	margin:5px 0 5px 0;
	float:right;
}
#SFIAIntro,#XiXunIntro
{
	height:181px;
	width:303px;
	padding:0;
	margin:0 0 5px 0;
	border:1px solid #999999;
	background-color:#EEEEEE;
}
#SFIAIntro
{
	float:left;
	background:url(../images/title_SFIAIntro.jpg) no-repeat -1px -1px;
}
#XiXunIntro
{
	float:right;
	background:url(../images/title_XiXunIntro.jpg) no-repeat -1px -1px;
}
#SFIAIntro img,#XiXunIntro img
{
	width:128px;
	height:91px;
	margin:30px 5px 2px 2px;
	padding:2px;
	float:left;
	border-top:2px solid #FFFFFF;
	border-left:2px solid #FFFFFF;
	border-right:2px solid #333333;
	border-bottom:2px solid #333333;
}
#SFIAIntro p,#XiXunIntro p
{
	padding:0px 2px 2px 2px;
	margin:30px 0 0 0;
	line-height:140%;
}
#SFIAIntro p span,#XiXunIntro p span
{
	font-family:黑体;
	font-size:25px;
	font-weight:bold;
	margin:3px 3px 2px 0;
	float:left;
	color:#363636;
	line-height:90%;
}
#SFIAIntro p em,#XiXunIntro p em
{
	font-family:Arial, Verdana;
}
#SFIAIntro p em a,#XiXunIntro p em a
{
	text-decoration:none;
	color:#666;
}
#SFIAIntro p em a:hover,#XiXunIntro p em a:hover
{
	color:#005C6C;
	border-bottom:1px dashed #005C6C;
}

#project
{
	float:left;
	margin:0;
	padding:31px 0px 5px 18px;
	width:597px;
	border:1px solid #999999;
	background:#EEEEEE url(../images/title_project.jpg) no-repeat -1px -1px;
}
#project ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}
#project ul li
{
	float:left;
	width:179px;
	line-height:180%;
	padding-left:20px;
	letter-spacing:1px;
	background:url(../images/icon_project.gif) no-repeat;
}
#project ul li a
{
	text-decoration:none;
	color:#333333;
}
#project ul li a:hover
{
	color:#005C6C;
	border-bottom:1px dashed #005C6C;
}
#project ul li.bug
{
	display:none;
}

#environment
{
	float:left;
	margin:5px 0 0 0;
	padding:28px 0 0 0;
	width:615px;
	border:1px solid #999999;
	background:#EEEEEE url(../images/title_base.jpg) no-repeat -1px -1px;
}
#environment img
{
	width:230px;
	height:165px;
	border:2px solid #666666;
	padding:2px;
}

#clients,#cooperator1,#cooperator2
{
	margin:5px 0 0 0;
	width:201px;
	height:205px;
	border:1px solid #999999;
	float:left;
	position:relative;
}
#clients
{
	background:url(../images/title_clients.jpg) no-repeat #EEEEEE -1px -1px;
}
#cooperator1
{
	background:url(../images/title_cooperator1.jpg) no-repeat #EEEEEE -1px -1px;
}
#cooperator2
{
	background:url(../images/title_cooperator2.jpg) no-repeat #EEEEEE -1px -1px;
}
#clients h3,#cooperator1 h3,#cooperator2 h3
{
	margin:0;
	padding:0;
	height:30px;
}
#clients h3 span,#cooperator1 h3 span,#cooperator2 h3 span
{
	display:none;
}
#clients ul,#cooperator1 ul,#cooperator2 ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}
#clients ul li,#cooperator1 ul li,#cooperator2 ul li
{
	width:161px;
	background:url(../images/icon_cooperator.gif) no-repeat 16px 1px;
	padding-left:40px;
	line-height:180%;
	letter-spacing:1px;
}
#clients ul li a, #cooperator1 ul li a, #cooperator2 ul li a
{
	text-decoration:none;
	color:#333333;
}
#clients ul li a:hover, #cooperator1 ul li a:hover, #cooperator2 ul li a:hover
{
	color:#005C6C;
	border-bottom:1px dashed #005C6C;
}
#clients div.more,#cooperator1 div.more,#cooperator2 div.more
{
	text-align:right;
	position:absolute;
	top:8px;
	left:155px;
}
#clients div.more img,#cooperator1 div.more img,#cooperator2 div.more img
{
	border:none;
}
/*产生分割*/
div.split
{
	float:left;
	width:4px;
}
/*消除IE与FireFox的不同显示差别*/
div.split span
{
	display:none;
}
div.split span:first-child
{
	display:block;
}

#person,#teachers
{
	position:relative;
	width:303px;
	height:220px;
	margin:5px 0 0 0;
	border:1px solid #999999;
}
#person
{
	background:url(../images/title_person.jpg) #EEEEEE no-repeat;
	float:left;
}
#teachers
{
	background:url(../images/title_teachers.jpg) #EEEEEE no-repeat;
	float:right;
}
#person h3,#teachers h3
{
	margin:0;
	padding:0;
	height:34px;
}
#person h3 span,#teachers h3 span
{
	display:none;
}
#person table,#teachers table
{
	margin:0;
	padding:0;
	border:none;
	letter-spacing:1px;
}
#person table th, #person table td,#teachers table th,#teachers table td
{
	height:20px;
}
#person table th.title_name, #teachers table th.title_name
{
	width:78px;
	padding-left:16px;
	text-align:left;
	font-weight:bold;
	color:#005C6C;
}
#person table th.title_xl, #teachers table th.title_xl
{
	width:44px;
	padding-left:20px;
	text-align:center;
	font-weight:bold;
	color:#005C6C;
}
#person table th.title_zy, #teachers table th.title_zy
{
	width:109px;
	padding-left:20px;
	padding-right:16px;
	text-align:center;
	font-weight:bold;
	color:#005C6C;
}
#person table td.name, #teachers table td.name
{
	width:78px;
	padding-left:16px;
	text-align:left;
}
#person table td.xl, #teachers table td.xl
{
	width:44px;
	padding-left:20px;
	text-align:center;
}
#person table td.zy, #teachers table td.zy
{
	width:115px;
	padding-left:20px;
	padding-right:10px;
	text-align:center;
}
#person a,#teachers a
{
	color:#111111;
	text-decoration:none;
}
#person a:hover,#teachers a:hover
{
	color:#005C6C;
	font-weight:bold;
}
#person div.more,#teachers div.more
{
	text-align:right;
	position:absolute;
	z-index:99;
	top:8px;
	left:257px;
}
#person div.more img,#teachers div.more img
{
	border:none;
}
#teachers tr.bug
{
	display:none;
}
#teachers table th.title_zy,#teachers table td.zy
{
	width:179px;
}

#footer
{
	padding:0;
	margin:0;
	clear:both;
	width:100%;
	text-align:center;
	line-height:150%;
}
#footer hr
{
	display:block;	
}

