@charset "utf-8";

.menu-icons li a.item.online{padding-top: 0 !important; padding-bottom: 0 !important; background-color: #f7f9fc;}
.menu-icons li a.item.online:before{height: 3.3875em !important;}
.menu-icons li a.item span{font-size: 1em;}

.bsfw-bssx .section{height: 296px; overflow:hidden;}
.bsfw-bssx .menu-icons li{width: 25% !important;}
.bsfw-bssx .menu-icons li a.item{padding-top: 23px; background-color: #f7f9fc;}
.bsfw-bssx .menu-icons li a.item i{width: 59.5%; height: auto; margin-bottom: .75em;}
@media (max-width: 1200px){
  .bsfw-bssx .section{height: auto;}	
}
@media (max-width: 414px){
  .bsfw-bssx .menu-icons li{width: 50% !important;}
}

.bsfw-bmbs .section{height: 280px; overflow: hidden;}
.bsfw-bmbs .menu-icons li{width: 33.33333%;}
@media (max-width: 640px){
  .bsfw-bmbs .menu-icons li{width: 50% !important;}
}

.bsfw-bmfw .menu-icons li{width: 20%;}
.bsfw-bmfw .menu-icons li a.item i{width: 55px; height: 55px;}
.bsfw-bmfw .menu-icons li a.item span{width: 4em; max-width: 4em; font-size: 1.125em;}
.bsfw-bmfw .menu-icons li.li0 a.item{background-color: #fff4e9; background-image: linear-gradient(to right, #fff4e9, #fffcf8);}
.bsfw-bmfw .menu-icons li.li1 a.item{background-color: #e5f8f7; background-image: linear-gradient(to right, #e5f8f7, #f6fcfc);}
.bsfw-bmfw .menu-icons li.li2 a.item{background-color: #e9f2fc; background-image: linear-gradient(to right, #e9f2fc, #f8fbfe);}
.bsfw-bmfw .menu-icons li.li3 a.item{background-color: #fff3e8; background-image: linear-gradient(to right, #fff3e8, #fffcf8);}
.bsfw-bmfw .menu-icons li.li4 a.item{background-color: #f2edfd; background-image: linear-gradient(to right, #f2edfd, #fbf9ff);}
.bsfw-bmfw .menu-icons li.li5 a.item{background-color: #f2edfd; background-image: linear-gradient(to right, #f2edfd, #fbf9ff);}
.bsfw-bmfw .menu-icons li.li6 a.item{background-color: #fbeaea; background-image: linear-gradient(to right, #fbeaea, #fef9f9);}
.bsfw-bmfw .menu-icons li.li7 a.item{background-color: #e5f8f7; background-image: linear-gradient(to right, #e5f8f7, #f7fdfd);}
.bsfw-bmfw .menu-icons li.li8 a.item{background-color: #eaf2fc; background-image: linear-gradient(to right, #eaf2fc, #f8fbfe);}
.bsfw-bmfw .menu-icons li.li9 a.item{background-color: #fbeaea; background-image: linear-gradient(to right, #fbeaea, #fef9f9);}
.bsfw-bmfw .menu-icons li.li0 a.item span{color: #d77f51;}
.bsfw-bmfw .menu-icons li.li1 a.item span{color: #00baad;}
.bsfw-bmfw .menu-icons li.li2 a.item span{color: #2a82e4;}
.bsfw-bmfw .menu-icons li.li3 a.item span{color: #d77f51;}
.bsfw-bmfw .menu-icons li.li4 a.item span{color: #9a74f2;}
.bsfw-bmfw .menu-icons li.li5 a.item span{color: #9a74f2;}
.bsfw-bmfw .menu-icons li.li6 a.item span{color: #e36868;}
.bsfw-bmfw .menu-icons li.li7 a.item span{color: #00baad;}
.bsfw-bmfw .menu-icons li.li8 a.item span{color: #2a82e4;}
.bsfw-bmfw .menu-icons li.li9 a.item span{color: #e36868;}
@media (max-width: 992px){
  .bsfw-bmfw .menu-icons li{width: 50% !important;}	
  .bsfw-bmfw .menu-icons li a.item i{width: 45px; height: 45px;}	
}


.bsfw-ycbfw .menu-icons li{width: 20%;}
@media (max-width: 992px){
   .bsfw-ycbfw .menu-icons li{width: 50% !important;} 
}

.bsfw-banner a{display: block; overflow: hidden;}
.bsfw-banner a img{display: block; width: 100%;}
@media (max-width: 1200px){
  .bsfw-banner{margin-right: -10px !important; margin-left: -10px !important;}
  .bsfw-banner.row[class*="row-space"] > [class*="col-"]{padding-right: 10px; padding-left: 10px;}
  .bsfw-banner.col-m-3 .col-3{float: left; width: 50%;}
}
@media (max-width: 414px){
  .bsfw-banner.col-m-3 .col-3{float: none; width: 100%;}	
}
	
.bsfw-bszn .menu-icons li{width: 33.33333%;}
.bsfw-bszn .menu-icons li a.item{ padding-top: 1.4875em; padding-bottom: .5em; background-color: #f7f9fc;}
.bsfw-bszn .menu-icons li a.item i{width: 61px; height: 61px; margin-bottom: 0;}
@media (max-width: 640px){
  .bsfw-bszn .menu-icons li{width: 50% !important;}	
}

.bsfw-cxhz{height: 282px; overflow: hidden;}
.bsfw-cxhz .menu-icons li{width: 20%;}
.bsfw-cxhz .menu-icons li a.item{background-color: #f4f9fe;}
.bsfw-cxhz .menu-icons li a.item i{width: 22px; height: 22px; margin-right: .2em;}
.bsfw-cxhz .menu-icons li a.item span{width: 4em; max-width: 4em;}
@media (max-width: 1480px){
  .bsfw-cxhz .menu-icons li{width: 25% !important;}
}
@media (max-width: 1200px){
  .bsfw-cxhz{height: auto;}
}
@media (max-width: 640px){
  .bsfw-cxhz .menu-icons li{width: 33.33333% !important;}	
}
@media (max-width: 414px){
  .bsfw-cxhz .menu-icons li{width: 50% !important;}	
}

.bsfw-sjtj{background-image: url(../images/bsfw/sjtj_bg.png); background-repeat: no-repeat; background-color: #21468c; background-size: cover;}
.bsfw-sjtj .container{position: relative;}
.bsfw-sjtj .hd{text-align: left;}
.bsfw-sjtj .hd a{display: inline-block; vertical-align: bottom; font-size: 1.375em; font-weight: bold; color: #fff;}
.bsfw-sjtj .hd font{display: inline-block; vertical-align: bottom; margin-left: 2em; opacity: .75; color: #fff;}
.bsfw-sjtj .sjtj-year{position: absolute; top: 0; right: 0;}
.bsfw-sjtj .sjtj-year .layui-form-item{width: 210px;}
.bsfw-sjtj .sjtj-year .layui-form-label{color: #fff;}
.bsfw-sjtj .sjtj-year .layui-form-item .layui-input-inline{margin-right: 0;}
.bsfw-sjtj .sjtj-year .layui-form-select dl dd.layui-this{background-color: #2a82e4;}
.bsfw-sjtj .rating-item{position: relative; padding: 20px 0; text-align: center;}

.bsfw-sjtj .rating-item dt{position: relative; z-index: 2; display: inline-block; vertical-align: middle;}
.bsfw-sjtj .rating-item dt img{width: 60px; height: 60px;}
.bsfw-sjtj .rating-item dd{position: relative; z-index: 3; display: inline-block; vertical-align: middle; color: #fff; width: 50%; max-width: 50%; text-align: center;}
.bsfw-sjtj .rating-item dd .head{font-size: 1.25em;}
.bsfw-sjtj .rating-item dd .count{font-size: 2em; font-weight: bold; margin-top: 10px;}
.bsfw-sjtj .rating-list-box{position: relative; padding: 15px 15px 15px 0;}
.bsfw-sjtj .rating-list-box ul{position: relative;  z-index: 2;}
.bsfw-sjtj .rating-list-box .bd{position: relative;  z-index: 2;}
.bsfw-sjtj .rating-list-box .button{position: absolute; right: 0; top: 50%; z-index: 9; height: 21px; margin-top: -16px;}
.bsfw-sjtj .rating-list-box .button a{display: block; border: transparent solid 8px; cursor: pointer;}
.bsfw-sjtj .rating-list-box .button a:hover{opacity: .75;}
.bsfw-sjtj .rating-list-box .button a.prev{border-bottom-color: #fff;}
.bsfw-sjtj .rating-list-box .button a.next{margin-top: 5px; border-top-color: #fff;}
.bsfw-sjtj .rating-list li{position: relative; color: #fff; font-size: 1.125em; line-height: 2em; transition: all .3s; -webkit-transition: all .3s;}
.bsfw-sjtj .rating-list li div{float: left; position: relative;}
.bsfw-sjtj .rating-list li div span{display: block; text-align: center; padding: 0 10px;}
.bsfw-sjtj .rating-list li .c-time{width: 25%;}
.bsfw-sjtj .rating-list li .c-zxl{width: 25%;}
.bsfw-sjtj .rating-list li .c-sll{width: 25%;}
.bsfw-sjtj .rating-list li .c-bjl{width: 25%;}
.bsfw-sjtj .rating-list li.head{font-size: 1.25em; margin-bottom: 10px;}
.bsfw-sjtj .rating-list li.head div:after{position: absolute; top: 20%; right: 0; bottom: 20%; content: ""; width: 1px; background-color: #fff; opacity: .55;}
.bsfw-sjtj .rating-list li.head div:last-child:after{content: normal;}
.bsfw-sjtj .background:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background-color: #fff; opacity: .15; border-radius: 8px;}
@media (max-width: 1480px){
  .bsfw-sjtj .sjtj-year{right: 20px;}
}
@media (max-width: 640px){
  .bsfw-bmfw .menu-icons li a.item { margin: 15px 7px 0 8px !important;}
}
@media (max-width: 640px){
  .bsfw-sjtj .hd{margin-bottom: 20px;}
  .bsfw-sjtj .hd font{display: block; margin-left: 0; margin-top: 10px;}
  .bsfw-sjtj .rating-list li.head{display: none;}
  .bsfw-sjtj .rating-list li div{float: none; width: auto !important; padding-left: 5%;}
  .bsfw-sjtj .rating-list li div span{text-align: left; display: inline-block;}
  .bsfw-sjtj .rating-list li div.c-time:before{content: "时　间：";}
  .bsfw-sjtj .rating-list li div.c-zxl:before{content: "咨询量：";}
  .bsfw-sjtj .rating-list li div.c-sll:before{content: "受理量：";}
  .bsfw-sjtj .rating-list li div.c-bjl:before{content: "办结量：";}
  .bsfw-sjtj .rating-list-box .button{margin-top: -20px;}
  .bsfw-sjtj .rating-list-box .button a.next{margin-top: 20px;}

  
}
@media (max-width: 414px){
  .bsfw-sjtj .sjtj-year .layui-form-item{width: 100px;}
  .bsfw-sjtj .sjtj-year .layui-form-label{display: none;}
  .bsfw-sjtj .sjtj-year .layui-input-block{margin-left: 0;}
}


/*==== older ====*/
body.older .bsfw-bssx .section{height: auto;}
body.older .bsfw-bmbs .section{height: 328px;}
body.older .bsfw-bmbs .section.sxqbs{height: auto;}
body.older .bsfw-bmfw .menu-icons li{width: 50%;}
body.older .bsfw-bmfw .menu-icons li a.item i{width: 80px; height: 80px;}
body.older .bsfw-bmfw .menu-icons li a.item span{width: 50%; max-width: 50%;}
body.older .bsfw-ycbfw .menu-icons li{width: 50%;}
body.older .bsfw-bszn .menu-icons li a.item i{width: 80px; height: 80px;}
body.older .bsfw-cxhz .menu-icons li{width: 50%;}
body.older .bsfw-cxhz .menu-icons li a.item i{width: 60px; height: 60px;}
body.older .bsfw-cxhz .menu-icons li a.item span{width: 50%; max-width: 50%;}
body.older .bsfw-sjtj .rating-item dt img{width: 80px; height: 80px;}

body.older .bsfw-banner{margin-right: -20px !important; margin-left: -20px !important;}
body.older .bsfw-banner.row[class*="row-space"] > [class*="col-"]{padding-right: 20px; padding-left: 20px;}
body.older .bsfw-banner.col-m-3 .col-3{float: left; width: 50%;}

body.older .bsfw-sjtj .sjtj-year{top: 0;}
body.older .bsfw-sjtj .sjtj-year .layui-form-item{width: 500px; margin-bottom: 0;}
body.older .bsfw-sjtj .sjtj-year .layui-form-label{width: 7em; padding: 0;}
body.older .bsfw-sjtj .sjtj-year .layui-input-block{margin-left: 9em;}
body.older .bsfw-sjtj .rating-item dt img{width: 100px; height: 100px;}
body.older .bsfw-sjtj .rating-item dd{width: 60%; max-width: 60%;}
body.older .bsfw-sjtj .rating-list-box .button{top: -15px; right: -15px;}
body.older .bsfw-sjtj .rating-list-box .button a{border-width: 20px;}
body.older .bsfw-sjtj .rating-list-box .button a.next{margin-top: 20px;}
body.older .bsfw-sjtj .rating-list li.head div:after{width: 3px;}
@media (max-width: 768px){
  body.older .bsfw-bssx .menu-icons li{width: 50%;}
  body.older .bsfw-cxhz .menu-icons li a.item i{width: 40px; height: 40px;}
  body.older .bsfw-sjtj .rating-item dt img{width: 60px; height: 60px;}
  body.older .bsfw-bszn .menu-icons li{width: 50%;}
  body.older .bsfw-sjtj .hd font{display: block; margin-top: 20px; margin-left: 0;}
  body.older .bsfw-banner{margin-right: -12px !important; margin-left: -13px !important;}
  body.older .bsfw-banner.row[class*="row-space"] > [class*="col-"]{padding-right: 12px; padding-left: 13px;}
}
@media (max-width: 640px){
  body.older .bsfw-sjtj .sjtj-year{top: 0;}
  body.older .bsfw-sjtj .sjtj-year .layui-form-item{width: 250px;}
  body.older .bsfw-sjtj .sjtj-year .layui-form-label{display: none;}
  body.older .bsfw-banner.col-m-3 .col-3{width: 100%;}
}
@media (max-width: 414px){
  body.older .bsfw-bmfw .menu-icons li{width: 100%;}
  body.older .bsfw-cxhz .menu-icons li{width: 100%;}
  body.older .bsfw-bszn .menu-icons li{width: 100%;}
}