@charset "utf-8";

.mainnav{margin-bottom:0;}
.ztzl_banner{margin-top:20px; margin-bottom:20px; text-align:center; box-shadow:0px 0px 10px #999; -moz-box-shadow:0px 0px 10px #999; -webkit-box-shadow:0px 0px 10px #999;}
.ztzl_banner img{display:block; width:100%; height:auto;}
.ztzl_banner .in_pc{}
.ztzl_banner .in_mobile{display:none;}

.ztzl_banner_2{margin-top:20px; margin-bottom:20px; text-align:center; border:solid #fff 2px;}
.ztzl_banner_2 img{display:block; width:100%; height:auto;}
.ztzl_banner_2 .in_pc{}
.ztzl_banner_2 .in_mobile{display:none;}

.ztzl_max{margin:0 -10px; overflow:hidden;}
.ztzl_box{float:left; width:50%; *width:570px;}
.ztzl_in_box{margin:0 10px 20px;}
.ztzl_in_box .common_head{background-color:#deebf3;}
.ztzl_in_box .common_head .hd li{padding-right:25px; padding-left:25px;}
.ztzl_in_box .common_head .hd li.on{font-weight:bold; border-right:solid #fff 1px;}
.ztzl_in_box .common_bd{padding:10px 15px; height:220px; border:1px solid #e0e0e0; border-top:none; overflow:hidden; box-sizing:content-box;}

.ztzl_in_box.infoList{margin-bottom:0 !important;}

/*重点领域信息公开目录*/
.ztzl_zdly_menus li a i{display:block; margin:0 auto; background-image:url(/images/icons.png);}

/*重大建设项目批准实施*/
.ztzl_zdxm_menus li a{text-align:left;}
.ztzl_zdxm_menus li a i{margin:0 10px; background-image:url(/images/icons.png);}
.ztzl_zdxm_menus li a font{width:80px; line-height:24px; max-height:80px;}
.ztzl_zdxm_menus li a{position:relative; display:block; padding:14px 0 14px; font-size:20px; text-align:center;}
.ztzl_zdxm_menus li a b{position:absolute; bottom:-9px; left:50%; width:20px; height:9px; margin-left:-10px; background-repeat:no-repeat; background-position:center top; visibility:hidden;}
.ztzl_zdxm_menus li.on a,
.ztzl_zdxm_menus li a:hover{color:#fff; background-color:#2db354;}
.ztzl_zdxm_menus li.on a b{visibility:visible;}
.ztzl_zdxm_menus li a i{display:inline-block; vertical-align:middle; background-repeat:no-repeat;}
.ztzl_zdxm_menus li a font{display:inline-block; vertical-align:middle; width: 100%;}

/*五公开*/
.ztzl_wgk_menus li a i{display:block; margin:0 auto; background-image:url(/images/wgk_icons.png);}
.ztzl_wgk_menus li a b{background-image:url(/images/arrow_down.png);}
.ztzl_wgk_menus li a font{line-height:24px;}

/*社会公益事业建设*/
.ztzl_shgy_menus_wrap{background:url(/images/bg2.png) no-repeat right top;}
.ztzl_shgy_menus{margin:0; padding:0 15px; background:url(/images/bg1.png) no-repeat left top; margin-bottom: 15px;}
.ztzl_shgy_menus li{width:13%; float: left;}
.ztzl_shgy_menus li.li1{width:22%;}
.ztzl_shgy_menus li a{margin:0 0 20px; background-color:#ecf6ff; border:none;}
.ztzl_shgy_menus li.on a,
.ztzl_shgy_menus li a:hover{border:0; background:url(/images/icons_hover_1.png) no-repeat left top;}
.ztzl_shgy_menus li a .b2{top:0; right:0; bottom:auto; left:auto; width:16px; height:100%; margin-left:0; background-image:url(/images/icons_hover_2.png);}
.ztzl_shgy_menus li a i{display:block; width:45px; height:45px; margin:0 auto; background-image:url(/images/shgysyjs-icons.png);}
.ztzl_shgy_menus li a b{background-image:url(/images/arrow_down.png);}
.ztzl_shgy_menus li a font{line-height:24px;}
.ztzl_shgy_menus li a{position:relative; display:block; padding:14px 0 14px; font-size:20px; text-align:center;}
.ztzl_shgy_menus li a b{position:absolute; bottom:-9px; left:50%; width:20px; height:9px; margin-left:-10px; background-repeat:no-repeat; background-position:center top; visibility:hidden;}
.ztzl_shgy_menus li.on a,
.ztzl_shgy_menus li a:hover{color:#fff; background-color:#2db354;}
.ztzl_shgy_menus li.on a b{visibility:visible;}
.ztzl_shgy_menus li a i{display:inline-block; vertical-align:middle; background-repeat:no-repeat;}
.ztzl_shgy_menus li a font{display:inline-block; vertical-align:middle; width: 100%;}
.ztzl_shgy_menus li a font.twoline{line-height:26px;}
.ztzl_shgy_menus li.li0 a i{background-position:0 0;}
.ztzl_shgy_menus li.li1 a i{background-position:0 -45px;}
.ztzl_shgy_menus li.li2 a i{background-position:0 -90px;}
.ztzl_shgy_menus li.li3 a i{background-position:0 -135px;}
.ztzl_shgy_menus li.li4 a i{background-position:0 -180px;}
.ztzl_shgy_menus li.li5 a i{background-position:0 -225px;}
.ztzl_shgy_menus li.li6 a i{background-position:0 -270px;}
.ztzl_shgy_menus li.li0.on a i{background-position:-45px 0;}
.ztzl_shgy_menus li.li1.on a i{background-position:-45px -45px;}
.ztzl_shgy_menus li.li2.on a i{background-position:-45px -90px;}
.ztzl_shgy_menus li.li3.on a i{background-position:-45px -135px;}
.ztzl_shgy_menus li.li4.on a i{background-position:-45px -180px;}
.ztzl_shgy_menus li.li5.on a i{background-position:-45px -225px;}
.ztzl_shgy_menus li.li6.on a i{background-position:-45px -270px;}
.ztzl_shgy_menus li.li0 a:hover i{background-position:-45px 0;}
.ztzl_shgy_menus li.li1 a:hover i{background-position:-45px -45px;}
.ztzl_shgy_menus li.li2 a:hover i{background-position:-45px -90px;}
.ztzl_shgy_menus li.li3 a:hover i{background-position:-45px -135px;}
.ztzl_shgy_menus li.li4 a:hover i{background-position:-45px -180px;}
.ztzl_shgy_menus li.li5 a:hover i{background-position:-45px -225px;}
.ztzl_shgy_menus li.li6 a:hover i{background-position:-45px -270px;}

/*社会公益事业建设*/
.ztzl_ggzy_menus_wrap{background:url(/images/bg2.png) no-repeat right top;}
.ztzl_ggzy_menus{margin:0; padding:0 15px; background:url(/images/bg1.png) no-repeat left top;}
.ztzl_ggzy_menus li{float: left;}
.ztzl_ggzy_menus li.li0{width:20%;}
.ztzl_ggzy_menus li.li1{width:30%;}
.ztzl_ggzy_menus li.li2{width:20%;}
.ztzl_ggzy_menus li.li3{width:30%;}
.ztzl_ggzy_menus li a{margin:0 0 20px; background-color:#ecf6ff; border:none;}
.ztzl_ggzy_menus li.on a,
.ztzl_ggzy_menus li a:hover{border:0; background:url(/images/icons_hover_1.png) no-repeat left top;}
.ztzl_ggzy_menus li a .b2{top:0; right:0; bottom:auto; left:auto; width:16px; height:100%; margin-left:0; background-image:url(/images/icons_hover_2.png);}
.ztzl_ggzy_menus li a i{display:block; width:45px; height:45px; margin:0 auto; background-image:url(/images/ggzypz_icons.png);}
.ztzl_ggzy_menus li a b{background-image:url(/images/arrow_down.png);}
.ztzl_ggzy_menus li a font{line-height:24px;}
.ztzl_ggzy_menus li a font br{display:none;}
.ztzl_ggzy_menus li a{position:relative; display:block; padding:14px 0 14px; font-size:20px; text-align:center;}
.ztzl_ggzy_menus li a b{position:absolute; bottom:-9px; left:50%; width:20px; height:9px; margin-left:-10px; background-repeat:no-repeat; background-position:center top; visibility:hidden;}
.ztzl_ggzy_menus li.on a,
.ztzl_ggzy_menus li a:hover{color:#fff; background-color:#2db354;}
.ztzl_ggzy_menus li.on a b{visibility:visible;}
.ztzl_ggzy_menus li a i{display:inline-block; vertical-align:middle; background-repeat:no-repeat;}
.ztzl_ggzy_menus li a font{display:inline-block; vertical-align:middle; width: 100%;}
.ztzl_ggzy_menus li a font.twoline{line-height:24px;}
.ztzl_ggzy_menus li.li0 a i{background-position:0 0;}
.ztzl_ggzy_menus li.li1 a i{background-position:0 -45px;}
.ztzl_ggzy_menus li.li2 a i{background-position:0 -90px;}
.ztzl_ggzy_menus li.li3 a i{background-position:0 -135px;}
.ztzl_ggzy_menus li.li0.on a i{background-position:-45px 0;}
.ztzl_ggzy_menus li.li1.on a i{background-position:-45px -45px;}
.ztzl_ggzy_menus li.li2.on a i{background-position:-45px -90px;}
.ztzl_ggzy_menus li.li3.on a i{background-position:-45px -135px;}
.ztzl_ggzy_menus li.li0 a:hover i{background-position:-45px 0;}
.ztzl_ggzy_menus li.li1 a:hover i{background-position:-45px -45px;}
.ztzl_ggzy_menus li.li2 a:hover i{background-position:-45px -90px;}
.ztzl_ggzy_menus li.li3 a:hover i{background-position:-45px -135px;}

/*番禺招商*/
.pyzsxm{overflow:hidden;}
.pyzsxm .menu_icons{margin:0 -8px !important;}
.pyzsxm li{width:20%; float: left;}
.pyzsxm li:nth-child(11){display:none;}
.pyzsxm li:nth-child(12){display:none;}
.pyzsxm li.full{width:100%;}
.pyzsxm li a{margin:16px 8px 0 !important; padding:5px 15px; font-size:1em !important; display: block; text-align:left; line-height:22px; height: 44px; background-color:#f7f7f7; border:solid #dbdbdb 1px;}
.pyzsxm li a i{width:20%; height:44px; background-image:url(/images/ico.png); background-position:5px center; vertical-align: middle; 
    background-repeat: no-repeat;  display: inline-block; float: left;}
.pyzsxm li a font{max-height:44px; line-height:44px; width:80%; display: inline-block; vertical-align: middle; float: left;}
.pyzsxm li.on a,
.pyzsxm li a:hover{color:#fff; background-color:#2db354; border-color:#2db354;}

 .zblyxx li{width:31.4%; margin:10px; float:left; height:70px; line-height:70px;    
          border: 1px solid #65d04f;
          color: #fff;
          background-color: #65d04f;
          border-radius: 5px;
          text-align:center
}
 .zblyxx li a{color:#fff; display:block; font-size:18px;}
 .zblyxx li.last{float:right; margin-right:0;}
 .wid100{margin-top:20px; width:100%; float:none;}

@media (max-width: 1199px) {
.ztzl_zdxm_menus li a{text-align:center;}
.ztzl_zdxm_menus li a i{display:block; margin:0 auto;}	
.ztzl_zdxm_menus li a font{width:auto;}

.ztzl_shgy_menus_wrap{background:none;}
.ztzl_shgy_menus{padding:0; background:none;}
.ztzl_shgy_menus li a{font-size:18px;}
.ztzl_shgy_menus li.on a,
.ztzl_shgy_menus li a:hover{background:#2db354;}
.ztzl_shgy_menus li a .b2{display:none;}
.ztzl_shgy_menus li a b{background-image:url(/images/arrow_down.png);}

.ztzl_ggzy_menus_wrap{background:none;}
.ztzl_ggzy_menus{padding:0; background:none;}
.ztzl_ggzy_menus li a{font-size:18px;}
.ztzl_ggzy_menus li.on a,
.ztzl_ggzy_menus li a:hover{background:#2db354;}
.ztzl_ggzy_menus li a .b2{display:none;}
.ztzl_ggzy_menus li a b{background-image:url(/images/arrow_down.png);}

.pyzsxm li{width:25%;}
}

@media(max-width: 1024px) {
    .pyzsxm li{width: 33.333%;}
    .pyzsxm li a{height: 58px;}
}
@media(max-width: 1000px) {
.ztzl_shgy_menus{margin:0 -10px;}
.ztzl_shgy_menus li{width:33.33333%;}	
.ztzl_shgy_menus li.li1{width:33.33333%;}
.ztzl_shgy_menus li a b{display:none;}
.ztzl_shgy_menus li a{margin:0 10px 20px;}


.ztzl_ggzy_menus{margin:0 -10px;}
.ztzl_ggzy_menus li.li0{width:50%;}	
.ztzl_ggzy_menus li.li1{width:50%;}
.ztzl_ggzy_menus li.li2{width:50%;}	
.ztzl_ggzy_menus li.li3{width:50%;}
.ztzl_ggzy_menus li a b{display:none;}
.ztzl_ggzy_menus li a{margin:0 10px 20px;}
.zblyxx li{width: 31.2%;}
}
@media (max-width: 991px) {
.ztzl_max{margin:0 -8px 0 -7px;}
.ztzl_box{float:none; width:100%;}
.ztzl_box.part2{display:none;}
.ztzl_in_box{margin:0 8px 15px 7px;}
.ztzl_in_box .common_bd{padding:10px;}
.ztzl_zdly_menus li{width:33.333%;}

.pyzsxm li{width:33.33333%;}
.pyzsxm li:nth-child(11){display:block;}
.pyzsxm li:nth-child(12){display:block;}
}


@media (max-width: 768px) {
.wrapper{padding:0;}
.ztzl_banner{margin-top:15px; margin-bottom:15px;}
.ztzl_banner .in_pc{display:none;}
.ztzl_banner .in_mobile{display:block;}
.ztzl_zdly_menus li{width:50%;}
.ztzl_zdly_menus li a i{margin-left: 15%;}

.ztzl_banner_2{margin-top:15px; margin-bottom:15px; border:none;}
.ztzl_banner_2 .in_pc{display:none;}
.ztzl_banner_2 .in_mobile{display:block;}
.pyzsxm li a font{line-height: 20px; padding-top: 10px}
.pyzsxm li:nth-child(7) a font{padding-top: 3px;}
.ztzl_ggzy_menus{display: flex; flex-wrap: wrap;}
.zblyxx ul{display: flex;}
}


@media (max-width: 640px) {
.ztzl_zdly_menus li{width:33.33333%;}
.ztzl_zdxm_menus li{width:50% !important;}
.ztzl_wgk_menus li{width:33.33333%;}
.ztzl_wgk_menus li a b{display:none;}
.ztzl_shgy_menus li{width:50%;}
.ztzl_shgy_menus li.li1{width:50%;}


.ztzl_ggzy_menus li a font{line-height:44px;}
.ztzl_ggzy_menus li a font br{display:block;}
.ztzl_ggzy_menus li a font.twoline{line-height:22px;}

.pyzsxm li{width:50%;}
.pyzsxm li.full{width:50%;}
.pyzsxm li a i{width:16%;}
}
@media (max-width: 480px) {
.ztzl_max{margin:0 -5px;}
.ztzl_in_box{margin:0 5px 10px;}
.ztzl_in_box .common_head .hd li{padding-right:15px; padding-left:15px;}
.ztzl_in_box .common_bd{height:auto;}

.ztzl_zdly_menus li{width:100%;}
.ztzl_zdly_menus li a i{background-image:url(/images/icons.png);}
.menu_icons li a i{background-image:url(/images/icons.png) !important;}
.ztzl_zdxm_menus li a i{background-image:url(/images/icons_in_mobile.png);}
.ztzl_zdxm_menus li a font{width:100%; line-height:20px;}

.ztzl_wgk_menus li a i{background-image:url(/images/icons_in_mobile.png);}

.pyzsxm .menu_icons{margin:0 -5px !important;}
.pyzsxm li a{margin:10px 5px 0 !important;}
.pyzsxm li a i{width:20%;  background-position: 0px center;}
.pyzsxm li:nth-child(3) a font, .pyzsxm li:nth-child(5) a font, .pyzsxm li:nth-child(8) a font, .pyzsxm li:nth-child(11) a font{padding-top: 3px;}
.zblyxx li{margin: 10px 5px; height: 50px; line-height: 50px;}
.zblyxx li a{font-size: 16px;}
}

@media (max-width: 400px) {
.pyzsxm li{width: 100%;}
.pyzsxm li a i{background-position: 20px center;}
.pyzsxm li:nth-child(3) a font, .pyzsxm li:nth-child(5) a font, .pyzsxm li:nth-child(7) a font, .pyzsxm li:nth-child(8) a font, .pyzsxm li:nth-child(11) a font{padding-top: 10px;}
}
@media (max-width: 360px) {
.pyzsxm li a i{width:25%; margin:0 !important;}	
.pyzsxm li a font{width:75%;}	
.zblyxx li a{font-size: 14px;}
}
@media (max-width: 320px) {
.ztzl_zdxm_menus li a font{width:auto;}	

.ztzl_wgk_menus li a{text-align:center;}
.ztzl_wgk_menus li a font{width:auto;}	


.ztzl_ggzy_menus li a font br{display:none;}
.ztzl_ggzy_menus li a font.twoline{line-height:44px;}

.pyzsxm li a i{width:12%; background-position: 0 center;}
.pyzsxm li a font{width:85%;}
}