﻿@charset "utf-8";
#container {
  width: 100%;
  height: auto;
  background: #F1F5FB url(xy-xxgk-bg.png) no-repeat top;
}
/* 信息公开头部标题 */
#container .container-head {
  width: 1100px;
  height: 245px;
  margin: 0 auto;
  align-items: center;
}
#container .container-head .siteName{
  font-size: 22px;
  color: #fff;
  line-height: 35px;
}
#container .container-head .siteName img{
  width: 60px;
  vertical-align: middle;
}
#container .container-head .title {
  width: 100%;
  height: 130px;
  line-height: 130px;
  text-align: center;
  position: relative;
  font-size: 76px;
  color: #fff;
  letter-spacing: 10px;
}
#container .container-head .title::after{
  content: '';
  width: 430px;
  height: 2px;
  background: #fff;
  position: absolute;
  bottom: 0;
  right: 200px;
}

/* 信息公开主体内容 */
#container .container-content {
  width: 1100px;
  min-height: 1215px;
  margin: 0 auto;
  background-color: #f2f2f2;
}
#container .container-content .tb_search {
  width: 100%;
  height: 230px;
  background: url(xy-xxgk-searchBg.png) no-repeat center;
  position: relative;
}
#container .container-content .text-search {
  width: 510px;
  height: 50px;
  margin: 0 auto;
  border: 1px solid #015293;
  border-radius: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -255px;
  margin-top: -25px;
  padding: 5px;
  background: #fff;
}
#container .container-content .text-search input {
  width: 420px;
  line-height: 38px;
  font-size: 16px;
  outline: none;
  border: none;
  vertical-align:top;
  text-indent: 1em;
}
#container .container-content .text-search button {
  width: 60px;
  height: 38px;
  background: url(xy-xxgk-search-btn.png) no-repeat center;
  cursor: pointer;
  outline: none;
  border: none;
}
/* 左侧列表 */
#container .container-content .guide {
  width: 240px;
  height: auto;
}
#container .container-content .guide .item {
  position: relative;
  width: 240px;
  height: auto;
  margin-bottom: 18px;
}
#container .container-content .guide .item-title {
  width: 100%;
  height: 70px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
}
#container .container-content .guide .item .icon {
  display: block;
  float: left;
  width: 70px;
  height: 70px;
}
#container .container-content .guide .item .icon1 {
  background: url(xy-xxgk-icon1.png) no-repeat center;
}
#container .container-content .guide .item .icon2 {
  background: url(xy-xxgk-icon2.png) no-repeat center;
}
#container .container-content .guide .item .icon3 {
  background: url(xy-xxgk-icon3.png) no-repeat center;
}
#container .container-content .guide .item .icon4 {
  background: url(xy-xxgk-icon4.png) no-repeat center;
}
#container .container-content .guide .item .icon5 {
  background: url(xy-xxgk-icon5.png) no-repeat center;
}
#container .container-content .guide .item .icon6 {
  background: url(xy-xxgk-icon6.png) no-repeat center;
}
#container .container-content .guide .item .icon7 {
  background: url(xy-xxgk-icon7.png) no-repeat center;
}
#container .container-content .guide .item .icon8 {
  background: url(xy-xxgk-icon8.png) no-repeat center;
}
#container .container-content .guide .title {
  display: block;
  float: left;
  width: 100px;
  height: 70px;
  padding: 5px 0;
  line-height: 30px;
  font-size: 24px;
  color: #015293;
}

