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

.jrtt{ width:100%; height:85px; overflow:hidden; background:#f7f7f7; position:relative;}
.jrtt .ttTit{ display:block; width:100px; height:100%; background:url(jrtt.png) no-repeat center;}
.jrtt .ttCon{ width:940px; height:100%; margin:0 30px; position:relative;}
.jrtt .ttCon>a{ width:100%; font-size:24px; color:#0d99fd; font-weight:bold; letter-spacing:5px; display:block; text-align:center; line-height:55px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.jrtt .ttCon>p{ width:100%; display:block; font-size:14px; color:#616161; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.News{ width:100%; height:370px; overflow:hidden; position:relative; margin-top:17px;}
.Focus{ width:632px; height:370px; overflow:hidden; position:relative; border:1px solid #dbe9f8;}
.Focus .pic img { width: 632px; height: 370px; display: block; }
.Focus .txt-bg { position: absolute; bottom: 0px; z-index: 1; height: 38px; width:632px; background: #000; filter: alpha(opacity=50); opacity: 0.5; overflow: hidden; }
.Focus .txt { position: absolute; bottom: 0px; z-index: 2; height: 38px; width:500px; overflow: hidden; }
.Focus .txt li{ width:98%; height:38px; line-height:38px; position:absolute; bottom:-38px;}
.Focus .txt li a{ display: block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding: 0 0 0 10px; font-size: 14px; color: white; transition:all 0.3s;}
.Focus .txt li a:hover{ /*color:#0d99fd; */letter-spacing:1px;}
.Focus .num { position: absolute; z-index: 3; bottom: 17px; right: 8px; }
.Focus .num li{ float: left; width: 12px; height: 7px; overflow: hidden; margin-right:3px; cursor: pointer; background:#FFF; border-radius:3px; }
.Focus .num li.on,.Focus .num li:hover{ background:#00b7ee;}
.Focus>a{ display:block; width:60px; height:150px; position:absolute; top:100px; background:url(pin_view_arrows.png) no-repeat; cursor:pointer;}
.Focus>a.prev{ left:0;}
.Focus>a.next{ right:0; background-position:-80px 0;}
.Focus>a:hover{ background-position-y:-170px;}

.slideTxtBox{ width:467px; height:100%; overflow:hidden; position:relative;}
.slideTxtBox .hd{ height:35px; border-bottom:1px solid #ddd;}
.slideTxtBox .hd li{float:left;font-size:16px;margin:0 8px;*margin: 0 6px;}
.slideTxtBox .hd li a{ display:inline-block; height:100%; line-height:35px; color:#666666; padding:0 5px;}
.slideTxtBox .hd li.on a,.slideTxtBox .hd li:hover a{ border-bottom:1px solid #0d99fd; color:#0d99fd;}
.slideTxtBox .bd ul{ display:block; width:467px; height:320px; padding:7px 0px;}
.slideTxtBox .bd li{ width:97%; height:auto; padding-left:3%; background-image:url(listStyle.png); background-repeat:no-repeat; background-position:3px center; font-size:14px; overflow: hidden; line-height:37px;}
.slideTxtBox .bd li>a{ display:block; float:left; width:79%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#3c3c3c;}
.slideTxtBox .bd li>span{ display:block; float:right; text-align:right; width:20%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.slideTxtBox .bd li>a:hover{ color:#0d99fd;}
.slideTxtBox .bd li.Frist{ font-size:18px; background:none;}
.slideTxtBox .bd li.Frist a{color:#0099FF; width:100%; transition:all 0.3s; }
.slideTxtBox .bd li.Frist a:hover{ letter-spacing:1px;}
.slideTxtBox .bd li.Frist span{ display:none;}


.Btns{ width:100%; height:85px; position:relative; margin-top:15px;}
.Btns .btnL{ width:632px; height:100%;}
.Btns .btnL a{ display:block; width:148px; height:85px; float:left; text-align:center; margin-right:13px; background-color:#eeeeee; font-size:16px; color:#5c5c5c; position:relative; line-height:118px; overflow:hidden; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.Btns .btnL a:hover{ line-height:85px; background:#0d99fd; color:#FFF;}
.Btns .btnL a i{ display:block; width:30px; height:30px; position:absolute; top:10px; left:59px; background:url(gwybg.png) no-repeat; animation-name:fadeInDown; -moz-animation-name:fadeInDown; -webkit-animation-name:fadeInDown; -o-animation-name:fadeInDown; animation-duration:0.5s; -moz-animation-duration:0.5s; -webkit-animation-duration:0.5s; -o-animation-duration:0.5s; transition:top 10s 10s;}
.Btns .btnL a:hover i{ animation-name:fadeOutUp; -moz-animation-name:fadeOutUp; -webkit-animation-name:fadeOutUp; -o-animation-name:fadeOutUp; top:-100px;}
.Btns .btnL a.bt2 i{ background-position-x:-40px;}
.Btns .btnL a.bt3 i{ background-position-x:-80px;}
.Btns .btnL a.bt4 i{ background-position-x:-120px;}
.Btns .btnL a.bt4{ margin:0;}
.Btns .spBox{ width:457px; height:100%; background:#eeeeee; overflow:hidden;}
.Btns .spBox>a{ display:block; width:117px; height:85px; overflow:hidden; float:left; background:#0d99fd; position:relative; font-size:16px; color:#FFF; line-height:118px; overflow:hidden; text-align:center;}
.Btns .spBox>a i{ display:block; width:29px; height:25px; position:absolute; top:10px; left:44px; background:url(syj_write.png) no-repeat; animation-duration:0.5s; -moz-animation-duration:0.5s; -webkit-animation-duration:0.5s; -o-animation-duration:0.5s;}
.Btns .spBox>a:hover i{ animation-name:rubberBand; -moz-animation-name:rubberBand; -webkit-animation-name:rubberBand; -o-animation-name:rubberBand;}
.Btns .spBox>ul{ display:block; float:right; width:300px; overflow:hidden; padding:12px 18px;}
.Btns .spBox>ul li{ padding-left:35px; background:url(syj_hui.png) no-repeat left center; line-height:30px; font-size:14px;}
.Btns .spBox>ul li a{ display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/*<!--政务公开-->*/
.zwgkBox{ width:734px; height:464px; padding:16px 17px; border:1px solid #ddd; position:relative; margin-top:18px;}
.Titles{ width:100%; height:45px; border-bottom:1px solid #0d99fd;}
.Titles h3{ display:block; width:136px; height:45px; overflow:hidden; position:relative; float:left; background:#0d99fd;}
.Titles h3 i{ display:block; width:20px; height:28px; background:url(Title_bg.png) no-repeat; position:absolute; top:8px; left:20px; animation-duration: 1s; animation-fill-mode: both;}
.Titles h3 a{ display:block; width:170px; height:100%; line-height:45px; font-size:16px; color:#FFF; font-weight:bold; text-align:center;}
.Titles h3:hover i{ animation-name:bounce;}
.Titles ul{ float:right;}
.Titles ul li{ float:left; margin:10px 0; margin-left:25px; font-size:14px;}
.Titles ul li a{ padding-left:25px; display:inline-block; height:25px; line-height:25px; color:#0d99fd;}
.Titles ul li.bt1 a{ background:url(zzjg_ico_1.png) no-repeat left center;}
.Titles ul li.bt2 a{ background:url(zzjg_ico_2.png) no-repeat left center;}
.Titles ul li.bt3 a{ background:url(zzjg_ico_3.png) no-repeat left center;}
.xxgkBtn{ width:245px; height:auto; overflow:hidden; position:relative; margin-top:6px;}
.xxgkBtn li{ width:100%; height:40px; overflow:hidden; background:#dcecfa; margin-top:5px;}
.xxgkBtn li a{ display:block; width:100%; height:100%; line-height:40px; text-align:center; font-size:14px; color:#3399cc; transition:all 0.3s;}
.xxgkBtn li a:hover{ letter-spacing:2px;}
.BotBtns{ width:246px; height:124px; overflow:hidden; margin-top:17px; position:relative;}
.BotBtns li{ width:122px; height:61px; float:left; margin:0 1px 1px 0; position:relative; background:#f1f1f1;}
.BotBtns li a{ display:block; width:100%; height:100%; overflow:hidden; text-align:center; font-size:14px; color:#0d99fd; line-height:85px; position:relative; transition:all 0.5s;}
.BotBtns li a i{ position:absolute; width:23px; height:23px; overflow:hidden; top:8px; left:50px; background:url(BotBtns.png) no-repeat center top; animation-name:fadeInDown; animation-duration:0.5s; transition:top 10s 10s;}
.BotBtns li.bt2 a i{ background-position-y:-25px;}
.BotBtns li.bt3 a i{ background-position-y:-50px;}
.BotBtns li.bt4 a i{ background-position-y:-75px;}
.BotBtns li a:hover{ line-height:61px; background:#0d99fd; color:#FFF;}
.BotBtns li a:hover i{ animation-name:fadeOutUp; top:-100px;}
.SliderBox{ width:470px; height:189px; overflow:hidden; position:relative; margin-top:12px;}
.SliderBox .hd{ width:100%; height:30px; border-top:1px solid #dddddd; padding-top:1px; background:#FFF;}
.SliderBox .hd li{ float:left; width:75px; height:30px; border:1px solid #FFF; border-bottom:none; border-top:none;}
.SliderBox .hd li a{ display:block; width:100%; height:100%; line-height:30px; text-align:center; font-size:14px; color:#606060;}
.SliderBox .hd li:hover,.SliderBox .hd li.on{ border-color:#ddd; border-top:2px solid #0d99fd; margin-top:-2px;}
.SliderBox .hd li:hover a,.SliderBox .hd li.on a{ color:#0d99fd;}
.SliderBox .bd>ul{ display:block; width:470px; height:160px; padding-top:6px;}
.SliderBox .bd ul li{ width:97%; height:auto; padding-left:3%; background-image:url(listStyle.png); background-repeat:no-repeat; background-position:3px center; font-size:14px; overflow: hidden; line-height:36px; border-bottom:1px dashed #DDD;}
.SliderBox .bd ul li>a{ display:block; float:left; width:79%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#3c3c3c;}
.SliderBox .bd ul li>span{ display:block; float:right; text-align:right; width:20%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.SliderBox .bd ul li>a:hover{ color:#0d99fd;}
/*附加*/
.SliderBox .bd ol.inhd{ height:31px; border-bottom:1px solid #DDD; float:none !important;}
.SliderBox .bd ol.inhd li{ float:left; margin-right:10px; font-size:14px;}
.SliderBox .bd ol.inhd li a{ display:inline-block; padding:0 5px; height:30px; line-height:31px; color:#7c7c7c;}
.SliderBox .bd ol.inhd li:hover a,.SliderBox .bd ol.inhd li.on a{ border-bottom:2px solid #0d99fd; color:#0d99fd;}




/*<!--常用入口-->*/
.cyrkBox{ width:290px; height:235px; padding:16px; border:1px solid #ddd; position:relative; margin-top:18px;}
.cyrkBox .Titles h3 i{ width:30px; height:19px; background-position-y:-45px; top:14px; left:15px;}
.cyrkBox .bsdt{ display:block; width:100%; height:90px; overflow:hidden; margin-top:12px; transition:all 0.3s;}
.cyrkBox .bsdt img{ display:block; width:100%; height:100%;}
.cyrkBox .bsdt:hover{ box-shadow:0 0 5px 0 #666;}

.cyrkBox .rkPicBtns{display:block;width:100%;height:90px;position:relative;overflow:hidden;margin-top: 7px;}
.cyrkBox .rkPicBtns li{width:100%;height: 90px;position:relative;overflow:hidden;margin: 5px 0 0;}
.cyrkBox .rkPicBtns li img{ display:block; width:100%; height:100%;}

.cyrkBox .cjdhBtn{ width:300px; height:73px; margin-top:12px;}
.cyrkBox .cjdhBtn li{ float:left; width:88px; height:71px; border:1px solid #67adee; overflow:hidden; position:relative; margin-right:10px; background:#67adee; transition:all 0.3s;}
.cyrkBox .cjdhBtn li:nth-of-type(2){ background:#46a7d4; border-color:#46a7d4;}
.cyrkBox .cjdhBtn li:nth-of-type(2){ background:#4996e5; border-color:#4996e5;}
.cyrkBox .cjdhBtn li a{ display:block; width:100%; padding:15px 0; font-size:16px; color:#FFF; text-align:center;}
.cyrkBox .cjdhBtn li:hover{ box-shadow:0 0 5px 0 #666; border-color:#DDD;}

/*<!--网上服务-->*/
.wsfwBox{ width:290px; height:461px; padding:16px; border:1px solid #ddd; position:relative; margin-top:18px;}
.wsfwBox .Titles h3 i{ width:27px; height:23px; background-position-y:-90px; top:10px; left:15px;}
.ggfw{ width:100%; height:160px; position:relative; margin-top:15px; background:#f2f2f2;}
.ggfw .tit{ width:100%; height:42px; border-bottom:1px solid #DDD;}
.ggfw .tit a{ display:block; width:90px; height:100%; line-height:42px; text-align:center; padding-left:40px; background:url(ggfw.png) no-repeat 15px center; font-size:16px; color:#0d99fd;}
.ggfwBtn{ width:100%; height:118px; position:relative; overflow:hidden;}
.ggfwBtn li{ float:left; width:125px; height:39px; margin:10px; font-size:14px; position:relative; overflow:hidden;}
.ggfwBtn li a{ display:block; width:150px; text-align:center; height:39px; line-height:39px; color:#626262; position:relative; transition:all 0.5s;}
.ggfwBtn li a i{ display:block; width:24px; height:24px; position:absolute; left:13px; top:7px; background:url(ggfwBtn.png) no-repeat; animation-duration:0.5s; animation-name:rotateInDownLeft; transition:left 10s 10s;}
.ggfwBtn li.bt2 a i{ background-position-y:-25px; top:11px; width:22px; height:17px;}
.ggfwBtn li.bt3 a i{ background-position-y:-50px; top:10px; left:18px; width:21px; height:21px;}
.ggfwBtn li.bt4 a i{ background-position-y:-75px; top:10px; left:16px; width:16px; height:21px;}
.ggfwBtn li a:hover{ width:100%; background:#0d99fd; color:#FFF;}
.ggfwBtn li a:hover i{ animation-name:rotateOutUpLeft; left:-100px;}
.bszn.SliderBox{ width:290px; height:150px; margin-top:20px;}
.bszn.SliderBox .bd ul{ width:290px; height:118px; padding:0;}
.bszn.SliderBox .bd ul li{ padding-left:5%; width:95%;}
.bszn.SliderBox .bd ul li a{ width:100%;}
.zxsqBtns{width: 290px;height: auto;overflow:hidden;margin-top:15px;position:relative;}
.zxsqBtns li{width: 136px;height: 66px;position:relative;margin-bottom: 10px;background:#dbf0fa;overflow: hidden;}
.zxsqBtns li a{display:block;width: 120%;height:100%;overflow:hidden;text-align:center;font-size:14px;color: #0d99fd;line-height: 66px;position:relative;transition:all 0.5s;}
.zxsqBtns li a i{position:absolute;width: 34px;height: 30px;overflow:hidden;top: 15px;left: 15px;background: url(wsfw_ico_G.png) no-repeat;animation-name:fadeInDown;animation-duration:0.5s;transition:top 10s 10s;}
.zxsqBtns li.bt1 a i{ background-position-y:0px;}
.zxsqBtns li.bt2 a i{ background-position-y:-30px;}
.zxsqBtns li.bt3 a i{ background-position-y:-60px;}
.zxsqBtns li.bt4 a i{ background-position-y:-90px;}
.zxsqBtns li.bt5 a i{ background-position-y:-120px;}
.zxsqBtns li.bt6 a i{ background-position-y:-150px;}
.zxsqBtns li a:hover{ width:100%; background:#0d99fd; color:#FFF;}
.zxsqBtns li a:hover i{ animation-name:fadeOutUp; top:-100px;}



/*<!--互动交流-->*/
.hdjlBox{ width:734px; height:481px; padding:16px 17px; border:1px solid #ddd; position:relative; margin-top:18px;}
.hdjlBox .Titles h3 i{ width:25px; height:23px; background-position-y:-135px; top:10px; left:15px;}
.hdjlBox .Titles ul li.bt4 a{ background:url(zzjg_ico_4.png) no-repeat left center;}
.hdjlBox .Titles ul li.bt5 a{ background:url(zzjg_ico_5.png) no-repeat left center;}
.hdjlBox .Titles ul li.bt6 a{ background:url(zzjg_ico_6.png) no-repeat left center;}
.zjdc.SliderBox{ width:290px; height:190px; margin-top:13px;}
.zjdc.SliderBox .bd{ padding-top:10px !important;}
.zjdc.SliderBox .bd ul{ width:290px; height:118px; padding:0;}
.zjdc.SliderBox .bd ul li{ padding-left:5%; width:95%;}
.zjdc.SliderBox .bd ul li a{ width:100%;}
.hygq.SliderBox{ width:290px; height:210px; margin-top:20px;}
.hygq.SliderBox .bd{ padding-top:10px !important;}
.hygq.SliderBox .bd ul{ width:290px; height:160px;}
.hygq.SliderBox .bd ul li{ padding-left:5%; width:95%;}
.hygq.SliderBox .bd ul li a{ width:100%;}
.tzxx.SliderBox{ width:420px; height:230px; margin-top:15px;}/*厅长信箱*/
.tzxx.SliderBox .hd li{ width:100px; margin-right:15px;}
.tzxx.SliderBox .bd .letBox{ display:block; width:420px; height:190px; overflow:hidden; position:relative; margin-top:8px;}
.tables{ width:100%;}
.tables thead{ line-height:30px; background:#f7f7f7; border:none;}
.tables thead th{ padding:0 10px;}
.tables tbody tr{ line-height:30px; font-size:14px;}
.tables td{padding:0 10px;position: relative;white-space: nowrap;}
.tables td a{display: block;width: 162px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
 
.zxft{ width:420px; height:170px; position:relative; margin-top:15px;}
.zxft>p{ height:30px; border-bottom:1px solid #0d99fd;}
.zxft>p a{ display:inline-block; height:30px; line-height:30px; font-size:14px; color:#0d99fd;}
.zxfeCon{ width:100%; height:120px; position:relative; padding:20px 0;}
.zxfeCon .f_l{ display:block; width:144px; height:116px; padding:1px; border:1px solid #DDD; transition:all 0.3s;}
.zxfeCon .f_l img{ display:block; width:100%; height:100%;}
.zxfeCon .f_l:hover{ box-shadow:0 0 5px 0 #666;}
.zxfeCon .f_r{ display:block; width:260px; height:120px; position:relative;}
.zxfeCon .f_r li{ font-size:14px; color:#222222; line-height:30px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.zxfeCon .f_r li a{ color:#222222;}
.zxfeCon .f_r li span{ color:#0d99fd;}


/*<!--网站专题-->*/
.wzztBox{ width:290px; height:197px; padding:16px; border:1px solid #ddd; position:relative; margin-top:18px;}
.wzztBox .Titles h3 i{ width:23px; height:23px; background-position-y:-180px; top:10px; left:15px;}
.wzztSlide{ width:290px; height:144px; overflow:hidden; position:relative; /*margin-top:8px;*/ padding:8px 10px; margin-left:-10px;}
.wzztSlide li{ display:block; width:290px; height:65px; position:relative; overflow:hidden; margin-top:8px; animation-duration:0.5s; animation-fill-mode: both;}
.wzztSlide li a img{ width:290px; height:65px; display:block;}
.wzztSlide li:hover{ animation-name:pulse;}


/*<!--相关导航-->*/
.xgdhBox{ width:1108px; height:128px; border:1px solid #ddd; position:relative; margin-top:18px;}
.xgdhBox .tit{ border-bottom:1px solid #0d99fd; height:46px;}
.xgdhBox .tit h3{ display:block; width:136px; height:100%; position:relative; overflow:hidden; font-size:16px;}
.xgdhBox .tit h3 i{ display:block; width:46px; height:46px; background:url(xgdh.png) no-repeat; position:absolute; top:0; left:0; animation-duration: 1s; animation-fill-mode: both;}
.xgdhBox .tit h3 a{ display:block; width:160px; height:100%; line-height:45px; font-size:16px; color:#0d99fd; font-weight:bold; text-align:center;}
.xgdhBox .tit h3:hover i{ animation-name:bounce;}
.xgdhSlide{ width:100%; height:68px; overflow:hidden; position:relative;}
.xgdhSlide .tempWrap{ width:1020px !important; height:50px !important; padding:9px 0 !important; margin:0 auto;}
.xgdhSlide li{ display:block; float:left; width:150px; height:50px; margin:0 10px;}
.xgdhSlide li a{ display:block;}
.xgdhSlide li .pic { display:block; text-align: center; width: 148px; height: 48px; line-height: 48px; background: #F7F7F7; border: 1px solid #F7F7F7;}
.xgdhSlide li .pic:hover { border-color: #cccccc;}

.xgdhSlide>span{ display:block; width:40px; height:50px; position:absolute; top:9px; cursor:pointer; background-image:url(slider-arrow.png); background-repeat:no-repeat; background-position-y:9px;}
.xgdhSlide>span.prev{ left:0; background-position-x:-168px;}
.xgdhSlide>span.next{ right:0; background-position-x:-47px;}
.xgdhSlide>span.prev:hover{ background-color:#ddd; background-position-x:-109px;}
.xgdhSlide>span.next:hover{ background-color:#ddd; background-position-x:13px;}