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

.top{width:100%;height: auto;background: url(zdlyxx_img01.png) no-repeat center top;}
.Logo{padding-top:20px;}
.ztLogo{margin-top: 68px;text-align: right;padding-right: 46px;}
.nav_list{width: 1200px;height: 170px;background: url(zdlyxx_img06.png) center top no-repeat;margin: 34px auto 0;padding: 31px 50px 45px;}
.nav_list ul{width: 100%; height: auto; overflow: hidden;}
.nav_list ul li{float: left;padding: 25px 0px;width: 195px;height: 120px;position: relative;}
.nav_list ul li a{width: 100%;height: 90px;display: block;color: #000000;font-size: 24px;font-weight: bold;line-height: 30px;background: url(zdlyxx_img09.png) center center no-repeat;text-align: center;padding-top: 30px;}
.nav_list ul li a:hover{background:url(zdlyxx_img09_1.png) center center no-repeat; color: #067ae7;}
.nav_list ul li:before{ content: ''; position: absolute; right: 0; top: 25px; display: block; background: #dddddd; width: 1px; height: 120px;}
.nav_list ul li.m3{width: 215px;}
.nav_list ul li.m6{width: 165px;}
.nav_list ul li.m6:before{display: none;}

.stitle{width: 100%; height: 70px; line-height: 70px; color: #067ae7; font-size: 36px; font-weight: bold; text-align: center; position: relative;}
.stitle:before{ content: ''; position: absolute; left: 0; top: 0px; display: block; background: url(zdlyxx_img04.png) left center no-repeat; width: 50%; height: 100%;}
.stitle:after{ content: ''; position: absolute; right: 0; top: 0px; display: block; background: url(zdlyxx_img05.png) right center no-repeat; width: 50%; height: 100%;}
/*权力运行及公共监管*/
.Part1{width: 1202px;height: auto;overflow: hidden;margin: 0 auto;}
.Part1 .stitle:before{left: 1px;}
.Part1 .stitle:after{right:1px;}
.Part1 .bd{width: 1007px;height: 230px;overflow: hidden;margin: 20px auto 0;background: url(zdlyxx_img07.png) center center no-repeat;}
.Part1 .bd ul{height: auto;overflow: hidden;padding: 0px 16px;}
.Part1 .bd ul li{width: 163px;height: 230px;overflow: hidden;float: left;position: relative;text-align: center;padding: 0px 16px;}
.Part1 .bd ul li::before{content: '';display: block;width: 66px;height: 66px;position: absolute;left: 50%;margin-left: -33px;top: 81px;border-radius: 50%;background-color: #0093fd;opacity: 0;transition:all 0.5s;}
.Part1 .bd ul li.m2::before,.Part1 .bd ul li.m4::before,.Part1 .bd ul li.m6::before{background: #45deff;}
.Part1 .bd ul li a{width: 100%;height: 100%;display: block;position: relative;}
.Part1 .bd ul li i{width: 65px;height: 65px;display: block;background: url(zdlyxx_img03.png) no-repeat #0093fd; border-radius: 50%; margin: 58px auto 0;}
.Part1 .bd ul li span{width: 100%; display: block; color: #000000;font-size: 20px; font-weight: bold; line-height: 28px;padding-top:5px;}
.Part1 .bd ul li.m1 i{background-position: -57px -401px;}
.Part1 .bd ul li.m2 i{background: url(zdlyxx_img03.png) no-repeat #45deff;background-position: -251px -400px;}
.Part1 .bd ul li.m3 i{background-position: -446px -398px;}
.Part1 .bd ul li.m4 i{background: url(zdlyxx_img03.png) no-repeat #45deff;background-position: -640px -399px;}
.Part1 .bd ul li.m5 i{background-position: -836px -399px;}
.Part1 .bd ul li.m6 i{background: url(zdlyxx_img03.png) no-repeat #45deff;background-position: -1030px -399px;}
.Part1 .bd ul li:hover::before{transform: scale(2.5);opacity: 1;}
.Part1 .bd ul li:hover i{/* box-shadow:none; */}
.Part1 .bd ul li:hover span{color: #FFF;padding-top: 0px;}

/*经济高质量发展*/
.Part2{width: 1200px; height: auto; overflow: hidden; margin: 40px auto 0;}
.Part2 .stitle{letter-spacing: 5px;}
.Part2 .bd{width: 100%;height: auto;overflow: hidden;margin-top: 20px;}
.Part2 .bd ul{width:100%;height: auto;overflow: hidden;}
.Part2 .bd ul li{float: left;width: 270px;height: 60px;text-align: center;background: #f2f8fe; border-radius: 30px; margin: 20px 40px 15px 0px;display: flex;justify-content: center;align-items: center;}
.Part2 .bd ul li.move{margin-right: 0px;}
.Part2 .bd ul li a{display: block;color: #333333;font-size: 18px;}
.Part2 .bd ul li:hover{background: #067ae7;}
.Part2 .bd ul li:hover a{color: #FFFFFF;}
.Part2 .hd{width: 100%; height: auto; overflow: hidden; text-align: center; margin-top: 10px;}
.Part2 .hd ul{text-align: center; display: inline-block; height: 8px;}
.Part2 .hd ul li{float: left; width: 30px; height: 8px; margin: 0px 6px; cursor: pointer; background:#d2d2d2; border-radius: 4px;}
.Part2 .hd ul li.on{background:#067ae7;}

/*社会公益事业及重点民生*/
.Part3{width: 1200px;height: auto;overflow: hidden;margin: 38px auto 0;}
.Part3 .stitle{height: 110px;line-height: 45px;display: flex;justify-content: center;align-items: center;}
.Part3 .bd{width: 100%;height: auto;overflow: hidden;margin-top: 20px;}
.Part3 .bd ul{width:100%;height: auto;overflow: hidden;}
.Part3 .bd ul li{float: left;width: 270px;height: 60px;text-align: center;background: #f2f8fe; border-radius: 30px; margin: 20px 40px 15px 0px;display: flex;justify-content: center;align-items: center;}
.Part3 .bd ul li.move{margin-right: 0px;}
.Part3 .bd ul li a{display: block;color: #333333;font-size: 18px;}
.Part3 .bd ul li:hover{background: #067ae7;}
.Part3 .bd ul li:hover a{color: #FFFFFF;}
.Part3 .hd{width: 100%; height: auto; overflow: hidden; text-align: center; margin-top: 10px;}
.Part3 .hd ul{text-align: center; display: inline-block; height: 8px;}
.Part3 .hd ul li{float: left; width: 30px; height: 8px; margin: 0px 6px; cursor: pointer; background:#d2d2d2; border-radius: 4px;}
.Part3 .hd ul li.on{background:#067ae7;}

/*公共资源配置领域*/
.Part4{width: 1200px; height: auto; overflow: hidden; margin: 40px auto 0;}
.Part4 .stitle{letter-spacing: 5px;}
.Part4 .bd{width: 100%;height: auto;overflow: hidden;margin-top: 20px;}
.Part4 .bd ul{width:100%;height: auto;overflow: hidden;}
.Part4 .bd ul li{float: left;width: 580px;height: 140px; line-height:140px; background: #209cff; border-radius: 25px; transition: all 0.5s;}
.Part4 .bd ul li.m2{float: right; background: #fd75a8;}
.Part4 .bd ul li a{width: 100%;height: 100%;display: block;position: relative;}
.Part4 .bd ul li i{float: left;width: 86px;height: 100%;display: block;background: url(zdlyxx_img03.png) no-repeat;margin-left: 98px;}
.Part4 .bd ul li span{float: left; margin-left: 15px; display: block; color: #ffffff;font-size: 24px;}
.Part4 .bd ul li.m1 i{background-position: -68px -563px;}
.Part4 .bd ul li.m2 i{background-position: -788px -563px;width: 48px;margin-left: 196px;}
.Part4 .bd ul li:hover {background: #067ae7;}
/*重大项目建设*/
.Part5{width: 1200px; height: auto; overflow: hidden; margin: 40px auto 0;}
.Part5 .bd{width: 100%;height: auto;overflow: hidden;margin-top: 20px;}
.Part5 .bd ul{width:100%;height: auto;overflow: hidden;}
.Part5 .bd ul li{float: left;width: 580px;height: 140px; line-height:140px; background: #f5a551; border-radius: 25px; transition: all 0.5s;}
.Part5 .bd ul li.m2{float: right; background: #6ae5ff;}
.Part5 .bd ul li a{width: 100%;height: 100%;display: block;position: relative;}
.Part5 .bd ul li i{float: left;width: 86px;height: 100%;display: block;background: url(zdlyxx_img03.png) no-repeat;margin-left: 98px;}
.Part5 .bd ul li span{float: left; margin-left: 15px; display: block; color: #ffffff;font-size: 24px;}
.Part5 .bd ul li.m1 i{background-position: -68px -882px;}
.Part5 .bd ul li.m2 i{background-position: -762px -882px;width: 75px;margin-left: 170px;}
.Part5 .bd ul li:hover {background: #067ae7;}
/*财政审计*/
.Part6{width: 1208px; height: auto; overflow: hidden; margin: 40px auto 25px;}
.Part6 .stitle:before{left: 4px;}
.Part6 .stitle:after{right:4px;}
.Part6 .stitle{letter-spacing: 10px;}
.Part6 .bd{width: 100%;height: 740px;overflow: hidden;margin-top: 20px; position: relative; background: url(zdlyxx_img08.png) center top no-repeat;}
.Part6 .bd ul{width: 100%; height: auto;overflow: hidden;}
.Part6 .bd ul li{width: 263px;height: 230px;position: absolute;text-align: center;}
.Part6 .bd ul li.m1{left: 64px; top:185px;}
.Part6 .bd ul li.m2{left: 269px; top:60px;}
.Part6 .bd ul li.m3{left: 269px; top:307px;}
.Part6 .bd ul li.m4{left: 474px; top:185px;}
.Part6 .bd ul li.m5{left: 474px; top:428px;}
.Part6 .bd ul li.m6{left: 679px; top:60px;}
.Part6 .bd ul li.m7{left: 679px; top:307px;}
.Part6 .bd ul li.m8{left: 884px; top:185px;}
.Part6 .bd ul li.m9{left: 884px; top:428px;}
.Part6 .bd ul li a{width: 100%;height: 100%;display: block;position: relative;}
.Part6 .bd ul li i{width: 80px;height: 80px;display: block;background: url(zdlyxx_img03.png) no-repeat;margin: 60px auto 0;animation-duration: 0.8s;animation-fill-mode: both;}
.Part6 .bd ul li span{width: 100%; display: block; color: #ffffff;font-size: 20px; line-height: 28px;padding-top:5px;}
.Part6 .bd ul li.m1 i{background-position: -64px -1248px;margin-top: 62px;}
.Part6 .bd ul li.m2 i{background-position: -410px -1248px;}
.Part6 .bd ul li.m3 i{background-position: -60px -1484px;}
.Part6 .bd ul li.m4 i{background-position: -412px -1479px;}
.Part6 .bd ul li.m5 i{background-position: -64px -1721px;}
.Part6 .bd ul li.m6 i{background-position: -761px -1243px;}
.Part6 .bd ul li.m7 i{background-position: -761px -1481px;}
.Part6 .bd ul li.m8 i{background-position: -763px -1703px;height: 95px;margin-top: 55px;width: 95px;}
.Part6 .bd ul li.m9 i{background-position: -412px -1719px;}
.Part6 .bd ul li:hover i{ animation-name: bounce; transform-origin: center bottom;}
.Part6 .bd ul li:hover span{font-weight: bold;}