/*个人服务*/
.gr_nav_box{ height: 60px; border-bottom: 1px solid #f5f6f8; overflow: hidden; position: relative;}
.gr_nav_box em{ float: left; font-size: 14px; font-weight: bold; color: #333; line-height: 60px; width: 8%;}
.gr_nav_box ul{ float: left; width: 90%; margin-left: 2%; } 
.gr_nav_box ul li{ float: left; margin-right: 32px; line-height: 60px;}
.gr_nav_box ul li a{ font-size: 14px; color: #333;  padding: 6px 12px;}
.gr_nav_box span{ display: block; width: 44px; position: absolute; height: 15px; background: url(../zwfwimages/gr_nav_dn.png) no-repeat right; right: 0; top: 18px; cursor: pointer; font-size: 14px; text-align: left; color: #2e5aa6; background-position-y: 8px;}
.gr_nav_box ul li a:hover{ background: #e9edff; color: #3346b1;}
.gr_nav_box .gr_navh a{ background: #2e5aa6 !important; color: #fff !important;}
.gr_top{ height: 55px; border-bottom: 1px solid #d1d1d2; line-height: 55px;}
.gr_top_lf{float: left;}
.gr_top_lf li{ float: left; font-size: 14px; color: #333333; margin-right: 25px;  position: relative; cursor: pointer;}

.gr_top_lf li i{ float: right; width: 13px; height: 6px; background: url(../zwfwimages/gr_top_lf_dn.png) no-repeat; margin-top: 26px; margin-left: 8px;}
.gr_top_lf_box{ width: 500px;height: auto; background: #fff; border: 1px solid #eee; position: absolute; z-index: 9999; display: none; cursor: default;}
.gr_top_lf_box .text{ padding: 10px 20px;}
.gr_top_lf_box .text .top{ line-height: 50px; font-size: 14px; border-bottom: 1px solid #eee;}
.gr_top_lf_box .text .top a{ color: #4293f4; margin-left: 5px;}
.gr_top_lf_box li{ margin-right: 0; line-height: 45px;  overflow: hidden; padding: 0 12px;}
.gr_top_lf_box li a{ display: block; padding-left: 5px;}

.gr_top_lf_box ul{ overflow: hidden; margin-top: 15px;}
.gr_top_lf_box li:hover{ background: #f1f2f3;}
.gr_top_lf .li1 .gr_top_lf_box{ left: 0;}
.gr_top_lf .li2 .gr_top_lf_box{ width: 700px;}
.gr_top_lf .li2 .gr_top_lf_box li{ padding: 0 8px;}
.gr_top_lf .li5 .gr_top_lf_box li{padding: 0; width: 25%;}
.gr_top_lf .li5 .gr_top_lf_box li a{ width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 10px;}
.gr_top_lf .li6 .gr_top_lf_box{ width: 150px;}
.gr_top_lf .li6 .gr_top_lf_box li{ padding: 0; width: 100%; text-align: center;}
.gr_top_lf .li6 .gr_top_lf_box .text{ padding:  0;}
.gr_top_rg{ float: right; }
.gr_top_rg em{ float: left; margin-left: 25px;}
.gr_top_rg input{  border: 1px solid #bfbfbf; float: left; margin-top: 22px;}
.gr_top_rg span{ font-size: 14px; color: #333; float: left; margin-left: 5px;}
.gr_bot{ height: 48px; line-height: 48px; font-size: 16px; color: #666666;}
.gr_bot b{ font-size: 18px; font-weight: bold; color: #35509f;}
.gr_con li{ height: 60px; border: 1px solid transparent; line-height: 60px; font-size: 14px; color: #333; overflow: hidden; width: 100%;}
.gr_con li a{ display: block;}
.gr_con li:nth-child(odd){ background: #f4f5f7;}
.gr_con .li1{ border-bottom: 3px solid #000; font-size: 16px; font-weight: bold;}
.gr_con li span{ float: left; width: 59%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.gr_con li em{ float: left; width: 25%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.gr_con li b{ float: left; width: 15%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.gr_con .li1 span{ padding-left: 27px;}
.gr_con li span i{ float: left; background: url(../zwfwimages/gr_con_i.png) no-repeat; width: 9px; height: 13px; margin-left: 10px; margin-top: 23px; margin-right: 8px;}
.gr_con .li2:hover{ border-color:#007ee8;  box-shadow: 0 0 5px rgba(0, 0, 0, .24);}
.gr_con .li2:hover i{ background: url(../zwfwimages/gr_con_ih.png) no-repeat;}
.gr_con .li2:hover a{ color: #007ee8;}

.hn_page{ margin: 0 auto; margin-top: 30px; margin-bottom: 59px; width: 520px; overflow: hidden;}
.hn_page li{ float: left; height: 39px; line-height: 39px; text-align: center; border: 1px solid #e7e7e7; border-radius: 5px; margin-right: 8px; font-size: 14px; }
.hn_page li a{ color: #999999; display: block;}
.hn_page .li1{ width: 74px;}
.hn_page .li2{ width: 40px;}
.hn_page .next{ margin-right: 0;}
.hn_page li:hover a{ color: #fff;}
.hn_page li:hover{ background: #2e5aa6;}

.gr_nav1 span{ display: none;}

/*列表页面*/
.hn_list{ background: none; }
.hn_list .position{ border-bottom: 0;}
.hn_nr{ background: #f9fafb;}
.hn_list_con{ padding: 0 20px; background: #fff; margin-bottom: 24px;}
.hn_list_title{ font-size: 24px; font-weight: bold; color: #333333; height: 64px; line-height: 64px; border-bottom: 1px solid #d1d1d2;}
.hn_list_text ul{ margin-top: 30px; border-bottom: 1px dashed #f3f6fb; padding-bottom: 25px;}
.hn_list_text ul li{ height: 40px; line-height: 40px; border: 1px solid transparent; font-size: 16px;}
.hn_list_text ul li i{ float: left; background: url(../zwfwimages/gr_con_i.png) no-repeat; width: 9px; height: 13px; margin-top: 13px; margin-left: 13px; margin-right: 12px;}
.hn_list_text ul li a{ float: left; width: 85%; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hn_list_text ul li span{ float: right; margin-right: 16px; color: #999999;}
.hn_list_text ul li:hover{ border-color:#007ee8;  box-shadow: 0 0 5px rgba(0, 0, 0, .24);}
.hn_list_text ul li:hover i{ background: url(../zwfwimages/gr_con_ih.png) no-repeat;}
.hn_list_text ul li:hover a{ color: #007ee8;}
.hn_list_text ul li:hover span{ color: #007ee8;}


/*细览页面*/

.hn_tex_top{ height: 115px; background: url(../zwfwimages/hn_tex_top.png) repeat-x bottom center; width: 100%; text-align: center;}
.hn_tex_top p{ font-size: 24px; font-weight: bold; color: #333; margin-top: 30px;}
.hn_tex_top span{ margin-top: 20px; display: block; font-size: 16px; color: #999999; }
.hn_tex_bot{ padding: 0 100px; margin-top: 33px; font-size: 16px; color: #666;}
.hn_tex_bot p{line-height: 34px; margin-bottom: 50px; text-indent: 2em;}
.hn_tex_bot p span{ display: block; text-indent:0;}
.hn_nr .ss_header{box-shadow: 0 0 5px rgba(0, 0, 0, .24);}
.hn_tex_bot h3{ font-size: 18px; font-weight: bold; color: #333; text-align: center; margin-bottom: 20px;}


/*便民服务*/
.bmfw{ position: relative; overflow: hidden;}
.bmfw_banner{ background: url(../zwfwimages/bmfw_banner.png) no-repeat center; height: 220px; position: absolute; top: 0; left: 0; z-index: -99; width: 100%;}
.bmfw_con{ padding-top: 156px;}
.bmfw_nav{/* margin: 0 auto; *//* width: 735px; */text-align: center;}
.bmfw_nav ul{display:inline-block}
.bmfw_nav li{ float: left; width: 179px; height: 64px; text-align: center; line-height: 64px; background: rgba(36,70,130,.6); border-radius: 5px 5px 0 0; margin-right: 4px; font-size: 24px; color: #ccd5e8; cursor: pointer; position: relative;}
.bmfw_nav .li4{ margin-right: 0;}
.bmfw_nav .bmfw_navh{ background: #fff; color: #2e5aa6; font-weight: bold;}
.bmfw_nav li i{ position: absolute; display: block; background: url(../zwfwimages/bmfw_nav_i.png) no-repeat; width: 9px; height: 6px; left: 50%; bottom: 0; display: none;}
.bmfw_nav .bmfw_navh i{ display: block;}
.bmfw_text{ margin-top: 43px;}
.cxfw_lf{ float: left; background:#f5f6f8; width: 12%; position: relative; flex: 1; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.cxfw_lf i{ display: block;}
.cxfw_lf i img{margin: 0 auto; display: block;}
.cxfw_lf span{ display: block; text-align: center; font-size: 18px; font-weight: bold; color: #302d46; margin-top: 15px;}
.cxfw_lf b{ position: absolute; z-index: 99; right: 0; top: 50%;}
.cxfw_rg{ float: left; width: 88%;}
.cxfw{ border: 1px solid #f5f6f8; display: flex; margin-bottom: 20px;}
.cxfw_rg ul{ padding-top: 60px; padding-bottom: 30px;}
.cxfw_rg ul li{ float: left; width: 26%; margin-left: 7%; margin-bottom: 30px;}
.cxfw_rg ul li a{ font-size: 16px; color: #333333; display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.cxfw_rg ul li:hover a{ color: #2e5aa6;}


.bmss_nav{ 
	    position: fixed;
    left: 50%;
    top:72%;
    z-index: 999;
    margin-top: -170px;
    margin-left: 600px;
    width: 100px;
    height: 340px;
}
.bmss_nav li{ margin-bottom: 10px; }
.bmss_nav li a{
	    display: block;
    color: #fff;
    width: 50px;
    height: 50px;
    overflow: hidden;
    background: url(../zwfwimages/bmss_nav.png) no-repeat 0 0;
    transition: width 0.5s;
    -moz-transition: width 0.5s;
    -webkit-transition: width 0.5s;
    -o-transition: width 0.5s;
}
.bmss_nav li a p{
	display: block;
    width: 100px;
    padding: 12px 8px;
    font-size: 16px;
}
.bmss_nav li a i{
	display: block;
    width: 100px;
    padding: 12px 8px;
    font-size: 16px;
}
.bmss_nav li span{
	    font-size: 18px;
    font-weight: bold;
    padding-right: 15px;
}
.bmss_nav li a:hover{
	width: 100px;
    background-position: -95px 0;
}
.bmss_nav li a:hover span{ padding-right: 5px;}

.bmss_pic_nr:hover{ box-shadow: 0 0 5px rgba(0, 0, 0, .24);}
.bmss_pic_nr:hover em{ background: #2e5aa6;}
.bmss_pic_nr:hover em span{ color: #fff;}
.bmss_pic_nr:hover em b{ color: #fff;}
.bmss{ padding: 0 25px; border-bottom: 1px solid #d1d1d2;}
.bmss_title{ line-height: 80px; font-size: 21px; font-weight: bold; color: #000; width: 100%; text-align: center;}
.bmss_pic_nr{ width: 32%; margin-right: 2%; float: left;}
.bmss_pic_nr i{ display: block; width: 100%; height: 255px;}
.bmss_pic_nr i img{ display: block; width: 100%; height: 100%;}
.bmss_pic_nr:nth-child(3n+3){ margin-right: 0;}
.bmss_pic_nr em{ display: block; height: 131px; width: 100%; background: #f5f6f8;}
.bmss_pic_nr a{ display: block;}
.bmss_pic_nr em b{ font-size: 16px; font-weight: bold; color: #333; display: block; text-align: center; padding-top: 17px;}
.bmss_pic_nr em span{ display: block; font-size: 14px; color: #666666; margin-top: 10px; padding: 0 20px;}
.bmss_pic{ margin-bottom: 62px; position: relative;}
.bmss_pic .prev{ position: absolute; left: 0; top: 40%; background: url(../zwfwimages/bmss_pic_prev.png) no-repeat; width: 30px; height: 60px; z-index: 999; cursor: pointer;}
.bmss_pic .next{ position: absolute; right: 0; top: 40%; background: url(../zwfwimages/bmss_pic_next.png) no-repeat; width: 30px; height: 60px; z-index: 999; cursor: pointer;}
.bmss_pic .hd{ position: absolute; z-index: 999; left: 47%; bottom: -9%;}
.bmss_pic .hd li{ float: left; background: url(../zwfwimages/bmss_pic_hd.png) no-repeat center; width: 16px; height: 16px; margin-right: 8px;}
.bmss_pic .hd .on{ width: 16px; height: 16px; background: url(../zwfwimages/bmss_pic_hd_on.png) no-repeat;}
.bmfw_text_hide{ position: absolute; z-index: -9999; left: 0; top: 0; visibility: hidden;}
.bmfw_text_bmss{ margin-bottom: 80px;}

.bmrx .cxfw_rg li{ width: 14%; margin-right: 12%;}
.bmrx .cxfw_rg li span{ display: block; font-size: 24px; font-weight: bold; color: #666666; position: relative; width: 70%;}
.bmrx .cxfw_rg li span i{ position: absolute; top: 0; right: 0;}
.bmrx .cxfw_rg li b{ display: block; color: #999999; font-size: 14px; margin-top: 5px;}
.bmrx_banner{ margin-bottom: 20px;}

.bmjf{ min-height: 600px; margin-bottom: 30px;}
.bmjf li{ float: left; height: 224px; background: #f5f6f8; width: 23%; margin-left: 2%;}
.bmjf li i{ display: block; margin-top: 40px;}
.bmjf li i img{ display: block; margin: 0 auto;}
.bmjf li .i2{ display: none;}
.bmjf li a{ display: block;}
.bmjf li b{ display: block; text-align: center; font-size: 18px; color: #302d46; font-weight: bold; margin-top: 20px;}
.bmjf li span{ display: block; width: 85%; margin: 0 auto; margin-top: 18px; text-align: center; font-size: 14px; color: #666666;}
.bmjf li:hover{ background: #2e5aa6;}
.bmjf li:hover .i1{ display: none;}
.bmjf li:hover .i2{ display: block;}
.bmjf li:hover b{color: #fff;}
.bmjf li:hover span{color: #fff;}


/*投诉*/
.hn_ts{ margin-top: 21px;}
.hn_ts_top{ width: 100%; height: 150px; background: #fff;}
.hn_ts_top_bot{ background: url(../zwfwimages/hn_ts_top.png) center repeat-x; width: 100%; height: 34px;}
.hn_ts_top i{ display: block; width: 200px; height: 50px; line-height: 50px; background: #2e5aa6; border-radius: 0 0 20px 20px; text-align: center; font-size: 18px; font-weight: bold; color: #fff; margin: 0 auto;}
.hn_ts_top p{ padding: 0 20px; font-size: 16px; color: #333333; line-height: 30px; margin-top: 22px;}
.hn_ts_mid{ margin-top: 21px; background: #fff; padding: 0 20px;}
.hn_ts_mid_title{ line-height: 61px; color: #333; font-size: 18px; font-weight: bold;}
.hn_ts_mid_text{ margin-top: 9px; border: 1px solid #dcdcdc; width: 100%; border-radius: 5px;}
.hn_ts_mid_text_k{ height: 51px; border-bottom:1px solid #dcdcdc;}
.ts_tk{ float: left; background: #e1e5f1; width: 220px; height: 30px; line-height: 30px; margin-top: 10px; margin-left: 11px; border-radius:5px; cursor: pointer; position: relative;}
.ts_tk span{ padding-left: 9px; font-size: 16px; color: #000;}
.ts_tk i{ float: right; margin-right: 21px; }
.ts_tk_box{ position: absolute; border: 1px solid #d7ddeb; box-shadow: 0 0 5px rgba(232, 239, 246, .24); width: 1010px; padding: 0 16px; z-index: 9999; background: #fff; cursor: default;}
.ts_tk_box_top{ border-bottom: 1px dashed #e0e0e0;}
.ts_tk_box_top_ul1{ margin-top: 22px; overflow: hidden; padding-left: 6px;}
.ts_tk_box_top_ul1 span{ float: left; font-size: 16px; font-weight: bold; color: #000; padding: 0;}
.ts_tk_box_top_ul1 b{ float: left; width: 7px; height: 14px; background: url(../zwfwimages/ts_tk_box_top_ul1.png) no-repeat; margin: 0 15px; margin-top: 8px;}
.ts_tk_box_top_ul2{ margin: 25px 0;}
.ts_tk_box_top_ul2 li{ float: left;cursor: pointer; font-size: 16px; margin-right: 25px; padding:0 6px;  border-radius: 5px;}
.ts_tk_box_top_ul2 li:hover{ background: #2e5aa6; color: #fff;}
.ts_tk_box_bot{ height: 375px; overflow-y: auto;}
.ts_tk_box_bot .title{ line-height: 51px; font-size: 16px; font-weight: bold; color: #333; padding-left: 6px;}
.ts_tk_box_bot li{ float: left; width: 25%; margin-bottom: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ts_tk_box_bot li a{ font-size: 16px; color: #666666; cursor: pointer; padding: 6px; border-radius: 5px;}
.ts_tk_box_bot li a:hover{ background: #2e5aa6; color: #fff; }
.ts_tk_box{ display: none;}
.ts_top_rg{ float: left; overflow: hidden; width: 50%;}
.ts_top_rg em{ float: left; margin: 10px 17px 0;}
.ts_top_rg input{ float: left; height: 31px; margin-top: 10px; border: 0; width: 80%; font-size: 16px;}
.ts_con{ height: 345px;}
.ts_con textarea{ width: 100%; height: 100%; border: 0; padding: 20px 10px; font-size: 16px;}
.ts_bot{ margin-top: 15px;     padding-bottom: 25px;}
.ts_bot b{ display: block; font-size: 16px; font-weight: bold; color: #333333;}
.ts_bot span{ font-size: 16px; color: #333; margin-top: 8px; display: block;}
.hn_ts_bot{margin-top: 20px; background: #fff; height: 110px; margin-bottom: 20px;}
.hn_ts_bot em{ display: block; width: 320px; margin: 0 auto;}
.hn_ts_bot em a{ float: left; display: block; width: 200px; height:50px; line-height:50px; background:#2e5aa6; text-align: center; font-size: 24px; color: #fff; margin-top: 28px; border-radius: 5px;}
.hn_ts_bot em b{ display: block; float: left; margin-left: 20px; margin-top: 45px;}
.ts_bot span p{ float: left; margin-right: 20px;}



/*投诉成功*/
.hn_tscg{ height: 561px; background: #fff; margin-bottom: 24px;}
.hn_tscg i{ display: block; padding-top: 95px;}
.hn_tscg i img{ display: block; margin: 0 auto;}
.hn_tscg span{ display: block; text-align: center; font-size: 24px; font-weight: bold; color: #3a3a3a; margin-top: 33px;}
.hn_tscg em{ overflow: hidden; margin: 0 auto; display: block; margin-top: 53px; width:520px}
.hn_tscg em a{ float: left; width: 247px; height: 47px; line-height: 45px; text-align: center; border: 1px solid #e0e0e0; background: #1a5bab; margin-right: 19px; color: #fff; font-size: 24px;}
.hn_tscg em .a2{ margin-right: 0;}


/*咨询*/
.hn_zx_nav{ padding-bottom: 20px;}
.hn_zx{ margin-top: 0;}
.zx_top{ background: #fff; padding: 0 20px; padding-bottom: 26px;}
.zx_top_title{ line-height: 67px; border-bottom: 1px solid #dcdcdc; text-align: center; font-size: 24px; font-weight: bold; color: #302d46;}
.zx_top_table{ margin-top: 18px; }
.zx_top_table table{ width: 100%; border-collapse: collapse; font-size: 16px;}
.zx_top_table table td{border: 1px solid #f5f6f8; height: 42px;}
.zx_top_table table .td1{ background: #fcfcfd; padding-left: 17px; width: 13%; color: #666666; font-weight: bold;}
.zx_top_table table .td2{ color: #333333; padding-left: 14px;}
.hn_ts_mid_title b{ color: #ff0000;}
.zx_tk{ width: 168px;}
.zx_tk .ts_tk_box{ width: 100%; padding: 0 8px; }
.zx_tk .ts_tk_box li{ width: 100%; height: 34px; line-height: 34px; padding-left: 10px; cursor: pointer;}
.zx_tk .ts_tk_box ul{ margin-top: 9px;}
.zx_tk .ts_tk_box li:hover{ background: #eff1f7; color: #2e5aa6;}

.zx_tk .ts_tk_box_bot{ height: auto;}
.zx_bot_title{ line-height: 61px; color: #333; font-weight: bold; font-size: 18px;}
.zx_bot_con li{ float: left; height: 40px; line-height: 38px; border: 1px solid #e0e0e0; border-radius: 5px;width: 32%; margin-right: 2%; margin-bottom: 20px; overflow: hidden; background: #f9fafb;}
.zx_bot_con .li1{ margin-right: 0;}
.zx_bot_con li em{ float: left; width: 119px; text-align: center; border-right: 1px solid #e0e0e0; background: #fff;}
.zx_bot_con li span{ float: left;  width: 65%; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 11px;}
.zx_bot_con .li3{ width: 66%; margin-right: 0; background: #fff;}
.zx_bot_con li input{ width: 60%; height: 100%; border: 0; padding-left: 11px; font-size: 16px; background: none; color: #b5b5b5;}
.zx_bot_con .li2 span{ width: 60%;}
.zx_bot_con .li2{ cursor: pointer; background: #fff; position: relative; overflow: inherit;}
.zx_bot_box{ position: absolute; z-index: 999; border: 1px solid #e8eff6; padding: 18px; width: 100%; cursor: default; display: none; background: #fff;}
.zx_bot_box_nav{ border-bottom: 1px solid #2e5aa6; height: 25px;}
.zx_bot_box_nav li{ float: left; height: 25px; line-height: 25px; border: 1px solid #d7ddeb;  width: 95px; margin-right: 14px; font-size: 16px; color: #333; border-radius: 0; margin-bottom: 0; overflow: inherit; background: #fff; cursor: pointer; position: relative; border-bottom-color: #2e5aa6;}
.zx_bot_box_nav li span{ padding-left: 8px; width: 80% !important;}
.zx_bot_box_nav li i{ float: right; margin-right: 5px;}
.zx_bot_box_nav li .i2{ display: none;}
.zx_bot_box_con{ margin-top: 20px ;}
.zx_bot_con .zx_bot_box_con li{ height: auto; line-height: normal; background: none; border: 0; margin-bottom: 15px; width: auto; font-size: 16px; color: #333; margin-right: 18px; cursor: pointer;}
.zx_bot_con .zx_bot_box_con li:hover{ color: #2e5aa6;}
.zx_bot_box_nav .zx_bot_box_navh{ border: 1px solid #2e5aa6; border-bottom-color: transparent;}
.zx_bot_box_nav .zx_bot_box_navh span{ color: #2e5aa6;}
.zx_bot_box_nav .zx_bot_box_navh .i1{ display: none;}
.zx_bot_box_nav .zx_bot_box_navh .i2{ display: block;}
.zx_tj em{ width: 200px;}
.zx_pic_yz_bg{position: fixed; width: 100%; height: 100%; background: rgba(61,62,62,.5); z-index: 999; top: 0; left: 0;}