/*news*/
#news{
	width: 1001px;
	height: 251px;
	margin: 40px auto 20px;
	position: relative;
	background: url(../images/news-bg.jpg) repeat-x;}
/*notice*/
.notice{
	width: 206px;
	height: 221px;
	float: left;
	margin: 30px 0 0 17px;}
.notice .head{
	width: 100%;
	height: 28px;
	border-bottom: 1px solid #cfcfcf;
	background: url(../images/notice-to-right.png) no-repeat right center;}
.notice .head h1{
	display: block;
	line-height: 28px;
	font-size: 17px;
	color: #d03f13;
	padding-left: 10px;
	font-weight: normal;
	background: url(../images/notice-line.png) no-repeat left center;}
.notice #demo{
	overflow:hidden;
	height:180px;
	width:206px;
	margin-top: 10px;}
.notice #demo ul{}
.notice #demo ul li{
	padding: 10px 0;
	border-bottom: 1px dashed #cfcfcf;}
.notice #demo ul li a{
	color: #000;
	padding-left: 15px;
	line-height: 20px;
	background: url(../images/demo-li-bg.png) no-repeat left top;}

/*news-switch*/
.news-switch{
	width: 320px;
	height: 200px;
	padding: 6px;
	border: 1px solid #9cd9f5;
	overflow: hidden;
	position: absolute;
	bottom: 0px; left: 238px;}
#owl-demo {
	position: relative;
	width: 320px;
	height: 200px;
	margin: 0 auto;}
#owl-demo .item {
	position: relative;
	display: block;}
#owl-demo img {
	display: block;
	width: 320px;
	height: 200px;}
#owl-demo b {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	overflow: hidden;
	background:url(../images/owl-demo-bg.png);}
#owl-demo span {
	padding: 5px 0;
	display: block;
	width: 70%;
	height: 20px;
	overflow: hidden;
	text-overflow:ellipsis; 
	white-space:nowrap;
	font: 14px/32px "微软雅黑", "黑体";
	color: #fff;
	text-align: left;
	padding-left: 10px;
	line-height: 20px;}
.owl-pagination {
	position: absolute;
	right: 10px;
	bottom: 0px;
	height: 17px;
	text-align: right;}
.owl-page {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 2px;
	background: #fff;
	*display: inline;
	*zoom: 1;
	border-radius: 100px;}
.owl-pagination .active {
	width: 8px;
	background: #eb5902;}
.owl-buttons {
	display: none;}
.owl-buttons div {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 80px;
	margin-top: -40px;
	text-indent: -9999px;}

/*news-list*/
.news-list{
	width: 400px;
	height: 214px;
	overflow: hidden;
	position: absolute;
	bottom: 0px; right: 17px;}
.news-list h1{
	font-size: 18px;
	color: #000;
	line-height: 25px;
	font-weight: normal;
	overflow:hidden; 
	white-space:nowrap; 
	text-overflow:ellipsis;}
.news-list p{
	overflow: hidden;
	font-size: 14px;
	color: #727272;
	line-height: 18px;
	height: 54px;}
.news-list p a{
	color: #727272;}

.news-list ul {
	border-top: 1px solid #d0d0d0;
	width: 100%;
	overflow: hidden;
	margin: 11px auto 0;}
.news-list ul li {
	width: 100%;
	line-height: 28px;
	height: 28px;
	border-bottom: 1px dashed #d0d0d0;
	float: left;}
.news-list ul li a {
	width: 85%;
	float: left;
	color: #000;
	font-size: 14px;
	padding-left: 10px;
	 white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	background: url(../images/news-list-bg.jpg) no-repeat left center;}
.news-list ul li:hover a {
	color: #034889;}
.news-list .news-date {
	float: right;
	color: #9fa6b0;
	line-height: 33px;
	font-size: 14px;}
@media only screen and (max-width: 640px) {
	/*news*/
	#news{
		width: 100%;
		height: auto;
		/*overflow: hidden;*/
		margin: 0px auto 20px;}
	/*notice*/
	.notice{
		width: 90%;
		height: 221px;
		float: none;
		margin: 0 auto;}
	.notice #demo{
		width:100%;}
	
	/*news-switch*/
	.news-switch{
		width: 85%;
		position: relative;
		top: 15px; bottom: 0px; left: 5%;}
	#owl-demo {
		position: relative;
		width: 100%;
		height: 200px;
		margin: 0 auto;}
	#owl-demo img {
		display: block;
		width: 100%;
		height: 200px;}
	
	/*news-list*/
	.news-list{
		width: 90%;
		height: auto;
		position: relative;
		bottom: 0px; right: 0; left: 5%;}
	.news-list h1{
		margin-top: 30px;}
}









