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

/*公共样式*/
.hds {width: 100%;height:61px;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:61px;float: left;position: relative;}
.hds ul li::before{content: "";width: 100%; left: 0;height: 4px;background: #0060c9;position: absolute;bottom: -1px;}
.hds ul li a,
.hds ul li h1{display: inline-block;height: 100%;font-size:30px;color: #333333;font-weight: bold;}
.hds .more{float: right;height: 100%;line-height: 61px;}
.hds .more a{color: #cccccc; font-size: 16px; font-weight: bold;}
.hds .more a:hover,
.hds ul li a:hover{color:#0060c9;}


.Main{background:url("hdjl_bg.png")no-repeat center bottom;background-size: 100% auto;padding-top:33px;}

/*Part1 信件公开列表、信件统计*/
.Part1{height:auto;overflow:hidden;margin-bottom:31px;}
.Part1 .xjgsBox{width:922px;height:577px;position: relative;}
.Part1 .hds{margin-bottom: 30px;}
.Part1 .xjgsBox .list{width:460px;height:51px;float:right;padding-top:10px;position: absolute;top:0px;right:0px;}
.Part1 .xjgsBox .list dl dd{width:auto;height:51px;float:left;margin-left:21px;}
.Part1 .xjgsBox .list dl dd a{display:flex;width:100%;height:100%;justify-content: center;align-items: center;}
.Part1 .xjgsBox .list dl dd a i{display:block;width:37px;height:38px;background-image: url("hdjl_icon.png");background-repeat: no-repeat;margin-right:14px;}
.Part1 .xjgsBox .list dl .dd-1 a i{background-position:0px 0px;}
.Part1 .xjgsBox .list dl .dd-2 a i{background-position:-56px 0px;}
.Part1 .xjgsBox .list dl .dd-3 a i{background-position:-112px 0px;}
.Part1 .xjgsBox .list dl dd a span{font-size:20px;color:#333333;}
.Part1 .xjgsBox .list dl dd:hover a span{color: #0060c9;}
.Part1 .xjgsBox .bds{width:100%;height:485px;border:1px solid #c4dfff;box-sizing: border-box;}
.Part1 .xjgsBox .bds .hdjl_01c{width:100%;height:75px;background:#e7f2ff;display: flex;justify-content: space-between;}
.Part1 .xjgsBox .bds .hdjl_01c span{display: inline-block;font-size:24px;color:#0058b8;line-height: 75px;text-align: center;float: left;}
.Part1 .xjgsBox .bds .hdjl_01c .t1{width:calc(100% - 411px);text-align: left;text-indent: 38px;}
.Part1 .xjgsBox .bds .hdjl_01c .t2{width:129px;margin-left:118px;}
.Part1 .xjgsBox .bds .hdjl_01c .t3{width:100px;margin: 0px 28px 0px 36px;}
.Part1 .xjgsBox .bds ul li{width:100%;height:auto;overflow: hidden;display: flex;justify-content: space-between;}
.Part1 .xjgsBox .bds ul li a{display: block;width:calc(100% - 411px);line-height: 62px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 20px;color:#333333;padding-left: 45px;box-sizing: border-box;position: relative;transition:padding ease-in-out 0.5s;}
.Part1 .xjgsBox .bds ul li span{width:129px;margin-left:118px;font-size:20px;color:#333333;line-height:62px;}
.Part1 .xjgsBox .bds ul li em{width:100px;margin: 0px 28px 0px 36px;}
.Part1 .xjgsBox .bds ul li em i{display:block;width:80px;height:32px;border-radius:5px;background:#e7f2ff;text-align: center;line-height: 32px;font-size: 16px;color:#0059bb;margin: 15px auto;font-style: normal;}
.Part1 .xjgsBox .bds ul li a::before {content: "";width: 6px;height: 6px;background: #0060c9;position: absolute;top: calc(50% - 3px);left:20px;}
.Part1 .xjgsBox .bds ul li:hover a{padding-left:50px;color:#0058b8;}
.Part1 .xjtjBox{width:438px;height: 577px;}
.Part1 .xjtjBox .tjBox{height:auto;overflow: hidden;}
.Part1 .xjtjBox .tjBox #chartMonth{height:240px;margin-bottom: 24px;}
.Part1 .xjtjBox .tjBox #chartYear{height:222px;}

/*Part2 征集调查、热点回应*/
.Part2{height:auto;overflow:hidden;margin-bottom:29px;}
.Part2 .hds{margin-bottom:6px;}
.Part2 .zjdcBox,
.Part2 .rdhyBox{width:685px;height:419px;}
.Part2 .bds{height:auto;overflow: hidden;}
.Part2 .bds ul li{width:100%;height:90px;border:1px solid #c4dfff;border-radius: 5px;box-sizing: border-box;margin-top: 27px;}
.Part2 .bds ul li em{width:91px;height:88px;display:flex;flex-wrap:wrap;justify-content: center;align-items: center;align-content: center;background: url("hdjl_img01.png")no-repeat center;font-size: 18px;font-weight: bold;color:#0069e0;float: left;}
.Part2 .bds ul li em.end{background: url("hdjl_img02.png")no-repeat center;color:#6b6b6b;}
.Part2 .bds ul li .txt{width:calc(100% - 173px);float:left;margin-left: 38px;height:88px;overflow: hidden;display:flex;flex-wrap:wrap;justify-content: center;align-items: center;align-content: center;}
.Part2 .bds ul li .txt h1{width:100%;height:auto;overflow: hidden;}
.Part2 .bds ul li .txt h1 a{display:block;width:100%;height:36px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 36px;font-size:20px;color:#333333;transition:padding ease-in-out 0.5s;}
.Part2 .bds ul li .txt p{width:100%;height:auto;overflow: hidden;}
.Part2 .bds ul li .txt p span{font-size:12px;color:#999999;line-height: 30px;margin-right: 11px;}
.Part2 .bds ul li .txt p span:nth-child(2n){margin-right:26px;}
.Part2 .bds ul li:hover .txt h1 a{padding-left:5px;color:#0058b8;}
.Part2 .bds ul li:hover{border-color: #46a0ff;}
.Part2 .bds ul li .date{width:91px;height:88px;display:flex;flex-wrap:wrap;justify-content: center;align-items: center;align-content: center;background: url("hdjl_img01.png")no-repeat center;font-size: 18px;font-weight: bold;color:#0069e0;float: left;}
.Part2 .bds ul li .date span{font-size: 30px;}
.Part2 .bds ul li .date p{font-size:16px;}
.Part2 .rdhyBox .bds ul li .txt p{text-align: right;}


/*Part3 在线访谈*/
.Part3{height: 464px;/* overflow: hidden; */margin-bottom:37px;}
.Part3 .hds{margin-bottom: 36px;}
.Part3 .bds{height: 366px;/* overflow: hidden; */}
.Part3 .bds ul li{width:444px;height:356px;background:#FFFFFF;box-shadow:0px 0px 8px rgba(0,88,184,0.27);float: left;margin-right:34px;margin-bottom:10px;}
.Part3 .bds ul li:nth-child(3n){margin-right:0px;}
.Part3 .bds ul li a{display: block;width: 100%;height:100%;}
.Part3 .bds ul li a .pic{display: block;width: 100%;height:256px;overflow: hidden;}
.Part3 .bds ul li a .pic img{width: 100%;height:100%;transition:all ease-in-out 1s;}
.Part3 .bds ul li:hover a .pic img{transform: scale(1.1);}
.Part3 .bds ul li a .txt{width:100%;height:97px;padding:0px 48px;box-sizing:border-box;margin: 0 auto;display: flex;justify-content: center;align-items: center;}
.Part3 .bds ul li a .txt p{text-align: center;font-size: 20px;color:#333333;line-height: 30px;max-height:60px;overflow: hidden;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;}
.Part3 .bds ul li:hover a .txt p{color:#0058b8;}

/*Part4 常见问题知识库*/
.Part4{height:126px;margin-bottom:88px;}
.Part4 ul{display: flex;justify-content: space-between;}
.Part4 ul li{width:445px;height:126px;border-radius: 12px;overflow: hidden;transition: transform ease-in-out 0.5s;}
.Part4 ul .li-1{background:url("hdjl_img04.png")no-repeat center;}
.Part4 ul .li-2{background:url("hdjl_img05.png")no-repeat center;}
.Part4 ul .li-3{background:url("hdjl_img06.png")no-repeat center;}
.Part4 ul li a{display:flex;width:100%;height:100%;align-items: center;justify-content: center;}
.Part4 ul li a i{display:block;width:61px;height:49px;background-image: url("hdjl_icon.png");background-repeat: no-repeat;margin-right:27px;}
.Part4 ul .li-2 a i{background-position:0px -55px;}
.Part4 ul .li-3 a i{background-position:-88px -55px;}
.Part4 ul li a span{font-size:40px;font-weight:bold;color:#ffffff;}
.Part4 ul li:hover{transform: translateY(-5px);box-shadow:0px 0px 10px rgba(0,88,184,0.8);}