@charset "utf-8";
/* CSS Document */
@import url(https:/www.rh.gov.cn/images/https:/www.rh.gov.cn/images/reset.css);
@import url(https:/www.rh.gov.cn/images/https:/www.rh.gov.cn/images/header.css);
@import url(https:/www.rh.gov.cn/images/https:/www.rh.gov.cn/images/footer.css);
@import url(https:/www.rh.gov.cn/images/https:/www.rh.gov.cn/images/animate.min.css);


/*今日头条*/
.TheHeadlines{ width: 800px; height: 100px;}
.TheHeadlines .Tit{ display:block; width: 119px; height: 88px; background: url(https:/www.rh.gov.cn/images/home_ico_4.png) no-repeat right bottom; transition:background 0.5s; top: 12px;}
.TheHeadlines .Tit a{ display: block; height: 88px; background: url(https:/www.rh.gov.cn/images/home_ico_3.png) no-repeat;}
.TheHeadlines .Tit:hover{ background: url(https:/www.rh.gov.cn/images/home_ico_5.png) no-repeat right bottom; }

.TheHeadlines .TextBox{ width: 670px;}
.TheHeadlines .TextBox>a{ display: block; position: relative; overflow: hidden; font-size: 28px; line-height:1; color: #055589; font-weight: bold;  word-wrap:normal; padding: 10px 0;}
.TheHeadlines .TextBox>p{ display: block; position: relative; overflow: hidden; font-size: 16px; line-height: 1.5; text-align: justify;}
.TheHeadlines .TextBox>p a{ color: #ed2b25;}

/*首页专题*/
.SyZtzl{ width: 370px; height: 100px; background-color: #e7e7e7;}
.SyZtzl .bd li{ width: 370px; height: 100px; position: relative;}
.SyZtzl .bd li img{ display: block; width: 100%; height: 100%;}
.SyZtzl .hd{ position: absolute; width: 100%; height: 0; bottom: 20px; text-align: center;}
.SyZtzl .hd li{ width: 5px; height: 5px; position: relative; overflow: hidden; border-radius: 3px; background-color: #FFF; transition: width 0.3s; display: inline-block;}
.SyZtzl .hd li + li{ margin-left: 3px;}
.SyZtzl .hd li.on{ width: 25px;}

/*公共列表*/
.ulList{ padding-top: 10px; min-height: 20px;}
.ulList li{ position: relative; overflow: hidden; line-height: 1.3; background: url(https:/www.rh.gov.cn/images/home_ico_6.png) no-repeat 2px center; font-size: 16px; padding: 9px 0; padding-left: 20px; color: #222; }
.ulList li::before{ content: ''; display: block; position: absolute; overflow: hidden; width: 13px; height: 13px; left: 2px; top: 50%; margin-top: -6.5px; background:url(https:/www.rh.gov.cn/images/home_ico_7.png) no-repeat center; transition: all 0.3s; opacity: 0; transform: scale(0);}
.ulList li a{ display: block; float: left; max-width:80%; max-width: calc(100% - 90px); position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.ulList li:hover::before{ opacity: 1; transform: scale(1);}
.ulList li a:hover{ color: #F00; }
.ulList li span{ display: inline-block; width: 90px; float: right; text-align:right;}

.ulList.nd li a{max-width: 100%; float: none;}
.ulList.lg li{ line-height: 45px; *line-height: 43px; }


/*政府公告*/
.ZfggTestBox{ width: 100%; height: 80px; background-color: #FFF;}
.ZfggTestBox .Tit{ width: 64px; height: 80px; float: left;}
.ZfggTestBox .Tit a{ display: block; text-align: center; font-size: 20px; font-weight: bold; color: #FFF; line-height: 1.3; padding: 14px 0; background-color: #016aae; transition: all 0.3s;}
.ZfggTestBox .Tit:hover a{ background-color: #05578c; text-shadow: 1px 1px 3px #000;}
.ZfggTestBox .ulList{width:calc(100% - 84px);padding:10px;}
.ZfggTestBox .ulList li{width:calc(50% - 40px);padding: 5px 0; padding-left: 20px;float:left;}
.ZfggTestBox .ulList li:nth-child(odd){float:left;}
.ZfggTestBox .ulList li:nth-child(even){float:right;}


/* 焦点图 */
.Focus{width: 590px; height:405px;}
.Focus .pic li{overflow:hidden; position:relative; width: 590px;height: 405px; background: #FFF;}
.Focus .pic img {width: 100%; max-width: 100%; height: 405px; display: block; margin: 0 auto;}
.Focus .txt-bg {position: absolute;bottom: 0px;z-index: 1; height: 54px; width:590px; background: #000; filter:alpha(opacity=50); opacity:0.5; overflow: hidden;}
.Focus .txt {position: absolute;left: 20px;bottom: 0px;z-index: 2;height: 54px;width:470px;overflow: hidden;}
.Focus .txt li{ width:100%; height:54px; line-height:54px; position:absolute; bottom:-54px;}
.Focus .txt li a{display: block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size: 16px;color: white;text-shadow:1px 1px 5px #000;transition:all 0.3s;}
.Focus .txt li a:hover{ /*color:#0d99fd; */letter-spacing:1px;}
.Focus .num { position: absolute; z-index:3; bottom:21px; right:12px; }
.Focus .num li{float:left; width:12px; height:12px; overflow:hidden; margin:0 2px; border-radius:50%; cursor:pointer; background:#FFF; transition: all 0.3s;}
.Focus .num li.on,.Focus .num li:hover{background:#ed2c25;}
.Focus>a{display:block;width:60px;height:150px;position:absolute;top: 115px;top: calc((405px - 150px) / 2);background:url(https:/www.rh.gov.cn/images/pin_view_arrows.png) no-repeat;cursor:pointer;opacity:0;filter: alpha(opacity=0);transition:all 0.5s;background-position-y:-170px;}
.Focus>a.prev{ left:10px;}
.Focus>a.next{ right:10px; background-position-x:-80px;}
.Focus:hover>a{ opacity:1;filter: alpha(opacity=100);}
.Focus:hover>a.prev{ left:0px;}
.Focus:hover>a.next{ right:0px;}


/*要闻焦点*/
.FocusNews{ width: 590px; height: 405px; /*padding: 0 10px; background: rgba(255,255,255,0.6);*/}
.FocusNews .hd{ height: 42px; border-bottom: 1px solid #666;}
.FocusNews .hd li{ position: relative; overflow: hidden; height: 43px; float: left; }
.FocusNews .hd li + li{ margin-left:15px; }
.FocusNews .hd li a{ display: inline-block; font-size: 20px; height: 40px; line-height: 40px; font-weight: bold; padding: 0 5px; color: #222;}
.FocusNews .hd li:hover a,
.FocusNews .hd li.on a{ border-bottom: 3px solid #016aae; color: #016aae; }
.FocusNews .bd{ min-height: 290px;}

.FocusNews .bd ul.ulList{ height: 270px;}
.FocusNews .bd::before{ content: ''; display: block; position: absolute; height: 270px; border-left: 1px solid #222; left: 8px; top: 10px; z-index: 0;}


.GovBtns{ height: 64px; background-color: #e6eaed;}
.GovBtns li{ position: relative; overflow: hidden; float: left; width: 25%; height: 64px;}
.GovBtns li a{ display: block; height:58px; font-size: 16px; color: #000; line-height: 58px; border: 3px solid #e6eaed; text-align: center; padding-left: 30px; transition: all 0.5s;}
.GovBtns li a img{ position: absolute; left: 15px; transition: all 0.5s;}
.GovBtns li.btn1 img{ top: 17px; }
.GovBtns li.btn2 img{ top: 18.5px; }
.GovBtns li.btn3 img{ top: 16.5px; }
.GovBtns li.btn4 img{top: 18.5px;left: 10px;}
.GovBtns li:hover a{ padding: 0; background-color: #d4d7da; border-left-color: #cacdd0; border-right-color:#b4b9bd;}
.GovBtns li:hover a img{ opacity: 0; animation-name: rotateOutUpLeft; animation-duration: 1s; animation-fill-mode: both;}




/*政务公开。。等切换部分*/
.Part5_SlideNav{ height: 60px; }
.Part5_SlideNav li{ position: relative; overflow: hidden; float: left; width: 33%; width:calc(100% / 3); height: 55px; border-bottom: 5px solid transparent;  transition:border-color 0.5s;}
.Part5_SlideNav li a{ display: block; height: 55px; transition:background 0.5s; }
.Part5_SlideNav li.btn1 a{ background: url(https:/www.rh.gov.cn/images/home_ico_12.png) no-repeat center;}
.Part5_SlideNav li.btn2 a{ background: url(https:/www.rh.gov.cn/images/home_ico_13.png) no-repeat center;}
.Part5_SlideNav li.btn3 a{ background: url(https:/www.rh.gov.cn/images/home_ico_14.png) no-repeat center;}
.Part5_SlideNav li.btn1.on a,
.Part5_SlideNav li.btn1:hover a{ background: url(https:/www.rh.gov.cn/images/home_ico_12_on.png) no-repeat center;}
.Part5_SlideNav li.btn2.on a,
.Part5_SlideNav li.btn2:hover a{ background: url(https:/www.rh.gov.cn/images/home_ico_13_on.png) no-repeat center;}
.Part5_SlideNav li.btn3.on a,
.Part5_SlideNav li.btn3:hover a{ background: url(https:/www.rh.gov.cn/images/home_ico_14_on.png) no-repeat center;}
.Part5_SlideNav li.on{ border-bottom-color: #016aae;}

.Part5_SlideCon{ background-color: #FFF; padding: 23px 0 18px;}

/*政府信息公开*/
.ZfxxgkBox{ width: 382px;}
.ZfxxgkBox .tit{ height: 26px;}
.ZfxxgkBox .tit a{ display: inline-block; padding: 0 10px; padding-left: 35px; background: url(https:/www.rh.gov.cn/images/home_ico_15.png) no-repeat left center; font-size: 20px; font-weight: bold; color: #016aae; height: 26px; line-height: 26px;}
.ZfxxgkBox .ZfxxgkBtns{ padding-top: 12px;}
.ZfxxgkBox .ZfxxgkBtns ul{ width: 110%;}
.ZfxxgkBox .ZfxxgkBtns li{ position: relative; overflow: hidden; float: left; width: 186px; height: 40px; margin: 7px 10px 0 0;}
.ZfxxgkBox .ZfxxgkBtns li a{ display: block; border: 1px solid #f5f5f5; height: 38px; line-height: 38px; text-align: center; font-size: 16px; color: #333; background-color: #f5f5f5;}
.ZfxxgkBox .ZfxxgkBtns li a:hover{ border-color: #cedbe4; }
/*领导人按钮*/
.LdrBtns{ height: 60px; margin-top: 8px; }
.LdrBtns .aBox{ width: 186px; height: 60px;}
.LdrBtns .aBox.btn1{ background: url(https:/www.rh.gov.cn/images/home_ico_16_bg.png) no-repeat center top;}
.LdrBtns .aBox.btn2{ background: url(https:/www.rh.gov.cn/images/home_ico_17_bg.png) no-repeat center top;}
.LdrBtns .aBox a{ font-size: 20px; font-weight: bold; color: #FFF; display: block; height: 100%; line-height: 60px; text-align: center; padding-left: 45px;}
.LdrBtns .aBox em{ display: block; width: 50px; height: 60px; position: absolute; left:20px; top: 0; text-align: center; line-height: 60px;}
.LdrBtns .aBox:hover a{ text-shadow: 1px 0px 1px #333;}
.LdrBtns .aBox:hover em{animation-name: bounce; animation-duration: 1s; animation-fill-mode: both;}
/*乡镇部门按钮*/
.XzbmBtns{ height: 50px; margin-top: 7px;}
.XzbmBtns .aBox{ width: 186px; height: 50px; background-color: #64abef;}
.XzbmBtns .aBox a{ display: block; cursor: pointer; height: 50px; line-height: 50px; text-align: center; padding-right: 20px; font-size: 16px; color: #fff;}
.XzbmBtns .aBox em{ display: block; position: absolute; width: 20px; height: 20px; right: 30px; top: 15px; background: url(https:/www.rh.gov.cn/images/home_ico_18.png) no-repeat center; transition:transform 0.3s; }
.XzbmBtns .aBox.on em{ transform: rotateZ(-180deg);}

.XzbmAlertCon .AlConBox{display: none;width: 1158px;padding:5px 20px 10px;border: 1px solid #DDD;background-color: #FFF;position: absolute;z-index: 99;margin-top: 10px;}
.XzbmAlertCon .AlConBox + .AlConBox{ }
.XzbmAlertCon .AlConBox em{ display: block; width: 15px; height: 10px; position: absolute; top: -9px; left: 88px; z-index: 10; background: url(https:/www.rh.gov.cn/images/home_ico_19.png) no-repeat center;}
.XzbmAlertCon .AlConBox + .AlConBox em{ left: 284px;}
.XzbmAlertCon .AlConBox a{ display: block; font-size: 15px; color: #000; padding: 5px;}

/*政策文件*/
.ZcwjNewsBox{ width: 480px; margin-left: 20px; }
.ZcwjNewsBox .hd{ height: 39px; border-bottom: 1px solid #666;}
.ZcwjNewsBox .hd li{ position:relative; overflow: hidden; float: left; height: 39px;}
.ZcwjNewsBox .hd li + li{ margin-left: 15px;}
.ZcwjNewsBox .hd li a{ display:inline-block; padding: 0 15px; font-size: 18px; color: #333; font-weight: bold; height: 39px; line-height: 39px;}
.ZcwjNewsBox .hd li.on a{ background-color: #016aae; color: #FFF;}
.ZcwjNewsBox .bd{ min-height: 264px;}
.ZcwjSearch{ width: 454px; height: 38px; border-radius: 19px; background-color: #ebebeb; margin:19px auto 11px; font-size: 16px;}
.ZcwjSearch span{ display: inline-block; float: left; color: #333; height: 100%; line-height: 38px; padding-left: 15px;}
.ZcwjSearch input{ background: none; border: none; display: block; float: left; height: 100%; line-height: 38px; width: 315px;}
.ZcwjSearch a{ display: block; width: 50px; height: 38px; background: url(https:/www.rh.gov.cn/images/home_ico_20.png) no-repeat center; cursor: pointer; float: right;}

.ZcwjNewsBox .bd .ulList li{ padding: 8px 0; padding-left: 20px;}

/*重点领域信息*/
.ZdlyxxBox{ width: 300px; min-height: 176px; padding-top: 120px; background: url(https:/www.rh.gov.cn/images/home_ico_21.png) no-repeat 36px 1px #e7f2fa;}
.ZdlyxxBox .tit{ width: 172px;height: 40px; position: absolute; overflow: hidden; right: 17px; top: 60px; border-radius: 20px; background-color: #016aae;}
.ZdlyxxBox .tit a{ display: block; height: 40px; line-height: 40px; font-size: 18px; color: #FFF; font-weight: bold; text-align:center; }
.ZdlyxxBox .bd{ min-height: 150px;}
.ZdlyxxBox .bd ul{height:150px;padding: 0 15px;box-sizing: border-box;position: relative;overflow: hidden;width: 100% !important;}
.ZdlyxxBox .bd li{position: relative;overflow: hidden;float: left;width: 50%;font-size: 16px;line-height: 1.5;}
.ZdlyxxBox .bd li a{display: inline-block;padding: 3px;position: relative;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;word-wrap:normal;max-width: 95%;}
.ZdlyxxBox .hd{ width: 100%; height: 10px; text-align: center;}
.ZdlyxxBox .hd li{ display: inline-block; position: relative; overflow: hidden; border-radius: 5px; width: 10px; height: 10px; margin: 0 2px; background-color: #016aae; cursor: pointer; transition: width 0.5s;}
.ZdlyxxBox .hd li.on{ width: 34px;}



/*书记市长信箱*/
.SjszxxBox{ width: 588px; min-height: 294px; border: 1px solid #ededed;}
.SjszxxBox .Tit{ padding: 14px 14px 0; height: 41px; border-bottom: 1px solid #016aae; line-height:41px;}
.SjszxxBox .Tit>a{ display: inline-block; float: left; padding: 0 15px; height: 41px; line-height: 41px; font-size: 18px; font-weight: bold; color: #FFF; background-color: #016aae;}
.SjszxxBox .Tit>span{ font-size: 16px;}
.SjszxxBox .Tit>span a{ padding: 0 5px 0 2px;}
.SjszxxBox .Con{ height: 238px; }
.SjszxxBox .Con table{ margin: 0;}
.SjszxxBox .Con table.layui-table thead tr{ background-color: #ebebeb;}
.SjszxxBox .Con table.layui-table thead tr th{ font-size: 16px; color: #000; padding: 10px 15px;}
.SjszxxBox .Con table.layui-table tbody tr{ position: relative; }
.SjszxxBox .Con table.layui-table tbody tr>td:first-child::before{ content: ''; display: block; position: absolute; left: -5px; top: 0; border: 5px solid transparent; border-left-color: #016aae; border-right: none; height:28px; transition:left 0.3s;}
.SjszxxBox .Con table.layui-table tbody tr:hover{ background-color: transparent;}
.SjszxxBox .Con table.layui-table tbody tr:hover td::before{ left: 0px;}
.SjszxxBox .Con table.layui-table tbody td{ font-size: 16px; color: #000; padding: 7px 15px;}
.SjszxxBox .Con table.layui-table tbody td a{ display: inline-block; position: relative; overflow: hidden; max-width: 340px; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}

/*征集调查-板块*/
.ZjdcSlideBox{ width: 588px; min-height: 204px; border: 1px solid #ededed; }
.ZjdcSlideBox .Tit{ padding: 14px 0 0; height: 41px; border-bottom: 1px solid #666; line-height:41px;}
.ZjdcSlideBox .Tit a{ display: inline-block; float: left; padding: 0 5px; margin-left: 12px; height: 39px; line-height: 41px; font-size: 20px; font-weight: bold; color: #222;}
.ZjdcSlideBox .Tit a.on{ border-bottom: 3px solid #016aae; color: #016aae;}

.Wsdc{ width: 548px !important; padding:18px 20px;}
.Wsdc .pic{ position: relative; overflow: hidden; width: 149px; height: 104px; float: left; background: url(https:/www.rh.gov.cn/images/home_ico_22.png) no-repeat;}
.Wsdc .pic img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.Wsdc .txt{ position: relative; overflow: hidden; float: right; width: 384px;}
.Wsdc .txt>a{ display: block; padding-left: 20px; font-size: 17px; font-weight: bold; color: #016aae; background: url(https:/www.rh.gov.cn/images/home_ico_6.png) no-repeat left center; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.Wsdc .txt>a:hover{ text-decoration: underline; }
.Wsdc .txt>.desc{ display: block; padding-left: 20px; margin-top: 10px; font-size: 15px; color: #333; line-height: 1.3;position: relative; overflow: hidden; max-height: 38px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.Wsdc .txt>span{ display: block; padding-left: 20px; margin-top: 10px; font-size: 15px; color: #666;}
.Wsdc .txt>span em + em{ margin-left: 15px; }

.ZjdcSlideBox .ulList{ width: 548px !important; padding:12px 20px 0;}
.ZjdcSlideBox .ulList li{ padding: 5px 0; padding-left: 20px;}



/*公共服务*/
.GgfwBox{ /*width: 878px;*/ width: 550px; /*height: 294px;*/ height: 245px; border: 1px solid #ededed; padding: 22px 32px 27px 294px; background: url(https:/www.rh.gov.cn/images/home_ico_23.png) no-repeat 28px 18px;}
.GgfwBox .Tit{ position: absolute; width: 236px; height: 58px; left: 28px; bottom: 39px;}
.GgfwBox .Tit a{ display: block; line-height: 58px; height: 58px; text-align: center; background-color: #b6d9f0; font-size: 21px; font-weight: bold; color: #016aae;}
.GgfwBox .Tit a:hover{ background-color: #95bed8;}
.GgfwBox .Con{ width: 100%; height: 100%;}
.GgfwBox .Con ul{ width: 105%;}
.GgfwBox .Con li{ position: relative; overflow: hidden; float: left; width: 136px; width: calc((550px - 3px) / 4); height: 122px; border: 1px solid #f0f0f0; border-top: none; border-left: none; transition: all 0.5s ease 0.1s;}
.GgfwBox .Con li a{ display: block; height: 100%; position:relative; line-height:170px; text-align: center; font-size: 16px; color: #000; transition:all 0.5s; }
.GgfwBox .Con li.btn1 a{ background: url(https:/www.rh.gov.cn/images/home_ggfw_1.png) no-repeat center 20px;}
.GgfwBox .Con li.btn2 a{ background: url(https:/www.rh.gov.cn/images/home_ggfw_2.png) no-repeat center 22px;}
.GgfwBox .Con li.btn3 a{ background: url(https:/www.rh.gov.cn/images/home_ggfw_3.png) no-repeat center 20px;}
.GgfwBox .Con li.btn4 a{ background: url(https:/www.rh.gov.cn/images/home_ggfw_4.png) no-repeat center 19px;}
.GgfwBox .Con li.btn5 a{ background: url(https:/www.rh.gov.cn/images/home_ggfw_5.png) no-repeat center 20px;}
.GgfwBox .Con li.btn6 a{ background: url(https:/www.rh.gov.cn/images/home_ggfw_6.png) no-repeat center 23px;}
.GgfwBox .Con li.btn7 a{ background: url(https:/www.rh.gov.cn/images/home_ggfw_7.png) no-repeat center 22px;}
.GgfwBox .Con li.btn8 a{ background: url(https:/www.rh.gov.cn/images/home_ggfw_8.png) no-repeat center 20px;}

.GgfwBox .Con li:hover{ background-color: #3faae6;}
.GgfwBox .Con li:hover a{ background-position-y:-100px; font-size: 20px; font-weight: bold; color: #FFF; line-height: 122px; text-shadow:1px 1px 3px #000;}

.ZwfwLink{ width: 298px; height: 296px; }








.Part6{ padding:20px 0;}
.Part6>.Tit{ width:52px; height:100px;}
.Part6>.Tit a{display:block;padding: 6px 16px;font-size: 20px;font-weight: bold;color: #FFF;line-height: 1.1;background-color: #016aae;}
.Part6>.Tit a:hover{background-color: #047cca;}
.Part6 .ztzlSlideCon{width: 1060px;padding: 0 40px;height: 100px;}
.Part6 .ztzlSlideCon>a{display:block;width: 30px;height: 100px;position: absolute;top: 0;background: url(https:/www.rh.gov.cn/images/home_ico_25.png) no-repeat;cursor: pointer;}
.Part6 .ztzlSlideCon>a.prev{left:0;}
.Part6 .ztzlSlideCon>a.next{right:0; background-position-x:right;}
.Part6 .ztzlSlideCon>a:hover{ background-position-y:bottom;}
.Part6 .ztzlSlideCon .bd li{position:relative;overflow: hidden;float: left;margin-right: 20px;width: 305px;height: 100px;}
.Part6 .ztzlSlideCon .bd li img{ display:block; width:100%; height:100%;}