@charset "utf-8";
body{ background: url(../images/bg_fdzdgk.jpg) no-repeat top center; background-size: 100%; position: relative;}

.header{ padding-bottom: 0.3rem; background: transparent;}

.fdzdgk-logo{ overflow: hidden;}
.fdzdgk-logo .fl-logo{ display: block; position: relative;}
.fdzdgk-logo .fl-logo img{ width:3.92rem; height: 0.77rem;}
.fdzdgk-logo .zfxx-logo{ width:8rem; margin: 0.8rem auto 1.5rem auto; padding-bottom: 0.3rem; text-align: center; display: block; position: relative;}
.fdzdgk-logo .zfxx-logo h1{ font-size: 0.96rem; color: #fff; font-weight: bold; letter-spacing: 0.1rem;}
.fdzdgk-logo .zfxx-logo i{ width: calc(100% - 2.8rem); height: 0.02rem; background-color: #fff; position: absolute; right: 0; bottom: 0;}

.fdzdgk-main{ padding: 0.35rem; background-color: rgba(242, 242, 242, 1);}
.fdzdgk-main .search{ margin: 0.4rem 0; position: relative;}
.fdzdgk-main .search .input-box{ width: calc(100% / 1.5); height: 0.55rem; margin: 0 auto; padding: 0 0.2rem; background-color: rgba(242, 242, 242, 1); position: relative; z-index: 1;}
.fdzdgk-main .search .input-box input[type="text"]{ width: 100%; height: 100%; padding-left: 0.1rem; border: 2px solid #1369c0; border-radius: 0.05rem; background-color: #fff;}
.fdzdgk-main .search .input-box input[type="button"]{ width: 0.3rem; height: 0.3rem; border: 0; background: url(../images/bg_fdzdgh_searchbtn.png) no-repeat center; background-size: contain; position: absolute; top: 50%; right:0.4rem; transform: translate(0, -50%); bottom:0; cursor: pointer;}
.fdzdgk-main .search .line{ width:100%; height: 0.02rem; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); background: #e0e0e0;}

.fdzdgk-main .con-L{ width: 3.2rem;}
.fdzdgk-main .con-L .ml{}
.fdzdgk-main .con-L .ml ul{}
.fdzdgk-main .con-L .ml ul li.big-lm-li{}
.fdzdgk-main .con-L .ml ul li .big-lm{ margin-top: 0.2rem; padding: 0.2rem; font-size: 0.21rem; color: #1369c0; font-weight: bold; line-height: 0.4rem; letter-spacing: 0.01rem; background: #fff; display: block; box-shadow: 0 0 0.05rem rgba(0, 0, 0, 0.2); vertical-align: middle; position: relative;}
.fdzdgk-main .con-L .ml ul li:nth-of-type(1) .big-lm{ margin-top: 0;}

.fdzdgk-main .con-L .ml ul li .big-lm i, .fdzdgk-main .con-L .ml ul li .big-lm em{ background-repeat: no-repeat; background-position: center; display: inline-block;}
.fdzdgk-main .con-L .ml ul li .big-lm i{ width:0.4rem; height: 0.4rem; margin-right: 0.06rem; background-size: contain; vertical-align: top;}
.fdzdgk-main .con-L .ml ul li .big-lm i.zn{ background-image: url(../images/bg_fdzdgk_lm_zn.png);}
.fdzdgk-main .con-L .ml ul li .big-lm i.zd{ background-image: url(../images/bg_fdzdgk_lm_zd.png);}
.fdzdgk-main .con-L .ml ul li .big-lm i.gk{ background-image: url(../images/bg_fdzdgk_lm_zdgk.png);}
.fdzdgk-main .con-L .ml ul li .big-lm i.nb{ background-image: url(../images/bg_fdzdgk_lm_nb.png);}
.fdzdgk-main .con-L .ml ul li .big-lm em{ width:0.2rem; height:0.2rem; background-repeat: no-repeat; background-position: center center; background-size: contain; position: absolute; top: 50%; right: 0.2rem; transform: translate(0, -50%);}
.fdzdgk-main .con-L .ml ul li .big-lm em.sq{ background-image: url(../images/bg_fdzdgk_lm_zdgk_sq.png);}

.fdzdgk-main .con-L .ml ul li .big-lm:hover, .fdzdgk-main .con-L .ml ul li .big-lm.cur{ color: #fff; background: #1369c0;}
.fdzdgk-main .con-L .ml ul li .big-lm:hover i.zn, .fdzdgk-main .con-L .ml ul li .big-lm.cur i.zn{ background-image: url(../images/bg_fdzdgk_lm_zn_select.png);}
.fdzdgk-main .con-L .ml ul li .big-lm:hover i.zd, .fdzdgk-main .con-L .ml ul li .big-lm.cur i.zd{ background-image: url(../images/bg_fdzdgk_lm_zd_select.png);}
.fdzdgk-main .con-L .ml ul li .big-lm:hover i.gk, .fdzdgk-main .con-L .ml ul li .big-lm.cur i.gk{ background-image: url(../images/bg_fdzdgk_lm_zdgk_select.png);}
.fdzdgk-main .con-L .ml ul li .big-lm:hover i.nb, .fdzdgk-main .con-L .ml ul li .big-lm.cur i.nb{ background-image: url(../images/bg_fdzdgk_lm_nb_select.png);}
.fdzdgk-main .con-L .ml ul li .big-lm:hover em.sq, .fdzdgk-main .con-L .ml ul li .big-lm.cur em.sq{ background-image: url(../images/bg_fdzdgk_lm_zdgk_zk.png);}

.fdzdgk-main .con-R{ width: calc(100% - 3.2rem);}
.fdzdgk-main .con-R .R-main{ min-height: 0.8rem; margin-left: 0.25rem; padding: 0.26rem; box-shadow: 0 0 0.05rem rgba(0, 0, 0, 0.2); background: #fff; overflow: hidden;}

/****右侧-栏目-子栏目****/
.fdzdgk-main .con-R .R-main.zn{ padding: 0.03rem 0.26rem 0.26rem 0.26rem;}
.fdzdgk-main .con-R .R-main .zn-hd{ padding: 0.23rem 0; font-size: 0.2rem; color: #1369c0; line-height: 0.2rem; border-bottom: 1px solid #c9dbf0; vertical-align: middle;}
.fdzdgk-main .con-R .R-main .zn-hd i{ width:0.04rem; height: 0.2rem; margin-right: 0.08rem; float: left; display: inline-block; background: #1369c0; vertical-align: top;}
.fdzdgk-main .con-R .R-main .zn-hd .span{ font-weight: bold;}
.fdzdgk-main .con-R .R-main .zn-hd a{ float: right; font-size: 0.16rem; color: #666;}

.fdzdgk-main .con-R .R-main .gk-hd{ padding: 0.23rem 0; font-size: 0.2rem; color: #1369c0; line-height: 0.2rem; border-bottom: 1px solid #c9dbf0; vertical-align: middle;}
.fdzdgk-main .con-R .R-main .gk-hd i{ width:0.04rem; height: 0.2rem; margin-right: 0.08rem; float: left; display: inline-block; background: #1369c0; vertical-align: top;}
.fdzdgk-main .con-R .R-main .gk-hd .span{ font-weight: bold; display: block;}
.fdzdgk-main .con-R .R-main .gk-hd.border{ padding: 0.23rem 0 0 0; border-bottom: 0;}

.fdzdgk-main .con-R .R-main .zlm-page{}
.fdzdgk-main .con-R .R-main .zlm-page ul{ margin: 0.07rem -0.15rem 0 0;}
.fdzdgk-main .con-R .R-main .zlm-page ul li{ width: calc(100% / 4); float: left;}
.fdzdgk-main .con-R .R-main .zlm-page ul li a{ height: 0.53rem; margin: 0.15rem 0.15rem 0 0; padding: 0.15rem 0.1rem; text-align: center; border:1px solid #c9dbf0; border-radius: 0.03rem; background-color: #fafcff; display: block; position: relative;}
.fdzdgk-main .con-R .R-main .zlm-page ul li a span{ width:100%; padding: 0 0.1rem; font-size: 0.16rem; line-height: 0.2rem; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; position: absolute; top: 50%; left: 0; transform: translate(0, -50%);}
.fdzdgk-main .con-R .R-main .zlm-page ul li:hover a,.fdzdgk-main .con-R .R-main .zlm-page ul li.active a{ color: #fff; border:1px solid #3978cc; background-color: #3978cc;}

/****右侧-指南、年报-部门、街镇-列表-border****/
.fdzdgk-main .con-R .R-main .zn-bd{ margin-top: 0.2rem; padding: 0.18rem; border:1px solid #c9dbf0; background-color: #fafcff;}
.fdzdgk-main .con-R .R-main .zn-bd .hd{ padding-bottom: 0.18rem; font-size: 0.18rem; color: #1369c0; font-weight: bold; line-height: 0.2rem; border-bottom: 1px solid #c9dbf0; vertical-align: middle;}
.fdzdgk-main .con-R .R-main .zn-bd .bd{}
.fdzdgk-main .con-R .R-main .zn-bd .bd ul li{ width: calc(99.9999999% / 3); float: left;}
.fdzdgk-main .con-R .R-main .zn-bd .bd ul li.jd{ width: calc(100% / 4);}
.fdzdgk-main .con-R .R-main .zn-bd .bd ul li a{ margin: 0.2rem 0.2rem 0 0; padding-left: 0.1rem; font-size: 0.16rem; display: block; text-overflow: ellipsis; white-space: nowrap; background: url(../images/bg_fdzdgk_li01.png) no-repeat left center; overflow: hidden;}

/****工作机构、联系我们-部门、街镇-列表****/
.fdzdgk-main .con-R .R-main .gk-bd{ margin-top: 0.2rem; padding: 0.2rem; background-color: #fbfbfb;}
.fdzdgk-main .con-R .R-main .gk-bd .hd{ padding-bottom: 0.18rem; font-size: 0.18rem; color: #1369c0; font-weight: bold; line-height: 0.2rem; border-bottom: 1px solid #e5e5e5; vertical-align: middle;}
.fdzdgk-main .con-R .R-main .gk-bd .hd a{ float: right; font-size: 0.16rem; color: #666; font-weight: normal;}
.fdzdgk-main .con-R .R-main .gk-bd .bd{}
.fdzdgk-main .con-R .R-main .gk-bd .bd ul li{ width: calc(99.9999999% / 3); float: left;}
.fdzdgk-main .con-R .R-main .gk-bd .bd ul li.jd{ width: calc(100% / 4);}
.fdzdgk-main .con-R .R-main .gk-bd .bd ul li a{ margin: 0.2rem 0.2rem 0 0; padding-left: 0.1rem; font-size: 0.16rem; display: block; text-overflow: ellipsis; white-space: nowrap; background: url(../images/bg_fdzdgk_li01.png) no-repeat left center; overflow: hidden;}
.fdzdgk-main .con-R .R-main .gk-bd.xzxk{ padding: 0 0.2rem 0.2rem 0.2rem;}
.fdzdgk-main .con-R .R-main .gk-bd .info-bd .info li{ font-size: 0.16rem; line-height: 0.45rem;}

/****右侧-指南-详细****/
.fdzdgk-main .con-R .R-main .zn-detail{}
.fdzdgk-main .con-R .R-main .zn-detail .title{ margin: 0.07rem auto 0.3rem auto; font-size: 0.3rem; text-align: center; /* border-bottom: 1px solid #c9dbf0; */}
.fdzdgk-main .con-R .R-main .zn-detail .detail{ height: 8rem; padding-right: 0.2rem; line-height: 0.45rem; text-align: justify; overflow-y: auto;}
.fdzdgk-main .con-R .R-main .zn-detail .detail::-webkit-scrollbar { width: 0.04rem;}
.fdzdgk-main .con-R .R-main .zn-detail .detail::-webkit-scrollbar-thumb { border-radius: 0.06rem; background: #2789ee;}
.fdzdgk-main .con-R .R-main .zn-detail .detail::-webkit-scrollbar-track { border-radius: 0.06rem; background: #eaeff3;}
.fdzdgk-main .con-R .R-main .zn-detail .Xg{ margin-top: 0.3rem;}
.fdzdgk-main .con-R .R-main .zn-detail .Xg .hd{ padding: 0.2rem 0 0 0; color: #333; font-weight: bold; border-top: 0.01rem solid #d7e6ed;}
.fdzdgk-main .con-R .R-main .zn-detail .Xg .bd{ margin-bottom: 0.2rem;}
.fdzdgk-main .con-R .R-main .zn-detail .Xg .bd ul{}
.fdzdgk-main .con-R .R-main .zn-detail .Xg .bd ul li{ padding: 0.1rem 0 0 0; font-size: 0.17rem; line-height: 2;}
.fdzdgk-main .con-R .R-main .zn-detail .Xg .bd ul li a{ padding-left: 0.13rem; color: #666; background-image: url(../images/bg_content_li_ico.png); background-repeat: no-repeat; background-position: left center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.fdzdgk-main .con-R .R-main .zn-detail .Xg .bd ul li a:hover{ color: #3978cc; text-decoration: underline;}

/****右侧-链接、信息-列表****/
.fdzdgk-main .con-R .R-main.list{ min-height: 11rem; padding: 0.03rem 0.26rem 0.26rem 0.26rem;}
.fdzdgk-main .con-R .R-main .infos-box{ margin-top: 0.1rem;}
.fdzdgk-main .con-R .R-main .infos-box .link-ul{ margin: -0.1rem -0.2rem 0 0;}
.fdzdgk-main .con-R .R-main .infos-box .link-ul li{ width: calc(100% / 4); float: left;} 
.fdzdgk-main .con-R .R-main .infos-box .link-ul li a{ margin: 0.2rem 0.2rem 0 0; padding: 0.15rem 0.1rem; font-size: 0.16rem; text-align: center; border:1px solid #c9dbf0; background-color: #fafcff; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.fdzdgk-main .con-R .R-main .infos-box .line{ width:100%; height: 0.01rem; margin: 0.1rem 0;  border-bottom: 0.01rem dashed #c9cacb;}
.fdzdgk-main .con-R .R-main .infos-box .line:nth-last-of-type(1){ display: none;}
.fdzdgk-main .con-R .R-main .infos-box.ysgk{ margin: 0.08rem 0 -0.1rem 0;}
.fdzdgk-main .con-R .R-main .infos-box.ysgk .info li{ font-size: 0.16rem; line-height: 0.45rem;}

/****左侧树状****/
.tree-box{ display: none;}
.root{ background-color: #fff;}
.root li a { font-size: 0.16rem; color: #555; display: inline-block; vertical-align: middle; position: relative;}
.root li a span{ color: #555; display: inline-block;}
.root li a .span1{ margin-right: 0.06rem;}
.root li a:hover .span1 { color: #1369c0;}

/****左侧树状-一级****/
.root .lev1 { padding: 0.1rem 0.3rem; border-bottom:1px solid #f5f5f5; background-image: url(../images/bg_fdzdgk_li02.png); background-repeat: no-repeat;
  margin-top: 0; background-position: 0.1rem center;}
.root .lev1 a { line-height: 0.3rem;}
.root .lev1.Folder { background-image: url(../images/bg_fdzdgk_li02.png), url(../images/bg_fdzdgk_sq.png); background-repeat: no-repeat, no-repeat; background-position: 0.15rem center, 93% center;}
.root .lev1.FolderOpened { background-image: url(../images/bg_fdzdgk_li02.png), url(../images/bg_fdzdgk_zk.png); background-repeat: no-repeat; background-position: 0.15rem center, 93% center; background-color: #d4e9ff;}

/****左侧树状-二级****/
.root ul { display: none;}
.root ul.ul-lev2{ padding-bottom: 0.1rem; background: #fcfcfc; overflow: hidden;}
.root .lev2 { margin: 0.15rem 0 0 0; padding: 0 0.3rem;}
.root .lev2 a { line-height: 0.3rem;}
.root .lev2.FolderOpened { background-image: url(../images/bg_fdzdgk_li02.png), url(../images/bg_fdzdgk_zk.png); background-repeat: no-repeat; background-position: 0.15rem center, 93% center;}
.root .lev2.Folder { background-image: url(../images/bg_fdzdgk_li02.png), url(../images/bg_fdzdgk_sq.png); background-repeat: no-repeat, no-repeat; background-position: 0.15rem center, 93% center;}

/****左侧树状-三级****/
.root ul.ul-lev3{ margin:0.1rem 0.15rem 0 0.15rem; padding-bottom: 0.1rem; border: 1px solid #f5f5f5; background: #fff; overflow: hidden;}
.root .lev3 { margin: 0.1rem 0.15rem 0 0.15rem;}
.root .lev3 a { line-height: 0.3rem;}

.bgPop .pop .pop-box .pop-close{ display: none;}
