@charset "utf-8";

body{font-size: 16px; background-color: #f6f6f6;}
.mb{margin-bottom: 30px;}
.mt{margin-top: 30px;}
img{max-width: 100%;}

.wjk-header{position: relative;}
.wjk-header:before{position: absolute; top: 0; bottom: 0; left: 0; z-index: 1; content: ""; width: 50%; background: url(../images/wjk_header_before_bg.png) repeat-x bottom #3bb1fd;}
.wjk-header:after{position: absolute; top: 0; bottom: 0; right: 0; z-index: 1; content: ""; width: 50%; background-color: #1184e6;}
.wjk-header .inhead{position: relative; z-index: 3; background: url(../images/wjk_header_bg.jpg) no-repeat top center;}
.wjk-header .inhead .mar{position: relative;}
.wjk-header .inhead .mar .xylogo{position: absolute; top: 30px; left: 0;}
.wjk-header .inhead .mar .banner{padding-top: 90px; padding-bottom: 89px; text-align: center;}

.layui-forms-layout{margin-right: -7px; margin-left: -8px;}
.layui-forms-layout .layui-forms-block{position: relative; margin-right: 7px; margin-left: 8px}
.layui-forms-layout .layui-forms-item{position: relative; float: left; width: 31%; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.layui-forms-layout .layui-input-block{margin-left: 0; line-height: 1.8em; min-height: 1.8em;}
.layui-forms-layout .layui-forms-item.layui-button{width: 7%;}
.layui-forms-layout .layui-forms-item.layui-button .layui-forms-block{margin-left: -8px;}
.layui-button .layui-btn{display: block; padding: 0; width: 100%; font-size: 1em; height: 50px; line-height: 50px; background-color: #2c6fd2;}
.layui-input, .layui-select, .layui-textarea{font-size: 1em; height: 50px;}
.layui-form-select dl dd, .layui-form-select dl dt{height: 40px; line-height: 40px;}
.layui-form-select dl dd.layui-this{background-color: #2c6fd2;}

.wjk-wrapper{padding: 30px; background-color: #fff;}
.wjk-search-bar{padding: 30px; background-color: #f4f4f4;}

.wjk-head{margin-bottom: 20px; line-height: 59px; border-bottom: 1px solid #f8f8f8;}
.wjk-head .title{float: left; padding: 0 1.25em; font-size: 1.375em; font-weight: bold; color: #fff; background-color: #2c6fd2;}
.wjk-head .more{float: right; color: #666;}
.wjk-head .more:hover{color: #333;}
.wjk-list li{position:relative; padding: .75em 530px .75em 0; background-color: #fff; border-bottom: 1px solid #efefef; transition: all .3s; -webkit-transition: all .3s;}
.wjk-list li:hover{background-color: #fafafa;}
.wjk-list li .fixed{position: absolute; top: 50%; margin-top: -.8em; color: #666; line-height: 1.6em; text-align: center;}
.wjk-list li .c-topic{position: relative; top: auto; margin-top: 0; text-align: left;}
.wjk-list li .c-sxbl{right: 420px; width: 120px;}
.wjk-list li .c-fwzh{right: 210px; width: 210px;}
.wjk-list li .c-date{right: 100px; width: 110px;}
.wjk-list li .c-state{right: 10px; width: 80px;}
.wjk-list li .c-topic .caption{position: relative; float: left; max-width: 50%; padding-left: 21px; white-space: nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.wjk-list li .c-topic .caption:before{position: absolute; top: -3px; left: 6px; content: ""; margin-top: .8em; width: 6px; height: 6px; border-radius: 50%; background-color: #efefef;}
.wjk-list li .c-topic .xgjd{float: left;}
.wjk-list li .c-topic .xgjd a{position: relative; float: left; color: #ee2524; padding-left: 21px;}
.wjk-list li .c-topic .xgjd a:before{position: absolute; top: 50%; left: 10px; margin-top: -6px; height: 16px; width: 1px; content: ""; background-color: #ee2524;}
.wjk-list li.head{font-size: 1.125em; font-weight: bold; background-color: #f4f4f4 !important; border-bottom: none;}
.wjk-list li.head .c-topic{text-align: center;}




.sxbl{width: 100px;}
.d-sxbl{display: none;
    position: absolute;
    width: 290px;
    z-index: 99;

    border: 1px solid rgb(240 150 63);
    background: #FFF;
    padding: 10px;
    top: 30px;
    left: 10px;}
.d-sxbl p{text-align: left;}
.d-sxbl p a{font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 32px;
color: rgba(0, 92, 184, 1);}
.ajaxpage{padding: 0 20px; text-align: center;}
.ajaxpage .layui-laypage-count{background-color: transparent;}
.ajaxpage .layui-laypage .layui-laypage-skip{background-color: transparent;}
.ajaxpage .layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #1e9fff;}
.ajaxpage .layui-laypage a:hover{color: #1e9fff;}


.notdata{padding: 0 !important; text-align: center; line-height: 60px;}






@media (max-width: 1200px){
  .mar{padding-right: 0; padding-left: 0;}
  .wjk-header .inhead{padding-right: 20px; padding-left: 20px;}
  .wjk-header .inhead .mar .xylogo{top: 20px;}
  .wjk-wrapper{padding: 20px;}
  .mb{margin-bottom: 20px;}
  .mt{margin-top: 20px;}
  .wjk-search-bar{padding: 20px;}
  .wjk-head{margin-bottom: 15px;}
}

@media (max-width: 1023px){
  body{font-size: 15px;}
  .mb{margin-bottom: 15px;}
  .mt{margin-top: 15px;}
  .wjk-wrapper{padding: 0 0 15px;}	
  .wjk-search-bar{padding: 15px 15px 0;}
  .wjk-section-box{padding-right: 15px; margin-left: 15px;}
  .wjk-head{line-height: 50px;}
  .layui-forms-layout .layui-forms-item{margin-bottom: 15px;}
  .layui-button .layui-btn{height: 38px; line-height: 38px;}
  .layui-input, .layui-select, .layui-textarea{height: 38px;}
  .layui-form-select dl dd, .layui-form-select dl dt{height: 36px; line-height: 36px;}
  .ajaxpage{padding: 0 15px;}
}

@media (max-width: 768px){
  body{font-size: 14px;}
  .wjk-header .inhead .mar .banner{padding-top: 60px; padding-bottom: 50px;}
  .wjk-header:before{content: normal;}
  .wjk-header:after{content: normal;}
  .wjk-header .inhead .mar .xylogo img{height: 40px;}
  .wjk-search-bar{padding-bottom: 5px;}
  .layui-forms-layout{margin-right: -5px; margin-left: -5px;}
  .layui-forms-layout .layui-forms-item{width: 50%; margin-bottom: 10px;}
  .layui-forms-layout .layui-forms-block{margin-right: 5px; margin-left: 5px;}
  .layui-forms-layout .layui-forms-item.layui-button{width: 15%;}
  .layui-forms-layout .layui-forms-item.layui-button .layui-forms-block{margin-left: 5px;}
  .wjk-head{margin-bottom: 0;}
  .wjk-list li{padding-right: 0; padding-left: 0;}
  .wjk-list li.head{display: none;}
  .wjk-list li .fixed{position: static; margin-top: .25em; width: auto; text-align: left;}
  .wjk-list li .c-sxbl:before{content: "事项办理：";}
  .wjk-list li .c-sxbl{display: none;}
  
  .wjk-list li .c-sxbl img{display: none;}
  .wjk-list li .c-fwzh:before{content: "发文字号：";}
  .wjk-list li .c-date:before{content: "发文日期：";}
  .wjk-list li .c-state:before{content: "状　　态：";}
  .wjk-list li .c-topic{margin-bottom: .625em; font-size: 1.125em;}
  .wjk-list li .c-topic .caption{padding-left: 0; margin-right: 10px; max-width: none !important; white-space: normal;}
  .wjk-list li .c-topic .caption:before{content: normal;}
  .wjk-list li .c-topic .xgjd a{padding-left: 11px; margin-right: 10px;}
  .wjk-list li .c-topic .xgjd a:before{left: 0;}
}

@media (max-width: 640px){
  .wjk-header .inhead .mar .xylogo img{height: 30px;}
}

@media (max-width: 450px){
  .wjk-header .inhead .mar .xylogo img{height: 25px;}
  .layui-forms-layout .layui-forms-item{width: 100%;}
  .layui-forms-layout .layui-forms-item.layui-button{width: 30%;}
  .wjk-head{line-height: 40px;}
  .wjk-head .title{font-size: 1.25em;}
}