@charset "utf-8";


/* in-service ------------------*/
.in-service { margin-top: 20px; margin-bottom: 20px; padding: 0 ; border: 0; }
.main-service { width: 950px; }
.main-service .node-list li {  margin-right: 23px; }

/* box-platform */
.box-platform { background-color: #f3f3f3; padding: 30px; height: 40px; margin-bottom: 20px;}
.box-platform li { float: left; width: 160px; margin-right: 35px; }
.box-platform li a { display: block; background-color: #fff; height: 40px; line-height: 40px; transition: all 0.5s; letter-spacing: 0;  text-align: center; }
.box-platform li a:hover { background-color: #2F6EA4; color: #fff; letter-spacing: 1.5px; }
.box-platform li.li6 { margin-right: 0; }

/* box-color */
.box-color { margin-bottom: 20px; }
.box-color li { width: 580px; float: left; position: relative; }
.box-color li.li2 { float: right; }
.box-color li a.tit { display: block; height: 100px; line-height: 100px; border: 1px solid #ddeafe;  transition: all 0.5s ease-out 0s; transform: none; font-size: 26px; background:#ebf3ff url(../img/icons-01.png) 45px center no-repeat; padding-left: 150px; width: 428px; }
.box-color li a.tit:hover { letter-spacing: 2px; border-color: #c1d7f9; box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.15);}
.box-color li:hover a { color: #2c61af; }
.box-color li a.more { position: absolute; right: 40px; top: 35px; line-height: 30px; height: 30px; background: url(../img/arrow.png) no-repeat right center; padding-right: 20px; font-size: 14px; }
.box-color li.li2 a.tit { border-color: #fdeed8; background:#fff6ea url(../img/icons-02.png) 45px center no-repeat;}
.box-color li.li2:hover a.tit { border-color: #efcfa1; background-color: #faebd8; }
.box-color li.li2:hover a { color: #f1ab46; }

/* box-service */
.box-service { margin-bottom: 20px; }
.box-service .hd {  overflow: hidden; line-height: 40px; height: 40px; margin-bottom: 20px;}
.box-service .hd h3 { float: left; font-size: 24px; font-weight: bold; }
.box-service .hd h3 span { font-weight: normal; font-size: 16px; padding-left: 15px; }
.box-service .hd a.more { float: right; font-size: 14px; padding-right: 10px; }
.box-service li { float: left; width: 288px; position: relative; margin-right: 16px; }
.box-service li.li4 { margin-right: 0; }
.box-service .pic { overflow: hidden; width: 288px; height: 175px; border-radius: 4px; }
.box-service .pic img { width: 288px; height: 175px; transition: all 0.5s; }
.box-service li:hover .pic img { transform: scale(1.05); }
.box-service .title { position: absolute; top: 157px; left: 50%; margin-left: -70px; font-size: 14px;}
.box-service .title a { display: block; padding-left: 30px; width: 110px; height: 36px; transition: all 0.5s; line-height: 36px; background: #fff url(../img/icons-arrow.png) 85% 9px no-repeat; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); border-radius: 50px; }
.box-service li.li3 .title,.box-service li.li4 .title { margin-left: -85px; }
.box-service li.li3 .title a,.box-service li.li4 .title a { width: 140px; }

.box-service li:hover .title a { color: #fff; background-color: #2F6EA4; background-position: 85% -23px; }

/* 民生领域服务 - 首页 */
.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;
    *display: inline;
    height: 80px;
    margin-bottom: 30px;
    overflow: hidden;
}
#boxMslyfw .mslyfwList .mA1 {
    width: 25%;
    float: left;
    *display: inline;
    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;
    *display: inline;
    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: #0068b7;
}
.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 .a1 {
    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 .a1:hover {
    text-decoration: none;
    color: #3991E6
}
.msfwNodeList .ul1 {
    padding: 10px;
    border-bottom: 1px solid #ECECEC;
    display: none;
}
.msfwNodeList .on1 .a1 {
    color: #3991E6;
    font-weight: bold;
    background-position: 97% -152px;
}
.msfwNodeList .on .a1 {
    background-position: 97% -152px;
}
.msfwNodeList .on1 .ul1,
.msfwNodeList .on .ul1 {
    display: block !important;
}
.msfwNodeList .a2 {
    display: block;
    padding: 5px 0 5px 25%;
    line-height: 22px;
    height: 22px;
}
.msfwNodeList .a2:hover {
    color: #3991E6;
}
.msfwNodeList .on2 .a2 {
    color: #3991E6;
}
/* 民生服务 - 列表页 */
.navList {
    overflow: hidden;
    margin-bottom: 10px;
}
.navList ul {
    margin-right: -2%;
    overflow: hidden;
}
.navList ul li {
    width: 18%;
    float: left;
    *display: inline;
    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;
}