/*== reset ==*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font:14px "微软雅黑"; color: #242424; }
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight: normal; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:14px; }
ul, ol { list-style:none; }
a { text-decoration:none; color: #242424;}
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }
input,textarea{outline: none;}
textarea { resize:none; }
/*== 清除浮动 ==*/
.clearfix:after { content: ""; display: block; height: 0; line-height: 0px; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }
*html .clearfix { height: 1%; }
*+html .clearfix { min-height: 1%; }
/*== 浮动类名 ==*/
.fl{ float: left;}
.fr{ float: right;}
.pr{ position: relative; }
.pa{ position: absolute; }
.tc{ text-align: center; }
.tr{ text-align: right; }
.bc{margin-left: auto;margin-right: auto;}
.tl{ text-align: left;}
.block{ display: block; }
/*文字控制*/
.f12{ font-size: 12px; }
.f14{ font-size: 14px; }
.f15{ font-size: 15px; }
.f16{ font-size: 16px; }
.f17{ font-size: 16px; }
.f18{ font-size: 18px; }
.f20{ font-size: 20px; }
.f22{ font-size: 22px; }
.f24{ font-size: 24px; }
.f26{ font-size: 26px; }
.f30{ font-size: 30px; }
.f32{ font-size: 32px; }
/*== 单行文本溢出 ==*/
.textoverflow{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/*== 多行文本溢出 ==*/
.paraoverflow{
	display: -webkit-box !important;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp: 2;
}

.more{
	position: absolute;
	right: 13px;
	color: #47acf2;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.blueHover:hover{
	color: #0092da;
}
.more:hover{
	color: #ff8022;
}
.f_blue{
	color: #0092DA;
}
.f_orange{
	color: #ff8517;
}
.f_ora{
	color: #FF8517;
}
.f_white{
	color: #fff;
}
.f_gray{
	color: #9f9f9f;
}
.f_words{
	color: #242424;
}
.grayBg{
	width: 100%;
	background: #f4f4f4;
}
.ftitle{
	font-size: 16px;
	color: #242424;
}
.ftext{
	font-size: 14px;
	color: #9f9f9f;
}
.btnBlue{
	display: block;
	padding: 5px 10px;
	color: #fff;
	background: #239bde;
	border-radius: 5px;
}
.btnOrange{
	display: block;
	padding: 5px 10px;
	color: #fff;
	background: #ff860b;
	border-radius: 5px;
}

.borderbot{
	height: 35px;
	line-height: 35px;
	border-bottom: 1px dashed #ccc;
}
.borderbg{
	background: #f8f8f8;
	border: 1px solid #f2f2f2;
	box-sizing: border-box;
}

.head{
	width: 100%;
	height: 37px;
	line-height: 37px;
	background: #f4f4f4;
}
.head .fl{
	padding: 0 0 0 40px;
}
.head .fr{
	padding: 0 20px 0 0px;
}
/* 过度动画 */
.transi{
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
/*=== headline ===*/

.headline .hd {
	height: 48px;
	line-height: 48px;
	position: relative;
	border-bottom: 1px solid #47acf2;
}

.headline .hd ul {
	float: left;
	position: absolute;
	left: 0px;
	top: 1px;
	height: 48px;
}

.headline .hd ul li {
	font-size: 18px;
	float: left;
	color: #47acf2;
	width: 156px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	cursor: pointer;
}

.headline .hd ul li.on {
	height: 48px;
	background: #47acf2;
	color: #fff;
	border-radius: 8px 8px 0 0;
	border-bottom: 2px solid #fff;
}

.headline .bd{
	background: #fff;
	box-sizing: border-box;
	padding: 25px;
}

.headline .bd li .date {
	float: right;
	color: #999;
}
/** header **/
#header{
	width: 100%;
	height: 40px;
	background: #f8f8f8;
	box-shadow: 0 2px 4px #ccc;
}
.headerCon{
	width: 1200px;
	margin: 0 auto;
}

.headerCon .welcome{
	font-size: 12px;
	color: #020202;
	line-height: 40px;
}

.headerCon form{
	margin: 8px 8px 0 15px;
}

.headerCon .btns{
	margin: 0 0 0 9px;
}
.btns .login{
	margin: 0 7px 0 0;
}
.headerCon .password{
	margin: 0 0 0 10px;
}
.headerCon label{
	color: #025cad;
}

#username,#password{
	width: 108px;
	height: 24px;
	border: 1px solid #5181bc;
	border-radius: 5px;
	text-indent: 5px;
}

.headerCon .login,.headerCon .register{
	width: 50px;
	height: 22px;
	line-height: 22px;
	border: none;
	font-size: 12px;
	color: #fff;
	border-radius: 6px;
	cursor: pointer;
}

.headerCon input.login{
	background: #008ed6;
}

.headerCon input.register{
	background: #ff8022;
}

