@charset "utf-8";

body{ background: url(../img/xxgk_bg.jpg) no-repeat center top #fff;}
.wrap { width: 1100px; margin: 0 auto;}

/* 头部 */
header { height: 365px;}
header .logo a{ display: block; /*padding-left:80px;*/ height:77px;/* background: url(../img/xxgk_gh.jpg) no-repeat left center;*/ margin-top:13px; margin-left:5px; line-height:70px;}
header .logo a span { display: block; font-size: 35px; color: #fff; font-weight: bold; margin-top: 2px;}
.logo img.fl {
    display: block;
    float: left;
    height: auto;
    width: auto;
    margin-right: 15px;
}
@media (max-width: 768px){
.logo img.fl {
    height: 63px;
    margin-left: 10px;
    margin-right: 10px;
}
}

header .middle{ text-align: center; margin-top: 78px;}
header .middle span{ font-weight: bold; color: #fff; font-size: 100px; text-shadow: 2px 11px 9px rgba(0, 0, 0, .1); position: relative;}
header .middle span:before{ content: ""; width: 488px; height: 2px; background: #fff; position: absolute; bottom: -12px; left: 211px; display: none;}
header .middle a {  color: #fff; text-decoration: none;}

/* 主体 */
.main{ background: #f2f2f2; padding: 40px 36px 36px; margin-bottom: 20px;}
    .main .bread { margin:auto auto 25px auto;}
    .main .bread a { color: #111;}

.search{ height: 50px; text-align: center; position: relative;}
.search:before,.search:after{ content: ""; width: 240px; height: 1px; background: #ccc; position: absolute; border-bottom: 1px solid #ddd; top: 24px;}
.search:before{ left: 0;}
.search:after{ right: 0;}
.sea { display: inline-block; width: 510px; height: 50px; border: 1px solid #2d66a5; border-radius: 9px; background: #fff;}
.sea .text{ float: left; width: calc(100% - 66px); height: 100%; background: transparent; border: none; text-indent: 12px; font-size: 16px;}
.sea .text::-webkit-input-placeholder{ color: #999;}
.sea .btn-tj{ width: 66px; height: 100%; background: url(../img/xxgk_search.jpg) no-repeat center; cursor: pointer; float: right; border: none;}
.main-con { margin-top: 80px; overflow: hidden;}
.cmenu { float: left; width: 240px;}
.clists { float: right; width: 770px; background: #fff; margin-top: 20px;}

/* 左侧菜单 */
.cmenu ul {list-style: none; padding: 0;}
.cmenu li{ background: #fff; margin-bottom: 15px;}
/*****.cmenu li h2{ height: 70px;}******/
.cmenu li h2 a{ display: block; height: 100%; line-height: 100%; overflow: hidden;}
.cmenu li h2 i{ width: 40px; float: left; height: 40px; background: url(../img/xxgk_ico.jpg) no-repeat; margin: 15px 30px 0 17px;}
.cmenu li h2 span{ float: left; font-size: 23px; color: #2d66a5; width: 103px; margin-top: 3px;}
.cmenu li:nth-of-type(4) h2 span{}
.cmenu li h2 em{ float: right; width: 19px; height: 19px; background: url(../img/xxgk_plus.jpg) no-repeat -64px -8px; margin: 26px 10px 0 0;}
.cmenu li:last-child span{ width: auto; margin-top: 18px;}
.cmenu li:nth-of-type(8) span{ width: auto; margin-top: 20px;}
.cmenu li h2 .i1{ background-position: -16px -10px;}
.cmenu li.active h2 .i1{ background-position: -16px -64px;}
.cmenu li h2 .i2{ background-position: -88px -13px;}
.cmenu li.active h2 .i2{ background-position: -88px -67px;}
.cmenu li h2 .i3{ background-position: -163px -10px;}
.cmenu li.active h2 .i3{ background-position: -163px -64px;}
.cmenu li h2 .i4{ background-position: -232px -10px;}
.cmenu li.active h2 .i4{ background-position: -233px -64px;}
.cmenu li h2 .i5{ background-position: -305px -10px;}
.cmenu li.active h2 .i5{ background-position: -305px -64px;}
.cmenu li h2 .i6{ background-position: -382px -11px;}
.cmenu li.active h2 .i6{ background-position: -382px -65px;}
.cmenu li h2 .i7{ background-position: -459px -11px;}
.cmenu li.active h2 .i7{ background-position: -459px -68px;}
.cmenu li h2 .i8{ background-position: -540px -10px;}
.cmenu li.active h2 .i8{ background-position: -540px -67px;}
.cmenu li h2 .i9{ background-position: -622px -10px;}
.cmenu li.active h2 .i9{ background-position: -622px -67px;}
.cmenu li.active h2{ background: #2d66a5;}
.cmenu li.active h2 span{ color: #fff;}
.cmenu li.active h2 em{ background-position: -11px -8px;}

/*左侧小菜单*/
.down-menu{ padding: 10px 0; display: none;}
.down-menu a{ display: block; line-height: 32px; color: #333; font-size: 15px; overflow: hidden; height: 32px; overflow: hidden;}
.down-menu a:hover,.down-menu a.on{ color: #2d66a5; background: #e6f5ff; font-weight: bold;}
.down-menu a em{ display: inline-block; float: none; font-style: normal; position: relative; padding-left: 15px; margin-left: 30px;}
.down-menu a em:before{ content: ""; width: 3px; height: 3px; background: #666; position: absolute; left: 0; top: 14px;}

/*右侧列表*/
.gkmus2-1{ padding: 0 25px; margin-bottom: 30px;}
.gkmus2-1 ul { padding: 0;}
.gkmus2-1 ul li{ margin-top: 27px; overflow: hidden;}
.gkmus2-1 ul li span{ color: #999; line-height: 30px;}
.gkmus2-1 ul li a{ margin-right: 26px; line-height: 30px; color: #333;}
.gkmus2-1 ul li a:hover{ color: #2d66a5;}
.gkmus2-1 ul:last-child{ border-bottom: 0;}
.gkmus2-1 .more{ margin-top: 20px; text-align: center;}
.gkmus2-1 .more a{ display: inline-block; width: 100px; height: 30px; background: #f2f2f2; color: #333; line-height: 30px; text-decoration: none;}
.gkmus2-1 .more a:hover{ background: #2d66a5; color: #fff;}

.lists-t1{height:40px;border-bottom:1px solid #f2f2f2;}
.lists-t1 span{display:inline-block;height:39px;line-height:39px;padding:0 19px;background:#2d66a5;font-size:18px;font-weight:700;color:#fff;}
.lists-t2{height:35px;border-bottom:1px solid #f2f2f2;}
.lists-t2 span{display:inline-block;height:34px;line-height:34px;padding:0 19px;background:#2d66a5;font-size:18px;font-weight:700;color:#fff;}
.lists-c1{padding:26px 30px;}
.lists-c1-ul li{overflow:hidden;}
.lists-c1-ul li a{float:left;width:50%;text-indent:20px;line-height:40px;border-right:1px solid #e3e3e3;}
.lists-c1-ul li:nth-of-type(odd){background:#f2f2f2;}
.lists-c1-ul li a:last-child{border:0;}
.lists-c1-ul li a:hover{color:#2d66a5;}

/* 分页 */
.custom .pagination { font-size: 14px; margin: 10px auto; padding: 10px;}
.custom .pagination>li>a {margin-right:5px;border-radius:2px;background:#fff;color:#333; border:1px solid #ccc;padding:6px 12px; text-decoration: none;}
.custom .pagination>li>a:hover,.custom .pagination>li>a:focus{color:#fff;background:#2d66a5;border-color:#2d66a5;}
.custom .pagination>.active>a,.custom .pagination>.active>a:hover,.custom .pagination>.active>a:focus{color:#fff;background:#2d66a5;border-color:#2d66a5;}
.custom .pagination .arrow2{margin:3px 8px 5px 0;}
.custom .pagination a:hover .arrow2{border-right-color:#fff;}
.custom .pagination .arrow3{margin:3px 0 5px 8px;}
.custom .pagination a:hover .arrow3{border-left-color:#fff;}
.custom .showtip { font-size: 14px; padding: 10px 8px 0 0;}

/* 公开指南 */
.year-xl{ padding: 34px 25px 30px;}
.yea-t1 h1{ text-align: center; font-size: 32px; color: #2d66a5; font-weight: bold;}
.yea-t2{ text-align: center; margin-top: 14px; padding-bottom: 18px; border-bottom: 1px solid #ccc;}
.yea-t2 span{ margin: 0 8px;}
.yea-con { margin-top: 20px; max-height: 1300px; padding-right: 10px;}
.yea-con p{ line-height: 30px; text-indent: 2em; margin: 20px 0;}
.yea-con h6{ font-size: 21px; font-weight: bold;}
.yea-con h4{ font-size: 18px; font-weight: bold;}
.yea-con h3{ font-weight: bold;}

/* 滚动条 */
.yea-con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 10px; background: #184d87;}
.yea-con .mCSB_scrollTools .mCSB_draggerRail { background: #ccc; width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

/* 返回顶部 */
.gotop >img{ width: 50px; height: 50px; cursor: pointer;}
.gotop {  position: fixed; right : 20px; bottom : 20px;}

/****依申请公开按钮*****/
.ysqgk_sl a{width:220px;margin: 10px 10px 0 10px;background: rgb(45, 102, 165);color:#fff;font-size:16px;}
.ysqgk_sl a:hover{color:#fff;}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

/**滚动条高度**/
.yea-con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{height:80px !important;}


@media (max-width:768px){

	header{height: auto;}
	header .logo a span{
		font-size: 24px;
	}
	header .middle{
		margin: 30px 0;
	}
	header .middle span{
		font-size: 28px;
	}
	.wrap,.cmenu,.clists{
		width: 100%;
	}
	.sea{
		width: 80%;
	}
	.search:before, .search:after{
		width: 30px;
	}
	.main{
		padding: 30px 20px;
	}
	.main-con{
		margin-top: 30px;
	}
	.cmenu li h2 span{
		width: auto;
		margin-top: 18px;
	}
	.year-xl{
		padding: 30px 15px;
	}
	.yea-con{
		padding-right: 0;
	}

}

@media (max-width:360px){

	.main{
		padding: 30px 15px;
	}

}