@charset "gb2313";
/* CSS Document */
*{font-size:12px;font-family:"微软雅黑";color:#555;}
body,dl,dd,p{margin:0;}
a{text-decoration:none;}
img{display:block;}
input{margin:0;padding:0;border:none;outline:none;cursor:pointer;}
textaea{margin:0;padding:0;outline:none;}
h1,h2,h3{font-weight:normal;margin:0;}
ul{margin:0;padding:0;}
li{list-style:none;}
.clearfix{clear:both;}


/*header*/
.headerbg{background-color:#f2f2f2;border-bottom:#e5e5e5 solid 1px;}
.header{max-width:980px; margin:0 auto; overflow:hidden;}
.header .logo{ float:left;margin-top:4px;}
.header .right{float:right; line-height:36px; text-align:right; font-size:14px;}


.bg{
	width:100%;
	background-image:url(images/bg2.png);
	background-position:center;
}

/*banner*/
.banner{
	margin-top:5px;
}

.banner img{
	width:100%;
}


/*生态图谱*/
.map{
	width:960px;
	margin:0 auto;
	
}

.map img{
	width:100%;
}


/*标题*/
.title{
	width:260px;
	margin:0 auto;
	margin-bottom:24px;
}

.title h1{
	font-size:40px;
	font-weight:bold;
	color:#00b092;
	text-align:center;
}

.title img{
	margin:0 auto;
	width:20px;
}


/*研究篇*/
.research{
	width:1000px;
	margin:0 auto;
	margin-top:80px;
}

.research-content{
	width:324px;
	border:#303030 solid 1px;
	float:left;
	margin-right:11px;
	margin-top:16px;
}

.research-title{
	background-color:#303030;
	height:30px;
}

.research-title h2{
	font-size:16px;
	color:white;
	float:left;
	line-height:30px;
	margin-left:10px;
}

.research-title a{
	font-size:16px;
	color:white;
	float:right;
	line-height:30px;
	margin-right:10px;
}

.research-content:hover{
	border:#00b092 solid 1px;
}

.research-content:hover .research-title{
	background-color:#00b092;
}


/*平台篇*/
.platform{
	width:1000px;
	margin:0 auto;
	margin-top:80px;
}

.platform-content{
	width:324px;
	border:#303030 solid 1px;
	float:left;
	margin-right:11px;
	margin-top:16px;
}

.platform-title{
	background-color:#303030;
	height:30px;
}

.platform-title h2{
	font-size:16px;
	color:white;
	float:left;
	line-height:30px;
	margin-left:10px;
}

.platform-title a{
	font-size:16px;
	color:white;
	float:right;
	line-height:30px;
	margin-right:10px;
}

.platform-content:hover{
	border:#00b092 solid 1px;
}

.platform-content:hover .platform-title{
	background-color:#00b092;
}


/*人物篇*/
.figure-bg{
	background-image:url(images/bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:360px;
	padding-top:40px;
}

.figure{
	width:1000px;
	margin:0 auto;
	margin-top:80px;
}

.figure-content{
	width:680px;
	border:#00a3a5 solid 5px;
	margin:0 auto;
	text-align:center;
	padding:10px 0;
	background-color:#222;
	opacity:0.9;
	box-shadow:0px 0px 10px #272727;
}

.figure-content li{
	line-height:30px;
	opacity:1;
}

.figure-content li a{
	font-size:20px;
	color:#ccc;
	opacity:1;
}

.platform-content:hover{
	border:#00b092 solid 1px;
}

.figure-content li:hover{
	background-color:#00b092;
}

.figure-content li:hover a{
	color:white;
	font-size:22px;
}








