@charset "utf-8";
/* CSS Document */

	.top {
		height: 80px;
		background: url('http://xy.bioon.com/images/top_bg.png') repeat-x;
		background-repeat: repeat-x;
		width: 100%;
		background-color: #f0f4ff;
	}
	.wrap {
		width: 1000px;
		margin: auto;
	}
	.logo {
		margin-top: 15px;
		float: left;
	}
	.fl {
		float: left;
	}
	.topnav {
		width: 410px;
		margin-left: 40px;
		background: url('http://xy.bioon.com/images/top_line.jpg') repeat-y left;
	}
	.topnav a {
		height: 72px;
		line-height: 72px;
	}
	.topnav a {
		display: block;
		float: left;
		width: 100px;
		text-align: center;
		background: url('http://xy.bioon.com/images/top_line.jpg') repeat-y right;
		font-size: 20px;
		text-decoration: none;
		color: #666666;
	}
	.topnav a:hover{
		color:#fe6600;
	}
	.topnav a.act {
		color: #3f87c2;
	}
	.top_search {
		padding-top: 22px;
		width: 251px;
	}
	form {
		margin: 0 0 20px;
	}
	.serch_input {
		width: 200px;
	}
	.serch_input input {
		width: 200px;
		height: 24px;
		border: none;
		background: #ececec;
		text-indent: 1em;
		border: none;
		outline: none;
		font-family:'微软雅黑';
	}
	.serch_bt button {
		background: url('http://xy.bioon.com/images/search_bt.jpg') no-repeat;
		width: 41px;
		height: 32px;
		border: none;
	}
	input, button, select, textarea {
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	}
	label, input, button, select, textarea {
		font-size: 14px;
		font-weight: normal;
		line-height: 20px;
	}
	label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
		cursor: pointer;
	}
	button, html input[type="button"], input[type="reset"], input[type="submit"] {
		cursor: pointer;
		-webkit-appearance: button;
	}
	button, input {
		line-height: normal;
	}
	button, input, select, textarea {
		margin: 0;
		font-size: 100%;
		vertical-align: middle;
	}
	.top_r {
		padding-top: 24px;
		font-size: 12px;
		float: right;
		text-align: right;
	}
	.top_r a{padding:0 5px;}
	.usertop {
		position: absolute;
		z-index: 99;
		box-sizing: border-box;
		display: block;
		font-size: 12px;
		height: 28px;
		text-align: right;
		width: auto;
	}
	a {
		text-decoration: none;
		color: #666666;
	}
@media (max-width: 1000px){
		.top{
			display:none;
		}
		.app_top {
			background: url(http://xy.bioon.com/images/top_bg.png) repeat-x;
			height: 50px;
			display: block;
		}
		.applogo {
			padding-top: 13px;
			padding-left: 10px;
		}
		.app_top .applogo img {
			width: 75px;
			height: 26px;
		}	
		.app_top .topnav {
			height: 50px;
			line-height: 50px;
			width: 45%;
			margin-left: 10px;
			background: none;
		}	
		.app_top .topnav a {
			height: 50px;
			line-height: 50px;
			font-size: 14px;
			background: none;
			width: 36px;
		}	
		.app_top_r {
			line-height: 50px;
			font-size: 12px;
		}	
		.app_top_r a {
			margin-right: 20px;
		}
	}
	@media (min-width: 992px)
	{
		.app_top {
			display: none;
		}
	}
}