@charset "utf-8";
/* 政务服务首页 ----------------------------------- */
.serviceIndex .side { width: 250px; float: right;}
.serviceIndex .mainContent { width: 890px; float: left;}
.bsList-bgxzSideList { height: 150px;}
.bsList-bgxzSideList li { width: 178px; height: 130px; margin: 0 12px 20px 0;}
.bsList-bgxzSideList a { height: 130px; font-size: 18px;}
.bsList-bgxzSideList i { height: 85px; background: url(../../base/img/ggfw.png) center -3px no-repeat;}
.bsList-bgxzSideList .li2 i { background-position: center -103px}
.nodeList li { width: 118px; overflow: hidden; font-size: 16px;}
.nodeList-dept li { width: 183px;}
.nodeList-yqbs li { width: 224px;}
.box .hd .prev,
.box .hd .next { display: block; position: absolute; right: 29px; top: 10px; width: 22px; height: 22px; background: url(../../base/img/icons.png) 0 -1248px no-repeat;}
.box .hd .next { background-position: 0 -1223px; right: 0;}
.box .hd .prevStop { background-position: 0 -1199px;}
.box .hd .nextStop { background-position: 0 -1174px;}
.js-slide2 .bd { height: 46px;}
#sideBszn .bd,
#sideBsgg .bd { height: 180px;}

/* js-slide1 */
.js-slide1 .bd { }
.js-slide1 .nodeList li{width:130px; height:40px; line-height:40px; margin-right:22px; margin-bottom:22px;}
.js-slide1 .nodeList li:nth-child(6n){margin-right:0}
.js-slide1 .nodeList li a{display:block; height:40px;}

