@charset "utf-8";

.bsdh-wrap.container{width:1000px;}
.mt{margin-top:15px;}
.mb{margin-bottom:15px;}

.bsdh-head{position:relative; padding-left:140px; height:40px; line-height:40px; background:url(../images/bsdh/head-bg.jpg) repeat-x bottom #fff; border-top:1px solid #bdd6ea; border-right:1px solid #bdd6ea; border-left:1px solid #bdd6ea; border-bottom:2px solid #226eb9;}
.bsdh-head dt{position:absolute; top:0; left:0; width:140px; text-align:center;}
.bsdh-head dt font{position:relative; display:inline-block; padding-left:12px; font-size:1.25em; color:#2a608f;}
.bsdh-head dt font:before{position:absolute; top:50%; left:0; content:""; margin-top:-6px; border:6px solid transparent; border-left-color:#035294;}
.bsdh-head dd ul li{float:left;}
.bsdh-head dd ul li a{position:relative; display:block; padding-right:7px; padding-left:7px; font-size:14px; color:#2e6393;}
.bsdh-head dd ul li a:hover,
.bsdh-head dd ul li a.active{color:#fff; background-color:#226eb9;}
.bsdh-head dd ul li a:before{position:absolute; top:50%; left:0; content:""; width:1px; height:14px; margin-top:-7px; background-color:#226eb9;}
.bsdh-head dd ul li:first-child a:before{content:normal;}

.outer-hd{margin-right:-3px; margin-bottom:9px; margin-left:-3px;}
.outer-hd li{float:left; width:33.33333%; cursor:pointer;}
.outer-hd li a{display:block; margin:0 3px 6px; padding:12px 8px; font-size:14px; color:#fff; line-height:22px; text-align:center; background:url(../images/bsdh/title-bg3.png) repeat-x top #3194e5;}
.outer-hd li a:hover{font-weight:bold; color:#2f90df; background:url(../images/bsdh/title-bg3-hover.png) repeat-x center;}
.outer-hd li.on a{font-weight:bold; color:#2f90df; background:url(../images/bsdh/title-bg3-hover.png) repeat-x center;}

.outer-hd li span{display:block; margin:0 3px 6px; padding:12px 8px; font-size:14px; color:#fff; line-height:22px; text-align:center; background:url(../images/bsdh/title-bg3.png) repeat-x top #3194e5;}
.outer-hd li.on span{font-weight:bold; color:#2f90df; background:url(../images/bsdh/title-bg3-hover.png) repeat-x center;}


.outer-item{padding-bottom:15px; border:1px solid #b0b4b7; background-color:#fff;}
.outer-item h2{margin-bottom:15px;}
.outer-item .grid{margin:-1px 15px 0!important;}

.item-tips{padding:15px 15px 0;}
.item-cont{font-size:12px; line-height:2em; text-align: justify;}
.item-cont p{margin-top:10px;}
.item-cont p:first-child{margin-top:0;}
.item-cont table{margin-top:10px;}
.item-cont table:first-child{margin-top:0;}
.item-cont .lctpic{text-align:center;}
.item-table{padding:10px 15px 15px!important;}
.item-box{margin-top:-1px; border-top:1px solid #b0b4b7;}

.bsdh-wrap .crumb{margin-bottom:0; color:#1c75bc; background-color:transparent;}
.bsdh-wrap .crumb a{color:#1c75bc;}
.bsdh-wrap .crumb dl dt{display:none;}
.bsdh-wrap .crumb dl dd{margin-left:0;}
.bsdh-wrap .crumb span{color:#1c75bc;}

.bsdh-wrap .module-box{border:1px solid #b0b4b7; background-color:#fff;}
.bsdh-wrap .module-box h2{padding:5px 10px; font-size:15px; font-weight:bold; color:#1c75bc; line-height:1.4em; background:url(../images/bsdh/title-bg1.png) repeat-x bottom #fff; border-bottom:3px solid #1c75bc;}
.bsdh-wrap .module-box h3{padding:5px 10px; font-size:15px; font-weight:bold; color:#fff; line-height:1.4em; background:url(../images/bsdh/title-bg2-hover.png) repeat-x center;}
.bsdh-wrap .module-box h4.forTitle{padding:5px 5px; font-size:12px; font-weight:bold; text-align:center; line-height:20px; background:url(../images/bsdh/title-bg2.png) repeat-x center bottom #fff; border-bottom:1px solid #b0b4b7;}
.bsdh-wrap .module-box .grid{padding:0; margin:15px; border:1px solid #b0b4b7;}
.bsdh-wrap .module-box .grid2{padding:0;}

.bsdh-wrap .module-box.menuBox{border:none; background-color:transparent;}
.bsdh-wrap .module-box.picsBox{border:none; background-color:transparent;}
.bsdh-wrap .module-box.outer-box{border:none; background-color:transparent;}


.hd1 li{float:left; cursor:pointer;}
.hd1 li span{display:block; margin-left:-1px; padding-left:1px; padding:5px 5px; font-size:12px; line-height:20px; text-align:center; background:url(../images/bsdh/title-bg2.png) repeat-x center; border-bottom:1px solid #b0b4b7; border-left:1px solid #b0b4b7; border-right:1px solid #b0b4b7;}
.hd1 li.on span{color:#fff; background-image:url(../images/bsdh/title-bg2-hover.png);}
.hd1-col1 li{width:100% !important;}
.hd1-col2 li{width:50% !important;}
.hd1-col6 li{width:16.66667%;}
.hd1-col5 li{width:20%;}

.bd1{padding:15px;}

.bsfw-table th,
.bsfw-table td{padding:5px 0; font-size:15px; line-height:180%; vertical-align:top; border-bottom:1px dashed #ccc;}
.bsfw-table th{width:12%; min-width:90px; white-space: nowrap;}

.bsfw-table2 thead tr th,
.bsfw-table2 tr td{padding:3px 5px; font-size:14px; line-height:160%;}
.bsfw-table2 thead th{background-color:#e6e7e9; text-align:center; border-left:1px solid #fff; white-space:nowrap;}
.bsfw-table2 thead th:first-child{border-left:none;}
.bsfw-table2 tr td{border-bottom:1px dashed #ccc;}

.bsfw-ps{padding-top:15px; font-size:12px;}

.lct{padding:15px 0;}
.lct img{display:block; margin:0 auto; padding-bottom:30px; background:url(../images/bsdh/ckdt.png) no-repeat bottom;}

.box-niceScroll{margin-top:10px; margin-bottom:10px; overflow:hidden;}
.cjwt{margin-top:-10px; font-size:12px; line-height:2em; text-align: justify; overflow:hidden;}
.cjwt dt{padding:10px 10px 0; color:#1c74bb;}
.cjwt dd{padding:0 10px 10px;}

.infolist.relList{padding:10px;}
.infolist.relList li{padding-top:6px; padding-bottom:6px; line-height: 1.6em;}
.infolist.relList li a{white-space:normal; font-size:12px; padding-left:22px;}
.infolist.relList li a:before{position: absolute; top:-4px; width:14px; height:13px; margin-top: .8em !important; border-radius:0;  background:url(../images/bsdh/bullet1.png) no-repeat 0 0 !important; -webkit-transform: none; -ms-transform: none; transform: none;}

.infolist.relList2{margin-top:-10px;}
.infolist.relList2 li{margin-top:12px;}
.infolist.relList2 li{padding:5px 10px; font-size:12px; background:url(../images/bsdh/title-bg1.png) repeat-x bottom #fff; border:1px solid #b0b4b7;}
.infolist.relList2 li a{text-align:center;}
.infolist.relList2 li a:before{content:normal;}

.menuBox{overflow:hidden;}
.menuBox ul{margin-right:-8px; margin-left:-8px;}
.menuBox li{float:left; width:100%;}
.menuBox li a{position:relative; display:block; margin-right:8px; margin-left:8px;  font-size:12px; line-height:40px; text-align:center; background:url(../images/bsdh/title-bg2.png) repeat-x bottom #fff; border-top:1px solid #b0b4b7; border-right:1px solid #b0b4b7; border-left:1px solid #b0b4b7; border-bottom:2px solid #1c74bb;}
.menuBox li a i{position:relative; display:inline-block; padding-left:27px; font-style:normal; text-align:left;}
.menuBox li a i:before{position:absolute; top:50%; left:0; content:""; margin-top:-12px; width:24px; height:24px; background-image:url(../images/bsdh/icons.png); background-repeat:no-repeat;}
.menuBox li a i.sfzbl:before{background-position:0 0;}
.menuBox li a i.hkbl:before{background-position:0 0;}
.menuBox li a i.bdcdj:before{background-position:0 -24px;}
.menuBox li a i.bzxzfsq:before{background-position:0 -48px;}
.menuBox li a i.gjjdk:before{background-position:0 -72px;}
.menuBox li a:hover{color:#1c74bb;}
.menuBox li a:after{position:absolute; top:50%; right:5%; content:""; margin-top:-8px; width:10px; height:16px; background:url(../images/bsdh/arrow.png) no-repeat 0 0;}
.menuBox li a.normal:after{content:normal;}
.menuBox li a.download{padding:5px;}
.menuBox li a.download:before{display:block; content:""; margin:5px auto 2px; width:24px; height:20px; background:url(../images/bsdh/download.png) no-repeat center;}
.menuBox li a.download font{display:block; line-height:18px;}
.menuBox ul.col4 li{width:25%;}
.menuBox ul.col2 li{width:50%;}

.picsBox li{text-align:center;}

/*户口办理*/
.hkbl .box-niceScroll{height:1708px;}
@media (max-width: 1200px){
  .hkbl .box-niceScroll{height: auto;}
}
.hksb .hd1 li{width:50%;}

.hkqy .hd1 li.li0{width:40%;}
.hkqy .hd1 li.li1{width:38%;}
.hkqy .hd1 li.li2{width:30%;}
.hkqy .hd1 li.li3{width:32%;}
.hkqy .hd1 li.li4{width:30%;}
.hkqy .hd1 li.li5{width:40%;}
.hkqy .hd1 li.li6{width:30%;}

.hkzx .hd1 li.li0{width:25%;}
.hkzx .hd1 li.li1{width:20%;}
.hkzx .hd1 li.li2{width:30%;}
.hkzx .hd1 li.li3{width:25%;}

.hkhf .hd1 li{width:25%;}
.hkhf .hd1 li.li1 span{line-height:40px;}

.hkxxbg .hd1 li{width:25%;}
.hkxxbg .hd1 li.li1{width:50%;}

/*身份证办理*/
.sfzbl .box-niceScroll{height:320px;}
.blsfz .hd1 li{width:33.333%;}
/*.blsfz .hd1 li.li0{width:25%;}
.blsfz .hd1 li.li1{width:25%;}
.blsfz .hd1 li.li2{width:20%;}
.blsfz .hd1 li.li3{width:30%;} */
a.mapbtn{display:block;cursor:pointer;}
.mapbtn img{width:100%;}

.bllssfz .hd1 li{width:16.5%;}
.bllssfz .hd1 li.li0{width:34%;}

.bljzz .hd1 li{width:50%;}


/*公积金贷款*/
.gjjdk .box-niceScroll{height:193px;}

/*保障性住房申请*/
.bzxzfsq .outer-hd li{width:20%;}
.bzxzfsq .outer-hd li a{padding-top:20px; padding-bottom:20px;}
.bzxzfsq .module-box{margin-right:0; margin-left:0;}
.bzxzfsq .module-box .grid{position:relative;}
.bzxzfsq .module-box .grid:before{position:absolute; top:0; bottom:0; left:50%; content:""; width:1px; background-color:#b0b4b7;}
.bzxzfsq .getScroll{padding-right:0;}
.bzxzfsq .box-niceScroll{padding-right:15px; margin-top:0; margin-bottom:0;}
.bzxzfsq #box1 .box-niceScroll{height:220px;}
.bzxzfsq #box3 .box-niceScroll{height:350px;}
.bzxzfsq #box4 .box-niceScroll{height:330px;}




/*老年人福利待遇*/
.lnrfl .outer-hd li{width:33.33333%;}
.lnrfl .outer-hd li a{padding-top:20px; padding-bottom:20px;}
.lnrfl .module-box{margin-right:0; margin-left:0;}
.lnrfl .module-box .grid{position:relative;}
.lnrfl .module-box .grid:before{position:absolute; top:0; bottom:0; left:50%; z-index: 1; content:""; width:1px; height:100%; background-color:#b0b4b7;}
.lnrfl .getScroll{padding-right:0;}
.lnrfl .box-niceScroll{padding-right:15px; margin-top:0; margin-bottom:0;}
.lnrfl #box1 .box-niceScroll{height:218px;}
.lnrfl #box3 .box-niceScroll{height:180px;}

/*生育服务*/
.syfw .box-niceScroll{height:410px;}

@media (max-width: 1200px){
.lnrfl .module-box .grid:before{content: normal;}
.infolist.relList li a{font-size: 1em;}
.infolist.relList li a:before{top: -6px;}
.cjwt{height:auto; font-size:1em;}
.menuBox li a{font-size: 1em;}
}
@media (max-width: 992px){
.bsdh-wrap.container{width:auto;}
.bsdh-wrap .crumb{padding-right:10px; padding-left:10px;}
.bsdh-head{padding-left:0; height:auto; line-height:35px; background-position:top; border-bottom:1px solid #bdd6ea;}
.bsdh-head dt{position:static; padding-left:15px; width:auto; text-align:left; border-bottom:2px solid #226eb9;}
.bsdh-head dd ul li{width:20%;}
.bsdh-head dd ul li a{text-align:center; line-height:35px; border:1px solid #fff; background-color:#ededed;}
.bsdh-head dd ul li a:before{content:normal;}
.outer-hd li{width:33.33333% !important;}
.outer-hd li a{padding-top:10px !important; padding-bottom:10px !important;}
.outer-hd li span{padding-top:10px !important; padding-bottom:10px !important;}
.box-niceScroll{height:auto !important;}
.cjwt dt{padding-right:15px; padding-left:15px;}
.cjwt dd{padding-right:15px; padding-left:15px;}
.relList li h4{font-size:1em;}
.menuBox li a{font-size:1em;}
.bsfw-table th{min-width:80px;}
.bsfw-table th,
.bsfw-table td{font-size:1em;}
.bsfw-ps{font-size:1em;}
.menuBox ul.col4 li{width:50%;}

.bzxzfsq .module-box .grid:before{content:normal;}
.lnrfl .module-box .grid:before{content:normal;}
}

@media (max-width:768px) {
.outer-hd li{width:50%;}

.hd1-col6 li{width:33.33333%;}
.hd1-col5 li{width:33.33333%;}
.hd1-col5 li.li3{width:50%;}
.hd1-col5 li.li4{width:50%;}
	
/*户口办理*/
.hkbl .hd1 li{width:50% !important;}
.hkqy .hd1 li.li6{width:100% !important;}
.hkxxbg .hd1 li.li6{width:100% !important;}

/*身份证办理*/
.sfzbl .hd1 li{width:50% !important;}
.bllssfz .hd1 li.li0{width:100% !important;}

.bzxzfsq .item-box .bd1{overflow-x: auto;}
}



@media (max-width: 680px){
.bsdh-head dd ul li{width:33.33333%;}

.menuBox ul.col4 li{width:100%;}
.menuBox ul.col2 li{width:100%;}

.outer-hd li{width:50% !important;}
}

@media (max-width: 480px){
.outer-hd li{width:100% !important;}
/*户口办理*/
.hkqy .hd1 li{width:100% !important;}
.hkzx .hd1 li{width:100% !important;}
.hkhf .hd1 li{width:100% !important;}
.hkxxbg .hd1 li{width:100% !important;}

/*身份证办理*/
.sfzbl .hd1 li{width:100% !important;}
}

@media (max-width: 380px){
.bsdh-head dd ul li{width:50%;}
}


/*老年版样式*/
body.older .bsdh-head dt{width: 250px; top: 30%;}
body.older .bsdh-head dt font{font-size: 1.5em; padding-left:35px;}
body.older .bsdh-head dt font:before{margin-top:-20px; border:20px solid transparent; border-left-color:#035294;}
body.older .bsdh-head{padding-left: 280px; height: auto; line-height: 60px;}
body.older .bsdh-head dd ul{padding: 5px;}
body.older .bsdh-head dd ul li{width: 50%;}
body.older .bsdh-head dd ul li a{display:block; font-size: 1.375em; padding:.5em; margin:5px; line-height: 1.5em;}
body.older .bsdh-head dd ul li a:before{width:5px; height:30px; margin-top:-15px; content: normal;}
body.older .outer-hd li a{font-size: 1.5em; padding: .3125em .25em; line-height: 1.6em;}
body.older .hd1 li span{font-size: 1.25em; line-height: 50px; background-position:bottom; background-color:#fff;}
body.older .hd1 li.on span{background:url(../images/older/title-bg2-hover.png) center repeat-x;}
body.older .bsfw-table th,
body.older .bsfw-table td{font-size: 1em;}
body.older .bsfw-table th{white-space: nowrap;}
body.older .hksb .hd1 li{width: 50%;}
body.older .hkqy .hd1 li,
body.older .hkzx .hd1 li,
body.older .hkhf .hd1 li,
body.older .hkxxbg .hd1 li,
body.older .blsfz .hd1 li,
body.older .bllssfz .hd1 li,
body.older .bljzz .hd1 li{width: 100% !important;}
body.older .hd1 li span{padding-top:.3125em; padding-bottom:.3125em; max-width: 100%; overflow: hidden; text-overflow: ellipsis;white-space:nowrap;display: block;}
body.older .bsdh-wrap .module-box h3{font-size: 1.5em; background-size: auto 100%;}
body.older .cjwt{font-size: 1em;}
body.older .menuBox ul.col4 li{width:50%;}
body.older .menuBox li a{padding-top:1em; padding-bottom:1em; font-size: 1.25em; line-height: 48px !important;}
body.older .menuBox li a i{padding-left: 60px;}
body.older .menuBox li a i:before{width: 48px; height: 48px; margin-top: -24px; background-image: url(../images/bsdh/icons_older.png); border-radius: 50%;}
body.older .menuBox li a i.bdcdj:before{background-position:0 -48px;}
body.older .menuBox li a i.bzxzfsq:before{background-position:0 -96px;}
body.older .menuBox li a i.gjjdk:before{background-position:0 -144px;}
body.older .menuBox li a.download font{line-height:30px;}
body.older .menuBox li a.download:before{margin-bottom:10px; width:35px; height:30px; background-size:100% 100%;}
body.older .infoList{font-size: 1.125em;}
body.older .hkhf .hd1 li.on span{background:#1c75bc; }
body.older .hkhf .hd1 li span{padding-top:20px; padding-bottom:20px; background: #fbfbfb;}
body.older .hd1-col6 li,body.older .hd1-col5 li{width: 50%;}
body.older .outer-hd li{width: 100% !important;}
body.older .outer-hd li span{font-size:1.25em; line-height: 1.6em;}
body.older .outer-hd li.on span{background:url(../images/older/title-bg3-hover.png) center repeat-x;}
body.older .bzxzfsq .outer-hd li{width: 100%;}
body.older .module-span6{width: 100%;}
body.older .bsdh-wrap .module-box h2{padding: .3125em .5em; font-size: 1.5em;}
body.older .bsdh-wrap .module-box h4.forTitle{font-size: 1.25em; line-height: 1.6em;}
body.older .item-cont{font-size: 1em; line-height: 1.6em;}
body.older .bsfw-table2 thead tr th,body.older .bsfw-table2 tr td{font-size: 1em;}
body.older .zfknj_bable thead tr th,body.older .zfknj_bable tr td{font-size: 1em;}
body.older .sbsx_b{font-size: 1.25em;}
body.older .lnrfl .module-box .grid:before{content:normal;}
body.older .box-niceScroll{height:auto !important;}
body.older .cjwt{line-height: 1.6em;}
body.older .cjwt dt{padding:15px 25px 0;}
body.older .cjwt dd{padding:0 25px 15px;}
body.older .lct{padding:25px 0;}
body.older .bsdh-wrap .module-box .grid{margin:25px;}
body.older .bd1{padding:25px;}
body.older .picsBox img{width:100%;}
body.older .infolist.relList li a{font-size: 1em; padding-left: 35px;}
body.older .infolist.relList li a:before{width: 25px; height: 25px; top: -10px; background-size: 100% 100% !important;}
body.older .infolist.relList2 li{margin-top:.625em; font-size: 1em;}
body.older .infolist.relList2 li a{white-space: normal;}
@media (max-width: 992px){
  body.older .bsdh-head{padding-left: 0; background: none;}
}
@media (max-width: 600px){
  body.older .bsdh-head dd ul li{width: 100%;}	
}
@media (max-width: 450px){
  body.older .outer-hd li span br{display: none;}
  body.older .hd1-col6 li,
  body.older .hd1-col5 li{width: 100%;}
  body.older .menuBox ul.col4 li{width: 100%;}
}