@charset "utf-8";

/* CSS Document */

*{margin: 0; padding: 0; list-style: none;}

a { text-decoration: none;}

img { border: none;}

body { background-image: url("bjjj.jpg");background-repeat: no-repeat;background-color: #f5f6f8;background-position: center top;}

.w_1400 { width: 1400px; overflow: hidden; margin: 0 auto;}

.logo_ggqsy { width: 700px; margin:0px auto 0 auto; padding: 70px 70px 0px 70px;}

.logo_ggqsy span { padding: 5px 10px; margin-top: 30px; background: #3484E7; color: #fff; font-size: 20px; line-height: 40px; font-weight: bold;}

.logo_ggqsy img {  display: block; overflow: hidden; display: block;width: 700px; height: 70px; margin-top: 10px;}

.unit-choose { width: 100%; overflow: hidden; text-align: center; margin: 40px 0px 70px 0px;}

.unit-choose a { display: inline-block; width: 136px; height: 38px; border-radius: 38px; background-color: #dcdcee; text-align: center; font-size: 20px; color: #939495; line-height: 38px; margin: 0px 72px; }

.unit-choose a.now { background-color: #ffffff; color: #3484e7; font-weight: bold;}

.unit-choose a:hover { background-color: #ffffff; color: #3484e7; font-weight: bold;}

.menu_ggqsy{ background: #fff; border-top: 3px solid #3484E7; padding-bottom: 100px;}

.page-map { width: 100%; height: 54px; overflow: hidden; border-bottom: #dddfec solid 1px; box-sizing: border-box; padding: 0px 60px;}

.page-map span { display: block; float: left; margin-top: 17px; margin-right: 10px;}

.page-map span img { display: block; width: 20px; height: 20px;}

.page-map ul { float: left;}

.page-map ul li { float: left; font-size: 14px; color: #5a5a5b; line-height: 54px; margin-right: 5px;}

.page-map ul li a { color: #5a5a5b;}

.page-map ul li a:hover { color: #3484e7;}

.con-div1 { width: 100%; overflow: hidden; box-sizing: border-box; padding: 0px 60px; margin-top: 55px;}

.con-div1 .imgdiv1 { float: left; width: 460px; margin-right: 45px;}

.con-div1 .imgdiv1 img { display: block; width: 100%; height: auto;}

.con-div1 .infodiv1 { overflow: hidden;}

.con-div1 .infodiv1 h1 { font-size: 30px; color: #313132; font-weight: bold;}

.con-div1 .infodiv1 a { border-radius: 20px; background-color: #f4f4f5; font-size: 14px; color: #fc8c14; text-align: center;    padding: 2px 14px; margin: 0px 5px;}

.con-div1 .infodiv1 p { font-size: 16px; color: #818182;}

.con-div1 .infodiv1 a.wx:hover span { display: block;}

.con-div1 .infodiv1 a span {display: none; position: absolute; margin-left:520px;-moz-box-shadow:0px 0px 12px #999; -webkit-box-shadow:0px 0px 12px #999; box-shadow:0px 0px 12px #999;}

.con-div1 .infodiv1 a span img { display: block; width: 150px; height: 150px;}

.con-div1 .infodiv2 { overflow: hidden; box-sizing: border-box; /*padding-right: 220px; margin-top: 35px;*/}

.con-div1 .infodiv2 ul { padding: 0px; margin: 0px;}

.con-div1 .infodiv2 ul li { float: left; width: 50%; font-size: 16px; color: #237be7; line-height: 36px;}

.con-div1 .infodiv2 ul li span { color: #313132; font-weight: bold;}

.con-div1 .txtdiv1 { width: 870px; }

.con-div1 .txtdiv2 { width: 360px; margin-left: 50px; }

.infodiv3 { float: left;}

.infodiv3 .title1 { width: 100%; overflow: hidden; border-bottom: #3484e7 solid 1px;}

.infodiv3 .title1 span { display: block; float: left; height: 40px; border-bottom: #3484e7 solid 4px; font-size: 30px; color: #3484e7; font-weight: bold; margin-left: 11px; padding: 0px 17px; line-height: 30px;}

.infodiv3 .neir1 { width: 100%; overflow: hidden; box-sizing: border-box; padding: 0px 30px;}

.infodiv3 .neir1 p { font-size: 16px; color: #5f6162; line-height: 2.25; margin-top: 30px; text-indent: 32px;}

.infodiv3 .neir2 { width: 100%; overflow: hidden; margin-top: 30px;}

.infodiv3 .neir2 ul { padding: 0px; margin: 0px;}

.infodiv3 .neir2 ul li { background-color: #f2f3f4; margin-bottom: 5px; font-size: 18px; color: #434343; line-height: 50px; padding-left: 17px;}

.infodiv3 .neir2 ul li span { color: #fb3939; margin-right: 5px;}

.search-div { width: 100% !important; height: auto !important; overflow: hidden; text-align: center; margin-top: 53px; display: flex; justify-content: center; float: inherit !important;}

.searchinfo1 { width: 141px; height: 64px; border: #5290db solid 1px; border-radius: 6px; box-shadow: 0px 2px 5px 0px rgba(185, 196, 203, 0.75); font-size: 24px; color: #5290db; text-align: center; line-height: 64px; vertical-align: middle;}

.searchform1 { margin-left: 32px;}

.searchform1 input { outline: none; vertical-align: middle; box-shadow: 0px 2px 5px 0px rgba(185, 196, 203, 0.75); height: 64px;}

.searchform1 .inputsty1 { width: 734px; border: #5290db solid 1px; border-radius: 6px; margin-right: 32px; font-size: 24px; color: #333; text-indent: 50px;}

.searchform1 .inputsty1::-webkit-input-placeholder { font-size: 24px; color: #dbdcde;}

.searchform1 .inputsty1::-moz-input-placeholder { font-size: 24px; color: #dbdcde;}

.searchform1 .inputsty1::-ms-input-placeholder { font-size: 24px; color: #dbdcde;}

.searchform1 .inputsty2 { width: 141px; height: 66px !important; border-radius: 6px; background-color: #3484e7; border: none; font-size: 24px; color: #ffffff;}

.screen-div { width: 100%; overflow: hidden; box-sizing: border-box; padding: 0px 60px; margin-top: 53px; margin-bottom: 53px;}

.screen-div ul { padding: 0px; margin: 0px; border-top: #ccd4df dashed 1px;}

.screen-div ul li { width: 100%; overflow: hidden; border-bottom: #ccd4df dashed 1px; padding: 15px 0px;}

.screen-div ul li i,.screen-div ul li span,.screen-div ul li a { float: left; }

.screen-div ul li i { width: 5px; height: 25px; background-color: #3484e7; margin-right: 20px; margin-top: 3px;}

.screen-div ul li span { display: block; width: 90px; font-size: 18px; color: #313132; font-weight: bold; text-align: right; line-height: 31px;}

.screen-div ul li a { font-size: 16px; color: #565656; margin-left: 5px; padding: 5px 15px; border-radius: 5px;}

.screen-div ul li a.now { background-color: #ecf1f6; color: #0d6cdf;}

.screen-div input[type="radio"] {

    display: none;

}

.screen-div input[type="radio"]+label {

    font-size: 16px;

    color: #565656;

    margin-left: 5px;

    padding: 5px 15px;

    border-radius: 5px;

}

.screen-div input[type="radio"]:checked+label {

    background-color: #ecf1f6;

    color: #0d6cdf;

}

.tips { width: 100%; overflow: hidden; background-color: #f5f6f8; font-size: 14px; color: #686a6e; line-height: 28px; text-indent: 60px;}

.list-ldiv1 { float: left; width: 945px; }

.listcondiv1 { width: 100%; overflow: hidden; border-bottom: #dadbdc solid 1px; padding: 33px 10px;}

.listcondiv1 .imgdiv2 { float: left; width: 295px; margin-right: 23px;}

.listcondiv1 .imgdiv2 img { display: block; width: 100%; height: 196px;}

.listcondiv1 .infodiv4 { overflow: hidden;}

.listcondiv1 .infodiv4 h1 { font-size: 30px; color: #313132; font-weight: bold;}

.listcondiv1 .infodiv4 a { border-radius: 20px; background-color: #f4f4f5; font-size: 14px; color: #fc8c14; text-align: center;    padding: 2px 14px; margin: 0px 5px;}

.listcondiv1 .infodiv4 p { font-size: 16px; color: #818182; margin-top: 5px;}

.listcondiv1 .infodiv5 { overflow: hidden; box-sizing: border-box; margin-top: 35px;}

.listcondiv1 .infodiv5 ul { padding: 0px; margin: 0px;}

.listcondiv1 .infodiv5 ul li { float: left; margin-right: 45px; font-size: 15px; color: #535457; line-height: 24px; background-image: url("licon1.png"); background-repeat: no-repeat; background-position: left 13px; text-indent: 22px; max-width: 330px; padding: 6px 0px;}

.listcondiv1 .infodiv6 { position: absolute; margin-top: -70px; margin-left: 850px; z-index: 99;}

.listcondiv1 .infodiv6 a { font-size: 16px; color: #535457; display: block; height: 30px; line-height: 30px; margin-bottom: 5px;}

.listcondiv1 .infodiv6 a img { display: block; width: 30px; height: 30px; float: left;}

.listcondiv1 .infodiv6 a.wx:hover span { display: block;}

.listcondiv1 .infodiv6 a span {display: none; /*position: absolute;*/-moz-box-shadow:0px 0px 12px #999; -webkit-box-shadow:0px 0px 12px #999; box-shadow:0px 0px 12px #999;}

.listcondiv1 .infodiv6 a span img { display: block; width: 150px; height: 150px;}

.feny { width: 100%; overflow: hidden; font-size: 18px; color: #3e3f42;text-align: center;}

.list-rdiv1 { float: left; width: 285px; margin-left: 50px;}

.tzgg-bt { width: 100%; overflow: hidden; background-image: url("linebj1.jpg"); background-repeat: repeat-x; background-position: left bottom; margin-top: 38px;}

.tzgg-bt span { display: block; float: left; height: 30px; font-size: 24px; line-height: 24px; color: #3484e7; font-weight: bold; border-bottom: #307eeb solid 3px;}

.tzgg-bt1 { width: 100%; overflow: hidden; background-image: url("linebj1.jpg"); background-repeat: repeat-x; background-position: left bottom; margin-top: 18px;}

.tzgg-bt1 span { display: block; float: left; height: 30px; font-size: 24px; line-height: 24px; color: #3484e7; font-weight: bold; border-bottom: #307eeb solid 3px;}

.tzgg-list { width: 100%; overflow: hidden; background-color: #f5f6f8; margin-top: 15px;}

.tzgg-list ul { padding: 15px 10px; margin: 0px;}

.tzgg-list ul li { font-size: 14px; color: #4c4c4c; line-height: 1.714; background-image: url("licon2.png"); background-repeat: no-repeat; background-position: left 8px; padding-left: 20px;}

.tzgg-list ul li a { color: #4c4c4c;}

.tzgg-list1 { width: 100%; overflow: hidden; background-color: #f5f6f8; margin-top: 15px;}

.tzgg-list1 ul { padding: 15px 10px; margin: 0px; overflow: hidden;}

.tzgg-list1 ul li { font-size: 14px; color: #4c4c4c; line-height: 1.714; background-image: url("licon2.png"); background-repeat: no-repeat; background-position: left 8px; padding-left: 20px;}

.tzgg-list1 ul li a { color: #4c4c4c;}

.tzgg-list2 { width: 100%; overflow: hidden; background-color: #f5f6f8; margin-top: 15px;}

.tzgg-list2 ul { padding: 15px 10px; margin: 0px;}

.tzgg-list2 ul li { font-size: 14px; color: #4c4c4c; line-height: 1.714; background-image: url("licon2.png"); background-repeat: no-repeat; background-position: left 8px; padding-left: 20px;}

.tzgg-list2 ul li a { color: #4c4c4c;}

.tzgg-list3 { width: 100%; overflow: hidden; background-color: #f5f6f8; margin-top: 15px;}

.tzgg-list3 ul { padding: 15px 10px; margin: 0px;}

.tzgg-list3 ul li { font-size: 14px; color: #4c4c4c; line-height: 1.714; background-image: url("licon2.png"); background-repeat: no-repeat; background-position: left 8px; padding-left: 20px;}

.tzgg-list3 ul li a { color: #4c4c4c;}

.ztlist-div { width: 100%; overflow: hidden; margin-top: 20px;}

.ztlist-div ul { padding: 0px; margin: 0px;}

.ztlist-div ul li { width: 100%; overflow: hidden; margin-bottom: 10px;}

.ztlist-div ul li img { display: block; width: 100%; height: auto;}

.foot-div3 { width:100%; height:160px; background-color:#cfd3d5; margin-top:10px;}

.foot-div4 { width:100%; height:40px; background-color:#333333;}

.foot3-txtli { width:auto; float:left; overflow:hidden; margin-top:28px;}

.foot3-txtli ul { padding:0px; margin:0px;}

.foot3-txtli ul li { width:100%; font-size:14px; color:#282828; line-height:26px;}

.foot3-txtli2 { width:auto; float:left; overflow:hidden; margin-top:28px; margin-left:50px;}

.foot3-txtli2 ul { padding:0px; margin:0px;}

.foot3-txtli2 ul li { width:100%; font-size:14px; color:#282828; line-height:26px;}

.foot3-txtli2 ul li a { /*display:block; width:auto; height:28px; line-height:28px; font-size:14px; color:#ffffff; background-color:#dc3a3a; margin-right:15px; float:left; padding-left:5px; padding-right:5px; margin-top:17px;*/ color:#666666;}

.foot3-txtli3 {width: auto;float: right;margin-top: 36px;}

.foot3-txtli3 li {float: left;margin-left: 10px;font-size: 12px;text-align: center;}

.foot3-txtli3 li img {width: 86px;}

.foot3-bntdiv { text-align: right; overflow: hidden; padding:0; margin-top:36px; float:right;}

.foot3-bntdiv ul { padding:0px; margin:0px;}

.foot3-bntdiv ul li { width: 88px; height: 88px; line-height: 88px; vertical-align: middle; border: 1px solid #ccc; overflow: hidden; background: #f8f8f8; float: right; margin-left: 10px; text-align: center;}

.foot3-bntdiv ul li img { width:100%; /*display:block;*/}

.foot4-ldiv { float:left; font-size:14px; color:#999999; line-height:40px;}

.foot4-rdiv { float:right; font-size:14px; color:#999999; line-height:40px;}

.foot4-rdiv ul { margin:0px; padding:0px;}

.foot4-rdiv ul li { float:left; margin-left:5px; margin-right:5px;}

.foot4-rdiv ul li a { color:#999999;}

.foot4-rdiv ul li a:hover { text-decoration:underline;}

/*水电气*/

.sdq_box:nth-child(2){ margin: 0px 1%;}

.sdq_box h3{ font-size: 18px;font-weight: bold; line-height: 20px; padding-bottom: 10px; border-bottom: 1px #e4e6eb solid;color: #3484e7}

.sdq_box h3 a{ float: right;font-size: 14px; padding:1px 5px; text-align: center; line-height: 20px; overflow: hidden;color: #333; font-weight: 100}

.sdq_box span{ display: block;font-size: 14px; line-height: 28px; padding:15px 0;}/*顶上水电气三块内容*/

/*以下是水电气信息列表*/

.sdqbt h1{ font-size: 24px; line-height: 30px; color: #222325;}

.sdqbt h1 a{ color: #222325; border-left: 5px #3484e7 solid; padding-left: 12px;}

.sdqbt h1 a:hover{ display: block; background: #F0F7FB; color: #3484E7}

.sdq_box{ width: 32.6%; float: left; background: #f5f6f8; margin:0; border-radius: 8px; padding:2%;}

.con-div1 .sdqdiv1 { overflow: hidden; box-sizing: border-box; /*padding-right: 220px;*/ margin-top: 15px;}

.con-div1 .sdqdiv1 ul { padding: 0px; margin: 0px;}

.con-div1 .sdqdiv1 ul li { float: left; font-size: 14px; color: #333; line-height: 36px; background: #F0F0F0}

.con-div1 .sdqdiv1 ul li:first-child{width: 35%; text-indent: 15px; }/*时间*/

.con-div1 .sdqdiv1 ul li:nth-child(2){width: 50%; }/*区域*/

.con-div1 .sdqdiv1 ul li:last-child{width: 15%; }/*发布时间*/

.con-div1 .sdqdiv1 ul li span { color: #313132; font-weight: bold;}

/*社会福利机构*/

.list-4div1 { float: left; width: 100%;}

.listcondiv1_shfl{ width: 48%; float: left; overflow: hidden;  padding: 33px 2%; margin: 15px 1%; border-radius: 8px; background: #f5f6f8 }

.listcondiv1_shfl .imgdiv2 { float: left; width: 295px; margin-right: 23px;}

.listcondiv1_shfl .imgdiv2 img { display: block; width: 100%; height: 196px;}

.listcondiv1_shfl .infodiv4 { overflow: hidden;}

.listcondiv1_shfl .infodiv4 h1 { font-size: 24px; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; color: #313132; font-weight: bold}

.listcondiv1_shfl a:hover .infodiv4 h1 { color: #3484e7}

.listcondiv1_shfl .infodiv4 a { border-radius: 20px; background-color: #f4f4f5; font-size: 14px; color: #fc8c14; text-align: center;    padding: 2px 14px; margin: 0px 5px;}

.listcondiv1_shfl .infodiv4 p { font-size: 16px; color: #818182; margin-top: 5px;}

.listcondiv1_shfl .infodiv5 { overflow: hidden; box-sizing: border-box; margin-top: 25px}

.listcondiv1_shfl .infodiv5 ul { padding: 0px; margin: 0px;}

.listcondiv1_shfl .infodiv5 ul li { float: left;  font-size: 15px; color: #535457; line-height: 24px; background-image: url("licon1.png"); background-repeat: no-repeat; background-position: left 13px; text-indent: 15px; max-width: 320px; padding: 6px 0px;}

.listcondiv1_shfl .infodiv5 ul li:nth-child(2n-1){ width: 40%}

.listcondiv1_shfl .infodiv5 ul li:nth-child(2n){ width: 60%}

.con-div1 .shfl{ width:100%; }

/*交通运输类*/

.list-ldiv5 { float: left; width:100%;  height: auto; overflow: hidden; }

.list-ldiv5 .imgdiv2 { float: left; width: 295px; margin-right: 23px;}

.list-ldiv5 .imgdiv2 img { float: left;display: block; width: 100%; height: 196px;}

.list-ldiv5 .infodiv4 {float: left; width: 720px; overflow: hidden; }

    .list-ldiv5 .infodiv4 h1 { font-size: 30px; color: #313132; font-weight: bold;}

    .list-ldiv5 .infodiv4 a { border-radius: 20px; background-color: #f4f4f5; font-size: 14px; color: #fc8c14; text-align: center;    padding: 2px 14px; margin: 0px 5px;}

    .list-ldiv5 .infodiv4 p { display: block;font-size: 16px; line-height: 24px; color: #333; margin-top: 10px;}

.list-ldiv5 .infodiv7 { float: left; margin-top: 1px; margin-left: 60px; z-index: 99;}

.list-ldiv5 .infodiv7 a { font-size: 16px; color: #535457; display: block; height: 30px; line-height: 30px; margin-bottom: 5px;}

.list-ldiv5 .infodiv7 a img { display: block; width: 30px; height: 30px; float: left;}

.list-ldiv5 .infodiv7 a.wx:hover span { display: block;}

.list-ldiv5 .infodiv7 a span {display: none; /*position: absolute;*/-moz-box-shadow:0px 0px 12px #999; -webkit-box-shadow:0px 0px 12px #999; box-shadow:0px 0px 12px #999;}

.list-ldiv5 .infodiv7 a span img { display: block; width: 130px; height: 130px;}

@media (max-width:480px) {

.w_1400 { width: 100%; padding-bottom: 30px;}

.logo_ggqsy { width: 100%; padding: 0px; text-align: center;}

.logo_ggqsy span { display: inline-block; margin: 20px auto 0px auto; padding: 3px 20px;}

.logo_ggqsy img { width: 90%; height: auto; margin: 10px auto 0px auto;}

.unit-choose { margin: 20px 0px 20px 0px;}

.unit-choose a { width: 30%; float: left; margin: 0px 5px; font-size: 16px; }

.search-div { margin-top: 30px; flex-direction: column; padding: 0px 15px; box-sizing: border-box;}

.searchinfo1 { width: 100%; height: auto; font-size: 20px; line-height: 34px;}

.searchform1 { margin-left: 0px;}

.searchform1 input { height: 34px; margin-top: 15px;}

.searchform1 .inputsty1 { width: 100%; margin-right: 0px; font-size: 20px; text-indent: 10px;}

.searchform1 .inputsty1::-webkit-input-placeholder { font-size: 20px;}

.searchform1 .inputsty1::-moz-input-placeholder { font-size: 20px;}

.searchform1 .inputsty1::-ms-input-placeholder { font-size: 20px;}

.searchform1 .inputsty2 { width: 100%; height: 34px !important; font-size: 18px;}

.screen-div { padding: 0px 15px; margin-top: 30px; margin-bottom: 30px;}

.screen-div ul li i { margin-right: 10px; }

.screen-div ul li span { width: auto; }

.tips { text-indent: 30px;}

.con-div1 { padding: 0px 15px; margin-top: 30px;}

.list-ldiv1 { float: inherit; width: 100%;}

.listcondiv1 { padding: 0px 0px 35px 0px;}

.listcondiv1 .imgdiv2 { float: inherit; width: 100%; height: auto; margin-right: 0px;}

.listcondiv1 .infodiv4 { width: 100%;}

.listcondiv1 .infodiv4 h1 { font-size: 22px; margin-top: 10px;}

.listcondiv1 .infodiv5 { margin-top: 10px;}

.listcondiv1 .infodiv5 ul li { float: inherit; margin-right: 0px; max-width: 100%;}  

.listcondiv1 .infodiv6 { position: inherit; margin-top: 10px; margin-left: 0px; overflow: hidden;}

.listcondiv1 .infodiv6 a { float: left; margin-bottom: 0px; margin-right: 15px;}

.list-rdiv1 { float: inherit; width: 100%; margin-left: 0px; }

.page-map { height: auto; padding: 10px 15px;}

.page-map span { display: none;}

.page-map ul { width: 100%; overflow: hidden;}

.page-map ul li { line-height: 34px; }

.con-div1 .imgdiv1 { float: inherit; width: 100%; margin-right: 0px;}

.con-div1 .imgdiv1 img { height: 170px;}

.con-div1 .infodiv1 h1 { font-size: 22px; margin-top: 10px;}

.con-div1 .infodiv1 p { margin-top: 10px;}

.con-div1 .infodiv2 { margin-top: 15px;}

.con-div1 .infodiv2 ul { overflow: hidden;}

.con-div1 .infodiv2 ul li { float: inherit; width: 100%;}

.con-div1 .infodiv2 ul li span { margin-right: 10px;}

.con-div1 .txtdiv1 { width: 100%; }

.con-div1 .txtdiv2 { width: 100%; margin-left: 0px; margin-top: 30px;}

.infodiv3 .title1 span { font-size: 22px; margin-left: 10px; padding: 0px 10px;}

.infodiv3 .neir1 { padding: 0px 10px;}

.infodiv3 .neir1 p { margin-top: 15px; line-height: 1.75;}

/*水电气*/

.sdq_box{ width: 97%; margin: 0 0 8px 0; padding: 3%;}

.sdq_box:nth-child(2){ margin:0 0 5px 0;}

.con-div1 .sdqdiv1 ul li:first-child{width: 100%; text-indent: 15px; }/*时间*/

.con-div1 .sdqdiv1 ul li:nth-child(2){width: 100%;text-indent: 15px; }/*区域*/

.con-div1 .sdqdiv1 ul li:last-child{width: 100%;text-indent: 15px; }/*发布时间*/

/*社会福利机构*/

.listcondiv1_shfl{ width: 97%;}

.listcondiv1_shfl .infodiv5 ul li { width: 100%;}

/*交通运输类-手机版*/

.list-ldiv5 .infodiv7{ margin-left: 5px;}

}