/*left*/
#left{
	width: 210px;
	overflow: hidden;
	float: left;
	margin-left: 17px;}
/*head*/
#left .head{
	width: 210px;
	height: 31px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: url(../images/small-head.jpg);}
#left .head h1{
	float: left;
	color: #fff;
	font-size: 14px;
	line-height: 31px;
	padding-left: 10px;
	font-weight: normal;}
#left .head a.more{
	float: right;
	width: 15px;
	height: 31px;
	background: url(../images/small-more.png) no-repeat left center;}
/*box*/
#left .box{
	width: 208px;
	overflow: hidden;
	border: 1px solid #ebebec;
	border-top: 0;}

/*科研体系*/
.kytx ul{
	width: 100%;
	overflow: hidden;}
.kytx ul li{
	width: 100%;
	height: 35px;
	background: url(../images/small-tx-bg.jpg) repeat-x;}
.kytx ul li:hover{
	width: 100%;
	height: 35px;
	background: url(../images/small-tx-bg-on.jpg) repeat-x;}
.kytx ul li a{
	width: 82%;
    padding: 0 10% 0 0;
    height: 35px;
    display: block;
    margin: 0 auto;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 35px;
    background: url(../images/small-to-right.png) no-repeat right center;}
.kytx ul li:hover a{
	background: url(../images/small-to-right-color.png) no-repeat right center;}

/*基地介绍*/
.jdjs ul{
	width: 100%;
	overflow: hidden;}
.jdjs ul li{
	width: 100%;
	height: 35px;}
.jdjs ul li a{
	width: 86%;
	height: 35px;
	display: block;
	margin: 0 auto;
	color: #000;
	padding-left: 6%;
	line-height: 35px;
	border-bottom: 1px dashed #cfcfcf;
	background: url(../images/small-li-bg.png) no-repeat left center;}

/*重大项目*/
.zdxm ul{
	width: 100%;
	overflow: hidden;}
.zdxm ul li{
	width: 100%;
	height: 35px;}
.zdxm ul li a{
	width: 86%;
	height: 35px;
	overflow: hidden;
	display: block;
	margin: 0 auto;
	color: #000;
	padding-left: 6%;
	line-height: 35px;
	white-space: nowrap;
    text-overflow: ellipsis;
	border-bottom: 1px dashed #cfcfcf;
	background: url(../images/small-li-bg.png) no-repeat left center;}

/*图片列表*/
.tplb ul{
	width: 100%;
	overflow: hidden;
	padding-bottom: 5px;}
.tplb ul li{
	width: 100%;
	height: 42px;
	margin-bottom: 12px;}
.tplb ul li a{
	width: 100%;
	height: 42px;}
.tplb ul li a img{
	width: 100%;}

/*专题报道*/
.ztbd ul{
	width: 100%;
	overflow: hidden;}
.ztbd ul li{
	width: 100%;
	height: 35px;}
.ztbd ul li a{
	width: 86%;
	height: 35px;
	display: block;
	margin: 0 auto;
	color: #000;
	padding-left: 6%;
	line-height: 35px;
	border-bottom: 1px dashed #cfcfcf;
	background: url(../images/small-li-bg.png) no-repeat left center;}
@media only screen and (max-width: 640px) {
	/*left*/
	#left{
		display: none;}
}









/*center*/
#center{
	width: 525px;
	overflow: hidden;
	float: left;
	margin-left: 11px;}
