/* 办事服务 */
.bsfw-iconmenu li .box{ height: 150px; background: #F5F5F5;}
.bsfw-iconmenu li .icon{padding-top: 35px; margin-bottom: 20px;}
.bsfw-iconmenu li .icon img{height: 45px;}
.bsfw-iconmenu.break li .icon .active{display: none;}
.bsfw-iconmenu li .txt{font-size: 1.125em;}
.bsfw-iconmenu li .box:hover{background: url(../images/index/bsfw_btn_bg.png) no-repeat center #015293; background-size: 100% 100%;}
.bsfw-iconmenu li .box:hover .normal{display: none;}
.bsfw-iconmenu li .box:hover .active{display: inline-block;}
.bsfw-iconmenu li .box:hover .txt{color:#fff;}
.bsfw-iconmenu li .box1:hover {
    background: url(../images/index/bsfw_btn_bg1.png) no-repeat center #015293;
    background-size: 100% 100%;
}

.bsfw-bmbs-list li .box{ height: 80px; padding: 20px; box-sizing: border-box; background: url(../images/bsfw/bmbs_bg.png) no-repeat right center #F5F5F5; background-size: auto 100%; display: flex; align-items: center; justify-content: center; font-size: 1.125em;}

.js-switch-item{position: relative;}
.js-switch-item .swiper-pagination{position: absolute; right: 0; top: -70px;}

.bsfw-bmfw-list li .box{height: 120px; padding: 20px 10px; box-sizing: border-box; border-radius: 10px; background: #FFFFFF; border: 1px solid #C4DEF2;}
.bsfw-bmfw-list li .icon{margin-right: 20px;}
.bsfw-bmfw-list li .icon img{width: 75px;}
.bsfw-bmfw-list li .txt{font-size: 1.25em;}

.bsfw-enter img{display: block; width: 100%;}
.bsfw-enter a{display: block; overflow: hidden;}

.bsfw-gxbcyjs-list li .box{ height: 70px; padding: 20px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; font-size: 1.125em;  border-radius: 10px; background: #FFFFFF; border: 1px solid #C4DEF2;}
.bsfw-ssfw-list li .imgratio{padding-top: 57%;}
.bsfw-ssfw-list li{width: 32.6%; float: left;}
.bsfw-ssfw-list li:nth-child(1){ width: 67.4%;}

.bsfw-bszn-list li .box{height: 120px; background: #F2F7FF;}
.bsfw-bszn-list li .icon{padding-top: 18px; margin-bottom: 9px;}
.bsfw-bszn-list li .icon img{height: 48px;}
.bsfw-bszn-list li .txt{font-size: 1.125em; color: #1E5AA8;}

.bsfw-entermenu li .box{height: 154px; background-repeat: no-repeat; background-size: cover; background-position: center 0; border-radius: 6px;}
.bsfw-entermenu li.li1 .box{background-image: url(../images/bsfw/link_zwfwszdt.png);}
.bsfw-entermenu li.li2 .box{background-image: url(../images/bsfw/link_bsjdcx.png);}
.bsfw-entermenu li.li3 .box{background-image: url(../images/bsfw/link_bjmqd.png);}
.bsfw-entermenu li.li4 .box{background-image: url(../images/bsfw/link_cxzh.png);}
.bsfw-entermenu li .tit{padding: 30px 0 10px; margin: 0 28px; margin-bottom: 25px; position: relative; font-weight: bold; color: #1E5AA8; font-size: 1.5em;}
//.bsfw-entermenu li .tit:after{content: ''; position: absolute; left: 0; bottom: 0; width: 2em; height: 2px;
 // background:#39609E;}
.bsfw-entermenu li .btn{display: inline-block; margin-left: 28px;  border-radius: 13px; color: rgba(57, 96, 158, 0.7); line-height: 1.625; padding: 0 10px;
//border: 1px solid #39609E;
}
.bsfw-entermenu li.li1 .box:hover,
.bsfw-entermenu li.li2 .box:hover,
.bsfw-entermenu li.li3 .box:hover,
.bsfw-entermenu li.li4 .box:hover {
    transform: scale(1.05);
    transition: 0.3s ease;
}
.bsfw-iconmenu2 li .box{height: 100px; background: #F5F5F5;}
.bsfw-iconmenu2 li .icon{margin-left: 20px;}
.bsfw-iconmenu2 li .icon img{width: 75px;}
.bsfw-iconmenu2 li .txt{font-size: 1.375em;}

a.bsckgd {
    height: 38px;
    background: #F5F5F5;
    border-radius: 19px;
    padding: 0 20px;
    color: #A6A6A6;
    line-height: 38px;
    transition: .3s all;
    float: right;
    margin-top: 20px;
}
a.bsckgd:hover {
    background: #F0F8FF;
    color: #1658A0;
}
.bsfw-gxbcyjs-list li .box.szbox{
  background: url(../images/bsfw/gxbcyjs_szs.png) no-repeat center ;
    background-size: 100% 100%;
}
  ul.bsfw-gxbcyjs-list.cols-5.cols-md-4.cols-sm-3.cols-xs-2.space-20.clearfix.clear li:nth-child(1) a {
        background: url(../images/bsfw/gxbcyjs_szs1.png) no-repeat center;
        background-size: 100% 100%;
    }

    ul.bsfw-gxbcyjs-list.cols-5.cols-md-4.cols-sm-3.cols-xs-2.space-20.clearfix.clear li:nth-child(2) a {
        background: url(../images/bsfw/gxbcyjs_szs2.png) no-repeat center;
        background-size: 100% 100%;
    }

    ul.bsfw-gxbcyjs-list.cols-5.cols-md-4.cols-sm-3.cols-xs-2.space-20.clearfix.clear li:nth-child(3) a {
        background: url(../images/bsfw/gxbcyjs_szs3.png) no-repeat center;
        background-size: 100% 100%;
    }

    ul.bsfw-gxbcyjs-list.cols-5.cols-md-4.cols-sm-3.cols-xs-2.space-20.clearfix.clear li:nth-child(4) a {
        background: url(../images/bsfw/gxbcyjs_szs4.png) no-repeat center;
        background-size: 100% 100%;
    }

    ul.bsfw-gxbcyjs-list.cols-5.cols-md-4.cols-sm-3.cols-xs-2.space-20.clearfix.clear li:nth-child(5) a {
        background: url(../images/bsfw/gxbcyjs_szs5.png) no-repeat center;
        background-size: 100% 100%;
    }

    ul.bsfw-gxbcyjs-list.cols-5.cols-md-4.cols-sm-3.cols-xs-2.space-20.clearfix.clear li:nth-child(6) a {
        background: url(../images/bsfw/gxbcyjs_szs6.png) no-repeat center;
        background-size: 100% 100%;
    }

    ul.bsfw-gxbcyjs-list.cols-5.cols-md-4.cols-sm-3.cols-xs-2.space-20.clearfix.clear li:nth-child(7) a {
        background: url(../images/bsfw/gxbcyjs_szs7.png) no-repeat center;
        background-size: 100% 100%;
    }

    ul.bsfw-gxbcyjs-list.cols-5.cols-md-4.cols-sm-3.cols-xs-2.space-20.clearfix.clear li:nth-child(8) a {
        background: url(../images/bsfw/gxbcyjs_szs8.png) no-repeat center;
        background-size: 100% 100%;
    }

    ul.bsfw-gxbcyjs-list.cols-5.cols-md-4.cols-sm-3.cols-xs-2.space-20.clearfix.clear li:nth-child(9) a {
        background: url(../images/bsfw/gxbcyjs_szs9.png) no-repeat center;
        background-size: 100% 100%;
    }

    ul.bsfw-gxbcyjs-list.cols-5.cols-md-4.cols-sm-3.cols-xs-2.space-20.clearfix.clear li:nth-child(10) a {
        background: url(../images/bsfw/gxbcyjs_szs10.png) no-repeat center;
        background-size: 100% 100%;
    }
@media (max-width:1500px) and (min-width:1280px){
  .bsfw-bszn-list li .box{height: 102px;}
  .bsfw-bszn-list li .icon{margin-bottom: 5px;}
  .bsfw-bszn-list li .icon img{height: 35px;}
}
@media (max-width:1280px){
.bsfw-entermenu li .box {
    height: 196px;}
}
@media (max-width:992px){
  .bsfw-bmfw-list li .icon img{width: 65px;}
.bsfw-entermenu li.li1 .box {
    background-size: 100% 100%;
}
.bsfw-entermenu li.li2 .box {
    background-size: 100% 100%;
}
.bsfw-entermenu li.li3 .box {
    background-size: 100% 100%;
}
.bsfw-entermenu li.li4 .box {
    background-size: 100% 100%;
}
}

@media (max-width:768px){
  .js-switch-item .swiper-pagination{position: static; padding-top: 15px;}
  .bsfw-ssfw-list li{width: 100% !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 h3{display: inline-block; vertical-align: bottom; font-size: 1.375em; font-weight: bold; color: #fff;}
.bsfw-sjtj .hd .jiezhi{display: inline-block; vertical-align: bottom; margin-left: 1.5em; opacity: .75; color: #fff;}
.bsfw-sjtj .sjtj-year{position: absolute; top: 0; right: 0;}
.szzwfwhcp{font-size: 1.375em;line-height: 1.375em;display: inline-block; padding-left: 20px;border-left: 1px solid  #fff; margin-left: 20px;}
.szzwfwhcp a{color: #fff;}
.szzwfwhcp a:hover { color: #fff;}

.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;}
.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; height: 258px; padding: 20px; box-sizing: border-box;}
.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: 2em; font-weight: bold; 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: 33%;}
.bsfw-sjtj .rating-list li .c-zxl{width: 33%;}
.bsfw-sjtj .rating-list li .c-sll{width: 33%;}
.bsfw-sjtj .rating-list li .c-bjl{width: 25%;}
.bsfw-sjtj .rating-list li.head{font-size: 1.25em; margin-bottom: 10px; font-weight: normal;}
.bsfw-sjtj .rating-list li.head div:after{position: absolute; right: 0; bottom: 10px; content: ""; width: 1px; height: 24px; background-color: #fff; opacity: .55;}
.bsfw-sjtj .rating-list li.head div:last-child:after{content: normal;}
.bsfw-sjtj .rating-list li.head .icon{display: block; padding-top: 25px; margin-bottom: 10px;}
.bsfw-sjtj .rating-list li.head .icon img{display: block; width: 60px; margin: 0 auto;}
.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: 768px){
  .szzwfwhcp{display: block; padding-left: 0; border: 0; margin-left: 0; padding-top: 20px;}
  .bsfw-sjtj .sjtj-year{position: static;}
  .bsfw-sjtj .hd{margin-bottom: 20px;}
  .bsfw-sjtj .hd font{display: block; margin-left: 0; margin-top: 10px;}
  .bsfw-sjtj .rating-list-box{height: auto;}
  .bsfw-sjtj .rating-list li{font-size: 1.25em;}
  .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;}
}


/* older */
@media (min-width:768px){
  body.older .bsfw-iconmenu li{width: 25%;}
  body.older .bsfw-iconmenu li .box{height: 185px;}
  body.older .bsfw-iconmenu li .icon img{height: 60px;}
  body.older .bsfw-bmbs-list li .box{height: 120px;}
  body.older .bsfw-gxbcyjs-list li .box{height: 120px;}
  body.older .bsfw-enter .bsfw-zwfw{margin-bottom: 30px;}
  body.older .bsfw-ssfw{margin-bottom: 30px;}
  body.older .bsfw-bszn-list li .icon img{height: 65px;}
  body.older .bsfw-bszn-list li .box{height: 155px;}
  body.older .bsfw-entermenu li{width: 50%;}
  body.older .bsfw-entermenu li .box{height: 200px;}

  body.older .bsfw-sjtj .sjtj-year .layui-form-label{width: 150px;}
  body.older .bsfw-sjtj .sjtj-year .layui-form-item{width: 350px;}
  body.older .layui-input-block{margin-left: 180px;}
  body.older .rating-item{margin-bottom: 20px;}
  body.older .bsfw-sjtj .rating-list-box{height: auto;}
  body.older .bsfw-sjtj .rating-list li.head .icon img{width: 100px;}
  body.older .bsfw-sjtj .rating-item dt img{width: 100px;}
  body.older .bsfw-iconmenu2 li{width: 50%;}
}
