﻿/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"microsoft yahei"; font-size:14px; cursor:default; color:#333;}
table{border-collapse:collapse;border-spacing:0; border:none;}
/*tr,td{border:none;}*/
.w1200{ width: 1100px; margin: 0 auto; height: auto; /* position: relative;*/}
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none; vertical-align:middle;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none; color:#333;}
a:hover{ text-decoration:none;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}
i{font-style:normal}

body { background: #fff url(xxgk_bg.png) no-repeat center top;}

.xxgk-header { width: 1100px; height: 364px; margin: 0 auto;}
.xxgk-header .xxgk-logo { padding-top: 32px;}
.xxgk-header .xxgk-tit { text-align: center; margin-top: 55px;}

.container { position: relative; width: 1030px; background: #f2f2f2 url(xxgk_bg2.png) no-repeat center top; padding: 0 35px 35px; margin: 0 auto; overflow: hidden;}

.xxgk-search { position: relative; padding: 84px 0;}
.xxgk-search .left-line,.xxgk-search .right-line { position: absolute; left: 0; top: 50%; width: 240px; height: 1px; background: #d9d9d9;}
.xxgk-search .right-line { left: auto; right: 0;}
.xxgk-search .search { border: 1px solid #2d66a5; border-radius: 5px; width: 508px; height: 48px; margin: 0 auto; overflow: hidden;}
.xxgk-search .search .search-txt { float: left; border: 0; width: 400px; height: 48px; line-height: 48px; font-size: 16px; padding: 0 20px; cursor: text; outline: none;}
.xxgk-search .search .search-btn { float: left; border: 0; width: 68px; height: 48px; background: #fff url(xxgk_search.png) no-repeat center center; cursor: pointer; outline: none;}

.column-list { float: left; width: 240px;}
.column-list .column-item { margin-bottom: 15px;}
.column-list .column-tit { position: relative; display: block; height: 68px; border: 1px solid #2d66a5; background: #fff; font-size: 0; line-height: 68px; overflow: hidden;}
.column-list .column-tit i{ display: inline-block; *display: inline; *zoom: 1; width: 68px; height: 68px; background: url(xxgk_column_icon.png) no-repeat 0 0; vertical-align: middle; margin-left: 5px;}
.column-list .column-tit i.i1{ background: url(xxgk_column_icon.png) no-repeat 0 0;}
.column-list .column-tit i.i2{ background: url(xxgk_column_icon.png) no-repeat 0 -68px;}
.column-list .column-tit i.i3{ background: url(xxgk_column_icon.png) no-repeat 0 -136px;}
.column-list .column-tit i.i4{ background: url(xxgk_column_icon.png) no-repeat 0 -204px;}
.column-list .column-tit i.i5{ background: url(xxgk_column_icon.png) no-repeat 0 -272px;}
.column-list .column-tit span { display: inline-block; *display: inline; *zoom: 1; width: 132px; font-size: 22px; color: #2d66a5; line-height: 24px; vertical-align: middle; *line-height: 28px; cursor: pointer;}
.column-list .column-item:last-child .column-tit span { width: auto;}
.column-list .column-item.active .column-tit{ background: #2d66a5;}
.column-list .column-item.active .column-tit i{ background-image: url(xxgk_column_icon2.png);}
.column-list .column-item.active .column-tit span { color: #fff;}
.column-list .list_parent .column-tit{ background: #fff url(xxgk_column_icon3.png) no-repeat  right 15px center;}
.column-list .list_parent.active .column-tit { background: #2d66a5 url(xxgk_column_icon4.png) no-repeat right 15px center;}
.column-list .column-item .column-tit:hover span { font-weight: bold;}
.column-list .sub-column{ background: #fff; padding: 10px 0; overflow: hidden; display: none;}
.column-list .sub-column li { line-height: 32px;}
.column-list .sub-column li a{ display: block; background: url(xxgk_dot.jpg) no-repeat 80px center; padding-left: 90px; font-size: 15px;}
.column-list .sub-column li.active,.column-list .sub-column li a:hover { background-color: #e6f4ff;}
.column-list .list_parent.active .sub-column { display: block;}

.xxgk-right { float: right; width: 770px; background: #fff;}
.xxgk-item { margin-bottom: 30px;}
.xxgk-item .title{ border-bottom: 2px solid #d9d9d9; height: 35px;} 
.xxgk-item .title h3 { float: left;}
.xxgk-item .title h3 a { display: block; height: 35px; background: #2d66a5; font-size: 16px; line-height: 35px; color: #fff; padding: 0 20px;}
.xxgk-item ul{ margin: 15px 35px 0;}
.xxgk-item ul li { padding: 15px 0; font-size: 16px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.xxgk-item ul li span { color: #a1a1a1; margin-left: 15px;}
.xxgk-item ul li a:hover{ color: #2d66a5;}
.xxgk-item .more { display: block; width: 100px; height: 30px; background: #f2f2f2; text-align: center; line-height: 30px; margin: 0 auto;}
.xxgk-item .more:hover{ background-color: #2d66a5; color: #fff;}

/* 信息公开列表 */
.xxgk-list ul{ margin: 15px 35px 0; padding-bottom: 30px;}
.xxgk-list ul li { padding: 15px 0; font-size: 16px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.xxgk-list ul li:first-child { border-bottom: 2px solid #d9d9d9; padding-bottom: 30px; margin-bottom: 20px;}
.xxgk-list ul li span { color: #a1a1a1; margin-left: 15px;}
.xxgk-list ul li a:hover{ color: #2d66a5;}

/* 信息公开指南 */
.content { padding: 30px 30px 50px;}
.content h2 { font-size: 32px; line-height: 40px; color: #2d66a5; text-align: center;}
.content .info { border-bottom: 2px solid #d9d9d9; text-align: center; padding-bottom: 20px; margin-top: 20px;}
.content .info span { padding: 0 5px;}
.content .info a:hover{ color: #2d66a5;}
.content-main { margin-top: 30px;}
.content-main,.content-main * { font-size: 16px; line-height: 30px;}

/* 政府机构详情 */
.content .wjxx{ background: #f7f7f7; border: 1px solid #dddddd; padding: 10px 0; margin-bottom: 30px;}
.content .wjxx ul{ overflow: hidden;}
.content .wjxx li{ width: 33.33%; float: left; font-size: 16px; padding: 7px 0; }
.content .wjxx li span{ display: block; margin-left: 30px;}

.summarizing { min-height: 540px; padding-bottom: 50px; overflow: hidden;}
.summarizing h2 { font-size: 18px; line-height: 20px; padding: 20px 0; font-weight: normal; padding-left: 10px;}
.summarizing h3 { float: left; background: #2d66a5; font-size: 16px; line-height: 40px; color: #fff; padding: 0 20px;}
.summarizing ul { width: 771px; clear: both; overflow: hidden;}
.summarizing ul li { float: left; width: 236px; line-height: 24px; font-size: 16px; padding: 10px; border-right: 1px solid #e3e3e3;}
.summarizing ul li a:hover { color: #2d66a5}

/* 行政机关下拉 */
.xzjg { position: absolute; left: 35px; top: 22px; z-index: 9; margin-right: 35px;}
.xzjg-head {  font-size: 22px; font-weight: bold; line-height: 45px;}
.xzjg-head h3 { display: inline-block; *display: inline; *zoom: 1; background: #2d66a5 url(xxgk_xzjg_jt.png) no-repeat right 10px center; border-radius: 5px; color: #fff; padding: 0   30px 0 20px;}
.xzjg.on .xzjg-head h3 { background-image: url(xxgk_xzjg_jt2.png);}
.xzjg-list { border: 1px solid #e1e1e1; background: #fff; padding: 20px; display: none;}
.xzjg-list ul {  max-height: 500px; overflow-y: auto;}
.xzjg-list ul::-webkit-scrollbar { width: 8px;}
.xzjg-list ul::-webkit-scrollbar-track { background-color:#f2f2f2; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;}
.xzjg-list ul::-webkit-scrollbar-thumb { background-color:#2d66a5; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;}
.xzjg-list li  { overflow: hidden;}
.xzjg-list li h4 { font-size: 18px; line-height: 40px; color: #2d66a5;}
.xzjg-list li a { float: left; width: 260px; font-size: 16px; line-height: 30px;}
.xzjg-list li a:hover { color: #2d66a5;}

/*footer*/
.friendLink_top{ height: 35px; overflow: hidden; margin-top: 20px;}
.friendLink_top li{float: left; width:auto; height: 33px; border: 1px solid #e1e1e1; background: url(link_bg_line.png) left center repeat-x;}
.friendLink_top li{ margin-right: 10px;}

.friendLink_top a{ display: block; padding: 0 8px 0 37px; height: 33px; line-height: 33px; background: url(link_guohui.png) 9px center no-repeat; font-size: 14px; color: #333; }
.friendLink_top a:hover{ color: #3C8BD4;}

.foot{width: 100%; height: auto; /*overflow: hidden;*/ border-top: 5px solid #2f73b2; }
.friendLink{ width: 100%; height: 35px; padding: 20px 0; background: #f0f0f0;}
.friendLink .w1200 .linkSlt:first-child{ margin-left: 0;}
.linkSlt { width:232px; height:35px; position: relative; float:left; margin-left: 10px; }
.linkSlt > a.slt { display:block; background:#FFFFFF; border: 1px solid #e1e1e1; width:232px; height:35px; line-height:35px; text-indent:12px; color:#666; font-size:14px; position:relative; cursor:pointer;}
.linkSlt > a.slt:hover { color:#333; text-decoration:none;}
.linkSlt > a.slt > i { display:block; background:url(friendlink_arrow_down.png) center center no-repeat; width:12px; height:8px; position:absolute; top:14px; right:11px; cursor:pointer;}
.lklist { background:#fff; border:1px solid #e1e1e1; border-top-style:none; width:232px; height:125px; overflow-y:auto; overflow-x:hidden; position: absolute; top:35px; left:0; z-index:994;}
.lklist li { height:30px; border-bottom:1px solid #edf3f7;}
.lklist li a { display:block; height:30px; line-height:30px; text-indent:15px; color:#666;}
.lklist li a:hover { background:#f2f7fb; text-decoration:none;}

.foot_cont{ width: 1200px; height: auto; margin: 0 auto; padding: 20px 0; overflow: hidden;}
.foot_cont .foot_fl{ float: left; height: 100%; margin-left: 190px;} 
.foot_fl img{vertical-align: middle;}

.foot_fr{ float: left; margin-top: 15px; margin-left: 25px;}
.foot_fr img.beian{ width: 20px; height: 20px; vertical-align: middle;}
.foot_fr p{ line-height: 24px; color: #666666; font-size: 14px;}
.foot_fr p a{color: #666666; font-size: 14px;}
.foot_fr p a:hover{ text-decoration: underline; color: #3C8BD4;}

/* media */
@media only screen and (max-width: 1099px) {
    .xxgk-header { width: 100%; height: auto; padding: 30px 0;}
    .xxgk-header .xxgk-logo { padding-top: 0; text-align: center;}

    .container { box-sizing: border-box; width: 100%; padding: 30px 10px;}
    .xxgk-search .left-line, .xxgk-search .right-line { display: none;}
    .xxgk-search { padding: 0;}
    .xxgk-search,.xxgk-search .search { box-sizing: border-box; width: 100%;}
    .xxgk-search .search .search-txt { box-sizing: border-box; width: calc(100% - 68px);}

    .column-list .column-item { margin: 10px 0 0;}
    .column-list { width: 100%;}
    .column-list .column-tit { box-sizing: border-box; height: 40px; line-height: 40px;}
    .column-list .column-tit i { width: 34px; height: 34px; background-size: 34px 170px !important;}
    .column-list .column-tit i.i2{ background-position-y: -34px;}
    .column-list .column-tit i.i3{ background-position-y: -68px;}
    .column-list .column-tit i.i4{ background-position-y: -102px;}
    .column-list .column-tit i.i5{ background-position-y: -136px;}
    .column-list .column-tit span { width: auto !important; font-size: 18px; line-height: 24px;}
    .column-list .sub-column li a { padding-left: 40px; background-position-x: 30px;}

    .xxgk-right { box-sizing: border-box; width: 100%; margin-top: 10px; box-sizing: border-box; padding: 10px;}
    .xxgk-list ul,.xxgk-item ul {  margin: 0; padding-bottom: 0;}
    .xxgk-item ul { margin: 10px 0;}
    .xxgk-list ul li,.xxgk-list ul li:first-child,.xxgk-item ul li { padding: 0; margin: 0;}
    .xxgk-list ul li a,.xxgk-item ul li a { float: left; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .xxgk-list ul li span,.xxgk-item ul li span { float: right; margin-left: 0;}

    .summarizing ul { width: 100%;}
    .summarizing ul li { box-sizing: border-box; width: calc(100% / 3);}

	.friendLink_top,.friendLink{ display: none;}
	.foot_cont{ width: 100%; text-align: center;}
	.foot_cont .foot_fl,.foot_fr{ float: none;}
	.foot_cont .foot_fl{ margin-left: 0;}
	.foot_fr{ margin: 0 auto; max-width: 90%;}

}

@media only screen and (max-width: 768px) { 
    .xxgk-header .xxgk-logo img { width: 55%;}
    .xxgk-header .xxgk-tit { margin-top: 20px;}
    .xxgk-tit img { width: 80%;}
    .xxgk-list ul li a,.xxgk-item ul li a { max-width: 75%;}

    .content { padding: 0 10px;}

    .summarizing ul li { width: calc(100% / 2); background: #f2f2f2;}

	.foot_cont .foot_fl{ display: none;}
	.foot_fr{ margin-top:0 ;}
}
 
@media only screen and (max-width: 480px) {  
    .xxgk-list ul li a,.xxgk-item ul li a { max-width: 66%;}
    .summarizing ul li { width: 100%;}
}