/* serviceColumn */
.serviceColumn .cHd{height:40px; }
.serviceColumn .cHd {  overflow: hidden; line-height: 40px; height: 40px; margin-bottom: 20px;}
.serviceColumn .cHd h3 { float: left; font-size: 24px; font-weight: bold; }
.serviceColumn .cHd h3 span { font-weight: normal; font-size: 16px; padding-left: 15px; }
.serviceColumn .cHd a.more { float: right; font-size: 14px; padding-right: 10px; color:#999999 }

/* serviceColumnA */
.serviceColumnA{overflow:hidden; margin-bottom:30px;}
.serviceColumnA .areaL{width:890px; float:left; height:280px; overflow:hidden;}
.serviceColumnA .areaR{width:250px; float:right;}
.serviceColumnA .areaR .links li{margin-bottom:20px;}
.serviceColumnA .areaR .links li:last-child{margin-bottom:0px;}
.serviceColumnA .areaR .links li img{width:100%; height:auto;}
.serviceColumnA .box{margin-bottom:0px;}
.serviceColumnA .box .hd .more{background:#005CAB; padding:0 15px; color:#fff;}

/* serviceColumnB */
.serviceColumnB{margin-bottom:30px;}
.serviceColumnB .links{overflow:hidden}
.serviceColumnB .links li{width:560px; float:left;}
.serviceColumnB .links li a{display:block; height:98px;line-height:98px;background: #EBF3FF url(../../base/img/icon-bjgs.png) 25px 50% no-repeat;border:1px solid #D7E3F6;padding-left:124px; font-size:24px; color:#222222; position:relative; transition: all 0.5s ease-out 0s;}
.serviceColumnB .links li a::after{content:""; display:block; width:60px; height:60px; background:#fff url(../../base/img/icon-bjgs-more.png) 50% 50% no-repeat;; position:absolute; right:20px; top:19px; border-radius:50%; }
.serviceColumnB .links li a:hover{text-decoration:none; letter-spacing: 2px;}
.serviceColumnB .links li.li2{float:right;}
.serviceColumnB .links li.li2 a{background-color:#FFF6EA; border-color:#F2EAE0; background-image:url(../../base/img/icon-zwfwhcp.png)}
.serviceColumnB .links li.li2 a::after{background-image:url(../../base/img/icon-zwfwhcp-more.png)}

/* serviceColumnC */
.serviceColumnC{background:#F3F6FA; padding:20px;margin-bottom:30px;}
.serviceColumnC .links{overflow:hidden;}
.serviceColumnC .links li{width:170px; float:left; margin-right:20px;}
.serviceColumnC .links li:last-child{margin-right:0px;}
.serviceColumnC .links li a{display:block; text-align:center; height:46px; line-height:46px; background:#fff; transition:0.5s; color:#005CAB;}
.serviceColumnC .links li a:hover{text-decoration:none; background:#005CAB; color:#fff;}

/* serviceColumnD */
.serviceColumnD{margin-bottom:30px;}
.serviceColumnD .links{overflow:hidden}
.serviceColumnD .links li{width:260px; height:178px; float:left; margin-right:40px; border-radius:5px; overflow:hidden; position:relative;}
.serviceColumnD .links li:last-child{margin-right:0;}
.serviceColumnD .links li .pic{overflow:hidden;}
.serviceColumnD .links li .pic img{width:100%; height:auto;}
.serviceColumnD .links li .tit{display:block;height:38px; bottom:20px;left:0;background: #fff url(../../base/img/icon-arrow.png) 18px 15px no-repeat;position:absolute;line-height:38px;padding-left:43px; padding-right:50px; border-radius: 0 19px 19px 0; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25); transition:0.5s;}
.serviceColumnD .links li:hover .tit{ letter-spacing: 2px; text-decoration:none;}

/* serviceColumnE */
.serviceColumnE .cHd{margin-bottom:10px}
.serviceColumnE .links{overflow:hidden; padding-top:10px;}
.serviceColumnE .links li{width:210px; float:left; margin-right:25px;background: linear-gradient(180deg, #EAECFF 0%, #F5F9FF 100%); border:1px solid #D3E2FB; border-radius:5px; position:relative; transition:0.5s; top:0;}
.serviceColumnE .links li:hover{top:-5px;}
.serviceColumnE .links li:last-child{margin-right:0;}
.serviceColumnE .links li a{display:block; padding:28px 28px 0; height:80px; background:url(../../base/img/icon-qzqd.png) 150px 15px no-repeat; overflow:hidden; }
.serviceColumnE .links li .s1{display:block; height:26px; line-height:26px; font-size:16px; font-weight:bold; margin-bottom:10px; color:#333;}
.serviceColumnE .links li .s2{display:block; height:20px; line-height:20px; font-size:14px; color:#777777; }
.serviceColumnE .links li a:hover{text-decoration:none; }
.serviceColumnE .links li.li2{background: linear-gradient(180deg, #EAECFF 0%, #FEEBE8 0.01%, #FFF4F3 100%); border: 1px solid #F7DFDB;}
.serviceColumnE .links li.li2 a{background-image:url(../../base/img/icon-xzqlqd.png)}
.serviceColumnE .links li.li3{background: linear-gradient(180deg, #F8F0DE 0%, #FFFBF3 100%); border: 1px solid #F2E1C4;}
.serviceColumnE .links li.li3 a{background-image:url(../../base/img/icon-ggfwsxqd.png)}
.serviceColumnE .links li.li4{background: linear-gradient(180deg, #DCF1EF 0%, #E7F6F5 100%); border: 1px solid #CFE9E7;}
.serviceColumnE .links li.li4 a{background-image:url(../../base/img/icon-zdpycfwqd.png)}
.serviceColumnE .links li.li5{background: linear-gradient(180deg, #D9ECFC 0%, #F2F8FC 100%); border: 1px solid #D9ECFC;}
.serviceColumnE .links li.li5 a{background-image:url(../../base/img/icon-bjmblsxqd.png)}

/* 民生领域服务 - 首页 */
.msfwBanner { width: 100%; margin-bottom: 20px; height: auto;}
.msfwBanner img { width: 100%; height: auto;}
#boxMslyfw { margin-bottom: 0px;}
#boxMslyfw .bd { padding: 20px; overflow: hidden; background: #fff; border: 1px solid #E1E1E1; border-top: none;}
#boxMslyfw .mslyfwList { margin-right: -2%; overflow: hidden;}
#boxMslyfw .mslyfwList .mLi1 { width: 48%; margin-right: 2%; float: left; height: 80px; margin-bottom: 30px; overflow: hidden;}
#boxMslyfw .mslyfwList .mA1 { width: 25%; float: left; height: 70px; background: #9dc161; margin-right: 2%; transition: all .5s; padding-top: 10px}
#boxMslyfw .mslyfwList .mA1:hover { text-decoration: none;}
#boxMslyfw .mslyfwList .mA1 i { width: 100%; height: 42px; display: block; background-repeat: no-repeat; background-position: 50% 8px; transition: all .5s; background-image: url(../img/icons-msfw.png);}
#boxMslyfw .mslyfwList .mA1:hover i { transform: rotateY(180deg);}
#boxMslyfw .mslyfwList .mA1 span { display: block; height: 28px; line-height: 28px; text-align: center; color: #fff;}
#boxMslyfw .mslyfwList .mUl2 { overflow: hidden;}
#boxMslyfw .mslyfwList .mUl2 li { height: 40px; float: left; width: 25%; text-align: left; line-height: 40px;}
#boxMslyfw .mslyfwList #mAID_msfw { background-color: #d8c87a;}
#boxMslyfw .mslyfwList #mAID_jyfw { background-color: #9dc161;}
#boxMslyfw .mslyfwList #mAID_sbfw { background-color: #dd8383;}
#boxMslyfw .mslyfwList #mAID_jyfw1 { background-color: #61a4c1;}
#boxMslyfw .mslyfwList #mAID_ylfw { background-color: #5f86bf;}
#boxMslyfw .mslyfwList #mAID_jtfw { background-color: #61c16a;}
#boxMslyfw .mslyfwList #mAID_zzrd { background-color: #5CBAE6;}
#boxMslyfw .mslyfwList #mAID_zjbl { background-color: #bf9461;}
#boxMslyfw .mslyfwList #mAID_qykb { background-color: #61a4c1;}
#boxMslyfw .mslyfwList #mAID_jyns { background-color: #C5638C;}
#boxMslyfw .mslyfwList #mAID_hysy { background-color: #C16072;}
#boxMslyfw .mslyfwList #mAID_gysy { background-color: #d8c87a;}
#boxMslyfw .mslyfwList #mAID_zdfwx { background-color: #A1DD83;}
#boxMslyfw .mslyfwList #mAID_zffw { background-color: #60b7c1;}
#boxMslyfw .mslyfwList #mAID_msfw i { background-position: 50% 8px;}
#boxMslyfw .mslyfwList #mAID_jyfw i { background-position: 50% -119px;}
#boxMslyfw .mslyfwList #mAID_sbfw i { background-position: 50% -246px;}
#boxMslyfw .mslyfwList #mAID_jyfw1 i { background-position: 50% -376px;}
#boxMslyfw .mslyfwList #mAID_ylfw i { background-position: 50% -503px;}
#boxMslyfw .mslyfwList #mAID_jtfw i { background-position: 50% -629px;}
#boxMslyfw .mslyfwList #mAID_zzrd i { background-position: 50% -758px;}
#boxMslyfw .mslyfwList #mAID_zjbl i { background-position: 50% -884px;}
#boxMslyfw .mslyfwList #mAID_qykb i { background-position: 50% -1011px;}
#boxMslyfw .mslyfwList #mAID_jyns i { background-position: 50% -1136px;}
#boxMslyfw .mslyfwList #mAID_hysy i { background-position: 50% -1266px;}
#boxMslyfw .mslyfwList #mAID_gysy i { background-position: 50% -1392px;}
#boxMslyfw .mslyfwList #mAID_zdfwx i { background-position: 50% -1519px;}
#boxMslyfw .mslyfwList #mAID_zffw i { background-position: 50% -1662px;}

/* 民生服务 - 侧栏 */
.msfwSideMenu .hd { height: 50px; background: #015CAB;}
.msfwSideMenu .hd h3 { display: block; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 20px;}
.msfwSideMenu .hd h3 a { color: #fff;}
.msfwSideMenu .hd i { display: none;}
.msfwSideMenu .bd { overflow: hidden; border: 1px solid #ECECEC; border-top: 0;}
.msfwNodeList li { vertical-align: top;}
.msfwNodeList .a2 { height: 44px; line-height: 44px; display: block; overflow: hidden; border-bottom: 1px solid #ECECEC; padding: 0 5% 0 25%; font-size: 16px; background: url(../../base/img/gov-zdly.png) 97% -210px no-repeat;}
.msfwNodeList .a2:hover { text-decoration: none; color: #3991E6}
.msfwNodeList .ul2 { padding: 10px; border-bottom: 1px solid #ECECEC; display: none;}
.msfwNodeList .on2 .a2 { color: #3991E6; font-weight: bold; background-position: 97% -152px;}
.msfwNodeList .on .a2 { background-position: 97% -152px;}
.msfwNodeList .on1 .ul2,
.msfwNodeList .on .ul2 { display: block !important;}
.msfwNodeList .a3 { display: block; padding: 5px 0 5px 25%; line-height: 22px; height: 22px;}
.msfwNodeList .a3:hover { color: #3991E6;}
.msfwNodeList .on3 .a3 { color: #3991E6;}

/* 民生服务 - 列表页 */
.navList { overflow: hidden; margin-bottom: 10px;}
.navList ul { margin-right: -2%; overflow: hidden;}
.navList ul li { width: 18%; float: left; margin-right: 2%; height: 45px; margin-bottom: 10px;}
.navList ul li a { display: block; height: 43px; line-height: 43px; text-align: center; overflow: hidden; border: 1px solid #ececec; background: #fff;}
.navList ul li.on1 a,
.navList ul li a:hover { color: #fff; background: #2463ad; text-decoration: none;}