@charset "utf-8";
/* CSS Document */
.guidang{position: absolute;top: -20px;right: -20px;z-index: 998;}
.search{width: 227px;height: 32px;background:url("../zt_images/search.png") no-repeat;margin-top: 12px;position: relative;}
.se_box{ margin-right: 37px; padding-left: 10px;}
.se_box input{width: 100%;border: none;line-height: 32px;background: none;height: 32px;}
.sea_an{width: 37px;height: 32px; position: absolute; right: 0; top:0; text-align: center;cursor: pointer;}
.sea_an input{width: 100%;height: 100%;background:none;border: none;color: #fff;}

.head{background: url("../zt_images/top-bj.png") center 0  no-repeat; }
.head .zt-logo{ position: absolute; left:0; top:10px; }
.head .banner{ height: 350px;}
.head .banner ul{ padding: 94px 0 0 70px;}
.head .banner img{ max-width: 98%; height: auto;}
.head .img-title{ display: none;}
.head>.container{position: relative;}
.goto-home{position: absolute;right: 0;top: 10px;display: block;color: #fff;font-size: 18px;font-weight: bold;background: url("../zt_images/home.png") no-repeat 0 center;height: 30px;line-height: 30px;padding-left: 40px;}
.goto-home:hover{color: #fff;}
.banner .img_title{display: none;}

.nav_box{background: #044e87;box-shadow: 0 10px 10px -4px #bfbfbf;height: 55px;}
.nav_box .fl li{float: left;width: 160px;height: 55px;line-height: 55px;text-align: center;}
.nav_box .fl li:hover{background: url("../zt_images/nav-bj.png") center bottom no-repeat;}
.nav_box .fl li a{font-size: 20px;font-weight: bold;color: #fff;}

.main-warp{padding: 30px 0;position: relative;}
.daodu{min-height: 258px; padding-bottom: 40px; background: url("../zt_images/read-bg2.png"); position: relative; background-size: 100% 100%;}
.dd-tit{ position: absolute; top:53px;left:48px;}
.daodu li a{display: none;}
.daodu li p{line-height: 32px;text-indent: 2em;padding: 50px 40px 0 225px;font-size: 16px;  auto;}
@media (min-width: 992px) and (max-width:1199px) {
    .nav_box{ height: auto; padding-bottom: 8px;}
    .nav_box .fl li{ width: 165px;}
    .nav_box .ztnav{ float: none;}
    .nav_box .search{ float: none; width: 98%; margin: 5px auto 0 auto; background: #fff;}
    .sea_an input{ background:url("../zt_images/search.png") right top no-repeat;}

}
@media (max-width: 991px){
    .head .banner ul{ padding: 94px 0 0 10px;}
    .nav_box{ height: auto; padding-bottom: 8px;}
    .nav_box .fl li{ width: 33.3%;}
    .nav_box .ztnav{ float: none;}
    .nav_box .search{ float: none; width: 98%; margin: 5px auto 0 auto; background: #fff;}
    .sea_an input{ background:url("../zt_images/search.png") right top no-repeat;}
}
@media (max-width: 767px){
    .head{ padding-bottom: 20px;}
    .head .zt-logo{ left:10px;}
    .goto-home{ right: 10px;}
    .head .banner{ height: auto; padding-bottom: 30px;}
    .daodu{ background: #b8dcf7; padding: 10px;}
    .dd-tit{ position: static; height: 39px; background:url("../zt_images/read-titsm.png") 0 0 no-repeat;}
    .dd-tit img{ display: none;}
    .daodu li p{  padding:10px;}
    .main-warp{ padding: 0 10px;}
}
@media (max-width: 550px){
    .nav_box .fl li{ width: 50%;}
}
@media (max-width: 350px){
    .nav_box .fl li a{ font-size: 18px;}
}
/*通用标题*/
.col-title{margin-top: 30px;background: url("../zt_images/t-bj.png") top center no-repeat;text-align: center;}
.col-title a{line-height: 65px;font-size: 26px;color: #fff;text-align: center;font-weight: bold;}
.col-title p{text-indent: 2em;padding: 30px;line-height: 30px;text-align: left;}
@media (max-width: 991px){
    .col-title{ margin-top:20px;}
    .col-title p{ padding: 15px;}
}
@media (max-width: 767px){
    .col-title{ margin-top: 10px;}
    .col-title p{ padding: 10px;}
}
/*行政权力*/
.xzql li{float: left;width: 308px;border: 1px solid #d3e5fd;background: #f0f4f6;margin-right: 50px;text-align: center;margin-bottom: 20px;}
.xzql li.num1{margin-left: 85px;}
.xzql li.num3{margin-right: 0;}
.xzql li a{display: block;height: 152px;padding-top: 50px;}
.xzql li a .img_title{display: block; line-height: 34px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; padding: 0 5px;}
.xzql li a .img-img{ width: 58px; height: 68px; display: block; margin: 0 auto; overflow: hidden; transition:.3s;}
.xzql li a:hover  .img-img img{ margin-top: -68px;}
@media (min-width: 992px) and (max-width:1199px) {
    .xzql li{ margin-right: 30px; width: 280px;}
    .xzql li.num1{margin-left: 40px;}
}
@media (max-width: 991px){
    .xzql li{ margin-right: 20px; width: 230px;}
    .xzql li.num1{margin-left: 20px;}
}
@media (max-width: 767px){
    .xzql li{ margin:0 1% !important; width: 31.3%; box-sizing: border-box;}
    .xzql li a{display: block;height: 112px;padding-top: 20px;}
}
@media (max-width: 600px){
    .xzql li{  width: 48%; margin-bottom: 10px !important;}
}
@media (max-width: 400px){
    .xzql li{  width: 100%;}
}
/*财政资金*/
.czzj ul{background: url("../zt_images/zj-box.png") center 0 no-repeat;margin: 0 30px;}
.czzj ul li{float: left;width: 285px;height: 286px;position: relative;}
.czzj ul li a{display: block;text-align: center;vertical-align: middle;}
.czzj ul li img{margin-top: 50px;transition:.5s;}
.czzj ul li:hover img{transform: rotateZ(135deg)}
.czzj ul li span{display: block;font-size: 16px;width: 100px;height: 56px;color: #fff;line-height: 25px;position: absolute;top: 50%;left: 50%;margin-top: -28px;margin-left: -50px;}
@media (min-width: 992px) and (max-width:1199px) {
    .czzj ul{ background: none;}
    .czzj ul li{ width: 25%; text-align: center;}
}
@media (max-width: 991px){
    .czzj ul{ background: none;}
    .czzj ul li{ width: 25%; text-align: center;     height: 196px;}
    .czzj ul li img {margin-top: 0;}
}
@media (max-width: 767px){
    .czzj ul li{ width: 50%;}
}
@media (max-width: 430px){
    .czzj ul li{ width: 100%;}
}
/*公共资源*/
.ggzy{overflow: hidden;position: relative;}
.ggzy ul{margin-left: -25px;}
.ggzy ul li{float: left;width: 177px;height: 98px;border: 1px solid #ddd;margin-left: 25px;margin-top: 50px;margin-bottom: 20px;position: relative;}
.ggzy ul li span{display: block;margin-top: 55px;text-align: center;}
.ggzy ul li img{position: absolute;top: -40px;left: 50%; margin-left: -40px;}
.ggzy ul li:hover img{transform: rotateY(360deg);transition: .5s;}
@media (min-width: 992px) and (max-width:1199px) {
    .ggzy ul li{ width: 227px;}
}
@media (max-width: 991px){
    .ggzy ul li{ width: 237px;}
}
@media (max-width: 767px){
    .ggzy ul {margin-left: 0;}
    .ggzy ul li{ width: 31.3%; margin: 50px 1% 10px 1%; box-sizing: border-box;}
}
@media (max-width: 400px){
    .ggzy ul li{ width:48%;}
}
/*公共服务*/
.ggfw li{float: left;width: 168px;height: 108px;margin-left: 110px;margin-bottom: 25px;overflow: hidden;text-align: center;}
.ggfw li a{display: block; width: 168px; margin: 0 auto; padding-top: 20px;height: 88px;background: url("../zt_images/ms-bjh.png") 0 0 no-repeat;}
.ggfw li.num5{margin-left: 250px;}
.ggfw li a:hover{color: #fff;background: url("../zt_images/ms-bj.png") 0 0 no-repeat;}
.ggfw li a .img-img{ width: 42px; height: 42px; display: block; margin: 0 auto; overflow: hidden;}
.ggfw li a .img-title{ display: block; height: 32px; line-height: 32px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.ggfw li a:hover  .img-img img{ margin-top: -42px;}
@media (min-width: 992px) and (max-width:1199px) {
    .ggfw li{ margin:0 40px 25px  40px !important;}
}
@media (max-width: 991px){
    .ggfw li{ margin:0 12px 25px  12px !important;}
}
@media (max-width: 767px){
    .ggfw li{ margin:0 1% 10px  1%  !important; width: 31.3%; }
}
@media (max-width: 550px){
    .ggfw li{  width: 48%; }
}
/*公共监管*/
.ggjg{overflow: hidden;position: relative;}
.ggjg ul{margin: 0 80px;}
.ggjg ul li{float: left;width: 120px;height: 150px;margin:0 70px;text-align: center;}
.ggjg ul li a{display: block;}
.ggjg ul li span{display: block;margin-top: 10px;text-align: center;}

.ggjg ul li a:hover img{transition: .3s;transform: scale(.85);}
.ggjg ul li a:hover{background: #f0f0f0;}
@media (min-width: 992px) and (max-width:1199px) {
    .ggjg ul li{ width: 25%;     margin: 0}
}
@media (max-width: 991px){
    .ggjg ul {margin: 0;}
    .ggjg ul li{ width: 25%;     margin: 0;}
}
@media (max-width: 520px){
    .ggjg ul li{ width: 50%;     margin: 0;}
}
/*社会公益*/
.shgy ul{margin-left: 1px;}
.shgy ul li{float: left;width: 171px;text-align: center;}
.shgy ul li span{display: block;margin-top: 10px;}
.shgy ul li.num2,.shgy ul li.num4,.shgy ul li.num6{margin-top: 60px;}
.shgy ul li:hover img{transform: rotateY(360deg);transition: .5s;}
@media (min-width: 992px) and (max-width:1199px) {
    .shgy ul li{ width: 20%;}
}
@media (max-width: 991px){
    .shgy ul li{ width: 20%;}
}
@media (max-width: 767px){
    .shgy ul li{ width: 33.3%;  margin-bottom: 20px;   margin-top: 0 !important;}
}
@media (max-width: 500px){
    .shgy ul li{ width:50%;  }
}