﻿@charset "utf-8";
/* CSS Document */
body{ background:url(jb_bg.jpg) top center #71c9ea; background-repeat:no-repeat; background-attachment:fixed; width:100%; min-width:1200px;}
*{ list-style:none; text-decoration:none; font-family:"微软雅黑"; margin:0; border:0; padding:0;}
wrap{ width:100%;}
a,a:hover{ text-decoration:none;}
img{ display:block;border:none;}
.clearfix{ clear:both;}

#header{ width:100%;margin:auto}
/*top蓝条*/
.jb_top{ width:100%; margin:auto; height:36px; background-color: #ededed;}
.jb_top1{ width:1000px; margin:auto;}
.jb_top_left{float:left;}
.jb_top_left li{ float:left; line-height:36px; margin-right:16px;}
.jb_top_left li a{ color:#333333; font-size:14px;}
.jb_top_right{float:right;}
.jb_top_right li{ float:left; line-height:36px; margin-left:16px;}
.jb_top_right li a{ color:#FFF; font-size:14px;}
/*top蓝条-end*/


.con{ width:960px; clear:both; height:auto; overflow:hidden; margin-bottom:10px}
/*logo 搜索*/
.jb_ding{ clear:both; width:1100px; margin:10px auto; height:220px; overflow:hidden; background: url(by.png) right center no-repeat}
.jb_ding1{ width:600px; margin:auto;}
.jb_ding1 li{}
.jb_logo{ padding-top:13px; text-align:center}
.jb_sousuo{ width:600px; height:40px; background-color:#fefefe; border:1px solid #1a4287;margin-top:5px;}
.jb-sstext{ width:519px; height:40px; float:left; color:#3b4567; padding-left:15px; line-height:40px; background:none}
.jb-ssbutton{ width:66px; height:40px; background:url(jb_biao.png) center no-repeat; cursor:pointer;}
.jb_bsdt{ height:46px; width:180px; margin-left:47px; margin-top:10px;}
.jb_bsdt dl{ width:96px; height:46px; float:left; padding-right:20px;}
.jb_bsdt dl dt{ width:96px; height:46px;}
.jb_bsdt dl dd{ width:96px; height:46px; text-align:center;}
.jb_bsdt dl dd a{ color:#1a4287; color:16px;}
.jb_ewm{ padding-top:3px;}
/*logo 搜索-end*/

/*网上办事大厅*/
.online{ width:480px; background:#FFF; height:150px; float:right; padding:10px}
.online h2{ height:57px; width:100%}
.online ul{ width:100%}
.online ul li{ width:80px; height:80px; float:left; margin:0px 8px} 



/*top导航*/
.jb_dh{ clear:both; width:100%; margin:auto; height:40px;background:url(jb_tm1.png) repeat;}
.jb_dh1{ width:1100px; margin:0px auto;}
.jb_dh1 li{ float:left; font-size:20px; line-height:40px; padding-left:120px;}
.jb_dh1 li a{ color:#000;}
.jb_dh1 li a:hover{color:#1a4287;}
/*top导航-end*/

#content{ clear:both; width:960px; margin:auto;position:relative; height:100%; overflow:hidden;}
/*要闻*/
.jb_yw{ width:960px; margin:auto;}
.jb_yw p{ padding:30px 0 30px 0;}
.jb_yw p span{ font-size:16px; font-weight:bold; color:#1a4287; background:url(jb_xb.png) no-repeat 0 5px; padding-left:20px;}
.jb_yw p a{ color:#000;line-height:26px;}
/*要闻-end*/

.jb_qh{ width:960px; margin:auto;;}
/*轮播图*/
.jb_qhlef{ width:450px; height:220px; float:left;}
#focus{width:450px;height:300px;border:1px solid #7a7a7a;overflow:hidden;position:relative;}
#focus a{position:relative;zoom:1;}
#focus p{position:absolute;height:30px;line-height:30px;padding-left:15px;bottom:2px;left:0;color:#fff;font-size:14px;font-weight:bold;}
#focus p span{float:left;}
#focus a:hover .text{text-decoration:underline;cursor:pointer}
#focus s{position:absolute;height:38px;line-height:38px;width:100%;bottom:0;left:0;filter:Alpha(Opacity=70);Opacity:0.7;background:#000;cursor:pointer}
#ctr{position:absolute;bottom:12px;right:17px;z-index:2;color:#fff;}
#ctr span{background:url(doc.png) no-repeat;_background:none;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/doc.png', sizingMethod='crop');text-align:center;width:12px;height:11px;float:left;margin-right:7px;cursor:pointer}
#ctr span.current{background:url(doc_hover.png) no-repeat;_background:none;}
/*轮播图-end*/

/*tab切换*/
.jb_qhrig{ width:500px; float: left; background:#19448a; margin-left:10px;}
.tabbox{width:100%;height:300px;}
.tabbox .lj{width:100%;height:40px; border-bottom: #CCC 1px solid; line-height:40px;}
.tabbox .tab{ clear:both;overflow:hidden;height:40px; float:left;}
.tabbox .tab a{ font-size:16px;display:block;padding:0 56px;float:left;text-decoration:none;color: #FFF; line-height:40px;}
.tabbox .tab a.on{background:#910011;color: #FFF;text-decoration:none;font-weight:bold;}
.lj1{height:30px; line-height:30px;}
.lj1 a{ color: #FFF; padding:0 22px;}
.lj1 a:hover{ color:#1a4287; font-weight:bold;}
.tabbox .content{padding:10px;}
.tabbox .content li{display:none;}
.content li p{ line-height:30px; font-size:14px; /*background:url(jb_dian.png) no-repeat 5px 10px; padding-left:20px;*/}
.content li p a{ color: #FFF;}
.content li p span{ float: right; color:#FFF}
/*tab切换-end*/

/*图片广告*/
.jb_xh{ clear:both; width:960px; margin:auto;height:100%; overflow:hidden; margin-top:10px;}
.jb_xh a{ display:block;}
.jb_xh .fzzf{ width:450px; height:150px; float:left}
.jb_xh .lxyz{width:500px; height:150px; float:left; margin-left:10px;}

/*= effect-4 css =*/
.single-member{width:180px; float:left;text-align: center; position: relative;}
/*专题专栏*/
.effect-1{max-height:150px; min-height:150px; overflow: hidden;}
.effect-1 .member-image{position: absolute; width: 100%; transition: 0.4s;}
.effect-1 .member-image img{width: 100%; height:auto; overflow:hidden}
.effect-1 .more-info{height:0;transition: 0.4s; overflow: hidden; z-index: 9; position: relative; background-color: #006699;}
.effect-1 .more-info a{} 
.effect-1:hover .more-info{height:150px; transition: 0.4s;padding:10px;}
.effect-1 .more-info ul{ width: auto; margin:0px auto; text-align:center}
.effect-1 .more-info ul li{ width:100%; text-align:center}
.effect-1 .more-info ul li a{ display: inline-block;height:30px; line-height:30px; color:#FFF; font-size:14px; text-align:center}
.effect-1 .more-info ul li a.mor{ border:solid 1px #FFFFFF; width:100px; height:32px; line-height:32px; border-radius:4px; margin-top:5px;}

/*党政信息*/
.effect-2{max-height:150px; min-height:150px; overflow: hidden; margin-left:15px;}
.effect-2 .member-image{position: absolute; width: 100%; transition: 0.4s;}
.effect-2 .member-image img{width: 100%;}
.effect-2 .more-info{height:0;transition: 0.4s; overflow: hidden; z-index: 9; position: relative; background-color: #0099cc;}
.effect-2 .more-info a{} 
.effect-2:hover .more-info{height:150px; transition: 0.4s;padding:10px;}
.effect-2 .more-info ul{ width: auto; margin:0px auto; text-align:center}
.effect-2 .more-info ul li{ width:100%; text-align:center}
.effect-2 .more-info ul li a{ display: inline-block;height:30px; line-height:30px; color:#FFF; font-size:14px; text-align:center}
.effect-2 .more-info ul li a.mor{ border:solid 1px #FFFFFF; width:100px; height:32px; line-height:32px; border-radius:4px; margin-top:5px; }

/*网上服务*/
.effect-3{max-height:150px; min-height:150px; overflow: hidden;margin-left:15px;}
.effect-3 .member-image{position: absolute; width: 100%; transition: 0.4s;}
.effect-3 .member-image img{width: 100%;}
.effect-3 .more-info{height:0;transition: 0.4s; overflow: hidden; z-index: 9; position: relative; background-color: #666699;}
.effect-3 .more-info a{} 
.effect-3:hover .more-info{height:150px; transition: 0.4s;padding:10px;}
.effect-3 .more-info ul{ width: auto; margin:0px auto; text-align:center}
.effect-3 .more-info ul li{ width:100%; text-align:center}
.effect-3 .more-info ul li a{ display: inline-block;height:30px; line-height:30px; color:#FFF; font-size:14px; text-align:center}
.effect-3 .more-info ul li a.mor{ border:solid 1px #FFFFFF; width:100px; height:32px; line-height:32px; border-radius:4px; margin-top:5px;}
/*信息公开*/
.effect-4{max-height:150px; min-height:150px; overflow: hidden;margin-left:15px;}
.effect-4 .member-image{position: absolute; width: 100%; transition: 0.4s;}
.effect-4 .member-image img{width: 100%;}
.effect-4 .more-info{height:0;transition: 0.4s; overflow: hidden; z-index: 9; position: relative; background-color: #99cc33;}
.effect-4 .more-info a{} 
.effect-4:hover .more-info{height:150px; transition: 0.4s;padding:10px;}
.effect-4 .more-info ul{ width: auto; margin:0px auto; text-align:center}
.effect-4 .more-info ul li{ width:100%; text-align:center}
.effect-4 .more-info ul li a{ display: inline-block;height:30px; line-height:30px; color:#FFF; font-size:14px; text-align:center}
.effect-4 .more-info ul li a.mor{ border:solid 1px #FFFFFF; width:100px; height:32px; line-height:32px; border-radius:4px; margin-top:5px;}

/*互动交流*/
.effect-5{max-height:150px; min-height:150px; overflow: hidden;margin-left:15px;}
.effect-5 .member-image{position: absolute; width: 100%; transition: 0.4s;}
.effect-5 .member-image img{width: 100%;}
.effect-5 .more-info{height:0;transition: 0.4s; overflow: hidden; z-index: 9; position: relative; background-color: #19448a;}
.effect-5 .more-info a{} 
.effect-5:hover .more-info{height:150px; transition: 0.4s;padding:10px;}
.effect-5 .more-info ul{ width: auto; margin:0px auto; text-align:center}
.effect-5 .more-info ul li{ width:100%; text-align:center}
.effect-5 .more-info ul li a{ display: inline-block;height:30px; line-height:30px; color:#FFF; font-size:14px; text-align:center}
.effect-5 .more-info ul li a.mor{ border:solid 1px #FFFFFF; width:100px; height:32px; line-height:32px; border-radius:4px; margin-top:5px;}


/*----------------------------------------底部-------------------------------*/
#footers { clear: both; width:100%;height: auto; margin-top:20px;overflow:hidden; border-top:1px solid #1b4188; background:#d8dcdd }
/*站群导航*/
.downbox { height:60px;}
.down_box { width: 1200px; margin: auto; clear: both; margin-top:30px;}
.down_box span { float: left; font-size: 16px; color: #000; font-weight: bold; padding: 6px 20px 0 20px; }
.select { position: relative; float: left; margin: 0 10px; }
.select dt { height: 33px; display: inline-block; background: url(select_input_bg.png) no-repeat 200px center #FFFFFF ; line-height: 33px; cursor: pointer; width: 200px; padding-right: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; z-index: 1; text-indent: 12px; color: #000; border: 1px solid #c5c4c4; font-size: 14px; margin-bottom: 15px; }
.select:last-child dt {}
.ash { color: #d7d7d7!important }
.select dd { position: absolute; left: 0; top: 35px; display: none; z-index: 9; width: 232px; /*! padding-top: 35px */
background-color: #fff; }
.select dd ul { width:232px; height: 90px; overflow: auto; }
.select dd ul li a { line-height: 28px; display: block; font-size: 14px; text-indent: 12px; background: #ebebeb; color:#333}
.select dd ul li a:hover { background: #f5f5f5; }
/*站群导航结束*/
/*底部备案一行*/
.copyright { width: 100%; height: 80px; clear: both; background:#e5e5e5}
.copyright_box { width:1200px; margin: auto; }
.copyright_l { float: left; }
.copyright_l img { float: left; line-height: 80px; padding-top: 20px; }
.copyright_l p { color:#333333; line-height: 80px; margin-left:5px; float: left }
.copyright_l p span { margin-left: 10px }
.copyright_r { float: right; margin-top:15px; }
.copyright_r img{ width:100px; height:auto}
/*党政机关*/
.dzjg{width:34px;height: auto; float:left;overflow:hidden;}
.dzjg img{ width:34px; height:auto}
/*底部结束*//*底新*/
.footer_box{width:100%; background-color:#1a4287;clear:both; overflow:hidden; padding:20px 0}
.footers{width:960px; margin:0 auto}
.footers p{ color: #FFF; padding-bottom:5px}
.footers p span{ padding-right:20px}
.footers p span a{ color: #FFF}
.footer_img{ float:left; width:80px;}
.footer_img img{ width:80px; height:auto}
.footer_text{ float:left; width:720px; margin-left:20px}
.footer_jc{ float:right; width:106px; margin-top:10px}
.footer_ico{ background: url(beian.png) no-repeat; padding-left:25px}
/*底新*/