/*head*/
#center .head{
	width: 525px;
	height: 31px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: url(../images/big-head-bg.jpg) repeat-x;}
#center .head h1{
	float: left;
	width: 116px;
	height: 31px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 31px;
	font-weight: normal;
	border-top-left-radius: 5px;
	background: url(../images/big-head.jpg) no-repeat;}
#center .head a.more{
	float: right;
	width: 18px;
	height: 31px;
	background: url(../images/big-more.png) no-repeat left center;}
/*box*/
#center .box{
	width: 523px;
	overflow: hidden;
	border: 1px solid #ebebec;
	border-top: 0;}

/*所内要闻*/
	/*xgtp*/
.snyw .xgtp{
	width: 510px;
	overflow: hidden;
	margin: 0 auto;}
.snyw .xgtp img{
	width: 160px;
	height: 108px;
	display: block;
	float: left;
	padding: 15px 5px 7px 5px;}
	/*ul li a*/
.snyw ul{
	width: 100%;
	overflow: hidden;}
.snyw ul li{
	width: 100%;
	height: 36px;}
.snyw ul li a{
	width: 95%;
	height: 36px;
	display: block;
	margin: 0 auto;
	border-bottom: 1px dashed #cfcfcf;}
.snyw .text{
	width: 80%;
	float: left;
	color: #000;
	font-size: 14px;
	line-height: 36px;
	padding-left: 2%;
	display: inline-block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	background: url(../images/news-list-bg.jpg) no-repeat left center;}
.snyw .news-date {
	float: right;
	text-align: right;
	color: #9fa6b0;
	line-height: 35px;
	font-size: 14px;}

/*科研动态*/
.kydt ul{
	width: 100%;
	overflow: hidden;}
.kydt ul li{
	width: 100%;
	height: 36px;}
.kydt ul li a{
	width: 95%;
	height: 36px;
	display: block;
	margin: 0 auto;
	border-bottom: 1px dashed #cfcfcf;}
.kydt .text{
	width: 80%;
	float: left;
	color: #000;
	font-size: 14px;
	line-height: 36px;
	padding-left: 2%;
	background: url(../images/news-list-bg.jpg) no-repeat left center;
	display: inline-block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.kydt .news-date {
	float: right;
	text-align: right;
	color: #9fa6b0;
	line-height: 35px;
	font-size: 14px;}

/*合作交流*/
	/*xgtp*/
.hzjl .top{
	width: 95%;
	overflow: hidden;
	margin: 0 auto;
	padding: 12px 0 5px 0;}
.hzjl .top img{
	width: 160px;
	height: 108px;
	display: block;
	float: left;
	margin-right: 15px;}
.hzjl .top .text-box{
	float: left;
	width: 64%;}
.hzjl .top .text-box h1{
	font-size: 14px;
	color: #00539f;
	line-height: 20px;
	font-weight: normal;
	margin-bottom: 10px;}
.hzjl .top .text-box p{
	font-size: 14px;
	color: #727272;
	line-height: 18px;}
.hzjl .top .text-box p a{
	color: #727272;}
	/*ul li a*/
.hzjl ul{
	width: 100%;
	overflow: hidden;}
.hzjl ul li{
	width: 100%;
	height: 36px;}
.hzjl ul li a{
	width: 95%;
	height: 36px;
	display: block;
	margin: 0 auto;
	border-bottom: 1px dashed #cfcfcf;}
.hzjl .text{
	width: 80%;
	float: left;
	color: #000;
	font-size: 14px;
	line-height: 36px;
	padding-left: 2%;
	background: url(../images/news-list-bg.jpg) no-repeat left center;
	display: inline-block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hzjl .news-date {
	float: right;
	text-align: right;
	color: #9fa6b0;
	line-height: 35px;
	font-size: 14px;}

/*国内/国外渔业动态*/
.yydt ul{
	width: 100%;
	overflow: hidden;}
.yydt ul li{
	width: 100%;
	height: 36px;}
.yydt ul li a{
	width: 95%;
	height: 36px;
	display: block;
	margin: 0 auto;
	border-bottom: 1px dashed #cfcfcf;}
.yydt .text{
	width: 80%;
	float: left;
	color: #000;
	font-size: 14px;
	line-height: 36px;
	padding-left: 2%;
	background: url(../images/news-list-bg.jpg) no-repeat left center;
	display: inline-block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.yydt .news-date {
	float: right;
	text-align: right;
	color: #9fa6b0;
	line-height: 35px;
	font-size: 14px;}

#lib_Tab2{
	width: 100%;
	overflow: hidden;}
.lib_Menubox {
	width: 100%;
	height: 31px;
	position: relative;}
.lib_Menubox ul{
	position:absolute; 
	top:0px; left:0;}
.lib_Menubox li{
	float: left;
	width: 116px;
	height: 31px;
	text-align: center;
	color: #000;
	font-size: 14px;
	line-height: 31px;
	cursor: pointer;
	background: #d0d0d0;}
.lib_Menubox li.start{
	border-top-left-radius: 5px;}
.lib_Menubox li.hover{
	color: #fff;
	background: url(../images/big-head.jpg) no-repeat;}
.lib_Contentbox{
	clear:both;
	padding-top: 9px;}
.lib_Menubox a{
	width: 18px;
	height: 31px;
	position: absolute;
	right: 0; top: 0;
	background: url(../images/big-more.png) no-repeat left center;}
@media only screen and (max-width: 640px) {
	/*center*/
	#center{
		width: 90%;
		overflow: hidden;
		float: none;
		margin: 0 auto;}
	/*head*/
	#center .head{
		width: 100%;}
	/*box*/
	#center .box{
		width: 99.4%;}
	.snyw .text{
		width: 85%;
		padding-left: 5%;
		box-sizing: border-box;}
	.kydt .text{
		width: 85%;
		padding-left: 5%;
		padding-left: 5%;
		box-sizing: border-box;}
	.hzjl .text{
		width: 85%;
		padding-left: 5%;
		padding-left: 5%;
		box-sizing: border-box;}
	.yydt .text{
		width: 85%;
		padding-left: 5%;
		padding-left: 5%;
		box-sizing: border-box;}	
}









/*right*/
#right{
	width: 210px;
	overflow: hidden;
	float: right;
	margin-right: 17px;}
/*head*/
#right .head{
	width: 210px;
	height: 31px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: url(../images/small-head.jpg);}
#right .head h1{
	float: left;
	color: #fff;
	font-size: 14px;
	line-height: 31px;
	padding-left: 10px;
	font-weight: normal;}
#right .head a.more{
	float: right;
	width: 15px;
	height: 31px;
	background: url(../images/small-more.png) no-repeat left center;}
/*box*/
#right .box{
	width: 208px;
	overflow: hidden;
	border: 1px solid #ebebec;
	border-top: 0;}

