body { background-color: #f5f5f5;}

.service-wrap { width: 1200px; margin: 50px auto 30px; overflow: hidden;}
.service-head { font-size: 0; text-align: center;}
.service-head li { display: inline-block; *display: inline; zoom: 1; margin: 0 10px;}
.service-head li a { display: block; border: 2px solid #e5e5e5; border-radius: 5px; width: 176px; height: 56px; background: #fff; font-size: 24px; text-align: center; line-height: 56px;}
.service-head li.on a,.service-head li a:hover { background: #0c5dcb; border-color: #0c5dcb; color: #fff; font-weight: bold;}

.service-theme { background: #fff; padding: 30px; margin-top: 40px; overflow: hidden;}

.service-tit { line-height: 30px; overflow: hidden;}
.service-tit h2 { float: left; border-left: 4px solid #0c5dcb; font-size: 20px; padding-left: 20px; line-height: 1; margin-top: 5px;}
.service-tit .hd { float: left; border-left: 4px solid #0c5dcb;}
.service-tit .hd li { float: left; font-size: 20px; padding: 0 20px; line-height: 1;}
.service-tit .hd li.on { font-weight: bold;}
.service-tit .right { float: right;}
.service-tit .right li { float: left;}
.service-tit .right li a { display: block; line-height: 30px; padding: 0 15px; margin-left: 10px;}
.service-tit .right li.on a { background: #0c5dcb; color: #fff;}
.service-tit .more { float: right; border: 1px solid #e5e5e5; line-height: 24px; padding: 0 10px; color: #999; margin-top: 3px;}
.service-tit .more:hover { border-color: #0c5dcb; color: #0c5dcb;}
.service-tit .enter { float: right;}

.service-theme-list { width: 1160px; overflow: hidden;}
.service-theme-list .service-theme-item { float: left; width: 270px; height: 212px; background: #eef5ff; margin: 20px 20px 0 0; overflow: hidden;}
.service-theme-list .service-theme-item span { display: block; font-size: 20px; font-weight: bold; text-align: center; line-height: 1;}
.service-theme-list .service-theme-item i { display: block; width: 100px; height: 100px; margin: 30px auto 15px; background: no-repeat center center;}

.service-theme-list .service-theme-item.on,.service-theme-list .service-theme-item:hover { background: #0c5dcb;}
.service-theme-list .service-theme-item.on span,.service-theme-list .service-theme-item:hover span { color: #fff;}

.service-theme-list .service-theme-item i.cjr1 { background-image: url(../images/2020cl_bsfw_cjr_icon1.png);}
.service-theme-list .service-theme-item i.cjr2 { background-image: url(../images/2020cl_bsfw_cjr_icon2.png);}
.service-theme-list .service-theme-item i.cjr3 { background-image: url(../images/2020cl_bsfw_cjr_icon3.png);}
.service-theme-list .service-theme-item i.cjr4 { background-image: url(../images/2020cl_bsfw_cjr_icon4.png);}
.service-theme-list .service-theme-item i.cjr5 { background-image: url(../images/2020cl_bsfw_cjr_icon5.png);}
.service-theme-list .service-theme-item i.cjr6 { background-image: url(../images/2020cl_bsfw_cjr_icon6.png);}
.service-theme-list .service-theme-item i.cjr7 { background-image: url(../images/2020cl_bsfw_cjr_icon7.png);}
.service-theme-list .service-theme-item i.cjr8 { background-image: url(../images/2020cl_bsfw_cjr_icon8.png);}
.service-theme-list .service-theme-item i.cjr9 { background-image: url(../images/2020cl_bsfw_cjr_icon9.png);}
.service-theme-list .service-theme-item i.cjr10 { background-image: url(../images/2020cl_bsfw_axrs_icon3.png);}
.service-theme-list .service-theme-item.on i.cjr1,.service-theme-list .service-theme-item:hover i.cjr1 { background-image: url(../images/2020cl_bsfw_cjr_icon1h.png);}
.service-theme-list .service-theme-item.on i.cjr2,.service-theme-list .service-theme-item:hover i.cjr2 { background-image: url(../images/2020cl_bsfw_cjr_icon2h.png);}
.service-theme-list .service-theme-item.on i.cjr3,.service-theme-list .service-theme-item:hover i.cjr3 { background-image: url(../images/2020cl_bsfw_cjr_icon3h.png);}
.service-theme-list .service-theme-item.on i.cjr4,.service-theme-list .service-theme-item:hover i.cjr4 { background-image: url(../images/2020cl_bsfw_cjr_icon4h.png);}
.service-theme-list .service-theme-item.on i.cjr5,.service-theme-list .service-theme-item:hover i.cjr5 { background-image: url(../images/2020cl_bsfw_cjr_icon5h.png);}
.service-theme-list .service-theme-item.on i.cjr6,.service-theme-list .service-theme-item:hover i.cjr6 { background-image: url(../images/2020cl_bsfw_cjr_icon6h.png);}
.service-theme-list .service-theme-item.on i.cjr7,.service-theme-list .service-theme-item:hover i.cjr7 { background-image: url(../images/2020cl_bsfw_cjr_icon7h.png);}
.service-theme-list .service-theme-item.on i.cjr8,.service-theme-list .service-theme-item:hover i.cjr8 { background-image: url(../images/2020cl_bsfw_cjr_icon8h.png);}
.service-theme-list .service-theme-item.on i.cjr9,.service-theme-list .service-theme-item:hover i.cjr9 { background-image: url(../images/2020cl_bsfw_cjr_icon9h.png);}
.service-theme-list .service-theme-item.on i.cjr10,.service-theme-list .service-theme-item:hover i.cjr10 { background-image: url(../images/2020cl_bsfw_axrs_icon3h.png);}

.service-theme-list .service-theme-item i.yrdw1 { background-image: url(../images/2020cl_bsfw_yrdw_icon1.png);}
.service-theme-list .service-theme-item i.yrdw2 { background-image: url(../images/2020cl_bsfw_yrdw_icon2.png);}
.service-theme-list .service-theme-item i.yrdw3 { background-image: url(../images/2020cl_bsfw_yrdw_icon3.png);}
.service-theme-list .service-theme-item i.yrdw4 { background-image: url(../images/2020cl_bsfw_yrdw_icon4.png);}
.service-theme-list .service-theme-item.on i.yrdw1,.service-theme-list .service-theme-item:hover i.yrdw1 { background-image: url(../images/2020cl_bsfw_yrdw_icon1h.png);}
.service-theme-list .service-theme-item.on i.yrdw2,.service-theme-list .service-theme-item:hover i.yrdw2 { background-image: url(../images/2020cl_bsfw_yrdw_icon2h.png);}
.service-theme-list .service-theme-item.on i.yrdw3,.service-theme-list .service-theme-item:hover i.yrdw3 { background-image: url(../images/2020cl_bsfw_yrdw_icon3h.png);}
.service-theme-list .service-theme-item.on i.yrdw4,.service-theme-list .service-theme-item:hover i.yrdw4 { background-image: url(../images/2020cl_bsfw_yrdw_icon4h.png);}

.service-theme-list .service-theme-item i.axrs1 { background-image: url(../images/2020cl_bsfw_axrs_icon1.png);}
.service-theme-list .service-theme-item i.axrs2 { background-image: url(../images/2020cl_bsfw_axrs_icon2.png);}
.service-theme-list .service-theme-item i.axrs3 { background-image: url(../images/2020cl_bsfw_axrs_icon3.png);}
.service-theme-list .service-theme-item i.axrs4 { background-image: url(../images/2020cl_bsfw_axrs_icon4.png);}
.service-theme-list .service-theme-item.on i.axrs1,.service-theme-list .service-theme-item:hover i.axrs1 { background-image: url(../images/2020cl_bsfw_axrs_icon1h.png);}
.service-theme-list .service-theme-item.on i.axrs2,.service-theme-list .service-theme-item:hover i.axrs2 { background-image: url(../images/2020cl_bsfw_axrs_icon2h.png);}
.service-theme-list .service-theme-item.on i.axrs3,.service-theme-list .service-theme-item:hover i.axrs3 { background-image: url(../images/2020cl_bsfw_axrs_icon3h.png);}
.service-theme-list .service-theme-item.on i.axrs4,.service-theme-list .service-theme-item:hover i.axrs4 { background-image: url(../images/2020cl_bsfw_axrs_icon4h.png);}

.service-theme-list .service-theme-item i.gzry1 { background-image: url(../images/2020cl_bsfw_gzry_icon1.png);}
.service-theme-list .service-theme-item i.gzry2 { background-image: url(../images/2020cl_bsfw_gzry_icon2.png);}
.service-theme-list .service-theme-item i.gzry3 { background-image: url(../images/2020cl_bsfw_gzry_icon3.png);}
.service-theme-list .service-theme-item i.gzry4 { background-image: url(../images/2020cl_bsfw_gzry_icon4.png);}
.service-theme-list .service-theme-item i.gzry5 { background-image: url(../images/2020cl_bsfw_gzry_icon5.png);}
.service-theme-list .service-theme-item i.gzry6 { background-image: url(../images/2020cl_bsfw_gzry_icon6.png);}
.service-theme-list .service-theme-item.on i.gzry1,.service-theme-list .service-theme-item:hover i.gzry1 { background-image: url(../images/2020cl_bsfw_gzry_icon1h.png);}
.service-theme-list .service-theme-item.on i.gzry2,.service-theme-list .service-theme-item:hover i.gzry2 { background-image: url(../images/2020cl_bsfw_gzry_icon2h.png);}
.service-theme-list .service-theme-item.on i.gzry3,.service-theme-list .service-theme-item:hover i.gzry3 { background-image: url(../images/2020cl_bsfw_gzry_icon3h.png);}
.service-theme-list .service-theme-item.on i.gzry4,.service-theme-list .service-theme-item:hover i.gzry4 { background-image: url(../images/2020cl_bsfw_gzry_icon4h.png);}
.service-theme-list .service-theme-item.on i.gzry5,.service-theme-list .service-theme-item:hover i.gzry5 { background-image: url(../images/2020cl_bsfw_gzry_icon5h.png);}
.service-theme-list .service-theme-item.on i.gzry6,.service-theme-list .service-theme-item:hover i.gzry6 { background-image: url(../images/2020cl_bsfw_gzry_icon6h.png);}

.service-theme-list .service-theme-item i.all { background: url(../images/2020cl_bsfw_all.png) no-repeat center center;}
.service-theme-list .service-theme-item:hover .all { background: url(../images/2020cl_bsfw_all2.png) no-repeat center center;}

.service-bottom { margin-top: 20px; overflow: hidden;}
.service-bottom .cyfw,.service-bottom .bmfw { float: right; width: 525px; height: 232px; background: #fff; padding: 30px; overflow: hidden;}
.service-bottom .cyfw .list { margin-top: 10px;}
.service-bottom .cyfw .list li { line-height: 40px;}

.service-bottom .bmfw { float: left;}
.service-bottom .bmfw-list {width: 545px; margin-top: 30px; overflow: hidden;}
.service-bottom .bmfw-list a { float: left; border: 1px solid #e5e5e5; width: 250px; height: 44px; font-size: 16px; text-align: center; line-height: 44px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 20px 20px 0;}
.service-bottom .bmfw-list a:hover { border-color: #0c5dcb;}
/* .service-bottom .bmfw-list { width: 544px; margin-top: 25px; overflow: hidden;}
.service-bottom .bmfw-list .bd { height: 176px; overflow: hidden;}
.service-bottom .bmfw-list .bd li { float: left; width: 252px; height: 176px; background: #f3f3f3; margin-right: 20px;}
.service-bottom .bmfw-list .bd li h3 { font-size: 18px; color: #0c5dcb; text-align: center; line-height: 1; padding: 15px 0 10px;}
.service-bottom .bmfw-list .bd li h3 a { color: #0c5dcb;}
.service-bottom .bmfw-list .bd li p { width: 192px; height: 35px; background: #fff; text-align: center; line-height: 35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 5px auto 0;} */

.service-bottom .bmfw-list .hd { height: 6px; font-size: 0; text-align: center; margin: 12px 0 0 -20px;}
.service-bottom .bmfw-list .hd li { display: inline-block; *display: inline; *zoom: 1; border-radius: 50%; width: 6px; height: 6px; background: #cecece; margin: 0 5px; cursor: pointer;}
.service-bottom .bmfw-list .hd li.on { background: #0157b3;}


.service-list { padding-bottom: 50px;}
.service-list>ul>li { border-bottom: 1px solid #e5e5e5; line-height: 40px; padding: 20px 0; overflow: hidden;}
.service-list>ul>li h3 { float: left; background: url(../images/2020cl_service_jt.png) no-repeat left center; font-size: 24px; padding-left: 40px;}
.service-list>ul>li .menu { float: right;}
.service-list>ul>li .menu a { float: left; width: 100px; height: 40px; background: #f0f0f0; font-size: 16px; text-align: center; line-height: 40px; margin-left: 10px;}
.service-list>ul>li .menu a:hover { background: #0c5dcb; color: #fff;}
.service-list>ul>li .star-level { float: right; width: 150px; height: 18px; margin-top: 11px; overflow: hidden;}
.service-list>ul>li .star-level span { display: block; width: 100%; height: 18px; background: url(../images/2020cl_service_star.png) repeat-x center;}
.service-list>ul>li .star-level.one span { width: 30px;}
.service-list>ul>li .star-level.two span { width: 60px;}
.service-list>ul>li .star-level.three span { width: 90px;}
.service-list>ul>li .star-level.four span { width: 120px;}
.service-list>ul>li .star-level.five span { width: 100%;}


.service-policy { background: #fff; padding: 30px; margin-top: 40px; overflow: hidden;}
.service-policy-hd { width: 1160px; overflow: hidden;}
.service-policy-hd li { float: left; margin: 0 20px 20px 0;}
.service-policy-hd li a { display: block; border: 1px solid #e5e5e5; width: 210px; height: 58px; background: #f0f0f0; font-size: 0; text-align: center; line-height: 58px;}
.service-policy-hd li.on a,.service-policy-hd li a:hover { border-color: #0157b3; color: #0157b3; background: #fff;}
.service-policy-hd li a span { display: inline-block; line-height: 22px; font-size: 16px; vertical-align: middle;}
.service-policy .list { border-top: 2px solid #e5e5e5; padding-top: 15px; margin-top: 10px;}
.service-policy .list li { line-height: 40px; }
.service-policy .list li.split { border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; margin-bottom: 15px;} 
.service-policy .list li .date { position: static; font-size: 12px; margin-left: 30px;}
.service-policy .paging { margin-bottom: 20px; text-align: center;}


/******************* 机构 *******************/
.org-main { background: #fff; padding: 30px; margin-top: 40px; overflow: hidden;}
.org-map-title { border-left: 4px solid #0c5dcb; font-size: 16px; font-weight: bold; line-height: 18px; padding-left: 14px;}
.org-left { float: left; width: 260px;}
.org-map-nav-list { padding-top: 16px;}
.org-map-nav-list a { display: block; border: 1px solid #e5e5e5; height: 48px; line-height: 48px; font-size: 0; padding: 0 10px 0 50px; margin-top: 10px;}
.org-map-nav-list a span { display: inline-block; font-size: 16px; line-height: 20px; vertical-align: middle;}
.org-map-nav-list a:hover,.org-map-nav-list a.on { border-color: #0c5dcb; color: #0c5dcb;}
.org-map-nav-list a.icon1 { background: url(../images/2020cl_service_org_icon01.png) no-repeat 12px center;}
.org-map-nav-list a.icon2 { background: url(../images/2020cl_service_org_icon02.png) no-repeat 12px center;}
.org-map-nav-list a.icon3 { background: url(../images/2020cl_service_org_icon03.png) no-repeat 12px center;}
.org-map-nav-list a.icon4 { background: url(../images/2020cl_service_org_icon04.png) no-repeat 12px center;}
.org-map-nav-list a.icon5 { background: url(../images/2020cl_service_org_icon05.png) no-repeat 12px center;}
.org-map-nav-list a.icon6 { background: url(../images/2020cl_service_org_icon06.png) no-repeat 12px center;}
.org-map-nav-list a.icon7 { background: url(../images/2020cl_service_org_icon07.png) no-repeat 12px center;}

.org-map-nav2 { padding-top: 20px;}
.org-map-nav-list2 { padding-top: 16px;}
.org-map-nav-list2 a { display: block; border: 1px solid #e5e5e5; height: 48px; line-height: 48px; font-size: 16px; text-align: center; margin-top: 10px;}
.org-map-nav-list2 a.on,.org-map-nav-list2 a:hover { border-color: #0c5dcb; color: #0c5dcb;}

.org-left-bottm { background: #f5f5f5; padding: 10px 20px 20px; margin-top: 30px;}
.org-left-bottm a { display: block; background: #0c5dcb; font-size: 16px; color: #fff; text-align: center; line-height: 50px; margin-top: 10px;}

.org-right { float: right; width: 850px;}
.org-right .org-right-head { height: 20px;}
.org-right .org-right-head .org-map-title { float: left;}
.org-right .org-right-head .back { float: right; border: 1px solid #e1e1e1; height: 24px; line-height: 24px; padding: 0 12px; margin-top: -5px;}
.org-right .org-right-head .back:hover { border-color: #0157b3; color: #0157b3;}
.org-right .xj { padding: 10px 0; overflow: hidden;}
.org-right .xj a { float: left; font-size: 16px; line-height: 30px; margin-right: 20px;}
.org-right .xj a:hover { color: #0157b3;}

#showBox { max-height: 295px; overflow-x: hidden; overflow-y: auto;}
.listc { float: left; width: 49%; float: left; border-bottom: 1px solid #e1e1e1; padding: 10px 0;}
.listc:hover { background: #f0f0f0;}
.listc:nth-child(2n) { float: right;}
.listc h4 { background: url(../images/2020cl_service_org_icon01.png) no-repeat left center; font-size: 16px; line-height: 30px; padding-left: 35px; white-space: nowrap;}
.listc p { line-height: 24px; padding-left: 35px; white-space: nowrap;}
.rcon { height: 600px;}


.org-right.column-right { float: right; width: 850px; margin-top: -20px; padding: 0;}
.org-right.column-right .column-title { overflow: hidden;}
.org-right.column-right .column-title h2 { float: left; font-size: 22px; border-bottom: 2px solid #0c5dcb; line-height: 58px;}
.org-right.column-right .list li { line-height: 59px; border-bottom: 1px solid #e5e5e5;}


.details-content { padding: 30px 0;}
.details-content,.details-content * { font-size: 16px; line-height: 36px; text-align: justify;}
.details-content img { max-width: 100%; height: auto;}
.details-content table {width: 100% !important;max-width: 100% !important;padding: 0 !important;margin: 0 !important;}
.details-content table td { border: 1px solid #000 !important; font-family:microsoft yahei !important}
.details-content table td * { font-family:microsoft yahei !important}

.kfjz-table { table-layout:fixed;}
.kfjz-table td {width: 100px !important;white-space: break-spaces  !important;word-break: break-all !important; line-height:1.5;}
.kfjz-table td:first-child {width: 50px !important;}
.kfjz-table td:last-child{ display:none;}

@media screen and (max-width: 1199px) {
    .service-wrap { width: auto; margin-top: 30px; margin-bottom: 10px;}
    .service-theme { padding: 20px 10px;}
    .service-theme-list { width: auto; padding-top: 10px;}
    .service-theme-list .service-theme-item { width: calc(100% / 5 - 8px); margin-top: 10px; margin-right: 0; margin-left: 10px;}
    .service-theme-list .service-theme-item:nth-child(5n+1){ margin-left: 0;}

    .service-tit .enter { display: none;}

    .service-bottom,.service-bottom .cyfw { margin-top: 10px;}
    .service-bottom .cyfw, .service-bottom .bmfw { float: none; width: auto; height: auto; padding: 10px;}

    .service-bottom .bmfw-list { width: 100%; margin-top: 15px;}
    .service-bottom .bmfw-list a { box-sizing: border-box; width: calc(100% / 2 - 5px); margin-right: 10px; margin-bottom: 10px;}
    .service-bottom .bmfw-list a:nth-child(2n) { margin-right: 0;}


    .service-policy { padding: 20px 10px;}
    .service-policy-hd { width: 100%;}
    .service-policy-hd li { width: calc(100% / 3 - 7px); line-height: 50px; margin: 0 10px 10px 0;}
    .service-policy-hd li a { box-sizing: border-box; width: 100%; height: 100%; line-height: inherit;}
    .service-policy-hd li:nth-child(3n) { margin-right: 0;}
    .service-policy .list li .date { position: absolute;}

    .org-main { padding: 20px 10px;}
    .org-left,.org-right,.column-right,.org-right.column-right{ width: 100%; float: none;}
    .org-right { margin-top: 20px;}
    .org-right,.column-right,.org-right.column-right { margin-top: 20px;}
    .org-right .details-content { overflow-y: scroll; padding-bottom: 0;}

    .details-content table td { white-space: normal !important; width: auto !important;}

    .tdt-container { height: 400px !important;}
}


@media screen and (max-width: 760px) {
    .service-head { display: flex; justify-content: space-between;}
    .service-head li { box-sizing: border-box; width: 23%;}
    .service-head li a { box-sizing: border-box; width: 100%; height: 100%; line-height: 50px; font-size: 20px;}

    .service-theme-list .service-theme-item { height: 80px; line-height: 80px; text-align: center;}
    .service-theme-list .service-theme-item i { display: none;}
    .service-theme-list .service-theme-item span { display: inline-block; vertical-align: middle; font-size: 18px;}

    .listc { width: 100%;}
}

@media screen and (max-width: 480px) {
    .service-head { flex-wrap: wrap;}
    .service-head li { width: calc(100% / 2 - 10px); margin: 0 5px 10px;}
    

    .service-theme,.service-policy,.org-main { margin-top: 10px;}
    .service-theme-list .service-theme-item { width: calc(100% / 2 - 5px);}
    .service-theme-list .service-theme-item:nth-child(5n+1) { margin-left: 10px;}
    .service-theme-list .service-theme-item:nth-child(2n+1) { margin-left: 0;}

    .service-tit .hd { width: 100%;}
    .service-tit .hd li { width: 25%; text-align: center; padding: 0;}

    .service-tit h2 { width: 100%;}
    .service-tit .right { float: left; margin-top: 15px;}
    .service-tit .right li a { margin-left: 0; margin-right: 10px;}

    .service-policy-hd li { width: calc(100% / 2 - 5px);}
    .service-policy-hd li:nth-child(3n) { margin-right: 10px;}
    .service-policy-hd li:nth-child(2n)  { margin-right: 0;}

    .listc { width: 100%;}
}