#container .container-content .guide .w120 {
  width: 120px;
}
#container .container-content .guide .item .item-title a.tit1 {
  width: 150px;
}
#container .container-content .guide .item .item-title a.tit2 {
  width: 120px;
  line-height: 60px;
}
#container .container-content .guide .item .item-title .more {
  display: block;
  float: right;
  width: 40px;
  height: 70px;
  background: url(xy-xxgk-more-open.png) no-repeat center;
}
#container .container-content .guide .item .item-list {
  display: none;
  width: 240px;
  height: auto;
  background-color: #fff;
  border: 0.01rem solid #e5e5e5;
}
#container .container-content .guide .item .item-list a {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-indent: 60px;
  position: relative;
}
#container .container-content .guide .item .item-list a::after{
  content: '';
  width: 4px;
  height: 4px;
  background: #000;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  left: 40px;
  border-radius: 8px;
}
#container .container-content .guide .item .item-list a span {
  display: block;
  float: left;
  width: 150px;
  height: 50px;
  overflow: hidden;
  margin-left: 80px;
  line-height: 50px;
  font-size: 16px;
  color: #333;
  text-align: left;
}
#container .container-content .guide .item .item-list a.curr,
#container .container-content .guide .item .item-list a:hover {
  background-color: #e7f5ff;
}
#container .container-content .guide .cur .item-title,
#container .container-content .guide .item:hover .item-title {
  background-color: #015293;
}
#container .container-content .guide .cur .item-title span.icon1,
#container .container-content .guide .item:hover .item-title span.icon1 {
  background: url(xy-xxgk-icon1Cur.png) no-repeat center;
}
#container .container-content .guide .cur .item-title span.icon2,
#container .container-content .guide .item:hover .item-title span.icon2 {
  background: url(xy-xxgk-icon2Cur.png) no-repeat center;
}
#container .container-content .guide .cur .item-title span.icon3,
#container .container-content .guide .item:hover .item-title span.icon3 {
  background: url(xy-xxgk-icon3Cur.png) no-repeat center;
}
#container .container-content .guide .cur .item-title span.icon4,
#container .container-content .guide .item:hover .item-title span.icon4 {
  background: url(xy-xxgk-icon4Cur.png) no-repeat center;
}
#container .container-content .guide .cur .item-title span.icon5,
#container .container-content .guide .item:hover .item-title span.icon5 {
  background: url(xy-xxgk-icon5Cur.png) no-repeat center;
}
#container .container-content .guide .cur .item-title span.icon6,
#container .container-content .guide .item:hover .item-title span.icon6 {
  background: url(xy-xxgk-icon6Cur.png) no-repeat center;
}
#container .container-content .guide .cur .item-title span.icon7,
#container .container-content .guide .item:hover .item-title span.icon7 {
  background: url(xy-xxgk-icon7Cur.png) no-repeat center;
}
#container .container-content .guide .cur .item-title span.icon8,
#container .container-content .guide .item:hover .item-title span.icon8 {
  background: url(xy-xxgk-icon8Cur.png) no-repeat center;
}
#container .container-content .guide .cur .title,
#container .container-content .guide .item:hover .title {
  color: #fff;
}
#container .container-content .guide .cur .item-title .more,
#container .container-content .guide .item:hover .item-title .more {
  background: url(xy-xxgk-more-openCur.png) no-repeat center;
}
#container .container-content .guide .item:hover .item-title .more.opened {
  background: url(xy-xxgk-more-closeCur.png) no-repeat center;
}
#container .container-content .guide .item:hover .item-title .more.closed {
  background: url(xy-xxgk-more-openCur.png) no-repeat center;
}
#container .container-content .guide .item .item-title .curOpened,
#container .container-content .guide .cur:hover .item-title .curOpened {
  background: url(xy-xxgk-more-closeCur.png) no-repeat center;
}
#container .container-content .guide .item .item-title .curClosed,
#container .container-content .guide .cur:hover .item-title .curClosed {
  background: url(xy-xxgk-more-openCur.png) no-repeat center;
}
#container .container-content .guide .item .item-title .opened,
#container .container-content .guide .cur:hover .item-title .opened {
  background: url(xy-xxgk-more-close.png) no-repeat center;
}
#container .container-content .guide .item .item-title .closed,
#container .container-content .guide .cur:hover .item-title .closed {
  background: url(xy-xxgk-more-open.png) no-repeat center;
}

/* 右侧文章信息 */
#container .container-content .detail {
  width: 770px;
  min-height: 955px;
  padding: 30px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
}
#container .container-content .detail .detail-title {
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-size: 32px;
  font-weight: bold;
  color: #015293;
  text-align: center;
}
#container .container-content .detail .detail-date {
  width: 100%;
  height: 30px;
  line-height:30px;
  font-size: 14px;
  color: #333;
  text-align: center;
}
#container .container-content .detail .detail-content {
  width: 100%;
  height: auto;
  font-size: 16px;
  color: #333;
  line-height: 30px;
}
#container .container-content .detail .detail-content p {
  line-height: 30px;
  font-size: 16px;
  text-indent: 2em;
  color: #333;
}
/* 右侧列表信息 */
#container .container-content .col {
  width: 770px;
  min-height: 955px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
}
#container .container-content .col-title {
  width: 100%;
  height: 37px;
  border-bottom: 2px solid #dcdcdc;
}
#container .container-content .col-title span{
  float: left;
  height: 35px;
  padding: 0 20px;
  background-color: #015293;
  line-height: 35px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}