/*图书馆资源*/
.tsgzy ul{
	width: 100%;
	overflow: hidden;}
.tsgzy ul li{
	width: 100%;
	height: 34px;}
.tsgzy ul li a{
	width: 86%;
	height: 34px;
	display: block;
	margin: 0 auto;
	color: #000;
	padding-left: 6%;
	line-height: 34px;
	border-bottom: 1px dashed #cfcfcf;
	background: url(../images/small-li-bg.png) no-repeat left center;}

/*学术期刊*/
.xsqk{
	width: 100%;
	height: 285px;
	overflow: hidden;}
.xsqk .book{
	width: 92%;
	height: 170px;
	margin: 15px auto 5px;
	overflow: hidden;
	background: #f2f2f2;}
.xsqk .book img{
	width: 100px;
	height: 121px;
	display: block;
	margin: 0 auto 4px;}
.xsqk .book .name{
	width: 100%;
	height: 41px;
	text-align: center;
	overflow: hidden;}
.xsqk .book .name a{
	color: #000;}
.xsqk .select-year{
	width: 80px;
	height: 28px;
	margin: 10px 0 5px 4%;
	vertical-align: middle;
	border: 1px solid #84bee4;}
.xsqk .select-number{
	width: 60px;
	height: 28px;
	margin: 10px 0 5px 0;
	vertical-align: middle;
	border: 1px solid #84bee4;}
.xsqk .input-box{
	width: 144px;
	padding: 0 10px;
	height: 28px;
	margin: 8px -1px 5px 4%;
	vertical-align: middle;
	border: 1px solid #84bee4;}
.xsqk .submit{
	width: 45px;
	height: 28px;
	margin: 8px 0 5px 0px;
	vertical-align: middle;}

/*研究生教育*/
.yjsjy ul{
	width: 100%;
	overflow: hidden;}
.yjsjy ul li{
	width: 50%;
	height: 29px;
	float: left;}
.yjsjy ul li a{
	width: 70%;
	height: 29px;
	display: block;
	margin: 0 auto;
	color: #000;
	padding-left: 10%;
	line-height: 29px;
	background: url(../images/small-li-bg.png) no-repeat left center;}

/*工作简报/2015*/
.gzjb ul{
	width: 100%;
	overflow: hidden;}
.gzjb ul li{
	width: 25%;
	height: 39px;
	float: left;}
.gzjb ul li a{
	width: 100%;
	height: 39px;
	text-align: center;
	display: block;
	color: #000;
	line-height: 39px;}
.gzjb ul li.grey{
	background: #f3f3f3;}

/*所区介绍*/
.sqjs{
	width: 100%;
	height: 225px;
	overflow: hidden;}
.sqjs p{
	width: 90%;
	height: 110px;
	overflow: hidden;
	margin: 15px auto;}
.sqjs img{
	display: block;
	margin: 0 auto;}
@media only screen and (max-width: 640px) {
	/*right*/
	#right{
		display: none;}
}









/*picture-link*/
.picture-link{
	width: 97.5%;
	overflow: hidden;
	margin: 0 auto 15px;}
.picture-link ul{}
.picture-link ul li{
	width: 20%;
	overflow: hidden;
	float: left;}
.picture-link ul li a{
	display: block;
	width: 95%;
	overflow: hidden;
	margin: 0 auto;}
.picture-link ul li a img{
	width: 100%;}
@media only screen and (max-width: 640px) {
	/*picture-link*/
	.picture-link{
		width: 90%;}
	.picture-link ul{}
	.picture-link ul li{
		width: 100%;
		margin-bottom: 10px;}
	.picture-link ul li a{
		width: 100%;}
}










/*图片新闻*/
.tpxw-head{
	width: 966px;
	height: 31px;
	margin: 0 auto;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: url(../images/big-head-bg.jpg) repeat-x;}
.tpxw-head h1{
	float: left;
	width: 116px;
	height: 31px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 31px;
	font-weight: normal;
	border-top-left-radius: 5px;
	background: url(../images/big-head.jpg) no-repeat;}
.tpxw-head a.more{
	float: right;
	width: 18px;
	height: 31px;
	background: url(../images/big-more.png) no-repeat left center;}
/*box*/
.tpxw-box{
	width: 964px;
	margin: 0 auto;
	overflow: hidden;
	border: 1px solid #ebebec;
	border-top: 0;
	padding: 10px 0;}
.tpxw-box li {
	display: inline;
	float: left;
	margin-right: 12px;}
.tpxw-box li a {
	width: 208px;
	height: 138px;
	display: block;
	float: left;
	text-align: center;
	font-size: 14px;}
.tpxw-box li a:hover {
	text-decoration: none;}
.tpxw-box li img {
	height: 138px;}
.tpxw-box li em{font-style: normal; height:24px; line-height:24px; display:block; margin-top:8px;}
@media only screen and (max-width: 640px) {
	.tpxw-head{
		width: 90%;}
	/*box*/
	.tpxw-box{
		width: 90%;
		margin: 0 auto;}
	.tpxw-box li {
		width: 90%;
		overflow: hidden;
		display: inline;
		float: none;
		margin: 0 auto;}
	.tpxw-box li a {
		width: 100%;
		height: 138px;
		display: block;}
	.tpxw-box li a:hover {
		text-decoration: none;}
	.tpxw-box li img {
		width: 100%;
		height: auto;}
}