.headerCon .forgetPW{
	width: 80px;
	line-height: 42px;
	color: #025cad;
}
/*====== search ======*/
.search{
	width: 100%;
	height: 200px;
	background: #47acf2 url(../images/searchbg.jpg) no-repeat center top;
	/*margin: 38px 0 0 0;*/
}
.searchCon{
	width: 1200px;
	margin: 0px auto;
	padding: 70px 0 0 0;
	overflow: hidden;
}
.searchCon .logo{
	display: block;
	width: 446px;
	height: 75px;
	background: url(../images/logo.png) no-repeat;
	text-indent: -9999px;
}
.searchBox {
	margin: 0px 0px 0 200px;
}
.searchBox .top{
	height: 40px;
	border: 1px solid #9bcff6;
	border-radius: 8px 0 0 8px;
	background: #fff;
	border-right: none;
}
.searchBox .input input{
	display: block;
	border: none;
	border-radius: 8px 0 0 8px;
	font-size: 14px;
	width: 415px;
	padding: 0 10px 0 0;
	height: 40px;
	line-height: 40px;
	text-indent: 25px;
}
.searchBox {
	position: relative;
}
.searchBox .btn{
	font-size: 14px;
	width: 90px;
	position: absolute;
	right: -88px;
	top: 0;
}
.searchBox .btn input{
	border: none;
	width: 110px;
	height: 42px;
	background: #0182c4;
	color: #fff;
	font-size: 14px;
	border-radius: 0 8px 8px 0;
	cursor: pointer;
}
.searchBox .bot{
	padding: 47px 0 0 0px;
}
.searchBox .bot span{
	display: block;
	height: 20px;
	line-height: 20px;
	margin: 0 10px 0 0;
	color:#0d8fdc;
	padding:0px 5px;
	border-radius: 3px;
}
.searchBox .bot ul li{
	float: left;
}
.searchBox .bot ul li a{
	height: 20px;
	line-height: 20px;
	text-align: center;
	display: block;
	color: #333;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.searchBox .bot ul li a:hover{
	color: #fd7e1d;
}
/** navbar **/
.navbar{
	width: 100%;
	height: 52px;
	line-height: 52px;
	background: url(../images/navbg.jpg);
}
.navbar .navCon{
	width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
}
.navbar .navCon .navLi  {
	height: 52px;
	width: 108px;
	text-align: center;
	float: left;
	background: url(../images/navborder.jpg) no-repeat right center;
	transition: background-color .5s;
	-moz-transition: background-color .5s;
	-ms-transition: background-color .5s;
	-webkit-transition: background-color .5s;
	-o-transition: background-color .5s;
}
.navbar .navCon .navLi:last-of-type{
	background-image: none;
}
.navbar .navCon .navLi ul{
	display: none;
	width: 130px;
	background: #00a0e9;
	position: relative;
	z-index: 1000;
	left: 0px;
	top: 0px;
}
.navbar .navCon .navLi ul li {
	height: 34px;
	line-height: 34px;
	border-bottom: 1px dashed #61ccfd;
}
.navbar .navCon .navLi li a{
	font-size: 12px;
	color: #fff;
	display: block;
	transition: background-color .3s;
	-moz-transition: background-color .3s;
	-ms-transition: background-color .3s;
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;

}
.navbar .navCon .navLi li a:hover{
	background: #025cad;
	color: #fff;
}

.navbar .navCon .bordernone{
	border: none;
}
.navbar .navCon .navLi>a{
	height: 52px;
	line-height: 52px;
	color: #fff;
	font-size: 16px;
	display: block;
}
.navbar .navCon li:hover {
	background-color: #00a0e9;
}
.navbar .navCon .current{
	background: #00a0e9 url(../images/navborder.jpg) no-repeat right center;
}
/*====== crumbs ======*/
.crumbs{
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #f8f8f8;
	margin: 0 0 20px 0;
}
.crumbsCon{
	width: 1200px;
	margin: 0 auto;
}
.crumbsCon p{
	margin: 0 0px 0 10px;
}
.crumbsCon a:hover{
	color: #239bde;
}
/*====== page ======*/
.page{
	width: 579px;
	height: 52px;
	background: url(../images/page.png) no-repeat;
	margin: 100px auto 0;
}
/*============================= footer ===*/
.footer{
	margin: 40px 0 0 0;
	background: #17161b;
}
.footer img{
	width: 630px;
	display: block;
	margin: 0 auto;
}
/*====== 选择区域等 ======*/
/**选择**/

.option {
	width: 1200px;
	border: 1px solid #eee;
	margin: 0px auto 20px auto;
	line-height: 30px;
}

.option_list {
	padding: 5px 5px;
}

.option_list_nav {
	width: 140px;
	font-size: 14px;
	text-align: right;
	float: left;
	font-size: 16px;
	margin: 2px 0px;
}

.option_list_nr {
	width: 1030px;
	float: left;
	margin-left: 10px;
}

.option_list_nr ul li a {
	float: left;
	height: 20px;
	line-height: 20px;
	padding: 0px 5px;
	margin: 3px 0px;
	font-size: 14px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.option_list_nr ul li {
	float: left;
	margin: 0px 10px;
	font-size: 16px;
}

.option_list_nr ul li a:hover {
	background-color: #f4f4f4;
	border-radius: 2px;
}

.option_list_nr ul li a:active {
	background-color: #239bde;
	border-radius: 2px;
	color: #FFF;
}

.option_list_nr ul li a.active {
	background-color: #239bde;
	border-radius: 2px;
	color: #FFF;
	height: 20px;
	margin: 3px 0;
	padding: 0px 5px;
	line-height: 20px;
	text-align: center;
}
.bb1 {
	border-bottom: 1px solid #eee;
}

.region {
	width: 140px;
	padding-left: 10px;
	border: 1px solid #eee;
	font-size: 14px;
	height: 30px;
	outline: none;
	margin: 2px 0px;
}
/*====== 选择区域等模块下的蓝色按钮样式  ======*/
.publish{
	display: block;
	width: 230px;
	height:45px;
	line-height: 45px;
	text-align: center;
	background: #239bde;
	color: #fff;
	border-radius: 30px;
	margin: 0px auto 25px;
	font-size: 16px;
}
/****************************404****************************/
#notFind{
	height: 600px;
	background: url(../images/pics/404.png) no-repeat center center;
}
#notFind p{
	padding-top: 450px;
}
/*#notFind p a{
	color: #;
}*/