#container .container-content .col-list {
  width: 100%;
  padding: 20px 30px;
}
#container .container-content .col-list li {
  width: 100%;
  height: 40px;
}
#container .container-content .col-list li a {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 40px;
  width:70%;
  font-size: 16px;
  color: #333;
}
#container .container-content .col-list li a:hover {
  color: #015293;
}
#container .container-content .col-list li span {
  float: right;
  line-height: 40px;
  font-size: 16px;
  color: #858585;
}
#container .container-content .page {
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #333;
}
#container .container-content .page a:hover{
  background: #085ABD;
  color: #fff;
}
#container .container-content .page span{
  margin-right: 5px;
}
#container .container-content .page span a{
  width: 8%;
  display: inline-block;
  border: 1px solid #DCDCDC;
  height: 30px;
  line-height: 30px;
  background: #EBEBEB;
  text-align: center;
}

#container .container-content .page .quyt{
  width: 50px;
  height: 23px;
}

#container .container-content .page .enter{
  outline: none;
  border: none;
  display: inline-block;
  font-size: 16px;
  background: rgba(0,0,0,0);
  cursor: pointer
}
#container .container-content .page a:hover .enter{
 color:#fff
}
#container .container-content .page .enter:hover {
 color:#fff
}

/* 领导之窗 */
#container .container-content .leader {
  width: 770px;
  min-height: 955px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
}
#container .container-content .leader-title {
  width: 100%;
  height: 37px;
  border-bottom: 2px solid #dcdcdc;
}
#container .container-content .leader-title span{
  float: left;
  height: 35px;
  padding: 0 20px;
  background-color: #015293;
  line-height: 35px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}
#container .container-content .leader-content{
  width: 100%;
  padding: 15px 30px;
}
#container .container-content .leader-list {
  justify-content: space-between;
}
#container .container-content .leader-list li{
  width: 48%;
  padding: 10px;
  background-color: #f6f9fb;
  align-items: center;
  cursor: pointer;
  margin: 15px 0;
}
#container .container-content .leader-list li:hover{
  color: #085ABD;
}
#container .container-content .leader-list .left img{
  width: 100px;
  height: 125px;
}
#container .container-content .leader-list .right{
  margin-left: 15px;
  line-height: 35px;
}
#container .container-content .leader-list .right h4{
  font-size: 18px;
}

/* 依申请公开文章 */
#container .container-content .apply{
  width: 770px;
  min-height: 955px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
}
#container .container-content .apply-title {
  width: 100%;
  height: 37px;
  border-bottom: 2px solid #dcdcdc;
}
#container .container-content .apply-title span{
  float: left;
  height: 35px;
  padding: 0 20px;
  background-color: #015293;
  line-height: 35px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}
#container .container-content .apply-content{
  width: 100%;
  padding: 15px 30px;
}
#container .container-content .apply-content img{
  width: 695px;
}
#container .container-content .apply-content p{
  line-height: 30px;
  font-size: 16px;
  color: #333;
  text-indent: 2em;
}
#container .container-content .apply-content .apply-button{
  text-align: center;
  margin: 30px 0;
}
#container .container-content .apply-content .apply-button .button{
  display: inline-block;
  width: 120px;
  height:50px;
  background-color: #015293;
  line-height: 50px;
  font-size: 16px;
  color: #fff;
  text-align: center;
}
#container .container-content .apply-content .apply-button .button:first-of-type{
  margin-right: 20px;
}

/* 依申请公开列表 */
#container .container-content .apply-form{
  width: 770px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
}
#container .container-content .apply-form-title {
  width: 100%;
  height: 37px;
  border-bottom: 2px solid #dcdcdc;
}
#container .container-content .apply-form-title span{
  float: left;
  height: 35px;
  padding: 0 20px;
  background-color: #015293;
  line-height: 35px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}
#container .container-content .apply-form-content{
  width: 100%;
  padding: 15px 30px;
}
#container .container-content .apply-form-content .form-title{
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #ddd;
}
#container .container-content .apply-form-content .form-title span{
  display: block;
  padding: 0 20px;
  font-size: 18px;
  color: #333;
  position: relative;
}
#container .container-content .apply-form-content .form-title span::after{
  position: absolute;
  content: '';
  width: 4px;
  height: 25px;
  background: #015293;
  left: 0px;
  top: 13px;
}
/* 申请人信息 */
#container .container-content .apply-form-content .form-list-self .form-item{
  height: 50px;
  line-height: 50px;
}
#container .container-content .apply-form-content .form-list-self .item{
  align-items: center;
}
#container .container-content .apply-form-content .form-list-self .item-name{
  width: 120px;
  height: 50px;
  line-height: 50px;
  text-align: right
}
#container .container-content .apply-form-content .form-list-self .item-data{
  width: 210px;
  height: 50px;
  line-height: 50px;
}
#container .container-content .apply-form-content .form-list-self .item-data input[type=text]{
  width: 210px;
  height: 30px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 16px;
  text-indent: 1em;
}
/* 所需信息情况 */
#container .container-content .apply-form-content .form-list-involved .form-item{
  align-items: center;
  margin-top: 20px;
}
#container .container-content .apply-form-content .form-list-involved .item-name{
  width: 170px;
  height: 40px;
  line-height: 40px;
  text-align: right
}
#container .container-content .apply-form-content .form-list-involved .item-data{
  width: 500px;
}
#container .container-content .apply-form-content .form-list-involved .item-data textarea{
  width: 500px;
  height: 160px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
