body{
	font-size: 62.5%;
	font-family:"Microsoft YaHei",arial,"Hiragino Sans GB",sans-serif;
	vertical-align: baseline;
	padding-top: 50px;
	min-width: 1000px;
}
a{
	-moz-transition:all .5s ease;/* firefox */
	-webkit-transition:all .5s ease; /* safari and chrome */
	-o-transition:all .5s ease; /* opera */
	-ms-transition:all .5s ease;
	transition:all .5s ease;
}
/* header */
#header{
	_position: absolute;
	position: fixed;
	min-width: 1000px;
	left: 0;
	top:0;
	width: 100%;
	padding:0 10%;
	margin: 0;
	background-color: #1E292B;
	border-bottom: 1px solid #37484b;
	z-index: 20;

}
#header::after{
	content: "";
	display: block;
	clear: both;
}
#header h1{
	float: left;
	margin: 0;
}
#header h1 img{
	display: block;
	padding: 6px 0;
	height: 50px;
}
#nav{
	position: relative;
	float: left;
	margin:0 0 0 60px;
}
#nav li{
	position: relative;
	float: left;

}
#nav li a{
	display: block;
	font: 15px/50px "Microsoft YaHei",arial;
	color: #f1f1f1;
	padding: 0 1.3em;
}
#nav li a:hover{
	text-decoration: none;
}
#nav-slider{
	height: 30px;
	width: 80px;
	position: absolute;
	top: 10px;
	background: #f7941f;
	border-radius: 15px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3) inset;
}
#member{
	float: right;
	font: 12px/50px "Microsoft YaHei",arial;
	color: #f6f6f6;
}
#member a{
	color: #f6f6f6;
}
#member a:hover{
	color: #f7941f;
	text-decoration: none;
}
#header-search{
	position: relative;
	float: right;
	margin-right: 60px;
	height: 30px;
	background: #354143;
	padding:5px 10px 0 10px;
	margin-top: 7px;
	border-radius: 15px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
	color: #ccc;
	-moz-transition:all .8s ease;/* firefox */
	-webkit-transition:all .8s ease; /* safari and chrome */
	-o-transition:all .8s ease; /* opera */
	-ms-transition:all .8s ease;
	transition:all .8s ease;
}
#header-search span{
	float: left;
	padding-right: 8px;
	font: 10px/20px 'icons';
	color: #ccc;
}

#header-search input{
	border: none;
	background: none;
	font: 12px/20px 'Microsoft YaHei';
	width: 100px;
	outline: none;
}
#header-search .search-drop{
	font: 12px/20px 'icons';
	color: #ccc;
	cursor: pointer;
}
#header-search.active{
	background-color: #fff;
	color: #666;
}
#header-search.active span{
	color: #666;
}
#header-search.active .search-drop{
	color: #666;
}
.search-drop-item::before{
	content: "";
	position: absolute;
	top: -8px;
	left: 52px;
	border-bottom: 8px solid #fff;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}
.search-drop-item{
	position: absolute;
	background: #fff;
	color: #555;
	top: 35px;
	left: 80px;
	width: 90px;
	border-radius: 5px;
	box-shadow: 0 2px 5px rgba(0,0,0,.2);
	display:none;
}
.search-drop-item li{
	font: 12px/25px 'Microsoft YaHei';
	text-align: center;
	letter-spacing: .2em;
	cursor: pointer;
}
.search-drop-item li:first-child{
	padding-top: 5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.search-drop-item li:last-child{
	padding-bottom: 5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
.search-drop-item li:hover{
	background: #f3f3f3;
}











/* footer */
#footer{
	width: 100%;
	background-color: #1E292B;
}
.base-footer-item{
	padding: 30px 15% 0 15%;
}
.base-footer-item::after{
	content: "";
	display: block;
	clear:both;
}
#footer h3{
	font:16px/40px 'Microsoft YaHei';
	color: #d6d6d6;
}
.base-footer-aboutus{
	float:left;
	width:359px;
}
.base-footer-aboutus li a{
	display: block;
	font: 14px/30px 'Microsoft YaHei';
	color: #5D6E71;
}
.base-footer-aboutus li a:hover,.base-footer-callus li a:hover{
	color: #2AACC8;
	text-decoration: none;
}
.base-footer-callus{
	margin-left: 9%;
	float: left;
	width: 500px;
}
.base-footer-callus li{
	width: 200px;
}
.base-footer-callus li span{
	float: left;
	padding-top: 5px;
	padding-right: 10px;
}
.base-footer-callus li img{
	width: 16px;
}
.base-footer-callus li a{
	display: block;
	font: 14px/30px 'Microsoft YaHei';
	color: #5D6E71;
}
.base-footer-weixin{
	float: right;
}
.base-footer-weixin img{
	display:block;
	width: 200px;
	height: 200px;
}
#footer .base-footer-weixin h3{
	text-align: center;
	margin-top: 5px;
	line-height: 25px;
}
.base-footer-copyright{
	padding: 10px 15% 10px 15%;
	margin-top: 50px;
	background:#141D1E;
}
.base-footer-copyright p{
	font: 14px/20px 'Microsoft YaHei';
	color: #5D6E71;
	text-align: center;
}

