@charset "utf-8";
/* CSS Document */
@import url(reset.css);
@import url(top.css);
@import url(footer.css);

.MT10{ margin-top:10px;}
.MT20{ margin-top:20px;}

/*焦点图*/
.Focus{ width:550px; height:345px;}
.Focus .pic img { width:100%; height:345px; display: block; }
.Focus .txt-bg { position: absolute; bottom: 0px; z-index: 1; height: 50px; width:550px; background:#000; filter: alpha(opacity=50); opacity: 0.5; overflow: hidden; }
.Focus .txt { position: absolute; bottom: 0px; z-index: 2; height: 50px; width:78%; overflow: hidden; }
.Focus .txt li{ width:98%; height:50px; line-height:50px; position:absolute; bottom:-50px;}
.Focus .txt li a{ display: block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:10px; font-size:14px; color:#FFF; transition:all 0.3s;}
.Focus .txt li a:hover{ /*color:#0d99fd; */letter-spacing:1px;}
.Focus .num { position: absolute; z-index:3; bottom:17px; right:10px; }
.Focus .num li{ float:left; width:13px; height:13px; overflow:hidden; margin-right:6px; cursor:pointer; background:#FFF; border-radius:50%;}
.Focus .num li.on,.Focus .num li:hover{ background:#2ec7f2;}
.Focus>a{ display:block; width:60px; height:150px; position:absolute; top:97px; top:calc((345px - 150px) / 2); background:url(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;}


/*公共Title*/
.Title{ position:relative; width:100%; height:40px;}
.Title li{ position:relative; overflow:hidden; float:left; height:40px; font-size:18px; margin-right:10px;}
.Title li a{ display:inline-block; padding:0 10px; height:36px; line-height:36px; color:#474747;}
.Title li.on a{ color:#2ec7f2; border-bottom:4px solid #2ec7f2;}
.Title dd{ position:absolute; overflow:hidden; height:35px; top:0; right:0; color:#333;}
.Title dd a{ display:inline-block; padding:0 15px; height:35px; line-height:35px;}

.newsList{ display:block; width:100%; min-height:50px; padding:5px 0 0;}
.newsList>li{width:97%;height:auto;padding-left:3%;background-image:url(listStyle.png);background-repeat:no-repeat;background-position:left center;font-size:14px;overflow: hidden;line-height:32px; *line-height:30px;}
.newsList.pad>li{width:93%; padding:0 2% 0 5%; background-position:10px center;}
.newsList>li>a{display:block;float:left;width:75%; width:calc(100% - 100px); overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;}
.newsList>li>span{display:block;float:right;text-align:right;width:20%; width:calc(100px); overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#808080;}
.newsList>li>a:hover{ color:#F00;}


/*政务要闻*/
.GzdtBox{ width:630px; min-height:345px;}
.GzdtBox .bd li{ width:100%; position:relative; overflow:hidden; height:75px; margin:20px 0;}
.GzdtBox .bd li>span{ float:left; width:75px; height:75px; font-size:14px; color:#929292; text-align:center; line-height:24px; border-right:1px solid #929292;}
.GzdtBox .bd li>span em{ display:block; width:100%; height:50px; line-height:50px; font-size:50px; text-align:center;}
.GzdtBox .bd li>div.Box{ width:85%; width:calc(100% - 95px); position:relative; overflow:hidden; height:75px;}
.GzdtBox .bd li>div.Box>a{ display:block; width:100%; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; font-size:16px; color:#000; line-height:30px; padding-bottom:6px;}
.GzdtBox .bd li>div.Box>span{ display:block; position:relative; font-size:14px; line-height:20px; color:#6e6e6e;}

.MT70{ margin-top:70px;}

.BmdtBox{ width:815px; min-height:656px; padding:0 35px 0 25px; box-sizing:border-box;}
.BmdtBox>.hd{ position:relative; height:52px; margin-left:-25px;}
.BmdtBox>.hd ul{ width:101%;}
.BmdtBox>.hd li{ float:left; position:relative; overflow:hidden; width:140px; height:50px; font-size:18px; color:#333; margin-right:10px;}
.BmdtBox>.hd li a{ display:block; text-align:center; height:100%; line-height:60px; letter-spacing:2px;}
.BmdtBox>.hd li:hover,.BmdtBox>.hd li.on{ border-top:3px solid #6ebfff; margin-top:-1px;}
.BmdtBox>.hd li:hover a,.BmdtBox>.hd li.on a{ color:#6ebfff;}
.BmdtBox .bd{ min-height:300px;}
.BmdtBox .bd li{ position:relative; overflow:hidden; min-height:125px; margin:15px 0;}
.BmdtBox .bd li>a{ display:block; width:100%; font-size:18px; line-height:36px; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.BmdtBox .bd li>span{ display:block; width:100%; font-size:14px; color:#666; line-height:24px;}
.BmdtBox .bd li>p{ font-size:14px; color:#999; line-height:24px; text-align:right;}
.BmdtBox .bd li>p span{ margin:0 10px;}



.SpxwBox{ width:346px; height:636px; padding:10px;}
.SpxwBox .Tit{ height:46px; background-color:#3da6f9; font-size:18px; color:#FFF;}
.SpxwBox .Tit a{ display:inline-block; padding:0 15px; height:46px; line-height:46px;}
.SpBox{ width:326px; height:269px; margin:15px 10px 0;}
.SpBox img{ display:block; width:100%; height:100%; object-fit: cover;}
.SpBox p{ display:block; position:absolute; overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; height:44px; line-height:44px; color:#FFF; font-size:14px; text-align:center; background:url(Opacity_50_000.png); left:0; bottom:0;}
.SpList li{ position:relative; overflow:hidden; height:56px; padding:7px 0; padding-left:30px; font-size:14px; background-image:url(listStyle_2.png); background-repeat:no-repeat; background-position:10px 19px;}
.SpList li>a{ display:block; height:36px; line-height:36px; color:#474747; position:relative; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.SpList li>span{ color:#999;}
.SpList li:hover a{ color:#3da6f9;}