@charset "utf-8";
@import url("reset.css");
@import url("header.css");
@import url("footer.css");

.Part1{width: 1540px;height: 470px;padding: 0px 30px;background: #FFFFFF;margin: 54px auto 0;}
/*领导之窗*/
.Part1 .ldzcBox{width: 900px; height: auto; float: left;}
.Part1 .ldzcBox .stitle{width:100%; height: 50px; position: relative;}
.Part1 .ldzcBox .stitle a{width: 236px;height: 58px;line-height: 54px;color: #ffffff;font-size: 30px;font-weight: bold;position: absolute;text-align: center;top: -12px;left: 0;background: url(zwgk_img01.png) center center no-repeat;}
.Part1 .ldzcBox .ldzcOne{width:100%;height:auto;overflow: hidden;margin-top: 9px;}
.Part1 .ldzcBox .ldzcOne .pic{width:160px;height:220px;padding: 20px 25px;float: left;background-image: -moz-linear-gradient( 90deg, rgb(229,242,255) 0%, rgba(6,100,198,0) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(229,242,255) 0%, rgba(6,100,198,0) 100%);background-image: -ms-linear-gradient( 90deg, rgb(229,242,255) 0%, rgba(6,100,198,0) 100%);}
.Part1 .ldzcBox .ldzcOne .pic a{display:block;width:100%;height:100%;}
.Part1 .ldzcBox .ldzcOne .pic a img{width:100%;height:100%;}
.Part1 .ldzcBox .ldzcOne .txt{width:580px;height:auto;overflow:hidden;padding-top: 24px;margin-left: 35px;float: left;}
.Part1 .ldzcBox .ldzcOne .txt h1{width:100%;height: 47px;overflow:hidden;}
.Part1 .ldzcBox .ldzcOne .txt h1 a{font-size:24px;color:#0e4989;line-height:48px; transition: all 0.5s;}
.Part1 .ldzcBox .ldzcOne .txt h1:hover a{color: #c00;}
.Part1 .ldzcBox .ldzcOne .txt span{display:block;width:100%;height:auto;font-size:18px;color:#222222;line-height:30px;margin-bottom: 15px;}
.Part1 .ldzcBox .ldzcOne .txt em{display:block;font-size:24px;color:#0e4989;line-height: 36px;}
.Part1 .ldzcBox .ldzcOne .txt .ldfg{width:100%;font-size:18px;color:#222222;line-height:30px;overflow: hidden;}
.Part1 .ldzcBox .ldzcList{width: 100%;height: 102px;line-height: 100px;border: 2px solid rgba(215,235,255,0.5);background: #f5f9ff;box-sizing: border-box;margin-top: 27px;}
.Part1 .ldzcBox .ldzcList span{height: 100%;display: inline-block;color: #064d95;font-size: 24px;font-weight: bold;float: left;position: relative;width: 104px;padding-left: 36px;}
.Part1 .ldzcBox .ldzcList span::before{content: '';width: 4px;height: 100%;position: absolute;left: -1px;top: 0px;background: #064f98;}
.Part1 .ldzcBox .ldzcList div{height: 100%;float: left;}
.Part1 .ldzcBox .ldzcList div a{color: #064d95;font-size: 24px;display: inline-block;padding-right: 22px;}
.Part1 .ldzcBox .ldzcList div a:last-child{padding-right: 0px;}
.Part1 .ldzcBox .ldzcList div a:hover{color: #c00;}

/*机构设置*/
.Part1 .jgszBox{width: 581px;height: auto;float: right;}
.Part1 .jgszBox .jgsz{width: 100%;height: 161px;background: url(zwgk_img02.png) center center no-repeat;margin-top: 40px;}
.Part1 .jgszBox .jgsz .stitle{width: 100%;height: 52px;line-height: 52px;text-align: center;padding-top: 10px;}
.Part1 .jgszBox .jgsz .stitle a{color: #0e4989; font-size: 30px; font-weight: bold;}
.Part1 .jgszBox .jgsz .stitle a:hover{color: #c00;}
.Part1 .jgszBox .jgsz .zfbm {background: #FFFFFF;height: 70px;width: 540px;margin: 6px auto 0;position: relative;}
.Part1 .jgszBox .jgsz .zfbm .zfbm_box{height: 100%;float: left;}
.Part1 .jgszBox .jgsz .zfbm .zfbm_box h2{height: 100%;position: relative;padding: 0px 43px;}
.Part1 .jgszBox .jgsz .zfbm .zfbm_box h2::after{content: '';width: 16px;height: 100%;background: url(zwgk_img03.png) center center no-repeat;position: absolute;right: 0px;top: 0px; transition: all 0.5s;}
.Part1 .jgszBox .jgsz .zfbm .zfbm_box h2 a{display: block;height: 100%;color: #000000;line-height: 70px;font-size: 20px;}
.Part1 .jgszBox .jgsz .zfbm .zfbm_box:hover h2::after{transform: rotateZ(-180deg);}
.Part1 .jgszBox .jgsz .zfbm .zfbm_box:hover h2 a{color: #0e4989;}
.Part1 .jgszBox .jgsz .zfbm .zfbm_box:last-child{float: right;margin-right: 32px;}
.Part1 .jgszBox .jgsz .zfbm .zfbm_box:last-child h2::after{right: 12px;}
.Part1 .jgszBox .jgsz .zfbm .zfbm_box .list{width: 100%;height: 0;overflow: hidden;position: absolute;top: 66px;left: 0;display: block;z-index: 99;}
.Part1 .jgszBox .jgsz .zfbm .zfbm_box .list>div{overflow-y:auto;height: calc(100% - 30px);margin: 10px;padding: 5px;}
.Part1 .jgszBox .jgsz .zfbm .zfbm_box:hover .list{height: 270px;background: #fff;border: solid 1px #cfdfff;border-radius: 8px;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
.Part1 .jgszBox .jgsz .zfbm .zfbm_box .list dl{margin: 0px;}
.Part1 .jgszBox .jgsz .zfbm .zfbm_box .list dl dt{width: calc((100% - 20px)/3);margin-bottom: 10px;position: relative;margin-right: 10px;background: #f7f7f7;float: left;height: 54px;}
.Part1 .jgszBox .jgsz .zfbm .zfbm_box .list dl dt{width: calc((100% - 40px) / 3)\9;}
.Part1 .jgszBox .jgsz .zfbm .zfbm_box .list dl dt:nth-child(3n){margin-right: 0px;}
.Part1 .jgszBox .jgsz .zfbm .zfbm_box .list dl dt a {width: 100%;height: 100%;padding: 0px 10px;line-height:20px;font-size: 16px;color:#333333;box-sizing: border-box;text-align: center;display: flex;align-items: center;justify-content: center;}
.Part1 .jgszBox .jgsz .zfbm .zfbm_box .list  dl dt:hover{background: #0e4989;}
.Part1 .jgszBox .jgsz .zfbm .zfbm_box .list  dl dt:hover a{color:#ffffff;}

/**设置滚动条的样式**/
.Part1 .jgszBox .jgsz .zfbm .zfbm_box .list>div::-webkit-scrollbar {width:3px;}
.Part1 .jgszBox .jgsz .zfbm .zfbm_box .list>div::-webkit-scrollbar-track {background:#daeafa;}
.Part1 .jgszBox .jgsz .zfbm .zfbm_box .list>div::-webkit-scrollbar-thumb {background:#0e4989;}
.Part1 .jgszBox .jgsz .zfbm .zfbm_box .list>div::-webkit-scrollbar{height:186px;}

/*政府信息公开*/
.Part1 .jgszBox .zfxxgk{height: auto;margin-top: 30px;}
.Part1 .jgszBox .zfxxgk ul{width: 100%;height: 100%;}
.Part1 .jgszBox .zfxxgk ul li{width: 285px;height: 100px;line-height: 100px;overflow: hidden;position: relative;background: #ffffff;float: left;margin-bottom: 15px;box-shadow: 0px 0px 10px 0px rgba(29, 119, 255, 0.3);}
.Part1 .jgszBox .zfxxgk ul li.m2,.Part1 .jgszBox .zfxxgk ul li.m4{float: right;}
.Part1 .jgszBox .zfxxgk ul li a{width: 100%;height: 100%; display: block; position: relative;}
.Part1 .jgszBox .zfxxgk ul li i{width: 50px;height: 50px;display: block;float: left;position: relative;margin: 25px 11px 0px 37px;}
.Part1 .jgszBox .zfxxgk ul li i::before{content: '';width: 100%;height: 100%;position: absolute;right: 0;top: 0;border-radius: 50%; transition: all 0.3s; background-image: -moz-linear-gradient( 90deg, rgb(6,77,149) 0%, rgb(0,127,255) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(6,77,149) 0%, rgb(0,127,255) 100%);background-image: -ms-linear-gradient( 90deg, rgb(6,77,149) 0%, rgb(0,127,255) 100%);}
.Part1 .jgszBox .zfxxgk ul li i::after{ content: ''; width: 100%;height: 100%;position: absolute;right: 0;background: url(zwgk_img04.png) no-repeat;}
.Part1 .jgszBox .zfxxgk ul li.m1 i::after{background-position: 12px 11px;}
.Part1 .jgszBox .zfxxgk ul li.m2 i::after{background-position: -278px 11px;}
.Part1 .jgszBox .zfxxgk ul li.m3 i::after{background-position: 12px -104px;}
.Part1 .jgszBox .zfxxgk ul li.m4 i::after{background-position: -278px -104px;}
.Part1 .jgszBox .zfxxgk ul li.m2 i,.Part1 .jgszBox .zfxxgk ul li.m4 i{margin-left: 30px;}
.Part1 .jgszBox .zfxxgk ul li span{color: #222222;font-size: 20px;font-weight: bold;display: block;padding-left: 28px;}
.Part1 .jgszBox .zfxxgk ul li:hover i{transform: scale(1);}
.Part1 .jgszBox .zfxxgk ul li:hover i::before{transform: scale(2.7) translate3d(-50%, -50%, 50px);right: -50%;top: 133%;}
.Part1 .jgszBox .zfxxgk ul li:hover span{color: #0e4989;}

/*政策文件*/
.Part2{width: 100%; height: 424px; margin-top: 30px; border: 3px solid #ff3838; border-left: none; border-right: none; background: url(zwgk_img05.png) center center no-repeat; background-size: cover;}
.Part2 .zcwjBox{width: 1540px; height: auto;overflow: hidden;margin: 30px auto 0;}
.Part2 .zcwjBox .hd{width:100%;height: 55px;line-height: 54px;}
.Part2 .zcwjBox .hd a{ color: #ffffff; font-size: 30px;}
.Part2 .zcwjBox .hd a.on{font-weight: bold;}
.Part2 .zcwjBox .hd span{color: #ffffff; font-size: 30px; font-weight: lighter;}
.Part2 .zcwjBox .bd{width: 100%;height: auto;overflow: hidden;margin-top: 30px;}
.Part2 .zcwjBox .zcwjList{width: 100%; height: auto; overflow: hidden;}
.Part2 .zcwjBox .zcwjCon{width: 100%; height: auto; overflow: hidden;}
.Part2 .zcwjBox .zcjdCon{width: 100%; height: auto; overflow: hidden;}
.Part2 .zcwjBox .zcwjList .bds{width: 100%; height: auto; overflow: hidden;}
.Part2 .zcwjBox .zcwjList .bds ul{width: 100%; height: auto; overflow: hidden;}
.Part2 .zcwjBox .zcwjList .bds ul li{width: 390px;height: 164px;background: #ffffff;margin-right: 50px;float: left;padding: 36px 45px 0;}
.Part2 .zcwjBox .zcwjList .bds ul li:last-child{margin-right: 0;}
.Part2 .zcwjBox .zcwjList .bds ul li h3{width: 100%;height: 80px;line-height: 30px;position: relative;padding-top: 20px;}
.Part2 .zcwjBox .zcwjList .bds ul li h3::before{content: '';width: 60px;height: 5px;position: absolute;left: 0;top: 0;background: #0e4989; transition: all 0.5s;}
.Part2 .zcwjBox .zcwjList .bds ul li h3 a{width: 100%; height: auto; color: #222222; font-size: 18px; overflow: hidden;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.Part2 .zcwjBox .zcwjList .bds ul li .date{width: 100%;height:30px;line-height: 30px;margin-top: 6px;}
.Part2 .zcwjBox .zcwjList .bds ul li .date span{float: left; color: #888888; font-size: 18px; display: inline-block;}
.Part2 .zcwjBox .zcwjList .bds ul li .date .more{float:right; width: 20px; height: 100%; display: block; background: url(zwgk_img19.png) left center no-repeat;}
.Part2 .zcwjBox .zcwjList .bds ul li .date .more:hover{background: url(zwgk_img20.png) left center no-repeat;}
.Part2 .zcwjBox .zcwjList .bds ul li:hover h3::before{width:100%;}
.Part2 .zcwjBox .zcwjList .bds ul li:hover h3 a{color: #0e4989;}

.Part2 .zcwjBox .zcwjList .hds{width: 100%;height: auto;overflow: hidden;text-align: center;margin-top: 26px;}
.Part2 .zcwjBox .zcwjList .hds ul{height: 52px;overflow: hidden;display: inline-block;}
.Part2 .zcwjBox .zcwjList .hds ul li{position: relative;float: left;width: 17px;height: 100%;margin: 0 15px;background: url(zwgk_img07.png) center center no-repeat;cursor: pointer;}
.Part2 .zcwjBox .zcwjList .hds ul li::after{content: '';width: 0;height: 0;background: url(zwgk_img06.png) no-repeat center;display: block;position: absolute;left: 50%;top: 50%;transition: all 0.5s;opacity: 0;transform: translate(-50%,-50%);}
.Part2 .zcwjBox .zcwjList .hds ul li.on{background:none;}
.Part2 .zcwjBox .zcwjList .hds ul li.on::after{opacity: 1;width: 52px;height: 100%;}

/*重点领域公开*/
.Part3{width: 1540px;height: auto;overflow: hidden;padding: 0px 30px 30px;background: #FFFFFF;margin: 30px auto 0;}
.Part3 .zdlygk{width: 900px;height: auto;overflow: hidden;float: left;margin-top: 30px;}
.Part3 .zdlygk .stitle{width: 100%;height: 60px;line-height: 44px;}
.Part3 .zdlygk .stitle a{color: #0e4989; font-size: 30px; font-weight: bold;}
.Part3 .zdlygk .stitle a:hover{color: #c00;}
.Part3 .zdlygk .bd{width:100%;height:auto;overflow: hidden;border: 1px solid #d7ebff;box-sizing: border-box;padding-bottom: 30px;}
.Part3 .zdlygk .bd ul{width: 90%;height:auto;overflow: hidden;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: center;margin-top: 15px;}
.Part3 .zdlygk .bd ul li{width: 130px;height: 186px;position: relative;margin: 20px 38px 0px 0px;}
.Part3 .zdlygk .bd ul li.m5{margin-right: 0px;}
.Part3 .zdlygk .bd ul li::before {content: '';width: 100px;height: 100px;border: 1px solid rgb(14, 73, 137,0.2);border-radius: 20px;position: absolute;left: 14px;top: 14px;transform: rotateZ(45deg); transition: all 0.3s;}
.Part3 .zdlygk .bd ul li::after {content: '';width: 100px;height: 100px;border: 1px solid rgb(14, 73, 137,0.2);border-radius: 34px;position: absolute;left: 14px;top: 14px;transform: rotateZ(45deg); transition: all 0.3s;}
.Part3 .zdlygk .bd ul li a{width: 100%;height: 100%;display: block;overflow: hidden;position: relative;z-index: 2;}
.Part3 .zdlygk .bd ul li i{width: 60px;height: 60px;display: block;position: relative;margin: 35px auto 0;}
.Part3 .zdlygk .bd ul li i::before{content: '';width: 100%;height: 100%;position: absolute;right: 0;top: 0;border-radius: 50%; transition: all 0.3s;background-image: -moz-linear-gradient( 90deg, rgb(14,73,137) 0%, rgb(19,141,255) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(14,73,137) 0%, rgb(19,141,255) 100%); background-image: -ms-linear-gradient( 90deg, rgb(14,73,137) 0%, rgb(19,141,255) 100%);}
.Part3 .zdlygk .bd ul li i::after{content: '';width: 100%;height: 100%;position: absolute;right: 0;background: url(zwgk_img08.png) no-repeat;}
.Part3 .zdlygk .bd ul li.m1 i::after{background-position: 11px 12px;}
.Part3 .zdlygk .bd ul li.m2 i::after{background-position: -155px 12px;}
.Part3 .zdlygk .bd ul li.m3 i::after{background-position: -319px 12px;}
.Part3 .zdlygk .bd ul li.m4 i::after{background-position: -483px 12px;}
.Part3 .zdlygk .bd ul li.m5 i::after{background-position: -648px 12px;}
.Part3 .zdlygk .bd ul li.m6 i::after{background-position: -52px -194px;}
.Part3 .zdlygk .bd ul li.m7 i::after{background-position: -220px -194px;}
.Part3 .zdlygk .bd ul li.m8 i::after{background-position: -388px -194px;}
.Part3 .zdlygk .bd ul li.m9 i::after{background-position: -558px -194px;}
.Part3 .zdlygk .bd ul li span{width: 100%;text-align: center;display: block;line-height: 24px;color: #000000;font-size: 18px;margin-top: 44px;}
.Part3 .zdlygk .bd ul li:hover::before{transform: rotateZ(135deg);}
.Part3 .zdlygk .bd ul li:hover::after{transform: rotateZ(-90deg);}
.Part3 .zdlygk .bd ul li:hover span{color: #0e4989;}

.Part3 .zdlygk .more{width:100%;padding-top: 22px;height: auto;background: url(zwgk_img09.png) center top no-repeat;text-align: center;margin-top: 19px;}
.Part3 .zdlygk .more a{color: #0e4989; font-size: 16px; font-weight: bold;}
.Part3 .zdlygk .more a:hover{color: #c00;}

.Part3 .jcxxgk{width: 580px; height: auto; overflow: hidden; float: right;}
.Part3 .jcxxgk .gzk{width: 100%;height: auto;margin-top: 49px;}
.Part3 .jcxxgk .gzk ul{width: 100%;height: auto;display: flex;justify-content: space-between;}
.Part3 .jcxxgk .gzk ul li{width: 185px;height: auto;overflow: hidden;transition: all 0.5s;border-radius: 15px;}
.Part3 .jcxxgk .gzk ul li a{width: 100%; height: 100%; display: block;}
.Part3 .jcxxgk .gzk ul li img{width: 100%; height: 100%;}
.Part3 .jcxxgk .gzk ul li:hover{transform: translateY(-33px);box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.15);}
.Part3 .jcxxgk .xwfbh{width: 100%;height: 265px;overflow: hidden;margin-top: 35px;border: 1px solid #d7ebff;box-sizing: border-box;padding: 5px 19px;}
.Part3 .jcxxgk .xwfbh .bd{width: 100%; height: auto; overflow: hidden;}
.Part3 .jcxxgk .xwfbh .bd ul{width: 100%; height: auto; overflow: hidden;} 
.Part3 .jcxxgk .xwfbh .bd li{width: 260px;height: 60px;line-height: 25px;float: left;margin-top: 16px;background: #0e4989;position: relative;}
.Part3 .jcxxgk .xwfbh .bd li:nth-child(2n){float: right;}
.Part3 .jcxxgk .xwfbh .bd li::before{content: ''; width: 0; height: 100%; position: absolute; left: 50%; top: 0; transition: all 0.5s; background: url(zwgk_img10.png) no-repeat;}
.Part3 .jcxxgk .xwfbh .bd li a{width: 100%;height: 100%;position: relative;display: flex;align-items: center;color: #FFFFFF;font-size: 20px;justify-content: center;}
.Part3 .jcxxgk .xwfbh .bd li:hover::before{width: 100%; left: 0;}
.Part3 .jcxxgk .xwfbh .hd{width: 100%;height: auto;overflow: hidden;text-align: center;margin-top: 4px;}
.Part3 .jcxxgk .xwfbh .hd ul{height: 3px;overflow: hidden;display: inline-block;}
.Part3 .jcxxgk .xwfbh .hd ul li{position: relative;float: left;width: 40px;height: 100%;margin: 0 4px 0px 3px;background: #064f98;cursor: pointer;}
.Part3 .jcxxgk .xwfbh .hd ul li::after{content: '';width: 100%;height: 100%;background: #ff3838;position: absolute;left: 0;top: 0;transition: all 0.3s;opacity: 0;}
.Part3 .jcxxgk .xwfbh .hd ul li.on{ background:none;}
.Part3 .jcxxgk .xwfbh .hd ul li.on::after{opacity: 1;}

/*政府数据*/
.Part4{width: 1540px;height: auto;overflow: hidden;padding: 29px 30px 30px;background: #FFFFFF;margin: 30px auto 42px;}
.Part4 .sjfb{width: 100%;height: auto;overflow: hidden;position: relative;}
.Part4 .sjfb .stitle{width: 100%;height: 82px;position: absolute;left: 0;top: 0;background: url(zwgk_img14.png) center center no-repeat;}
.Part4 .sjfb .stitle a{width: 270px;height: 74px;display: inline-block;background: url(zwgk_img21.png) center center no-repeat;}
.Part4 .sjfb .stitle a:hover{ background: url(zwgk_img22.png) center center no-repeat;}

.Part4 .sjfb .hd{width: 276px; height: 476px; float: left; background: url(zwgk_img15.png) center top no-repeat; margin-top: 105px;}
.Part4 .sjfb .hd ul{width: 100%;padding-top: 30px;}
.Part4 .sjfb .hd ul li{width: 100%; height: 46px; line-height: 46px; position: relative;}
.Part4 .sjfb .hd ul li::before{content: '';width: 0px;height: 100%;position: absolute;left: 18px;top: 0;transition: all 0.5s;background: url(zwgk_img16.png) center center no-repeat;}
.Part4 .sjfb .hd ul li a{width: 100%;height: 100%;display: block;color: #000000;font-size: 18px;text-indent: 50px;position: relative;}
.Part4 .sjfb .hd ul li a:hover{color: #0e4989;}
.Part4 .sjfb .hd ul li.on::before{width: 287px;}
.Part4 .sjfb .hd ul li.on a{color: #FFFFFF;}

.Part4 .sjfb .bd{width: 1140px;height: 540px;overflow: hidden;float:right;margin-top: 50px;position: relative;}

.Part4 .tjsj{width: 100%;height: 120px;line-height: 120px; overflow: hidden;margin-top: 40px;}
.Part4 .tjsj a{width: 100%;height: 100%;display: block;text-align: center; background: url(zwgk_img18.png) no-repeat;background-size: cover; transition: all 0.3s;}
.Part4 .tjsj a:hover{transform: scale(1.1);}