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

/*政务信箱*/
.Part1{width: 1336px;height: auto;padding: 33px 36px 31px 28px;overflow: hidden; position: relative; 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 .zwxxBox{width: 900px;height: auto;overflow: hidden;float: left;}
.Part1 .zwxxBox .shd{width: 100%; height: 56px; line-height: 56px; overflow: hidden;}
.Part1 .zwxxBox .shd .Tit{float: left; height: 100%;}
.Part1 .zwxxBox .shd .Tit a{width: 100%; height: 100%; display: block;}
.Part1 .zwxxBox .shd .Tit i{width: 51px;height: 100%;float: left;display: block;background: url(gzcy_icon1.png) center center no-repeat;margin-left: 13px;}
.Part1 .zwxxBox .shd .Tit span{float: left;color: #1b65b9;font-size: 30px;font-weight: bold;padding-left: 17px;}
.Part1 .zwxxBox .shd .Tit a:hover span{color: #cf0b0a;}
.Part1 .zwxxBox .shd .xzxx_sub{float: right; height: 100%;}
.Part1 .zwxxBox .shd .xzxx_sub ul{width: 100%; height: 100%;}
.Part1 .zwxxBox .shd .xzxx_sub ul li{float: left;height: 100%;margin-right: 26px;}
.Part1 .zwxxBox .shd .xzxx_sub ul li.m1{margin-right: 40px;}
.Part1 .zwxxBox .shd .xzxx_sub ul li a{width: 100%; height: 100%; display: block;}
.Part1 .zwxxBox .shd .xzxx_sub ul li i{width: 60px;height: 100%;float: left;display: block;background: url(gzcy_icon2.png) no-repeat;}
.Part1 .zwxxBox .shd .xzxx_sub ul li.m1 i{background-position: 0px 11px;width: 46px;}
.Part1 .zwxxBox .shd .xzxx_sub ul li.m2 i{background-position: -166px 11px;}
.Part1 .zwxxBox .shd .xzxx_sub ul li.m3 i{background-position: -332px 11px;}
.Part1 .zwxxBox .shd .xzxx_sub ul li span{float: left; color: #000000; font-size: 20px;}
.Part1 .zwxxBox .shd .xzxx_sub ul li a:hover span{color: #1b65b9;}
.Part1 .zwxxBox .xjgsBox{width: 100%;height: 360px;margin-top: 18px;border: 1px solid #ebf2fe;border-radius: 10px;box-sizing: border-box;padding: 16px 9px 10px;}
.Part1 .zwxxBox .xjgsBox .hdjl_01c{height: 50px;margin-bottom: 8px;background: #f3f6fb;}
.Part1 .zwxxBox .xjgsBox .hdjl_01c span{line-height: 48px;display:block;float: left;font-size:20px;font-weight: bold;text-align: center;color: #000000;}
.Part1 .zwxxBox .xjgsBox .hdjl_01c span.t0{width: 212px;}
.Part1 .zwxxBox .xjgsBox .hdjl_01c span.t1{width: 434px;text-align:left;text-indent: 1px;}
.Part1 .zwxxBox .xjgsBox .hdjl_01c span.t2{width: 105px;}
.Part1 .zwxxBox .xjgsBox .hdjl_01c span.t3{width: 129px;float: right;}
.Part1 .zwxxBox .xjgsBox .hdjl_02c{width: 100%; height: 263px; overflow: hidden;overflow-y: auto;}
/**设置滚动条的样式**/
.Part1 .zwxxBox .xjgsBox .hdjl_02c::-webkit-scrollbar {width:6px;}
.Part1 .zwxxBox .xjgsBox .hdjl_02c::-webkit-scrollbar-track {background:#f3f6fb; border-radius: 3px;}
.Part1 .zwxxBox .xjgsBox .hdjl_02c::-webkit-scrollbar-thumb {background:#609af6; border-radius: 3px;}
.Part1 .zwxxBox .xjgsBox .hdjl_02c::-webkit-scrollbar{height:186px;}

.Part1 .zwxxBox .xjgsBox .hdjl_02c ul{width: 100%; height: auto;overflow: hidden;}
.Part1 .zwxxBox .xjgsBox .hdjl_02c li{width: 100%;height:46px;position:relative;}
.Part1 .zwxxBox .xjgsBox .hdjl_02c li:before {transition: all 0.8s cubic-bezier(0.7, 0.5, 0.2, 1);content: "";width:0px;height: 100%;background: #f1f9ff;position: absolute;top: 0;left: 0;}
.Part1 .zwxxBox .xjgsBox .hdjl_02c li span{line-height:46px;font-size: 18px;color:#bababa;text-align: center;float: left;overflow: hidden;display:block;position: relative;z-index:2;}
.Part1 .zwxxBox .xjgsBox .hdjl_02c span.t0{width: 212px;}
.Part1 .zwxxBox .xjgsBox .hdjl_02c span.t1{width: 434px;text-align:left;text-indent: 1px;}
.Part1 .zwxxBox .xjgsBox .hdjl_02c li a{width:100%;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align:left;position:relative;color: #222222;}
.Part1 .zwxxBox .xjgsBox .hdjl_02c span.t2{width: 105px;}
.Part1 .zwxxBox .xjgsBox .hdjl_02c span.t3{width: 110px;float: right;}
.Part1 .zwxxBox .xjgsBox .hdjl_02c li:hover:before {background: #f1f9ff;width: 100%;}
.Part1 .zwxxBox .xjgsBox .hdjl_02c li:hover span{color: #1b65b9;}
.Part1 .zwxxBox .xjgsBox .hdjl_02c li:hover span a{color: #1b65b9;}

.Part1 .xjtjBox{width: 410px;height: auto;overflow: hidden;float: right;}
.Part1 .xjtjBox .Tit{width: 100%; height: 56px; line-height: 56px; overflow: hidden;}
.Part1 .xjtjBox .Tit span{float: left; color: #1b65b9; font-size: 30px; font-weight: bold;}
.Part1 .xjtjBox .Tit p{float: right; color: #333333; font-size: 16px;}
.Part1 .xjtjBox .xjtjCon{width: 100%; height: 360px; margin-top: 20px; border: 1px solid #ebf2fe; border-radius: 10px; box-sizing: border-box;}
.Part1 .xjtjBox #chartYear{width:100%;height:146px;}
.Part1 .xjtjBox #chartMonth{width:100%;height:190px;}

/*公共样式*/
.hds {width: 100%;height: 50px;border-bottom: 1px solid #dddddd;}
.hds ul{width: auto;height: 100%; float: left;}
.hds ul li {display: inline-block;width: auto;height: 100%;line-height: 48px;float: left;position: relative;margin-right: 56px;}
.hds ul li a {display: inline-block;height: 100%;font-size: 30px;color: #222222; font-weight: bold;}
.hds ul li a::after {content: "";width: 0;height: 4px;background: #cf0b0a;position: absolute;bottom: -3px;left: 50%;z-index: 2;transition: 0.5s;border-radius: 2px;}
.hds ul li.on a {color: #cf0b0a;}
.hds ul li.on a::after{width: 60px;left:  calc(50% - 30px);}
.bds{width: 100%;height: auto;overflow: hidden;}
.bds ul{width: 100%;height: auto;overflow: hidden;margin-top: 21px;}
.bds ul li {width: 100%;height: 42px;line-height: 42px;overflow: hidden;position: relative;z-index: 0; transition: all 0.5s;}
.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;}
.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;}
.bds ul li span {display: block;text-align: right;float: right;font-size: 18px;color: #bababa;}
.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;}
.bds ul li:hover{padding: 0px 10px; box-sizing: border-box;}
.bds ul li:hover:before {width: 100%;}
.bds ul li a:hover {color: #206be7;}
.bds ul li a:hover::before{background: #206be7; left: 10px;}

/*征集调查-回应关切*/
.Part2{width: 1330px;height: 374px;padding: 19px 35px 0px;overflow: hidden;margin: 30px auto 0;background: rgba(255,255,255,0.5);border-radius: 10px;box-shadow: 0px 0px 16px rgba(0,0,0,0.1);}
.Part2 .zjdc{width: 650px;height: auto;overflow: hidden;float: left;}
.Part2 .zjdc .zjdcList{width: 100%; height: auto; overflow: hidden;}
.Part2 .zjdc .zjdcList ul{width: 100%;height: auto;overflow: hidden;margin-top: 4px;}
.Part2 .zjdc .zjdcList ul li{width: 100%;height: 78px;overflow: hidden;border: 2px solid #f6f6f6;margin-top: 18px;box-sizing: border-box;border-left-width: 1px;border-right-width: 1px;}
.Part2 .zjdc .zjdcList ul li .day_status{width: 88px;height: auto;overflow: hidden;float: left;border-right: 1px solid #f7f7f7;}
.Part2 .zjdc .zjdcList ul li .day_status span{width:100%; height: 37px; line-height: 37px; display: block; text-align: center;color: #333333;}
.Part2 .zjdc .zjdcList ul li .day_status .day{ font-size: 14px; font-weight: bold;}
.Part2 .zjdc .zjdcList ul li .day_status .status{ font-size: 16px; background: #f5f5f5;}
.Part2 .zjdc .zjdcList ul li .day_status.jxz .day{color: #1b65b9;}
.Part2 .zjdc .zjdcList ul li .day_status.jxz .status{background: #1b65b9; color: #FFFFFF;}
.Part2 .zjdc .zjdcList ul li .desc{width: 543px;height: 100%;overflow: hidden;float: right;}
.Part2 .zjdc .zjdcList ul li .desc h3{width: 390px;height: 100%;float:left;display: flex;align-items: center;}
.Part2 .zjdc .zjdcList ul li .desc h3 a{color: #222222;font-size: 18px;line-height: 24px;height: 48px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.Part2 .zjdc .zjdcList ul li .desc .more{width: 120px;height: 29px; overflow: hidden; border: 1px dashed #999999;float: right;border-radius: 15px;margin: 21px 16px 0px 0px;}
.Part2 .zjdc .zjdcList ul li .desc .more a{width: 100%;height: 100%;display: flex;align-items: center;}
.Part2 .zjdc .zjdcList ul li .desc .more img{padding-left: 15px;}
.Part2 .zjdc .zjdcList ul li .desc .more span{padding-left: 7px;color: #222222;font-size: 14px;}
.Part2 .zjdc .zjdcList ul li:hover{box-shadow: 0px 0px 35px rgba(27,101,185,0.32) inset;}
.Part2 .zjdc .zjdcList ul li:hover .day_status{box-shadow: 0px 0px 35px rgba(27,101,185,0.32) inset;}
.Part2 .zjdc .zjdcList ul li:hover .day_status .day{color: #1b65b9;}
.Part2 .zjdc .zjdcList ul li:hover .day_status .status{background: #1b65b9; color: #FFFFFF;}
.Part2 .zjdc .zjdcList ul li .desc h3 a:hover{color: #1b65b9;}
.Part2 .zjdc .zjdcList ul li .desc .more:hover{border: 1px solid #1b65b9;}

.Part2 .hygq{width: 650px;height: auto;overflow: hidden;float: right;}
.Part2 .hygq .hds ul li.on a{color: #1b65b9;}
.Part2 .hygq .hds ul li a::after{background: #1b65b9;}

/*知识库-微博微信*/
.Part3{width: 1330px;height: 347px;padding: 30px 35px 0px;overflow: hidden;margin: 30px auto;background: rgba(255,255,255,0.5);border-radius: 10px;box-shadow: 0px 0px 16px rgba(0,0,0,0.1);}
.Part3 .zsk{width: 650px; height: auto; overflow: hidden; float: left;}
.Part3 .zsk .hds ul li.on a{color: #1b65b9;}
.Part3 .zsk .hds ul li a::after{background: #1b65b9;}
.Part3 .zsk .bds ul{margin-top: 12px;}

.Part3 .wbwx{width: 650px;height: auto;overflow: hidden;float: right;}
.Part3 .wbwx ul{width: 100%; height: auto; overflow: hidden;}
.Part3 .wbwx ul li{width: 310px;height: 120px;overflow: hidden;float: left;border-radius: 10px; transition: all 0.5s;}
.Part3 .wbwx ul li.m1{width: 100%;height: 150px;margin-bottom: 23px;margin-top: 12px;}
.Part3 .wbwx ul li.m3{float: right;}
.Part3 .wbwx ul li a{width: 100%;height: 100%;display: block;position: relative;text-align: center;}
.Part3 .wbwx ul li a>img{width: 100%; height: 100%;}
.Part3 .wbwx ul li .imgs{width: 100%;height: 100%;display: flex;align-items: center;position: absolute;left: 0;top: 0;justify-content: center;}
.Part3 .wbwx ul li .desc{width: 100%; height: 100%;position: absolute;left: 0px;top: 0;}
.Part3 .wbwx ul li span{color: #ffffff;font-size: 22px;font-weight: bold;line-height: 120px;transition: all 0.5s;height: 100%;padding-left: 76px;display: inline-block;}
.Part3 .wbwx ul li.m2 span{background: url(gzcy_icon4.png) left center no-repeat;margin-left: 20px;}
.Part3 .wbwx ul li.m3 span{background: url(gzcy_icon5.png) left center no-repeat;margin-left: 0px;}
.Part3 .wbwx ul li:hover{transform:translateY(-5px);}