@charset "UTF-8";
.main {
	height:auto;
	width:1100px;
	position: relative;
	margin:0 auto;
	text-align: center;
}
.two {
	/* background-color: rgb(191,208,201); */
	background-color: rgb(255, 255, 255);
	width: 100%;
	height: auto;
	padding: 2px 0px; 
	border-radius: 0px;
	float:left;
    position: relative;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 0%;
	-webkit-box-shadow: 0px 0px 4px;
	-moz-box-shadow: 0px 0px 4px;
	display:block;
}
#intro{
	/* font-weight: 250; */
	/* font-family: Verdana, Geneva, sans-serif; */
	font-family:Verdana, Geneva, sans-serif !important;
	display:block;
	/* font-size: 0.24rem; */
    color: rgb(0,0,0);
	text-indent: 25px;

	line-height: 25px;
	/* width: 1420px; */
	font-size: 16px;
	/* margin:0px auto 5px; */
	/* padding: 0px 10px 10px; */
	text-align: justify;
	padding:10px; /* 新增的属性 */
}

.three{
	/* margin-left:5%; */
	/* margin-top: 16%; */
	top: 15px;
	margin-right: auto;
	margin-top: 10px;
	position: relative;
	width: 70%;
	display:inline-block
}
.four{
	background-color: rgb(191,208,201);
	width:auto;
	height: auto;
	padding: 3px 10px;
	border-radius: 4px;
	float:right;
	margin-top: 16%;
	top: 5px;
	margin-left: auto;
	position: relative;
	margin-top: 10%;
	-moz-box-shadow: 0px 0px 4px;
	-webkit-box-shadow: 0px 0px 4px;
	font-size: 18px/30px arial, sans-serif;
	font-family: Verdana, Geneva, sans-serif;
	width: 22%;
	display:inlineinline-block
}

.five {
	width: 100%;
	padding-top: 10px;
}
#genomics li{
	float:left;
	margin-left: 12%;
	position:relative;
	margin-top: -20%;
	color: rgb(238,247,242);
}
#genomics a{
	font-size:20px;
	display: block;
	text-decoration:none;
	text-align: center;
	border-radius: 2px;
}
#genomics a:hover{
	background-color: rgb(238,247,242);
	color: rgb(19,79,123);
}
#epigenomics li{
	float:left;
	margin-left: 25%;
	position:relative;
	margin-top:-43%;
	color: rgb(238,247,242);
}
#epigenomics a{
	font-size:20px;
	display: block;
	text-decoration:none;
	text-align: center;
	border-radius: 2px;
}
#epigenomics a:hover{
	background-color: rgb(238,247,242);
	color: rgb(19,79,123);
}
#transcriptomics li{
	float:left;
	margin-left: 53%;
	position:relative;
	margin-top:-43%;
	color: rgb(238,247,242);
}
#transcriptomics a{
	font-size:20px;
	display: block;
	text-decoration:none;
	text-align: center;
	border-radius: 2px;
}
#transcriptomics a:hover{
	background-color: rgb(238,247,242);
	color: rgb(19,79,123);
}
#proteomics li{
	float:left;
	margin-left: 79%;
	position:relative;
	margin-top:-23%;
	color: rgb(238,247,242);
}
#proteomics a{
	font-size:20px;
	display: block;
	text-decoration:none;
	text-align: center;
	border-radius: 2px;
}
#proteomics a:hover{
	background-color: rgb(238,247,242);
	color: rgb(19,79,123);
}

#animal{
	margin-left: auto;
	margin-right: auto;
}
#dm li{
	float:left;
	margin-left: 4.5%;
	position:relative;
	margin-top: -16%;
	color: rgb(238,247,242);
}
#dm a{
	font-size:18px;
	/* font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; */
	font-family: Verdana, Geneva, sans-serif;
	display: block;
	text-decoration:none;
	text-align: center;
	border-radius: 2px;
}
#dm a:hover{
	background-color: rgb(238,247,242);
	color: rgb(19,79,123);
}
#mm li{
	float:left;
	margin-left: 22%;
	position:relative;
	margin-top: -16%;
	color: rgb(238,247,242);
}
#mm a{
	font-size:18px;
	/* font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; */
	font-family: Verdana, Geneva, sans-serif;
	display: block;
	text-decoration:none;
	text-align: center;
	border-radius: 2px;
}
#mm a:hover{
	background-color: rgb(238,247,242);
	color: rgb(19,79,123);
}
#rn li{
	float:left;
	margin-left: 35.2%;
	position:relative;
	margin-top: -16%;
	color: rgb(238,247,242);
}
#rn a{
	font-size:18px;
	/* font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; */
	font-family: Verdana, Geneva, sans-serif;
	display: block;
	text-decoration:none;
	text-align: center;
	border-radius: 2px;
}
#rn a:hover{
	background-color: rgb(238,247,242);
	color: rgb(19,79,123);
}
#mn li{
	float:left;
	margin-left: 47.4%;
	position:relative;
	margin-top: -16%;
	color: rgb(238,247,242);
}
#mn a{
	font-size:18px;
	/* font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; */
	font-family: Verdana, Geneva, sans-serif;
	display: block;
	text-decoration:none;
	text-align: center;
	border-radius: 2px;
}
#mn a:hover{
	background-color: rgb(238,247,242);
	color: rgb(19,79,123);
}
#tg li{
	float:left;
	margin-left: 60%;
	position:relative;
	margin-top: -16%;
	color: rgb(238,247,242);
}
#tg a{
	font-size:18px;
	/* font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; */
	font-family: Verdana, Geneva, sans-serif;
	display: block;
	text-decoration:none;
	text-align: center;
	border-radius: 2px;
}
#tg a:hover{
	background-color: rgb(238,247,242);
	color: rgb(19,79,123);
}
#dr li{
	float:left;
	margin-left: 78.2%;
	position:relative;
	margin-top: -16%;
	color: rgb(238,247,242);
}
#dr a{
	font-size:18px;
	/* font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; */
	font-family: Verdana, Geneva, sans-serif;
	display: block;
	text-decoration:none;
	text-align: center;
	border-radius: 2px;
}
#dr a:hover{
	background-color: rgb(238,247,242);
	color: rgb(19,79,123);
}
#hs li{
	float:left;
	margin-left: 91.5%;
	position:relative;
	margin-top: -16%;
	color: rgb(238,247,242);
}
#hs a{
	font-size:18px;
	/* font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; */
	font-family: Verdana, Geneva, sans-serif;
	display: block;
	text-decoration:none;
	text-align: center;
	border-radius: 2px;
}
#hs a:hover{
	background-color: rgb(238,247,242);
	color: rgb(19,79,123);
}
.six{
	background-color: rgb(1,23,83);
	width:1100px;
	height: auto;
	padding: 3px 0px;
	border-radius: 4px;
	margin:0px auto 5px;
	text-align: center;
}
.six h1{
	padding-top:0px;
	padding-bottom:10px;
	text-align: center;
	display: block;
	color: rgb(238,247,242);
	font-size: 16px;
	font-family: Verdana, Geneva, sans-serif;
}

.six ul{
	/* width: 2560px; */
	/* width: 1800px; */
	height: 20px;
	overflow: hidden;
	text-align: center;
}

#relatedresources li{
	float:left;
	font-size: 18px/30px arial, sans-serif;
	margin-left:11%;
	color: rgb(1,23,83);
}
#relatedresources a{
	/* font-family: arial,helvetica,clean,sans-serif; */
	font-family: Verdana, Geneva, sans-serif;
	/* font-size: 0.25rem; */
	color: rgb(238,247,242);
	text-decoration:none;
}