﻿@charset "utf-8";
/*global */
body { font-family: Arial, "微软雅黑", "宋体";}
.clear2 { clear:both; font-size:2rem; height:20px; overflow:hidden; line-height:20px; }
.clear1 { clear:both; font-size:1rem; height:10px; overflow:hidden; line-height:10px; }
.clear { clear:both; font-size:0; height:0; overflow:hidden; line-height:0; }
.toptop {
}
.mtop {
	margin-top: 100px;
}
.ml10px { margin-left:10px;}
.footer { text-align:center; background:#fff; padding:15px 20px; color:#888; line-height:180%;}
/*首页 background:url(../img/bodybg2.jpg) center center no-repeat;  */
.userbody {
	z-index: -5;
	background-color: #0f307d;
	background-size: cover;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.usertop {
	z-index: -3;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	/*bottom: 0;*/
}
.usertopleft {
	float: left;
	width: 497px;
	height: 114px;
	background: url(../img/c-top-bg-left.png) top left no-repeat;
}
.usertopright {
	float: right;
	width: 278px;
	height: 215px;
	background: url(../img/c-top-bg-right.png) top right no-repeat;
	background-size: 100%;
}
.userbottom {
	z-index: -3;
	position: fixed;
	bottom: 0;
	background: url(../img/c-bottom-bg.png) center bottom no-repeat;
	background-size: 100%;
	width: 100%;
	height: 100%;
}
/*background:rgba(0,153,204,1);*/
nav {
	height: 100px;
	/*background-color: #0f307d;*/
}
.navbar { border-bottom:0;}
.navbar-header {
	text-align: center;
	float: none;
}
.navbar-header a { height:100px; line-height:80px; display:block;}
.navbar-header a img { margin-top:0px;}
.nav { float:right; margin-top:20px; border:0;}
.nav > li > a { font-size:15px; font-weight:bold; padding:10px 20px; color:#555;}
.nav > li > a:hover { color:#fff; background:#0099cc; border-radius:5px;}
.topTitle{font-family:Microsoft YaHei,STXingkai,STXihei;font-size:26px;letter-spacing:2px;line-height:100px;font-weight:bold;color:#eee;}
.xhImg{border-radius:90px;height:90px;margin-top:6px;}

.kaoshi-list ul li { background:#fff; padding:5px 20px; margin-bottom:20px;}
.kaoshi-list ul li h4 { font-weight:bold; line-height:1.4;}
.kaoshi-list ul li h4 a { color:#333;}
.kaoshi-list ul li h4 a:hover { color:#0099cc;}
.kaoshi-list ul li p { color:#696969;}
.kaoshi-list .btn {
	background-color: #4F8CDD;
	border-color: #4F8CDD;
	margin-right: 20px;
	margin-bottom: 10px;
}
.kaoshi-list .kstime { color:#b7b7b7; line-height:34px;}
.kaoshi-list .kstime span { padding-right:10px; height:34px; line-height:34px;}

.login_con .btn-primary {
	background-color: #4F8CDD;
	border-color: #4F8CDD;
	border-radius: 15px !important;
}
.btn-cc {
	width: 120px !important;
	border-color: #ffffff !important;
	color: #0487F9 !important;
	text-decoration: underline;
}

@media (min-width:1200px) {
	.toptop {
		width: 1170px;
		margin: auto;
	}
		.toptop.container {
			width: auto;
		}
}

@media screen and (max-width:992px) {
.mtop { margin-top:65px;}
	nav {
		height: 50px;
		margin-bottom: 0px;
		background: #0f307d;
	}
.navbar-header a { height:65px; line-height:65px;}
.navbar-header a img { width:auto; margin-left:10px; height:65px; margin-top:0;}
.navbar-toggle { margin-top:12px;}
.xhImg{border-radius:65px;height:65px;margin-top:2px;}
.nav { margin-top:12px;}
.nav > li > a { font-size:14px; font-weight:bold; padding:10px 15px; color:#555;}
.nav > li > a:hover { color:#333; background:none; text-decoration:underline;}
.kaoshi-list .text-right {float:right;}
.topTitle{font-size:20px;letter-spacing:1px;line-height:65px;}
}


@media screen and (max-width:768px) {
	
.nav { float:none; padding:10px; border-bottom:1px solid #fff; margin-top:0;  background: rgba(255,255,255,0.9);}
.nav > li { border-bottom:1px solid #eee;}
.nav > li > a { color:#333;}
.kaoshi-list ul li { background:#fff; padding:5px 20px; margin-bottom:15px;}
.kaoshi-list .kstime { padding-bottom:10px;}
.kaoshi-list .text-right { text-align:left; float:left;}
.topTitle{font-size:18px;letter-spacing:1px;line-height:25px;margin:10px;}
}

/*login */
	.login_title {
	background: #fff;
	padding: 0 20px 10px;
	line-height: 200%;
	letter-spacing: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.login_title h3 { line-height:180%;}
.login_title p { color:#0099cc; font-size:16px;}
.login_con {
	background: #fff;
	padding: 0 30px 20px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.login_con p { font-size:14px; color:#666; line-height:200%;}
.login_con form { padding-top:5px;}
.login_title2 { line-height:36px; margin:15px 0;}
	.login_title2 h4 {
		font-size: 16px;
		font-weight: 900;
		color: #0487F9
	;}
.login_title2 span { display:block; float:left; width:40px; height:40px; margin-left:-5px; margin-right:15px;}
	.login_title2 span.icon1 {
		width: 41px;
		height: 35px;
		background: url(../img/c-login-welcome.png) left top no-repeat;
		background-size: 100% 100%;
	}
	.login_title2 span.icon2 {
		width: 41px;
		height: 35px;
		background: url(../img/c-login-welcome.png) left top no-repeat;
		background-size: 100% 100%;
	}
	.login_title2 span.icon3 {
		width: 38px;
		height: 38px;
		background: url(../img/c-login-tz.png) left top no-repeat;
		background-size: 100% 100%;
	}
.login_title2 .btn { color:#888; font-size:13px; margin-top:4px;}

.login_news ul li { line-height:30px; font-size:14px; margin-bottom:5px;}
	.login_news ul li span {
		color: #CBCBCB;
		display: inline;
		line-height: 200%;
		height: 30px;
		margin-left: 8px;
		margin-right: 10px;
	}
.login_news ul li a { color:#666;}
.login_news ul li a:hover { color:#0099cc;}
.login_con .col { padding:0 25px;}
.yanzheng { border:1px solid #eee; right:5px; width:auto; padding:0px; height:24px; line-height:24px; top:5px;}
.hyz{float:right;margin-right:10px;font-size:13px;line-height:24px; }
.margin10{margin-top:10px;}

@media screen and (max-width:992px) {
	.login_title h3 { font-size:20px; line-height:140%;}
	.login_news ul li span { float:right; padding-left:30px;}
}

@media screen and (max-width:768px) {
	.login_con .col { border-bottom:1px solid #eee; padding-bottom:30px;}
}

/*reg,news_list */

.reg_box .panel,.news_list .panel { border-radius:0; border:0;}
.reg_box .panel-heading,.news_list .panel-heading { padding-left:40px;}
.reg_box .panel-body { padding:30px 100px;}
.news_list .panel-body { padding:30px 50px;}
.news_list ul li .badge { background:#77c9e4; margin-left:30px;}
.news_list ul li a { color:#333; font-size:16px;}
.reg_box a.btn { max-width:400px; margin:0 auto;}

h1.post_title { font-size:30px; line-height:140%;margin-top:-10px; }
.post_head { padding-bottom:20px; border-bottom:1px solid #eee; margin-bottom:20px;text-align:center; }
.post_end{text-align:center;}
.post_content { font-size:15px; color:#666;}
.post_meta { color:#999;}
@media screen and (max-width:992px) {
.reg_box .panel-body { padding:30px 50px;}	
}

@media screen and (max-width:768px) {
.reg_box .panel-body { padding:30px;}
.news_list .panel-body { padding:30px;}
	
.news_list ul li.list-group-item { position:relative;}
.news_list ul li.list-group-item > .badge { position:absolute; margin-left:0; left:15px; bottom:10px;}
.news_list ul li.list-group-item a { display:block; margin-bottom:26px;}

h1.post_title { font-size:20px; line-height:140%;}


}