/*dialog*/
.modal{
	font-size: 12px;
}
.form-group label{
	padding-right: 0;
}
#login .modal-dialog{
	width: 420px;
}
#login .btn-primary{
	width: 250px;
	height: 40px;
	display: block;
	margin: 0 auto;
	font-size: 16px;
	letter-spacing: 1em;
	outline: none;
}
#register .modal-dialog{
	width: 500px;
}
#register .btn-primary{
	width: 250px;
	height: 40px;
	display: block;
	margin: 0 auto;
	font-size: 16px;
	letter-spacing: 1em;
	outline: none;
}
#register .tooltip{
	width: 200px;
}
/*登录注册框*/

#login .form-group,#register .form-group{
	padding-top: 10px;
}
#login .form-control,#register-name,#register-pass,#register-sure,#register-email{
	padding-left: 45px;

}
.modal-header{
	border-radius: 6px 6px 0 0;
		background: -moz-linear-gradient(top, #fff 60%, #ededed); 
background: -webkit-gradient(linear,top,from(#fff) 60%,(#ededed));
background: -webkit-linear-gradient(top, #fff 60%, #ededed);
background: -o-linear-gradient(top, #fff 60%, #ededed);
box-shadow: 0 2px 2px rgba(0,0,0,.1)
}
#login label,#register label{
	color: #999;
	font-weight: lighter;
}
#login-username,#register-name{
	background: url(../img/userico.png) no-repeat 2px 3px;
}
#login-pass,#register-pass,#register-sure{
	background: url(../img/passicon.png) no-repeat 2px 3px;
}
#register-email{
	background: url(../img/mailicon.png) no-repeat 2px 3px;
}
#myModalLabel0,#myModalLabel1{
	text-align: center;
}
#myModalLabel0 img,#myModalLabel1 img{
	height: 30px;
	float: left;
}
.forget-pass{
	padding:10px 10% 0px 10%;
	text-align: right;
	
}
.forget-pass a{
	color: #999;
}

/*返回顶部*/
#backtotop{
	position: fixed;
	bottom: 20px;
	right: 10px;
	filter:alpha(opacity=70);
	opacity: .7;
	cursor: pointer;
	display: none;
	z-index: 50;
}
#backtotop:hover{
	filter:alpha(opacity=100);
	opacity: 1;
}
#backtotop img{
	display: block;
}
/*留言板*/
#comment-btn-qq{
	position: fixed;
	right: 80px;
	bottom: 0;
	z-index: 50;
}
#comment-btn{
	position: fixed;
	right: 80px;
	bottom: 0;
	cursor: pointer;
	z-index: 50;
	width: 170px;
}
#comment-btn::after,#comment-box h3::after{
	content: "";
	display: block;
	clear: both;
}
.comment-btn-left{
	float: left;
	font: 14px/30px 'Microsoft YaHei','icons';
	background: #f7941f;
	color: #fff;
	padding: 0 20px;
	box-shadow:inset 0 15px 15px -10px rgba(255,255,255,.2);
	text-shadow:0 1px 1px rgba(0,0,0,.2);
}
.comment-btn-right{
	float: left;
	width: 30px;
	height: 30px;
	border-top-right-radius: 30px;
	background: #f7b76c;
}
#comment-box{
	position: fixed;
	right: 80px;
	bottom: 0;
	cursor: pointer;
	z-index: 50;
	width: 250px;
	display: none;
}
#comment-box h3{
	margin: 0;
	
}
#comment-box h3 .comment-btn-right{
	float: right;
}
#comment-box h3 .comment-btn-left{
	width:220px;
}
#comment-box-close{
	font: 20px/20px 'icons';
	color: #f7941f;
	position: absolute;
	left: -30px;
	text-shadow: 0 3px 5px rgba(0,0,0,.1);

}
.comment-box-form{
	background: #fff;
	box-shadow: 0 5px 7px rgba(0,0,0,.3);
	padding:10px;
}
.comment-box-textarea{
	width: 100%;
	background: #e9e9e9;
	height: 100px;
	padding: 8px;
	border-radius: 5px;
	box-shadow: inset 0 2px 2px 1px rgba(0,0,0,.1);
}
.comment-box-textarea textarea{
	background: none;
	border: none;
	outline: none;
	resize:none;
	font: 13px 'Microsoft YaHei';
	color: #555;
	width: 100%;
	height: 100%;
}
.comment-box-submit{
	padding: 10px 0;
}
.comment-box-submit input{
	display: block;
	font-size: 12px;
	background: none;
	border: #f7941f 2px solid;
	outline: none;
	height: 25px;
	padding: 0 10px;
	color: #f7941f;
	border-radius: 5px;
	margin: 0 auto;
	-moz-transition:all .5s ease;/* firefox */
	-webkit-transition:all .5s ease; /* safari and chrome */
	-o-transition:all .5s ease; /* opera */
	-ms-transition:all .5s ease;
	transition:all .5s ease;
	cursor: pointer;
}