#container .container-content .apply-form-content .form-list-involved .item-data input[type=text]{
  width: 210px;
  height: 30px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 16px;
  text-indent: 1em;
}
#container .container-content .apply-form-content .form-list-involved .item-data select{
  width: 210px;
  height: 30px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 16px;
}
#container .container-content .apply-form-content  .form-submit{
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
#container .container-content .apply-form-content  .form-submit .btn{
  display: inline-block;
  width: 120px;
  height:40px;
  line-height: 40px;
  margin: 0 30px;
  border-radius: 8px;
}
#container .container-content .apply-form-content  .form-submit .btn img{
  vertical-align: middle;
  margin-right: 5px;
}
#container .container-content .apply-form-content  .submit{
  color: #fff;
  background: #015293;
}
#container .container-content .apply-form-content .reset{
  color: #fff;
  background: #e22a2a;
}
#container .container-content .apply-form-content  .form-submit a:hover{
 color: #fff;
}

#container .container-content .apply-form-content #loadcode{
  height: 28px;
  vertical-align: middle;
}
/* 法定主动公开内容 */
#container .container-content .col .handle-more{
  width: 100px;
  height: 30px;
  line-height: 30px;
  margin: 10px auto;
  background-color: #f2f2f2;
  font-size: 16px;
  color: #333;
  text-align: center;
  cursor: pointer;
}
#container .container-content .col .handle-more:hover{
  background: #015293;
}
#container .container-content .col .handle-more:hover a{
  color: #fff;
}
/* 依申请公开查询 */
#container .container-content .search-list{
  width: 770px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
}
#container .container-content .search-list-title {
  width: 100%;
  height: 37px;
  border-bottom: 2px solid #dcdcdc;
}
#container .container-content .search-list-title span{
  float: left;
  height: 35px;
  padding: 0 20px;
  background-color: #015293;
  line-height: 35px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}
#container .container-content .search-list-content{
  width: 100%;
  padding: 15px 30px;
}
#container .container-content .search-list-query{
  width: 100%;
  height: 70px;
  padding: 15px;
  background-color: #f1f1f1;
}
#container .container-content .search-list-query input{
  width: 130px;
  height: 40px;
  margin: 0 5px;
  text-indent: 1em;
  background-color: #fff;
  line-height: 40px;
  font-size: 16px;
  color: #333;
  border: none;
  outline: none;
}
#container .container-content .search-list-query img{
  width: 100px;
  height: 30px;
  margin: 5px 10px;
}

#container .container-content .search-list-query button{
  width: 115px;
  height: 40px;
  margin-left: 10px;
  background-color: #015293;
  line-height: 40px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  border: none;
  outline: none;
  cursor: pointer;
}
#container .container-content .search-result-table{
  background: #ffffff;
  border: 1px solid #e1f0fa;
  border-collapse: collapse;
  width: 100%;
  margin: 0 auto 20px auto;
}
#container .container-content .search-result-table tr{
  border: 1px solid #e1f0fa;
  height: 50px;
}
#container .container-content .search-result-table .search-t-bg{
  background: #f6fbff;
  width: 130px;
  font-size: 16px;
  font-weight: bold;
  color: #444444;
  text-align: center;
}
#container .container-content .search-result-table .search-t-c{
  width:280px;
  font-size: 16px;
  color: #444444;
  text-indent: 1em;
  box-sizing: border-box;
  word-break: break-all;
}
#container .container-content .search-result-table .search-t-line{
  line-height: 45px;
  padding: 30px 0;
}
/* 翻页 */
#page{
  text-align: center;
  font-size: 14px;
  color: #333;
}
#page a{
  font-size: 14px;
  color: #333;
  display: inline-block;
  padding: 5px 15px;
  border: 1px solid #e8e8e8;
  margin: 0 3px;
}
#page a.cur{
  background-color: #015293;
  color: #fff;
}

.star{
  color: #db2626;
}
.curOpened {
  background: url(xy-xxgk-more-closeCur.png) no-repeat center;
}