@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; }
.mtop { margin-top:130px;}
.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:-1;background-color:#1396B4; background-size:cover; position:fixed; left:0; top:0; right:0; bottom:0;}
/*background:rgba(0,153,204,1);*/
nav { height:100px; background:url(../img/bodybg2.jpg) center center no-repeat; }
.navbar { border-bottom:0;}
.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:33px;letter-spacing:5px;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 { 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;}

@media screen and (max-width:992px) {
.mtop { margin-top:85px;}
nav { height:65px;background:#006181;}
.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%; margin-bottom:10px;letter-spacing:2px; }
.login_title h3 { line-height:180%;}
.login_title p { color:#0099cc; font-size:16px;}
.login_con { background:#fff; padding:0 30px 20px;}
.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;}
.login_title2 span { display:block; float:left; width:40px; height:40px; margin-left:-5px; margin-right:15px;}
.login_title2 span.icon1 { background:url(../img/login_icon1.png) left top no-repeat; background-size:100% 100%;}
.login_title2 span.icon2 { background:url(../img/login_icon2.png) left top no-repeat; background-size:100% 100%;}
.login_title2 span.icon3 { background:url(../img/login_icon3.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:#0099cc; display:inline; line-height:200%; height:30px; margin-left:8px;}
.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%;}


}