@charset "utf-8";
body{color: #333; background: #fff;}
a{color: #000;}

.ztfw-header{position: relative; height: 572px; background-repeat: no-repeat; background-position: center top;}
@media (max-width:1400px) {
  .ztfw-header{background-size: 135% auto; height: auto; padding-bottom: 32%;}	
}
@media (max-width:992px) {
  .ztfw-header{height: auto; padding-bottom: 0; background: #f69560;}	
}
.ztfw-header-banner-m{display: none;}
@media (max-width:992px) {
  .ztfw-header-banner-m{display: block;}	
}

.ztfw-header-toolbar{color: #fff;}
.ztfw-header-toolbar > .container{position: relative; z-index: 2;}
.ztfw-header-toolbar > .container > .fr{position: absolute; top: 0; right: 0;}
.ztfw-header-toolbar .menus li{float: left; position: relative; margin-right: 1.125em;}
.ztfw-header-toolbar .menus li:last-child{margin-right: 0;}
.ztfw-header-toolbar .menus li > a{display: inline-block; font-size: 1em; line-height: 50px; color: #fff;}
.ztfw-header-toolbar .menus li > a i{display: inline-block; vertical-align: middle; width: 26px; height: 26px; background-position: center center; background-repeat: no-repeat;}
.ztfw-header-toolbar .menus li > a i img{display: block; width: 100%; height: 100%;}
.ztfw-header-toolbar .menus li > b{float: left; padding-right: .625em; padding-left: .625em;}
.ztfw-header-toolbar .menus li.wza a i{background-image: url(../images/header_icon_wza_b.png);}
.ztfw-header-toolbar .menus li.zzb a i{background-image: url(../images/header_icon_slh_b.png);}
.ztfw-header-toolbar .menus li.button > a{color: #fff; padding: 0 .75em; background: url(/qxzgb/ztfw/blank_black_opa15.png);}
.ztfw-header-toolbar .menus li.button > a:hover span{opacity: 1; filter: alpha(opacity=100);}
@media (max-width:992px) {
  .ztfw-header-toolbar .menus li > a{font-size: .9375em;}
}
@media (max-width:868px) {
  .ztfw-header-toolbar > .w1400 .fl{margin-left: -10px;}
}
@media (max-width:414px) {
  .ztfw-header-toolbar .menus li > a i.none{display: none;}
}
.ztfw-header-toolbar .islogo{width: 29.36%; min-width: 186px;}
.ztfw-header-toolbar .islogo a{display: block; margin-top: 12px;}

.ztfw-header-mainnav{position: relative; margin-top: 10px;}
.ztfw-header-mainnav:after{position: absolute; right: 0; bottom: 0; left: 0; content: ""; height: 1px; background: #fff; opacity: .35; filter: alpha(opacity=35);}
.ztfw-header-mainnav ul li{float: left; width: 20%; position: relative; z-index: 5; text-align: center;}
.ztfw-header-mainnav ul li a{display: block; position: relative; z-index: 2; color: #fff; line-height: 66px; font-size: 1.5em; text-align:center; transition: .3s;}
.ztfw-header-mainnav ul li a span{position: relative; display: inline-block; vertical-align: top;}
.ztfw-header-mainnav ul li a span:after{position: absolute; right: 0; bottom: -1px; left: 0; content: ""; width: 0; margin: 0 auto; height: 3px; background: #fff; transition: all .3s;}
.ztfw-header-mainnav ul li a:hover{color: #fff;}
.ztfw-header-mainnav ul li a:hover span:after{width: 100%;}
.ztfw-header-mainnav ul li.on a{color: #fff;}
.ztfw-header-mainnav ul li.on a span:after{width: 100%;}
@media (max-width:1400px) {
  .ztfw-header-mainnav{margin-top: 0;}	
  .ztfw-header-mainnav ul li a{font-size: 1.375em; line-height: 60px;}
}
@media (max-width:992px){
  .ztfw-header-mainnav ul li a{font-size: 1.25em;}
}
@media (max-width:768px){
  .ztfw-header-mainnav .w1400{padding-right: 0 !important; padding-left: 0 !important;}
  .ztfw-header-mainnav ul{margin-right: 0; margin-left: 0;}
  .ztfw-header-mainnav ul li a{font-size: 1.125em;}
}
@media (max-width:450px){
  .ztfw-header-mainnav{padding: 5px 0; overflow: hidden;}
  .ztfw-header-mainnav ul{margin-right: -2px; margin-left: -2px;}
  .ztfw-header-mainnav ul li{width: 33.33333%;}
  .ztfw-header-mainnav ul li a{margin: 2px; font-size: 1.0625em; color: #fff; line-height: 38px; height: auto;}
  .ztfw-header-mainnav ul li a i{margin-top: 8px;}
  .ztfw-header-mainnav ul li a span{z-index: 2;}
  .ztfw-header-mainnav ul li a span:after{content: normal;}
  .ztfw-header-mainnav ul li a:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: #fff; opacity: .1; filter: alpha(opacity=10);}
  .ztfw-header-mainnav ul li.on a{color: #fff; font-weight: bold;}
  .ztfw-header-mainnav ul li.on a:after{opacity: .35; filter: alpha(opacity=35);}
}


.tab-hd-in{margin-bottom: 15px; margin-left: -10px; overflow: hidden;}
.tab-hd-in li{float: left;}
.tab-hd-in li a{display: block; padding: .3125em .625em; margin-top: 5px; margin-left: 10px; min-width: 4em; line-height: 1.375em; text-align: center; white-space: nowrap; background: #f0f0f0; border: 1px solid #dbd9d9; border-radius: 5px;}
.tab-hd-in li.on a{color: #000; background: #fff;}

.bssxlist{margin-top: -15px;}
.bssxlist > li{position: relative; padding: .875em 8em .875em .625em; line-height: 1.6em; overflow: hidden; vertical-align: top;}
.bssxlist > li > .caption{float: left; position: relative; max-width:100%; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;}
.bssxlist > li,
.bssxlist > li > .caption{-moz-box-sizing: border-box; -welit-box-sizing: border-box; box-sizing: border-box;}
.bssxlist > li > .button{position: absolute; top: 50%; right: .875em; margin-top: -1.1125em;}
.bssxlist > li > .button a{display: inline-block; vertical-align: top; height: 1.5em; line-height: 1.5em; font-size: .9375em; padding: .3625em .875em; line-height: 1.5em; color: #a6a6a6; border: 1px solid #a6a6a6; background: #fff; border-radius: 6px;}
.bssxlist > li a br{display: none;}
.bssxlist > li:nth-child(even){background: #f2f2f2;}
@media (max-width:480px) {
  .bssxlist > li{padding-right: .625em;}
  .bssxlist > li > .caption{float: none; white-space: normal;}
  .bssxlist > li > .button{position: static; display: block; margin-top: .75em; text-align: left;}
  .bssxlist > li > .button a{padding: .125em .625em; margin-right: .5em;}
  .bssxlist > li > .button a:last-child{margin-right: 0;}
}


.comlist li{padding-top: .5em; padding-bottom: .5em; line-height: 1.6em; overflow: hidden; vertical-align: top;}
.comlist li .caption{position: relative; zoom: 1;}
.comlist li .caption a{float: left; padding-left: 1.25em; position: relative; max-width:100%; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;}
.comlist li .caption a br{display: none;}
.comlist li .caption a:before{position: absolute; top: -4px; left: 0; margin-top: .8em; content: ""; width: 8px; height: 8px; background: #ccc; background-repeat: no-repeat; background-position: 0 0; border-radius: 50%;}
.comlist li .caption .time{position: absolute; top: auto; right: 0; margin: auto 0; font-size: .9375em; color: #999;}
.comlist.md li .caption{padding-right: 4.25em;}
.comlist.ymd li .caption{padding-right: 6.25em;}
.comlist li:hover a:before{background: #005293;}
.comlist li .caption:before,
.comlist li .caption:after{display: table; line-height: 0; content: "";}
.comlist li .caption:after {clear: both;}
.comlist li .desc{display: none; margin-top: .875em; margin-left: 1.25em; padding: 1em 1.5em; line-height: 2.25em; text-align: justify; border-radius: 10px;}
.comlist li .desc dd{margin-left: 2.25em;}
.comlist li .desc:before{position: absolute; top: auto; left: auto; content: "答"; margin-top: .375em; width: 1.5em; color: #fff; text-align: center; line-height: 1.5em; border-radius: 5px;}
@media (max-width:768px) {
  .comlist li .desc{padding: .875em 1.125em;}
}
@media (max-width:480px) {
  .comlist li .desc{padding: .625em; line-height: 1.875em; font-size: .9375em;}	
  .comlist li .desc dd{margin-left: 0; text-indent: 1.875em;}
  .comlist li .desc:before{margin-top: 0.1875em;}
}


/*公积金服务*/
.gjjfw a:hover{color: #f17b55;}
.gjjfw .ztfw-header{background-image: url(/qxzgb/ztfw/gjj_header_banner.png);}
@media (max-width:992px) {
  .gjjfw .ztfw-header{background: #f69560;}	
}
.gjjfw .tab-brief.square > .hd li.on:before{background: #ff8d1a;}
.gjjfw .tab-hd-in li.on a{border-color: #ffc68d;}
.gjjfw .comlist li .caption a:before{background: #f5e5d5;}
.gjjfw .comlist li:hover .caption > *{transition: all .3s; color: #f17b55;}
.gjjfw .comlist li:hover .caption a:before{background: #f17b55;}
.gjjfw .m-com-more a{color: #f36849; background: #fefaf7;}
.gjjfw .bssxlist > li:hover > .caption{color: #ff972e;}
.gjjfw .bssxlist > li:hover > .button a{color: #ff972e; border-color: #f36849;}
.gjjfw .comlist li .desc{color: #f36849; background: #fdfaf7;}
.gjjfw .comlist li .desc:before{color: #fdfaf7; background: #f36849;}
.gjjfw .xgtj .imagelist ul li a .place{padding-top: 41.38%;}
@media (max-width:768px) {
  .gjjfw .xgtj .imagelist ul li{width: 50%;}	
}
@media (max-width:480px) {
  .gjjfw .bssxlist > li{padding-right: .625em;}
  .gjjfw .bssxlist > li > .caption{float: none; white-space: normal;}
  .gjjfw .bssxlist > li > .button{position: static; display: block; margin-top: .75em; text-align: left;}
  .gjjfw .bssxlist > li > .button a{padding: .125em .625em; margin-right: .5em;}
  .gjjfw .bssxlist > li > .button a:last-child{margin-right: 0;}
  .gjjfw .bssxlist > li:hover > .caption{color: #f36849;}
  .gjjfw .bssxlist > li:hover > .button a{color: #fff; background: #f36849; border-color: #f36849;}
}

/*医疗保险服务*/
.ylbxfw a:hover{color: #35a697;}
.ylbxfw .ztfw-header{background-image: url(/qxzgb/ztfw/ylbx_header_banner.png);}
@media (max-width:992px) {
  .ylbxfw .ztfw-header{background: #41c6Cb;}	
}
.ylbxfw .tab-brief.square > .hd li.on:before{background: #4cb9b1;}
.ylbxfw .tab-hd-in li.on a{border-color: #64c2bc;}
.ylbxfw .comlist li .caption a:before{background: #beebe5;}
.ylbxfw .comlist li:hover .caption > *{transition: all .3s; color: #35a697;}
.ylbxfw .comlist li:hover .caption a:before{background: #35a697;}
.ylbxfw .m-com-more a{color: #35a697; background: #e9f3f2;}
.ylbxfw .bssxlist > li:hover > .caption{color: #35a697;}
.ylbxfw .bssxlist > li:hover > .button a{color: #2e9486; border-color: #64c2bc;}
.ylbxfw .comlist li .desc{color: #35a697; background: #e9f3f2;}
.ylbxfw .comlist li .desc:before{color: #e9f3f2; background: #129c69;}
.ylbxfw .xgtj .imagelist ul li a .place{padding-top: 123.38%;}
@media (max-width:768px) {
  .ylbxfw .xgtj .imagelist ul li{width: 50%;}	
}
@media (max-width:480px) {
  .ylbxfw .bssxlist > li{padding-right: .625em;}
  .ylbxfw .bssxlist > li > .caption{float: none; white-space: normal;}
  .ylbxfw .bssxlist > li > .button{position: static; display: block; margin-top: .75em; text-align: left;}
  .ylbxfw .bssxlist > li > .button a{padding: .125em .625em; margin-right: .5em;}
  .ylbxfw .bssxlist > li > .button a:last-child{margin-right: 0;}
  .ylbxfw .bssxlist > li:hover > .caption{color: #35a697;}
  .ylbxfw .bssxlist > li:hover > .button a{color: #fff; background: #35a697; border-color: #35a697;}
}
@media (max-width:414px) {
  .ylbxfw .xgtj .imagelist ul li{width: 100%;}	
}

/*灵活就业服务*/
.lhjyfw a:hover{color: #0b469e;}
.lhjyfw .ztfw-header{background-image: url(/qxzgb/ztfw/lhjy_header_banner.png);}
@media (max-width:992px) {
  .lhjyfw .ztfw-header{background: #80b7fa;}	
}
.lhjyfw .tab-brief.square > .hd li.on:before{background: #6da2f2;}
.lhjyfw .tab-hd-in li.on a{border-color: #3779ea;}
.lhjyfw .comlist li .caption a:before{background: #d4e3fc;}
.lhjyfw .comlist li:hover .caption > *{transition: all .3s; color: #0b469e;}
.lhjyfw .comlist li:hover .caption a:before{background: #0b469e;}
.lhjyfw .m-com-more a{color: #3779ea; background: #eaf0fc;}
.lhjyfw .bssxlist > li:hover > .caption{color: #3779ea;}
.lhjyfw .bssxlist > li:hover > .button a{color: #3779ea; border-color: #3779ea;}
.lhjyfw .comlist li .desc{color: #0b469e; background: #eaf0fc;}
.lhjyfw .comlist li .desc:before{color: #eaf0fc; background: #6da2f2;}
.lhjyfw .xgtj .imagelist ul li a .place{padding-top: 9%;}
@media (max-width:640px) {
  .lhjyfw .xgtj .imagelist ul li a .place{padding-top: 0;}
  .lhjyfw .xgtj .imagelist ul li a .place .pic{position: static; margin-right: -60%; margin-left: -12%;}
}
@media (max-width:480px) {
  .lhjyfw .bssxlist > li{padding-right: .625em;}
  .lhjyfw .bssxlist > li > .caption{float: none; white-space: normal;}
  .lhjyfw .bssxlist > li > .button{position: static; display: block; margin-top: .75em; text-align: left;}
  .lhjyfw .bssxlist > li > .button a{padding: .125em .625em; margin-right: .5em;}
  .lhjyfw .bssxlist > li > .button a:last-child{margin-right: 0;}
  .lhjyfw .bssxlist > li:hover > .caption{color: #3779ea;}
  .lhjyfw .bssxlist > li:hover > .button a{color: #fff; background: #3779ea; border-color: #3779ea;}
}

/*社会保险服务*/
.shbxfw a:hover{color: #3779ea;}
.shbxfw .ztfw-header{background-image: url(/qxzgb/ztfw/shbx_header_banner.png);}
@media (max-width:992px) {
  .shbxfw .ztfw-header{background: #1a64f7;}	
}
.shbxfw .tab-brief.square > .hd li.on:before{background: #3779ea;}
.shbxfw .tab-hd-in li.on a{border-color: #3779ea;}
.shbxfw .comlist li .caption a:before{background: #d4e3fc;}
.shbxfw .comlist li:hover .caption > *{transition: all .3s; color: #0b469e;}
.shbxfw .comlist li:hover .caption a:before{background: #0b469e;}
.shbxfw .m-com-more a{color: #3779ea; background: #eaf0fc;}
.shbxfw .bssxlist > li:hover > .caption{color: #3779ea;}
.shbxfw .bssxlist > li:hover > .button a{color: #3779ea; border-color: #3779ea;}
.shbxfw .comlist li .desc{color: #00348f; background: #eaf0fc;}
.shbxfw .comlist li .desc:before{color: #eaf0fc; background: #00348f;}
.shbxfw .xgtj .imagelist ul li a .place{padding-top: 21.76%;}
@media (max-width:640px) {
  .shbxfw .xgtj .imagelist ul li a .place{padding-top: 0;}
  .shbxfw .xgtj .imagelist ul li a .place .pic{position: static; margin-right: -60%; margin-left: -12%;}
}
@media (max-width:480px) {
  .shbxfw .bssxlist > li{padding-right: .625em;}
  .shbxfw .bssxlist > li > .caption{float: none; white-space: normal;}
  .shbxfw .bssxlist > li > .button{position: static; display: block; margin-top: .75em; text-align: left;}
  .shbxfw .bssxlist > li > .button a{padding: .125em .625em; margin-right: .5em;}
  .shbxfw .bssxlist > li > .button a:last-child{margin-right: 0;}
  .shbxfw .bssxlist > li:hover > .caption{color: #3779ea;}
  .shbxfw .bssxlist > li:hover > .button a{color: #fff; background: #3779ea; border-color: #3779ea;}
}

/*企业开办服务*/
.qykbfw a:hover{color: #3779ea;}
.qykbfw .ztfw-header{background-image: url(/qxzgb/ztfw/qykb_header_banner.png);}
@media (max-width:992px) {
  .qykbfw .ztfw-header{background: #3995ea;}	
}
.qykbfw .tab-brief.square > .hd li.on:before{background: #4c9feb;}
.qykbfw .tab-hd-in li.on a{border-color: #3779ea;}
.qykbfw .comlist li .caption a:before{background: #d4e3fc;}
.qykbfw .comlist li:hover .caption > *{transition: all .3s; color: #0b469e;}
.qykbfw .comlist li:hover .caption a:before{background: #0b469e;}
.qykbfw .m-com-more a{color: #3779ea; background: #eaf0fc;}
.qykbfw .bssxlist > li:hover > .caption{color: #3779ea;}
.qykbfw .bssxlist > li:hover > .button a{color: #3779ea; border-color: #3779ea;}
.qykbfw .comlist li .desc{color: #3264af; background: #eaf0fc;}
.qykbfw .comlist li .desc:before{color: #eaf0fc; background: #4c9feb;}
.qykbfw .xgtj .imagelist ul li a .place{padding-top: 9%;}
@media (max-width:640px) {
  .qykbfw .xgtj .imagelist ul li a .place{padding-top: 0;}
  .qykbfw .xgtj .imagelist ul li a .place .pic{position: static; margin-right: -70%; margin-left: -30%;}
}
@media (max-width:480px) {
  .qykbfw .bssxlist > li{padding-right: .625em;}
  .qykbfw .bssxlist > li > .caption{float: none; white-space: normal;}
  .qykbfw .bssxlist > li > .button{position: static; display: block; margin-top: .75em; text-align: left;}
  .qykbfw .bssxlist > li > .button a{padding: .125em .625em; margin-right: .5em;}
  .qykbfw .bssxlist > li > .button a:last-child{margin-right: 0;}
  .qykbfw .bssxlist > li:hover > .caption{color: #3779ea;}
  .qykbfw .bssxlist > li:hover > .button a{color: #fff; background: #3779ea; border-color: #3779ea;}
}


.dhfw-map{height: 600px}