#wrap-body{
	width: 100%;
	overflow: hidden;
	background-size: 100%;
	background: url(../images/body-top.jpg) no-repeat center top;}
@media only screen and (min-width: 640px) {
	#phone{
		display: none;}	
}
@media only screen and (max-width: 640px) {
	/*#wrap-body{
		display: none;
	}*/
	#phone{
		width: 100%;
		overflow: hidden;}
	#phone img{
		width: 100%;}
	#wrap-body{
		width: 100%;
		overflow: hidden;
		background:#a1def0 url(../images/body-top.jpg) no-repeat center 5px; 		
		background-size: 200%;}
}










#wrap_head{
	width:100%;
	height: 32px; 
	background: url(../images/top-bg.png) repeat-x;} 
#head {
	width: 1001px;
	position: relative;
	margin: 0 auto;}
/*date*/
.date{
	line-height: 30px;
	position: absolute;
	z-index: 2; left: 0; top: 0;}
/*top-link*/
.top-link{
	position: absolute;
	z-index: 2; right: 0; top: 0;
	border-right: 1px solid #cbcbcb;}
.top-link ul{}
.top-link ul li{
	float: left;
	padding: 0 25px;
	border-left: 1px solid #cbcbcb;}
.top-link ul li a{
	line-height: 30px;
	width: 80%;
	overflow: hidden;
	margin: 0 auto;}
.top-link ul li a.e-mail{
	width: 80%;
	margin: 0 auto;
	padding-left: 28px;
	background: url(../images/top-icon-01.png) no-repeat left center;}
.top-link ul li a.login{
	padding-left: 18px;
	background: url(../images/top-icon-02.png) no-repeat left center;}
.top-link ul li a.search{
	padding-left: 18px;
	background: url(../images/top-icon-04.png) no-repeat left center;}
.top-link ul li a.english{
	padding-left: 18px;
	background: url(../images/top-icon-03.png) no-repeat left center;}
/*top-pic*/
#head .top-pic{
	position: absolute;
	z-index: 2; right: 0; top: 37px;
	width: 420px;
	overflow: hidden;}
#head .top-pic img{
	width: 100%;}
@media only screen and (min-width: 640px) {
	.phone-mail{
		display: none;}
}
@media only screen and (max-width: 640px) {
	#head {
		width: 100%;}
	.date {
	    left: 5%;}
	/*top-link*/
	.top-link{
		display: none;}
	/*top-pic*/
	#head .top-pic{
		position: absolute;
		z-index: 2; left: 50%; top: 37px;
		width: 420px; margin-left: -210px;}
	.phone-mail{
		position: absolute;
		z-index: 3; right: 5%; top: 0;
		line-height: 30px;
		height: 30px;}
}










#wrap-main{
	width: 1001px;
	overflow: hidden;
	position: relative;
	margin: 190px auto 0;
	background: #fff;}
#wrap-main .row{
	width: 100%;
	overflow: hidden;}
#wrap-main .bottom{
	margin-bottom: 15px;}
@media only screen and (max-width: 640px) {
	#wrap-main{
		width: 100%;}
}









/*navbg*/
.navbg {
	width: 100%;
	max-width: 1000px;
	height: 40px;
	position: absolute;
	z-index: 99;
	top: 0;
	position: absolute;
	left: 50%;
	margin-left: -500px;
	background: url(../images/menu-bg.jpg) repeat-x;}
.nax-box{
	width: 1000px;
	height: 40px;
	margin: 0 auto;
	background: url(../images/menu-bg.jpg) repeat-x;}
#navul{
	width: 1002px;
	height: 40px;
	float: left;
	margin-left: -1px;
	position: relative;}
/*ul li*/
#navul li {
	float: left;
	height: 40px;
	padding: 0 13px;
	background: url(../images/menu-li-bg.png) no-repeat left center;}
#navul li.current-home{
	padding: 0;
  	width: 71px;
  	text-align: center;
	background: url(../images/menu-hover-bg.jpg) repeat-x;}
#navul li:hover{
	background: url(../images/menu-hover-bg.jpg) repeat-x;}
#navul li a {
	color: #fff;
	font-size: 14px;
	line-height: 40px;}

/*ul li ul li a*/
#navul li ul {
	display: none;
	z-index: 10000;
	width: 189px;
	background: #0166b7;
	border-bottom: none;
	margin-left: -14px;}
