@charset "utf-8";
/* css document */
@import url(/uploads/css/images/reset.css);
@import url(/uploads/css/images/top.css);


/*新闻中心*/
.part1{ min-height: 410px; margin-top:25px;}

/*焦点图*/
.focus{ width:550px; height:410px; overflow:hidden; position:relative;}
.focus .pic img { width: 550px; height: 410px; display: block; }
.focus .txt-bg { position: absolute; bottom: 0px; z-index: 1; height: 32px; width:1200px; background: #000; filter: alpha(opacity=60); opacity: 0.6; overflow: hidden; }
.focus .txt { padding-left: 15px; position: absolute; bottom: 0px; z-index: 2; height: 32px; width:420px; overflow: hidden; }
.focus .txt li{ width:100%; height:32px; line-height:32px; position:absolute; bottom:-32px;}
.focus .txt li a{ display: block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 16px; color: white; transition:all 0.3s;}
.focus .txt li a:hover{ /*color:#0d99fd; */letter-spacing:1px;}
.focus .num { position: absolute; z-index:3; bottom:11px; right:10px; }
.focus .num li{ float:left; width:10px; height:10px; overflow:hidden; margin:0 4px; border-radius:50%; cursor:pointer; background:#fff;}
.focus .num li.on,.focus .num li:hover{ background:#d80b28;}
.focus>a{ display:block; width:60px; height:150px; position:absolute; top:130px; top:calc((410px - 150px) / 2); background:url(/uploads/image/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;}

.titlea{ height: 36px; border-bottom: 1px solid #bababa;}
.titlea>a{ display: inline-block; height: 35px; line-height: 35px; padding: 0 10px; border-bottom: 3px solid #d80b28; font-size: 18px; color: #333; font-weight: bold; float: left;}
.titlea>span{ float: right; line-height: 36px; font-size: 14px; color: #666; display: inline-block; padding: 0 10px;}

.titleb{ height: 34px; border-bottom: 2px solid #d80b29; background:  repeat-x;}
.titleb>a{ display: inline-block; height: 34px; line-height: 34px; padding: 0 34px; font-size: 18px; color: #fff; background-color: #d80b29;}

ul.newslist{ padding: 5px 0;}
ul.newslist li{ position: relative; overflow: hidden; font-size: 14px; line-height: 36px; color: #888; padding-left: 10px; background:  no-repeat left center;}
ul.newslist li a{ position: relative; overflow: hidden; display: block; float: left; width: 82%; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; color: #333;}
ul.newslist li span{ position: relative; overflow: hidden; display: block; float: right; text-align: right; width:15%;}
ul.newslist li a:hover{ color: #f00;}


.tzggbox{ width: 625px;}

.gwyxxbtn{ height: 74px;}
.gwyxxbtn ul{ width: 105%;}
.gwyxxbtn li{ float: left; position: relative; overflow: hidden; width: 195px; height: 74px; margin-right: 20px; background-color: #ececec; transition: all 0.3s ease-in 0s;}
.gwyxxbtn li a{ position: relative; overflow: hidden; display: block; width: 100%; height: 100%; text-align: center; line-height: 100px; font-size: 16px; color: #d80b28; background:  no-repeat; background-position-y:9px; transition: all 0.5s ease-in 0s;}
.gwyxxbtn li.btn1 a{ background-position-x: 86px;}
.gwyxxbtn li.btn2 a{ background-position-x: -114px;}
.gwyxxbtn li.btn3 a{ background-position-x: -314px;}
.gwyxxbtn li:hover{ background-color: #d80b28;}
.gwyxxbtn li:hover a{ background-position-y:-30px; line-height: 74px; color: #fff; font-weight: bold; text-shadow:3px 3px 5px #000; letter-spacing: 5px;}




/*中心动态*/
.zxdtbox{ min-height: 336px;}

/*办事服务*/
.bsfwbox{ min-height: 157px; background: #f5f5f5;}
.bsfwbox ul{ width: 105%;}
.bsfwbox li{ float: left; position: relative; overflow: hidden; width:184px; height: 60px;}
.bsfwbox li a{ display: block; height: 100%; padding-left: 30px; line-height: 60px; font-size: 14px; color: #333;}
.bsfwbox li a img{ padding-right: 10px; vertical-align:middle;}


/*专题专栏*/
.ztzlbox{ min-height: 150px;}
.ztzlbox ul{ width: 105%;}
.ztzlbox li{ position: relative; overflow: hidden; float: left; width: 268px; height: 90px; border: 1px solid #ddd; margin-right: 12px;}
.ztzlbox li img{ position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%;}



/*右侧*/

.wsyytbtn{ height: 85px; margin-top: 10px;}
.wsyytbtn ul{ width: 105%;}
.wsyytbtn li{ float: left; position: relative; overflow: hidden; width:100px; height: 85px; margin-right: 31px;}
.wsyytbtn li a{ display: block; width: 100%; height: 100%; font-size: 14px; color: #333; font-weight: bold;}
.wsyytbtn li a img{ display: block; margin: 10px auto;}
.wsyytbtn li a span{ display: block; text-align: center; }


.hdjlbox{ min-height: 145px; background-color: #f5f5f5; padding-bottom: 7px;}
.hdjlbox ul{ padding-top: 18px; padding-left: 15px;}
.hdjlbox li{ position: relative; overflow:hidden; float: left; width: 76px; height: 90px; margin: 0 36px;}
.hdjlbox li em{ display: block; width: 74px; height: 62px; border: 1px solid #cee0e6; background: repeat-x; background-position-y:bottom; transition: all 0.5s ease-in 0s;}
.hdjlbox li span{ display: block; font-size: 14px; color: #333; line-height: 36px; text-align: center;}
.hdjlbox li:hover em{ background-position-y: top;}



.cjwtbox{ min-height: 337px; background-color: #f5f5f5; padding: 0 15px;}

.slidebox .hd{ font-size: 16px; color: #666; line-height: 36px; padding-top: 5px;}
.slidebox .hd li{ float: left;}
.slidebox .hd li.l{ padding: 0 5px;}
.slidebox .hd li.on a{ color: #e7931b;}
.slidebox ul.newslist{ padding-top:0;}