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

.Part1{width: 1330px;height: 420px;padding: 30px 35px 0px; position: relative; overflow: hidden;margin: 0 auto;background: rgba(255,255,255,0.5);border-radius: 10px;box-shadow: 0px 0px 16px rgba(0,0,0,0.1);}
.Part1 .Part1Box{width: 100%;height: 390px;background: #FFFFFF;border: 1px solid #eeeeee;box-sizing: border-box;}

/*领导之窗*/
.Part1 .LdzcBox{width: 853px;height: auto;padding: 20px 36px 0px 40px;overflow: hidden;float: left;position: relative;}
.Part1 .LdzcBox:before{content: '';width: 1px;height: 326px;position: absolute;right: 0px;top: 32px;background: #dddddd;}
.LdzcBox .Tit{width: 100%;height: 46px;line-height: 46px;position: relative;}
.LdzcBox .Tit:before {content: "";width: calc(100% - 124px);height: 2px;background: #95b7de;position: absolute;top: 23px;left: 124px;}
.LdzcBox .Tit a{float: left;display: inline-block;height: 100%;color: #1b65b9;font-size: 30px;font-weight: bold;}
.LdzcBox .Tit a:hover{color: #cf0b0a;}
.LdzcBox .LdzcCon{width: 100%;height: auto;overflow: hidden;margin-top: 23px;}
.LdzcBox .LdzcCon .Imgs{width: 180px;height: 260px;overflow: hidden;float: left;}
.LdzcBox .LdzcCon .Imgs a{width: 100%;height: 100%;display: block;}
.LdzcBox .LdzcCon .Imgs img{ width: 100%;height: 100%;transition: transform 0.7s ease-out 0s; -moz-transition: transform 0.7s ease-out 0s;}
.LdzcBox .LdzcCon .Imgs img:hover{transform:scale(1.05);}
.LdzcBox .LdzcCon .desc{width: 646px;height: auto;overflow: hidden;float: right;}
.LdzcBox .LdzcCon .desc .tit{width: 100%;line-height: 39px;font-weight: normal;height: 42px;overflow: hidden;}
.LdzcBox .LdzcCon .desc .tit a{color: #1b65b9;font-size: 30px;}
.LdzcBox .LdzcCon .desc .tit a:hover{color: #cf0b0a;}
.LdzcBox .LdzcCon .desc .ldzw{width: 100%;line-height: 30px;color: #222222;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.LdzcBox .LdzcCon .desc .ldfg{width: 100%;height: auto;overflow: hidden;margin-top: 21px;}
.LdzcBox .LdzcCon .desc .ldfg>span{color: #1b65b9;font-size: 22px;}
.LdzcBox .LdzcCon .desc .ldfg .ldfgCon{width: 100%;height: auto;overflow: hidden;line-height: 30px;color: #222222;font-size: 18px;margin-top: 5px;}
.LdzcBox .LdzcCon .desc .ldfg .ldfgCon a{color: #cf0b0a;}
.LdzcBox .LdzcCon .desc .ldfg .ldfgCon a:hover{color: #1b65b9;}
.LdzcBox .LdzcCon .qtld{width: 100%;height: auto;overflow: hidden;box-sizing: border-box;padding: 22px 0px 0px 0px;}
.LdzcBox .LdzcCon .qtld a{width: 120px;height: 50px;margin: 0px 14px 10px 0px;line-height: 48px;display: inline-block;color: #1b65b9;font-size: 20px;border-radius: 6px;text-align: center;border: 1px solid #eeeeee;box-shadow: 0px 0px 10px rgba(0,24,42,0.1);}
.LdzcBox .LdzcCon .qtld a:hover{background: #1b65b9; color: #fff;}
/*政府信息公开*/
.zfxxgk{width: 300px;height: auto;overflow: hidden;padding: 0px 55px 0px 0px;float: right;}
.zfxxgk ul{width: 100%;height: auto;overflow: hidden;}
.zfxxgk ul li{width: 100%;height: 96px;line-height: 96px;overflow: hidden;position: relative;border-bottom: 1px solid #eeeeee;}
.zfxxgk ul li.m4{border-bottom: none;}
.zfxxgk ul li a{width: 100%;height: 100%; display: block; position: relative;}
.zfxxgk ul li i{width: 60px;height: 60px;float: left; margin: 18px 0px 0px 29px;position: relative;border-radius: 50%;display: inline-block;}
.zfxxgk ul li.m1 i{background-image: linear-gradient(#ff7c03,#ff3b29);box-shadow: 0px 0px 29px rgba(255,255,255,0.6) inset;}
.zfxxgk ul li.m2 i{background-image: linear-gradient(#09b8ff,#008aff);}
.zfxxgk ul li.m3 i{background-image: linear-gradient(#b488ff,#8658ff);}
.zfxxgk ul li.m4 i{background-image: linear-gradient(#ffcd00,#ffa000);}
.zfxxgk ul li i:before{content: ''; width: 100%;height: 100%;position: absolute;left: 0px;top: 0;background: url(zwgk_icon1.png) no-repeat;}
.zfxxgk ul li.m1 i:before{background-position: 9px 10px;}
.zfxxgk ul li.m2 i:before{background-position: 9px -87px;}
.zfxxgk ul li.m3 i:before{background-position: 9px -183px;}
.zfxxgk ul li.m4 i:before{background-position: 9px -281px;}
.zfxxgk ul li span{color: #1b65b9;font-size: 20px;font-weight: bold;display: block;padding-left: 26px;float: left;}
.zfxxgk ul li::before{content: "";position: absolute;height: 100%;width: 100%;top: -100%;left: -100%;transition: all .7s;}
.zfxxgk ul li:hover::before{top: 100%;left: 100%; transform: scale(2.2) translate3d(-50%, -50%, 50px);}
.zfxxgk ul li:hover.m1::before{background-image: linear-gradient(#ff7c03,#ff3b29);}
.zfxxgk ul li:hover.m2::before{background-image: linear-gradient(#09b8ff,#008aff);}
.zfxxgk ul li:hover.m3::before{background-image: linear-gradient(#b488ff,#8658ff);}
.zfxxgk ul li:hover.m4::before{background-image: linear-gradient(#ffcd00,#ffa000);}
.zfxxgk ul li:hover i{transform: scale(1);}
.zfxxgk ul li:hover span{color: #FFFFFF;}

/*新闻发布会-政策解读*/
.Part2{width: 1330px;height: 345px;padding: 20px 35px 0px;overflow: hidden;margin: 30px auto 0;background: rgba(255,255,255,0.5);border-radius: 10px;box-shadow: 0px 0px 49px rgba(0,0,0,0.1);}
/*新闻发布会*/
.XwfbhBox{width: 640px; height: auto; overflow: hidden; float: left;}
.XwfbhBox .hds {width: 100%;height: 59px;border-bottom: 1px solid #dddddd;}
.XwfbhBox .hds ul{width: auto;height: 100%; float: left;}
.XwfbhBox .hds ul li {display: inline-block;width: auto;height: 100%;line-height: 52px;float: left;position: relative;margin-right: 56px;}
.XwfbhBox .hds ul li a {display: inline-block;height: 100%;font-size: 30px;color: #222222; font-weight: bold;}
.XwfbhBox .hds ul li a::after {content: "";width: 0;height: 4px;background: #cf0b0a;position: absolute;bottom: -2px;left: 50%;z-index: 2;transition: 0.5s;border-radius: 2px;}
.XwfbhBox .hds ul li.on a {color: #cf0b0a;}
.XwfbhBox .hds ul li.on a::after{width: 60px;left:  calc(50% - 30px);}
.XwfbhBox .hds .more{width: 210px;height: 40px;line-height: 40px;overflow: hidden;float: right;border-radius: 0px 21px 21px 0px;position: relative;padding: 1px;margin-top: 9px;}
.XwfbhBox .hds .more::before { content: ""; position: absolute; top: 0px; left: 0px; z-index: -1;background: linear-gradient(to right, #fffeff, #1b65b9); width: 100%;height: 100%;}
@font-face {
	font-family:"SyBold";
	src: url("../fonts/SourceHanSerifCN-Bold.ttf");
}
.XwfbhBox .hds .more a{width: 100%;height: 100%;display: block;text-align: right;color: #999999;font-size: 18px;background: #ffffff;border-radius: 0px 21px 21px 0px;}
.XwfbhBox .hds .more span{display: inline-block;color: #1b65b9;font-size: 24px;font-family:"SyBold";background: url(zwgk_icon8.png) center center no-repeat;width: 96px;height: 100%;}
.XwfbhBox .hds .more i{display: inline-block;background: url(zwgk_icon2.png) 0px 9px no-repeat;width: 22px;height: 100%;margin: 0px 15px 0px 9px;}
.XwfbhBox .hds .more a:hover{ background: none;}
.XwfbhBox .hds .more a:hover span{background: url(zwgk_icon9.png) center center no-repeat;}
.XwfbhBox .hds .more a:hover i{background-position: -168px 9px;}
.XwfbhBox .bds{width: 100%;height: auto;overflow: hidden;}
.XwfbhBox .bds ul{width: 100%;height: auto;overflow: hidden;margin-top: 9px;}
.XwfbhBox .bds ul li {width: 100%;height: 42px;line-height: 42px;overflow: hidden;position: relative;z-index: 0; transition: all 0.5s;}
.XwfbhBox .bds ul li a {color: #222222;font-size: 18px;display: block; width: calc(100% - 150px); padding-left: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;}
.XwfbhBox .bds ul li a::before {content: "";width: 4px;height: 4px;background: #1b65b9;border-radius: 50%;position: absolute;bottom: calc(50% - 2px);left: 0; transition: all 0.5s;}
.XwfbhBox .bds ul li span {display: block;text-align: right;float: right;font-size: 18px;color: #bababa;}
.XwfbhBox .bds ul li:before {transition: all 0.8s cubic-bezier(0.7, 0.5, 0.2, 1);content: "";width: 0;height: 100%;background: #e6ecf5;position: absolute;top: 0;left: 0;z-index: -1;}
.XwfbhBox .bds ul li:hover{padding: 0px 10px; box-sizing: border-box;}
.XwfbhBox .bds ul li:hover:before {width: 100%;}
.XwfbhBox .bds ul li a:hover {color: #206be7;}
.XwfbhBox .bds ul li a:hover::before{background: #206be7; left: 10px;}

/*政策解读*/
.ZcjdBox{width: 640px;height: 291px;padding: 1px;box-sizing: border-box;float: right;position: relative;margin-top: 28px;}
.ZcjdBox:before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;background-image: linear-gradient(#034187 80%, #20a6f4);}
.ZcjdBox .ZcjdCon{width: 100%;height: 100%;position: relative;background: #FFFFFF;padding-top: 37px;box-sizing: border-box;overflow: hidden;}
.ZcjdBox .ZcjdCon::before{content: '';width: 215px;height: 249px;border-radius: 55px;position: absolute;left: -105px;top: 38px;background-image: linear-gradient(#7dc3f7,transparent);transform: rotateZ(-50deg);}
.ZcjdBox .ZcjdCon::after{content: '';width: 215px;height: 249px;border-radius: 55px;position: absolute;right: -97px;top: 106px;background-image: linear-gradient(#7dc3f7,transparent);transform: rotateZ(-30deg);}
.ZcjdBox .Tit{width: 156px;height: 50px;line-height: 50px;position: absolute;left: calc(50% - 78px);top: -28px;background: #ffffff;text-align: center;z-index: 2;}
.ZcjdBox .Tit a{display: block; width: 100%; height: 100%; color: #1b65b9; font-size: 30px; font-weight: bold;}
.ZcjdBox .Tit a:hover{color: #cf0b0a;}
.ZcjdBox .zcjd{width: 100%;height: auto;overflow:hidden;position: relative;z-index: 2;}
.ZcjdBox .zcjd .bd{width: 100%;height: auto;overflow:hidden;padding: 0px 31px;box-sizing: border-box;}
.ZcjdBox .zcjd .bd ul{width: 100%; height: auto;overflow:hidden;}
.ZcjdBox .zcjd .bd ul li{float: left;width: 180px;height: 230px; margin-right: 18px;}
.ZcjdBox .zcjd .bd ul li:last-child{margin-right: 0px;}
.ZcjdBox .zcjd .bd ul li a{width: 100%; height: 100%; display: block; overflow: hidden; transition: all 0.5s;}
.ZcjdBox .zcjd .bd ul li img{width: 100%; height: 100%; transition: transform 1s; transform: scale(1);}
.ZcjdBox .zcjd .bd ul li img:hover{transform: scale(1.07);}
.ZcjdBox .zcjd .hd{width: 100%; height: auto; overflow: hidden; text-align: center; margin-top: 13px; display: none;}
.ZcjdBox .zcjd .hd ul{text-align: center; display: inline-block; height: 6px;}
.ZcjdBox .zcjd .hd ul li{float: left; width: 6px; height: 6px; margin: 0px 5px; cursor: pointer; background:#cccccc; border-radius: 3px; transform: transition: all 0.5s;;}
.ZcjdBox .zcjd .hd ul li.on{width: 20px; background:#0080ff;}
.ZcjdBox .zcjd .prev,.ZcjdBox .zcjd .next {display: block;width: 22px;height: 47px;position: absolute;top: 93px;background: rgba(0,0,0,0.3);cursor: pointer;z-index: 1;}
.ZcjdBox .zcjd .prev{left: 0;border-radius: 0px 4px 4px 0px;}
.ZcjdBox .zcjd .next {left: auto;right: 0;border-radius: 4px 0px 0px 4px;}
.ZcjdBox .zcjd .prev::before,
.ZcjdBox .zcjd .next::before{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(zwgk_icon3.png) no-repeat;}
.ZcjdBox .zcjd .prev::before {background-position: 3px center;}
.ZcjdBox .zcjd .next::before {background-position: -613px center;}
.ZcjdBox .zcjd .prev:hover,
.ZcjdBox .zcjd .next:hover{background: rgba(0,0,0,0.8);}

.Part3{width: 1400px; height: 121px; margin: 30px auto 0;}
.Part3 ul{width: 100%;height: 100%;display: flex;justify-content: space-between;}
.Part3 ul li{width: 264px; height: 120px; overflow: hidden; position: relative; border-radius: 10px; box-shadow: 0px 0px 59px rgba(0,0,0,0.1);}
.Part3 ul li::before{content: ''; width: 0px; height: 0px; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-image: linear-gradient(#4760ff,#0dccff); opacity: 0.06;}
.Part3 ul li::after{content: ''; width: 0px; height: 0px; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-image: linear-gradient(#4760ff,#0dccff); opacity: 0.06;}
.Part3 ul li em{ width: 0px; height: 0px; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-image: linear-gradient(#4760ff,#0dccff); opacity: 0.06;}
.Part3 ul li a{width: 100%; height: 100%; display: block; position: relative;}
.Part3 ul li i{width: 50px;height: 50px;margin: 28px auto 0;display: block;background: url(zwgk_icon4.png) no-repeat;}
.Part3 ul li.m1 i{background-position: 5px 0px;}
.Part3 ul li.m2 i{background-position: -279px 0px;}
.Part3 ul li.m3 i{background-position: -563px 0px;}
.Part3 ul li.m4 i{background-position: -847px 0px;}
.Part3 ul li.m5 i{background-position: -1131px 0px;}
.Part3 ul li span{width: 100%;display: block;line-height: 26px;color: #000000;font-size: 20px;font-weight: bold;text-align: center;}
.Part3 ul li:hover span{color: #1b65b9;}

@keyframes ro1 {
    0%{width: 0; height: 0;}
    50% {width: 90px; height: 90px;}
    100%{width: 0; height: 0;}
}
@keyframes ro2 {
    0%{width: 0; height: 0;}
    50% {width: 134px; height: 134px;}
    100%{width: 0; height: 0;}
}
@keyframes ro3 {
    0%{width: 0; height: 0;}
    50% {width: 182px; height: 182px;}
    100%{width: 0; height: 0;}
}
.Part3 ul li:hover::before{animation: ro3 8s infinite;}
.Part3 ul li:hover::after{animation: ro2 8s infinite;}
.Part3 ul li:hover em{animation: ro1 8s infinite;}

/*重点领域公开*/
.Part4{width: 1330px;height: 420px;padding: 0px 35px 0px;position: relative;margin: 60px auto 30px;border-radius: 10px;box-shadow: 0px 0px 16px rgba(0,0,0,0.1);}
.Part4 .Tit{width: 397px;height: 99px;line-height: 99px;position: absolute;left: calc((100% - 397px)/2);top: -27px;background: url(zwgk_icon5.png) no-repeat;text-align: center;z-index: 2;}
.Part4 .Tit a{display: block;width: 100%;height: 100%;color: #ffffff;font-size: 30px;font-weight: bold;text-shadow: 0px 4px 3px rgba(12,79,174,0.67);}
.Part4 .Tit a:hover{color: #cf0b0a;}
.Part4 .zdlyxx{width: 100%;height: auto;overflow: hidden;padding: 26px 0px;}
.Part4 .hd{width: 322px;height: 300px;float: left;position: relative;background: url(zwgk_icon7.png) no-repeat;padding: 32px 0px 33px;}
.Part4 .hd .prev,
.Part4 .hd .next{position: absolute;left: 0;width: 276px;height: 30px;background: url(zwgk_icon6.png) no-repeat; cursor: pointer;}
.Part4 .hd .prev{top: 0px;background-position: center -331px;}
.Part4 .hd .next{bottom: 0px;background-position: center 5px;}
.Part4 .hd .hdcon{width: 100%; height: 100%; overflow: hidden;overflow-y: overlay;}
.Part4 .hd .hdcon::-webkit-scrollbar{ display: none;}
.Part4 .hd ul{width: 100%;height: auto; overflow: hidden;}
.Part4 .hd ul li{width: 100%;height: 50px;line-height: 50px;position: relative;}
.Part4 .hd ul li::before{content: ''; width: 0px; height: 2px; background: #7ca7d7; position: absolute; right: 0px; top: calc(50% - 1px); transition: all 0.5s;}
.Part4 .hd ul li a{width: 277px; height: 100%; display: block; text-align: center; color: #ffffff; font-size: 20px;}
.Part4 .hd ul li.on{background: rgba(255,255,255,0.9);}
.Part4 .hd ul li.on::before{width: 125px;}
.Part4 .hd ul li.on a{color: #1b65b9;}
.Part4 .hd ul li.long.on::before{width: 75px;}
.Part4 .bd{width: 985px;height: auto;overflow: hidden;float: right;margin-top: 60px;}
.Part4 .bd ul{width: 100%;height: auto;overflow: hidden;margin-top: 9px;}
.Part4 .bd ul li {width: 100%;height: 42px;line-height: 42px;overflow: hidden;position: relative;z-index: 0; transition: all 0.5s;}
.Part4 .bd ul li a {color: #222222;font-size: 18px;display: block;width: calc(100% - 150px);padding-left: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;}
.Part4 .bd ul li a::before {content: "";width: 4px;height: 4px;background: #1b65b9;border-radius: 50%;position: absolute;bottom: calc(50% - 2px);left: 0; transition: all 0.5s;}
.Part4 .bd ul li span {display: block;text-align: right;float: right;font-size: 18px;color: #bababa;}
.Part4 .bd ul li:before {transition: all 0.8s cubic-bezier(0.7, 0.5, 0.2, 1);content: "";width: 0;height: 100%;background: #e6ecf5;position: absolute;top: 0;left: 0;z-index: -1;}
.Part4 .bd ul li:hover{padding: 0px 10px; box-sizing: border-box;}
.Part4 .bd ul li:hover:before {width: 100%;}
.Part4 .bd ul li a:hover {color: #206be7;}
.Part4 .bd ul li a:hover::before{background: #206be7; left: 10px;}