@charset "utf-8"; 
@import url("reset.css"); 
@import url("header.css"); 
@import url("footer.css"); 
@import url("animate.min.css"); 
.warp{background:#f5f8ff;}
.Content{width: 1160px;padding:30px 20px; height: auto; overflow: hidden;background:#ffffff;}
.title{width:100%;height:60px;border-bottom:1px solid #e0e0e0;}
.title ul{width:auto;height:60px;float:left;}
.title ul li{width:auto;height:59px;margin-right:50px;float:left;position:relative;}
.title ul li.last {margin-right: 0px;}
.title ul li a{font-size:22px;font-weight:bold;color:#333333;line-height:60px;}
.title ul li a:before {content: "";width: 0;height: 2px;background: #0080ff;position: absolute;bottom: -1px;left: 50%;z-index: 2;transition: 0.5s;}
.title ul li.on{background: url("zwgk_icon01.png")no-repeat left center;}
.title ul li.on a{color: #0080ff;margin-left:15px;transition:margin 0.5s;}
.title ul li:hover a{color: #0080ff;}
.title ul li.on a:before{width: 100%; left: 0;}
.title .more{width:58px;height:22px;border:1px solid #e5e5e5;border-radius:12px;text-align:center;line-height:22px;position:relative;float:right;margin-top:15px;}
.title .more a{display:block;width:100%;height:100%;position:absolute;left:0;right:0px;font-size:12px;color:#cccccc;}
.title .more:hover{background:#0080ff;border:1px solid #0080ff;}
.title .more:hover a{color:#ffffff;}

/*Part1 县长信箱*/
.Part1{height:580px; background: linear-gradient(#0072e5,#0080ff);padding:0px 20px 20px;}
.Part1 .hd{width:100%;height:66px;padding:22px 0px 21px; background: url("zmhd_bg01.png")no-repeat right 28px top 3px;}
.Part1 .hd h1{width:174px;height:66px;float:left;}
.Part1 .hd h1 a{display:block;width:100%;line-height:66px;font-size:32px;color:#ffffff;text-align:right;}
.Part1 .hd ul{width:519px;height:46px;float:left;margin-left:52px;}
.Part1 .hd ul li{width:123px;height:46px;background:#85bcf3;border-radius:5px;overflow:hidden;margin:10px 25px;float:left;position:relative;}
.Part1 .hd ul li a{display: block;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:2;}
.Part1 .hd ul li::after {content: "";position: absolute;z-index: 0;background:rgba(0,128,255,0.6);height: 100%;width: 100%;border-radius: 50%;top: 100%;left: 100%;transition: all 1s;}
.Part1 .hd ul li:hover::after{transform: scale(2.2) translate3d(-50%, -50%, 50px);}
.Part1 .hd ul li a i{display:block;width:32px;height:26px;margin:10px 4px 10px 12px;background-image: url("zmhd_icon.png");background-repeat:no-repeat;float:left;}
.Part1 .hd ul li a .i-1{background-position:-21px 0px;}
.Part1 .hd ul li a .i-2{background-position:-114px 0px;}
.Part1 .hd ul li a .i-3{background-position:-213px 0px;}
.Part1 .hd ul li a span{font-size:16px;color:#ffffff;line-height:46px;}
.Part1 .bd{width:100%;height:451px;background:#ffffff;padding:31px 25px 0px;box-sizing:border-box;}
.Part1 .bd .lyxdBox{width:692px;height:390px;}
.Part1 .bd .lyxdBox .title{margin-bottom:4px;}
.Part1 .bd .lyxdBox .list{width:100%;height:auto;overflow:hidden;}
.Part1 .bd .lyxdBox .list ul li{width:100%;height:51px;border-bottom:1px dashed #dcdcdc;background: url( "zmhd_liststyle.png")no-repeat left center;}
.Part1 .bd .lyxdBox .list ul li a{display:block;width:530px;padding-left:20px;font-size:16px;color:#333333;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:51px;}
.Part1 .bd .lyxdBox .list ul li span{width:100px;line-height:51px;float:right;text-align:right;font-size:16px;color:#bbbbbb;}
.Part1 .bd .lyxdBox .list ul li:hover a{color:#0080ff;}

.Part1 .bd .xjtjBox{width:350px;height:390px;}
.Part1 .bd .xjtjBox .title{margin-bottom:20px;}
.Part1 .bd .xjtjBox #chartMonth{width:100%;height:158px;}
.Part1 .bd .xjtjBox #chartYear{width:100%;height:150px;}

/*Part2 常见问题知识库*/
.Part2{height:120px;margin:20px auto;}
.Part2 ul{display:flex;justify-content:space-between;}
.Part2 ul li{width:207px;height:120px;background: url("zmhd_bg02.png")repeat-x;}
.Part2 ul .li-1{width:692px;background:none;}
.Part2 ul li a{display:block;width:100%;height:100%;overflow:hidden;}
.Part2 ul li a img{width:100%;height:100%;transition:all 2s;}
.Part2 ul li:hover a img{transform:scale(1.1);}
.Part2 ul li a i{display:block;width:68px;height:68px;background-image:url("zmhd_icon.png");background-repeat:no-repeat;margin:10px auto 0px;}
.Part2 ul .li-2 a i{background-position: 0px -62px;}
.Part2 ul .li-3 a i{background-position: -145px -62px;}
.Part2 ul li a span{display:block;width:100%;font-size:22px;color:#333333;line-height:36px;text-align:center;}
.Part2 ul li:hover a span{color:#0080ff;}

/*Part3 网上征集 回应关切*/
.Part3{height:365px;margin-bottom:20px;}
.zjdcBox{width:692px;height:100%;}
.zjdcBox .title{margin-bottom:20px;}
.zjdcBox .bd{height:286px;overflow:hidden;}
.zjdcBox .bd ul li{width:100%;height:77px;border:1px solid #efefef;box-sizing:border-box;background:#ffffff;margin-bottom:24px;}
.zjdcBox .bd ul li:hover{background:#f8f8f8;border:1px solid #f8f8f8;}
.zjdcBox .bd ul li .status{width:89px;height:77px;border-right:1px solid #f5f5f5;}
.zjdcBox .bd ul li .status span{display:block;width:100%;line-height:38px;font-size:16px;font-weight:bold;color:#333333;text-align:center;}
.zjdcBox .bd ul li .status p{width:100%;line-height:38px;font-size:16px;color:#333333;text-align:center;background:#f5f5f5;}
.zjdcBox .bd ul li .txt{width:460px;height:64px;margin:8px 0px 0px 18px;}
.zjdcBox .bd ul li .txt h1{width:100%;height:32px;overflow:hidden;}
.zjdcBox .bd ul li .txt h1 a{display:block;width:100%;line-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#333333;}
.zjdcBox .bd ul li:hover .txt h1 a{color:#0884ff;}
.zjdcBox .bd ul li .txt p{width:100%;line-height:32px;overflow:hidden;font-size:16px;color:#999999;}
.zjdcBox .bd ul li .result{width:78px;height:27px;border-radius:14px;background:#cecece;margin:25px 22px 0px 0px;}
.zjdcBox .bd ul li .result a{display:block;width:100%;line-height:27px;font-size:16px;color:#ffffff;text-align:center;}
.zjdcBox .bd ul li.ing .status span{color:#0884ff;}
.zjdcBox .bd ul li.ing .status p{background:#0884ff;color:#ffffff;}
.zjdcBox .bd ul li:hover .result,
.zjdcBox .bd ul li.ing .result{background:#0884ff;}

.hygqBox{width:438px;height:100%;}
.hygqBox .title{margin-bottom:6px;}
.hygqBox .bd{height:286px;overflow:hidden;}
.hygqBox .bd ul li{width:100%;height:50px;background: url( "zmhd_liststyle.png")no-repeat left center;}
.hygqBox .bd ul li a{display:block;width:326px;text-indent:26px;font-size:16px;color:#333333;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:50px;}
.hygqBox .bd ul li span{width:100px;line-height:50px;float:right;text-align:right;font-size:16px;color:#bbbbbb;}
.hygqBox .bd ul li:hover a{color:#0080ff;}