@charset "utf-8"; 
@import url("reset.css"); 
@import url("header.css"); 
@import url("footer.css"); 
@import url("animate.min.css"); 
.warp{background:#ffffff;}
.Content{width: 100%; height: auto; overflow: hidden;}

.title{width:100%;height:54px;border-bottom:1px solid #e0e0e0;}
.title ul{width:auto;height:54px;float:left;}
.title ul li{width:auto;height:53px;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:54px;}
.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 2s;}
.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{width:100%;height:576px;background:#f5f8ff;padding-top:20px;}
.Part1 .Con{height:556px;background:#ffffff;border-radius:5px;}

/*领导之窗*/
.ldzcBox{width:887px;height:523px; padding:7px 0px 0px 20px;}
.ldzcBox .title{margin-bottom:30px;}
.ldzcBox .info{width:100%;height:292px;margin-bottom:26px;overflow:hidden;}
.ldzcBox .info .pic{width:204px;height:292px;}
.ldzcBox .info .pic a{display:block;width:100%;height:100%;overflow:hidden;}
.ldzcBox .info .pic a img{width:100%;height:100%;transition:all 1s;}
.ldzcBox .info .pic a:hover img{transform:scale(1.05);}
.ldzcBox .info .txt{width:592px;height:292px;float:left;margin-left:24px;}
.ldzcBox .info .txt h1{height:35px;}
.ldzcBox .info .txt h1 a{display:block;font-size:30px;font-weight:bold;color:#0080ff;line-height:35px;}
.ldzcBox .info .txt h1 a:hover{transform:translateY(-2px); transition:all 0.5s;}
.ldzcBox .info .txt>p{width:100%;height:50px;font-size:16px;color:#333333;line-height:50px;}
.ldzcBox .info .txt .ldfg{width:100%;height:auto; margin-top:20px;overflow:hidden;}
.ldzcBox .info .txt .ldfg span{font-size:18px;font-weight:bold;color:#0080ff;line-height:32px;}
.ldzcBox .info .txt .ldfg p{font-size:16px;color:#333333;line-height:30px;max-height:150px;overflow:hidden;}
.ldzcBox .ldzcList{width:100%;height:120px;position:relative;}
.ldzcBox .ldzcList .btn{display:block;width:24px;height:75px;position:absolute;top:22px;background-image: url("zwgk_icon.png");background-repeat:no-repeat;}
.ldzcBox .ldzcList .prev{left:0;background-position:0px 0px;}
.ldzcBox .ldzcList .next{right:0;background-position:-97px 0px;}
.ldzcBox .ldzcList .prev:hover{background-position:-194px 0px;}
.ldzcBox .ldzcList .next:hover{background-position:-291px 0px;}
.ldzcBox .ldzcList .bd{width:813px;height:120px;margin:0 auto;overflow:hidden;}
.ldzcBox .ldzcList .bd ul li{width:255px;height:106px;float:left;margin:0px 8px;background:#e5f1ff;padding-top:14px;}
.ldzcBox .ldzcList .bd ul li a{display:block;width:100%;height:100%;overflow:hidden;}
.ldzcBox .ldzcList .bd ul li .img{display:block;width:85px;height:85px;overflow:hidden;border-radius:43px;float:left;margin:4px 14px 0px 20px;}
.ldzcBox .ldzcList .bd ul li .img img{width:100%;height:100%;}
.ldzcBox .ldzcList .bd ul li .txt{width:112px;height:88px;float:left;}
.ldzcBox .ldzcList .bd ul li .txt h1{display:block;width:100%;height:40px;font-size:20px;font-weight:bold;color:#333333;line-height:40px;}
.ldzcBox .ldzcList .bd ul li .txt span{font-size:16px;color:#666666;line-height:24px;max-height:48px;overflow:hidden;display:block;} 
.ldzcBox .ldzcList .bd ul li a:hover .txt h1{color:#0080ff;}

/*机构设置*/
.jgszBox{width:244px;height:546px;background:#f1f8ff;border-radius:0px 5px 5px 0px;margin:2px 2px 0px 0px;padding:6px 9px 0px 19px;}
.jgszBox .title{margin-bottom:10px;}
.jgszBox .xzbmBox{width:100%;height:233px;margin-bottom:10px;}
.jgszBox .xzbmBox h1{width:100%;height:34px;margin-bottom:13px;font-size:18px;font-weight:bold;color:#0080ff;line-height:34px;}
.jgszBox .xzbmBox .bd{height:186px;overflow: hidden;overflow-y:auto;}
.jgszBox .xzbmBox .bd ul{border-left:1px solid #dddddd;width:200px;margin-left:30px;height:auto;}
.jgszBox .xzbmBox .bd ul li{width:100%;height:30px;background:url("zwgk_icon02.png") no-repeat left center;margin-left:-7px;margin-bottom:6px;}
.jgszBox .xzbmBox .bd ul li a{display:block;width:100%;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#333333;text-indent:34px;}
.jgszBox .xzbmBox .bd ul li:hover a{color:#0080ff;}
/**设置滚动条的样式**/
.xzbmBox .bd::-webkit-scrollbar {width:3px;}
.xzbmBox .bd::-webkit-scrollbar-track {background:#daeafa;}
.xzbmBox .bd::-webkit-scrollbar-thumb {background:#0080ff;}
.xzbmBox .bd::-webkit-scrollbar{height:186px;}

/*Part2 部分*/
.Part2{margin:14px auto 22px;}
.zcwjBox{width:700px;height:486px;}
.zcwjBox .ConBox{height:426px;overflow:hidden;}
.zcwjBox .ConBox .zcwj_search{width:100%;height:70px;background:#f1f5f8;margin-top:21px;}
.zcwjBox .ConBox .zcwj_search h1{display:flex;width:73px;height:72px;border-radius:5px 0px 0px 5px;background:#0080ff;font-size:22px;font-weight:bold;color:#ffffff;justify-content: center;align-items: center;float:left;letter-spacing:4px;}
.zcwjBox .ConBox .zcwj_search .layui-form-item{width:471px;float:left;clear:none;}
.zcwjBox .ConBox .zcwj_search .layui-form-item .layui-inline{width:233px;height:70px;float: left;margin: 0;}
.zcwjBox .ConBox .zcwj_search .layui-form{width:596px;height:70px;float:left;margin-left:8px;}
.zcwjBox .ConBox .zcwj_search .layui-form .layui-form-label{ font-size:16px; width:52px;text-align:center;line-height:70px;padding:0px;float:left;}
.zcwjBox .ConBox .zcwj_search .layui-form .layui-input-block{float: left;margin-left:0px;width:178px;height:39px;margin-top:17px;}
.zcwjBox .ConBox .zcwj_search .SendZoom{width:96px;height:39px;background:#0080ff;margin-top: 15px;}
.zcwjBox .ConBox .zcwj_search .SendZoom .layui-btn{width:96px;height:39px;background:url( "zwgk_icon04.png") no-repeat #0080ff 15px center;text-indent:28px;}
.zcwjBox .ConBox .hd{width:100%;height:52px;border-bottom:1px dashed #dddddd;margin:12px auto 10px;}
.zcwjBox .ConBox .hd ul{display:flex;justify-content: space-around;align-items: center;}
.zcwjBox .ConBox .hd ul li{width:auto;height:63px;background: url("zwgk_icon03.png")no-repeat center bottom 4px;}
.zcwjBox .ConBox .hd ul li.on,
.zcwjBox .ConBox .hd ul li:hover{background: url("zwgk_icon03_on.png")no-repeat center bottom;}
.zcwjBox .ConBox .hd ul li a{font-size:18px;color:#333333;line-height:42px;}
.zcwjBox .ConBox .hd ul li.on a,
.zcwjBox .ConBox .hd ul li:hover a{color:#0080ff;}
.zcwjBox .ConBox .bd {width: 100%;height:254px;overflow: hidden;}
.zcwjBox .ConBox .bd ul li {width: 100%;height: 44px;line-height: 44px;overflow: hidden;}
.zcwjBox .ConBox .bd ul li a {color: #333333;font-size: 16px;display: block;width: 75%;padding-left: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;background: url("zwgk_icon07.png")no-repeat left center;}
.zcwjBox .ConBox .bd ul li span {display: block;text-align: right;float: right;font-size: 16px;color: #b2b2b2;}
.zcwjBox .ConBox .bd ul li a:hover {color: #0080ff;}

/*政府公报*/
.zfgbBox{width:470px;height:486px;}
.zfgbBox .title{margin-bottom:21px;}
.zfgbBox .bd{height:250px;margin-bottom:31px;overflow:hidden;}
.zfgbBox .bd .pic{width:180px;height:250px; background: url("zwgk_bg03.png")no-repeat center;}
.zfgbBox .bd .pic a{display:block;width:100%;height:100%;overflow:hidden;}
.zfgbBox .bd .pic a p{font-size:17px;color:#333333;text-align:center;line-height:40px;margin-top:127px;margin-bottom:10px;}
.zfgbBox .bd .pic a .year{width:100%;height:32px;background: url("zwgk_icon06.png")no-repeat center;text-align:center;line-height:32px;font-size:16px;color:#333333;}
.zfgbBox .bd .pic:hover{transform:translateY(-5px);transition:transform 1s;  }
.zfgbBox .bd .pic a:hover p,
.zfgbBox .bd .pic a:hover .year{color:#0080ff;}
.zfgbBox .bd .txt{width:262px;height:250px;}
.zfgbBox .bd .txt .new{width:100%;height:65px;line-height:65px;}
.zfgbBox .bd .txt h1{width:92%;max-height:70px;margin-bottom:16px;}
.zfgbBox .bd .txt h1 a{font-size:18px;font-weight:bold;color:#333333;line-height:36px;}
.zfgbBox .bd .txt span{display:block;width:100%;height:26px;margin-bottom:18px;font-size:16px;color:#999999;line-height:26px;}
.zfgbBox .bd .txt h1:hover a{color:#0080ff;}
.zfgbBox .gzbg{width:100%;height:110px;margin-top:2px;}
.zfgbBox .gzbg ul{display:flex;justify-content: space-between;}
.zfgbBox .gzbg ul li{width:218px;height:108px;border:1px solid #d9ecff;border-radius:5px;}
.zfgbBox .gzbg ul .li-1{background: url("zwgk_bg01.png")no-repeat left center #f0f7ff;}
.zfgbBox .gzbg ul .li-2{background: url("zwgk_bg02.png")no-repeat left center #f0f7ff;}
.zfgbBox .gzbg ul li a{display:block;padding-left:98px;font-size:16px;font-weight:bold;color:#0080ff;line-height:110px;position:relative;overflow:hidden;}
.zfgbBox .gzbg ul li a::after {content: "";position: absolute;z-index: 0;background:rgba(0,128,255,0.1);height: 100%;width: 100%;border-radius: 50%;top: 100%;left: 100%;transition: all 1s;}
.zfgbBox .gzbg ul li a:hover::after{transform: scale(2.2) translate3d(-50%, -50%, 50px);}

/*政府信息公开*/
.zfxxgkBox{width:100%;height:175px;border:1px solid #e6e6e6;box-sizing:border-box;margin-top:19px;}
.zfxxgkBox .tit{width:328px;height:100%;float:left;background: url( "zwgk_bg04.png")no-repeat left center;}
.zfxxgkBox .tit a{display:block;width:100%;height:100%;}
.zfxxgkBox ul{width:870px;height:100%; display:flex;justify-content: space-around;background: url("zwgk_bg05.png")no-repeat right center #ffffff;}
.zfxxgkBox ul li{width:198px;padding-top:16px;height:134px;}
.zfxxgkBox ul li a{display:block;width:100%;height:100%;overflow:hidden;}
.zfxxgkBox ul li a i{display:block;width:70px;height:70px;margin:16px auto 0px;background-image: url("zwgk_icon.png");background-repeat:no-repeat;}
.zfxxgkBox ul li a span{display:block;width:100%;height:48px;text-align:center;line-height:48px;font-size:16px;color:#333333;}
.zfxxgkBox ul li a .i-1{background-position:-354px 0px;}
.zfxxgkBox ul li a .i-2{background-position:-451px 0px;}
.zfxxgkBox ul li a .i-3{background-position:-568px 0px;}
.zfxxgkBox ul li a .i-4{background-position:-677px 0px;}
.zfxxgkBox ul li:hover a span{color:#0080ff;}

/*Part3 部分*/
.Part3{width:100%;height:700px;background:#f5f8ff;padding-top:22px;}
.Part3 .iconList{width:100%;height:278px;overflow:hidden;margin-bottom:22px;}
.Part3 .iconList ul .li-1{width:472px;height:278px;background: url("zwgk_bg06.png")no-repeat center;text-align:center;line-height:278px;margin-left:0px;margin-right:2px;}
.Part3 .iconList ul .li-1 a{display:inline-block;padding-left: 0px;}
.Part3 .iconList ul li{width:232px;height:132px;background: url("zwgk_bg08.png")repeat-y;border-radius:5px;overflow:hidden;float:left;margin:0px 0px 14px 10px;position:relative;}
.Part3 .iconList ul li a {display:block;width:100%;height:100%;z-index:3;position:absolute;top:0px;left:0px;}
.Part3 .iconList ul li a span{display:flex;line-height:34px;font-size:20px;font-weight:bold;color:#ffffff;align-items: center;padding-left: 30px;height: 132px;}
.Part3 .iconList ul li i{display:block;width:74px;height:78px;background-image:url("zwgk_icon.png");background-repeat:no-repeat;position:absolute;bottom:11px;right:12px;z-index:1;}
.Part3 .iconList ul .li-2 i{background-position: 4px -118px;}
.Part3 .iconList ul .li-3 i{background-position: -133px -116px;}
.Part3 .iconList ul .li-4 i{background-position:-275px -121px;}
.Part3 .iconList ul .li-5 i{background-position: -412px -118px;}
.Part3 .iconList ul .li-6 i{background-position: -546px -118px;}
.Part3 .iconList ul .li-7 i{background-position: -678px -118px;}
.Part3 .iconList ul li::after {content: "";position: absolute;z-index: 0;background:rgba(0,128,255,0.4);height: 100%;width: 100%;border-radius: 50%;top: 100%;left: 100%;transition: all 1s;}
.Part3 .iconList ul li:hover::after{transform: scale(2.2) translate3d(-50%, -50%, 50px);}

/*重点领域信息公开*/
.Part3 .zdlyBox{width:100%;height:380px;padding:10px 20px 0px;border-radius:5px;box-sizing:border-box;background:#ffffff;}
.Part3 .zdlyBox .title{margin-bottom:20px;}
.Part3 .zdlyBox .hd{width:100%;height:16px;position:absolute;left:0px;bottom:35px;}
.Part3 .zdlyBox .hd ul{display:flex;justify-content: center;align-items:center;}
.Part3 .zdlyBox .hd ul li{width:20px;height:4px;background:#cce5f3;margin:0px 3px 0px 2px;cursor:pointer;}
.Part3 .zdlyBox .hd ul li.on{background:#0080ff;}
.Part3 .zdlyBox .bd{width:100%;height:240px;overflow:hidden;}
.Part3 .zdlyBox .bd ul{display:flex;flex-wrap: wrap;justify-content: flex-start;}
.Part3 .zdlyBox .bd ul li{width:116px;height:122px;}
.Part3 .zdlyBox .bd ul li a{display:block;width:100%;height:100%;overflow:hidden;}
.Part3 .zdlyBox .bd ul li a .icon{width:60px;height:61px;margin:10px auto;overflow:hidden;position:relative;}
.Part3 .zdlyBox .bd ul li a .icon span{display:block;width:100%;height:100%;position:absolute;left:0px;bottom:0px;z-index:1px;transition:all 0.5s;}
.Part3 .zdlyBox .bd ul li a .icon span img{width:100%;height:100%;}
.Part3 .zdlyBox .bd ul li a .icon .m_on{bottom:-61px;z-index:2;}
.Part3 .zdlyBox .bd ul li:hover a .icon .m_on{bottom:0px;}
.Part3 .zdlyBox .bd ul li:hover a .icon .m{bottom:-60px;}
.Part3 .zdlyBox .bd ul li a p{width:100%;font-size:16px;color:#333333;text-align:center;}
.Part3 .zdlyBox .bd ul li:hover a p{color:#0080ff;}

/*Part4 政府数据*/
.Part4{height:658px;padding-top:12px;}
.Part4 .hd{width:100%;height:60px;border-bottom:1px solid #d5d5d5;margin-bottom:20px;}
.Part4 .hd ul li{width:50%;height:60px;float:left;}
.Part4 .hd ul li a{display:block;width:100%;height:100%;font-size:22px;font-weight:bold;color:#333333;text-align:center;line-height:60px;}
.Part4 .hd ul li.on{border-bottom:1px solid #0080ff;}
.Part4 .hd ul li.on a{color:#0080ff;}
.Part4 .bd{height:415px;}
.Part4 .bd .sjfbBox{width:100%;height:100%;}
.Part4 .bd .sjfbBox .SjfbType{ width:222px;height:380px; position: relative; margin-top: 26px;margin-right:30px; }
.Part4 .bd .sjfbBox .SjfbType li{width:100%;height: 55px;position: relative;border-radius:5px;background-color: #f2f2f2;margin-bottom:12px;}
.Part4 .bd .sjfbBox .SjfbType li>a{display: block;height: 100%;line-height: 55px;text-align: center;font-size:18px;color:#333333;}
.Part4 .bd .sjfbBox .SjfbType li.on>a,
.Part4 .bd .sjfbBox .SjfbType li:hover>a{ color: #FFF; background-color: #0884ff; border-radius:5px; }
.Part4 .bd .sjfbBox .SjfbType  li .second  {position: absolute;left: 222px;top: 0;z-index: 2;width: 0px;transition: all 0.3s ease 0s;display: none;border-radius:10px;overflow: hidden;border: 1px solid #c5d7f3;}
.Part4 .bd .sjfbBox .SjfbType  li:last-child .second {top: -15px;}
.Part4 .bd .sjfbBox .SjfbType  li .second  a {display: block;width: 100%;height: 40px;line-height: 40px;border-bottom:1px dotted #cccccc;text-align: center;background: #ffffff;}
.Part4 .bd .sjfbBox .SjfbType  li:hover .second {width: 230px;display: block;}
.Part4 .bd .sjfbBox .SjfbType  li .second  a:hover{background:#4d5652;color:#ffffff;}

.Part4 .bd .sjfbBox .sjfbIframe{ width:944px; height: 415px;}
.Part4 .bd .sjfbBox .sjfbIframe iframe{ width: 100%; height: 100%; }
.Part4 .bd .tjxxBox{width:100%;height:100%;}
.Part4 .bd .tjxxBox .list{width:585px;height:400px;border-radius: 13px;border: 1px solid #b6cfed;overflow: hidden;}
.Part4 .bd .tjxxBox .list .tit{height: 48px;background:#0884ff;}
.Part4 .bd .tjxxBox .list .tit a{display:block;height: 100%;line-height: 48px;text-align: center;font-size: 20px;font-weight: bold;color: #FFF;}
.Part4 .bd .tjxxBox .list ul{position: relative;padding: 20px 25px 0;}
.Part4 .bd .tjxxBox .list ul li{ position: relative; display: flex; justify-content: space-between; font-size: 18px; line-height: 1.5; padding: 10px 0;}
.Part4 .bd .tjxxBox .list ul li a{ display: block; position: relative; overflow: hidden; max-width: calc(100% - 150px); white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; padding-left: 16px; background: url( "zwgk_icon07.png") no-repeat left center; font-size: 18px; }
.Part4 .bd .tjxxBox .list ul li span{ color: #999999; }

.Part4 .sjkfBox{width: 100%;height:108px;background: url("zwgk_bg10.png")no-repeat center;text-align:center;line-height:108px;margin-top:30px;}
.Part4 .sjkfBox a{display:block;width:100%;height:100%;}


/*Part5 部门乡镇街道可视化地图*/
.Part5{height:675px;padding:20px 0px 25px;background:#f5f8ff;}
.school-map{height:675px;background: url("zwgk_ksh_bg.png")no-repeat center;position: relative;overflow: hidden;}
#schoolMap {width:100%;height: 519px;background: url( "zwgk_ksh_map.png") no-repeat center;position:absolute;right:0;top:125px}

.map-tip { width: 222px; min-height: 256px; height:auto; overflow:hidden; box-sizing: border-box;padding: 10px 12px 0px;background: url( "zwgk_ksh_tip.png") no-repeat center;background-size: 100% 100%;overflow: hidden;}
.map-tip h4 {width:100%;height:44px;border-bottom:1px solid #3a7599;overflow:hidden;font-size:20px;font-weight:bold;color:#ffffff;line-height:44px;text-align:center;text-overflow:ellipsis;white-space:normal;margin-bottom:13px;}
.map-tip p {white-space: normal;font-size:14px; color: #ffffff;margin-bottom:15px;line-height:18px;padding:0px 5px;}
.map-tip p span {font-size:14px; color: #ffffff;}
.map-tip p a {font-size:12px;color: #ffffff;}