#navul li ul li{
	background: none;}
/*科研系统*/
#navul li ul.kyxt {
	position: absolute;
	top: 40px;}

#navul li.navmoon {
	height: 40px;
	line-height: 40px;}
#navul li.navmoon a {
	color: #fff;}
#navul li.navmoon ul{
	padding: 5px 0 10px 0;}
#navul li.navmoon ul li{
	width: 100%;
	padding: 0;
	background: none;
	height: 35px;}
#navul li.navmoon ul li a {
	width: 90%;
	display: block;
	margin: 0 auto;
	color: #fff;
	font-size: 12px;
	border-top: 1px solid #3f86c0;
	background: url(../images/nav-menu-li-bg.png) no-repeat right center;}
#navul li.navmoon ul li a.start{
	border: 0;}
#navul li.navmoon ul li a:hover {
	color: #fff;}
#navul li.navmoon ul {
	display: block;}
#navul li.navmoon ul a {
	display: block;
	height: 35px;
	line-height: 35px;}

/*ul li ul li a*/
#navul li:hover ul li.b-long{
	width: 462px;}
#navul li:hover ul li.b-long a{
	width: 439px;}
#navul li ul li ul {
	display: none;
	z-index: 100001;
	width: 189px;
	overflow: hidden;
	border-bottom: none;
	margin-left: 189px;
	margin-top: -40px;
	padding: 5px 0 5px 0;}
#navul li ul li:hover ul {
	display: block;}
#navul li ul li:hover ul li{
	background: none;
	padding: 0 10%;
    width: 80%;}

#navul li:hover ul li ul{
	display: none;}
#navul li:hover ul li:hover ul{
	display: block;}
#navul li:hover ul li ul li{
	background: #0166b7;
	padding: 0;}
#navul li:hover ul li ul li.duan{
	width: 190px;}
#navul li:hover ul li ul li.long{
	width: 262px;}
@media only screen and (max-width: 640px) {
	.navbg{
		display: none;}
}









/*search*/
#search{
	width: 60px;
	height: 40px;
	float: right;
	margin-right: 16px;
	background: url(../images/search.png) no-repeat left center;}
#search a{
	display: block;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 14px;
	text-align: right;}
#search a:hover .search-box{
	filter:alpha(opacity=100);  
    -moz-opacity:1;  
    -khtml-opacity: 1;  
    opacity: 1;}
#search .search-box {
	filter:alpha(opacity=0);  
    -moz-opacity:0;  
    -khtml-opacity: 0;  
    opacity: 0;
	width: 250px;
	height: 30px;
	margin-left: -194px;
	padding: 10px;
	background: #fff;}
#search .search-box input {
	width: 190px;
	height: 30px;
	margin: 0;
	padding: 0 ;
	float: left;}
#search .search-box .s-b{
	height: 30px;
	width: 50px;
	background: #005bac;
	line-height: 30px;
	text-align: center;
	color: #fff;
	border: 0;}








/**m-menu**/
.m-menu{
	display: block;
	width: 36px; height: 36px;
	position: absolute; right: 3%; top: -4px;
	background:url(../images/m-menu.png) no-repeat;}
/**m-menu---点击菜单弹出层**/
.add{
	display: block;}
.x-accor-div{
	display: none; 
	position: fixed; top: 0px; left: 0;
	width: 100%; height: 100%; background: #f8f8f8; z-index: 999999999999999999;}
.x-accor-div a{ color:#000;}
.x-accor-div a:hover{ color:#0166b7;}
.x-hidden{
	width: 36px; height: 36px;
	position:absolute; right: 3%; top: -4px;}
.x-active{display: block;}
.x-content{
	overflow-y:auto; 
	width: 100%; height: 100%;}
/**m-menu---三级导航菜单**/	
.tree{
	margin-top: 40px;}
.tree_box{
	width: 92%; overflow: hidden; 
	margin: 5px auto; color: #000; font-size: 16px;}
.tree_box h3.active a{color: #0166b7; font-weight: normal; line-height: 35px;}
.tree_box h3 a{display: block;}
.tree_box h3,.tree_one h4,.tree_two li{
	cursor: pointer; line-height: 28px; font-weight: normal;}
.tree_one,.tree_two{
	display: none; margin: 0 0 0 10px; overflow: hidden;}
.tree_one li{margin: 5px 0;}