@charset "utf-8";
/* 弹窗*/
html{overflow-x: hidden;}
.cny{display: none;width: 920px;background-color: #000;*background-color: #eee;_background-color: #eee;background-color: #eee;padding: 10px;background: rgba(0, 0, 0, 0.1);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#20000000, endcolorstr=#20000000);left: 50%;margin-left: -470px;}
.cny .cont{border: 1px #d00 solid;background-color: #f39c12;position: relative;padding: 9px;}
.cny .cont .close{background-image: url(http://www.hbly.gov.cn/images/new/close3.png);background-repeat: no-repeat;position: absolute;right: 20px;top: 20px;cursor: pointer;height: 20px;width: 20px;}
/*主框架*/
.content{border-top: 4px solid #B01906;margin: 10px auto 0;padding: 0 0 10px;}

.tit .more{float:right;margin-right:15px;margin-top:5px;}

.grid{border-left: 1px solid #ccc;border-right: 1px solid #ccc;padding: 9px 9px 0;}
/* part1*/
.focus{width: 600px;height: 436px;position: relative;overflow: hidden;}
.focus .pic{width: 600px;height: 436px;}
.focus .pic div a{display: block;width: 600px;height: 436px;background-color: #fff;overflow: hidden;}
.focus .pic div a img{height: 436px;width: 600px;}
.focus .pic div p{display: block;width: 580px;height: 40px;font: normal 14px/40px microsoft yahei;background: rgba(0,0,0,0.5);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);color: #fff;margin-top: -40px;padding: 0 10px;position: relative;}
.focus .navi{position: absolute;right: 12px;bottom: 12px;z-index: 9;}
.focus .navi li{float: left;margin: 0 2px;}
.focus .navi li a{display: block;width: 4px;height: 4px;font: 0/0 a;color: transparent;overflow: hidden;border: 5px #fff solid;background-color: #c0392b;}
.focus .navi li.current a{border-color: #c0392b;background-color: #fff;}
.focus a{display: block;}
.focus .prev, .focus .next{display: none;width: 50px;height: 50px;background-image: url(arr.png);background-repeat: no-repeat;text-indent: -999em;top: 40%;z-index: 9;filter: Alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.focus .prev{position: absolute;left: 4px;}
.focus .next{position: absolute;right: 4px;background-position: 100% 0;}
.news{width: 560px;background: url(news.png) 100% 106px no-repeat;}
.news h2{height: 60px;border-top: 1px solid #ccc;font: bold 25px/60px microsoft yahei;text-align: center;}
.news h2 a{display: inline-block;background: url(sprite.png) -540px -43px no-repeat;color: #147;padding-left: 60px;}
.p1 h3{height: 35px;line-height: 35px;border-bottom: 1px solid #ccc;background: url(line.png) 0 14px repeat-x;position: relative;font-size: 16px;}
.p1 h3 a, .p1 h3 b{display: inline-block;width: 85px;height: 35px;text-align: center;background: #fff;}
.p1 h3.tab a.current, .p1 h3 b{background: url(sprite.png) no-repeat;color: #fff;margin-bottom: -1px;padding-bottom: 1px;*vertical-align: -1px;}
.p1 h3 a.more{position: absolute;top: 0;right: 0;width: auto;padding: 0 10px;}
.news .list-t{height: 170px;background: url(divi.png) 100% 100% no-repeat;padding: 15px 5px 10px 10px;}
.list-t li{height: 30px;line-height: 30px;padding-left: 13px;background: url(dot.png) 0 50% no-repeat;}
.list-pic{margin-top: 25px;}
.list-pic li{float: left;width: 234px;height: 150px;text-align: center;}
.list-pic img{width: 205px;height: 145px;margin-top: 3px;padding: 3px;border: 1px solid #ddd;}
.notice{width: 560px;}
.u-notice li{height: 32px;line-height: 32px;padding-left: 30px;background: url(noti.png) 0 50% no-repeat;}
.u-notice li span{float:right;}
.notice .simply-scroll-container{position: relative;}
.notice .simply-scroll-clip{position: relative;overflow: hidden;}
.notice .simply-scroll-list{overflow: hidden;}
.notice .simply-scroll, .notice .simply-scroll .simply-scroll-clip{/* 容器样式设置大小*/width: 540px;height: 112px;}


.zt{margin-top: 10px;}
.zt .scroll-x{width: 900px;height: 90px;position: relative;overflow: hidden;}
.zt .scroll-x li{width: 900px;height: 90px;vertical-align: middle;}
.zt .scroll-y{width: 260px;height: 90px;position: relative;overflow: hidden;}
.zt .scroll-y li{width: 260px;height: 90px;vertical-align: middle;}
/* part2*/
.w350{width: 350px;}
.w520{width: 520px;}
.w260{width: 260px;}
.w346{width:346px;}
.brs{border-right: 1px solid #ccc;margin-right: 10px;padding-right: 9px;}

.tit{height: 46px;background: url(h2.png) top repeat-x;z-index:0;}
.tit b{display: inline-block;width: 124px;height: 36px;background: url(sprite.png) -180px 0 no-repeat;font: bold 18px/36px microsoft yahei;color: #fff;text-align: center;margin-left: 10px;}

.list-a li i{display: inline-block;background-image: url(sprite.png);background-repeat: no-repeat;}

.a1 li{margin: 0 0 10px 10px;}
.a1 li a{width: 100px;height: 34px;line-height: 34px;border: 1px solid #ccc;padding-left: 63px;font-weight: bold;}
.a1 li a:hover{background-color: #f0f6fc;}
.a1 li a i{float: left;width: 60px;height: 36px;margin: -1px 3px -1px -64px;}
.a1 .s1 i{background-position: 0 -60px;}
.a1 .s2 i{background-position: -60px -60px;}
.a1 .s3 i{background-position: -120px -60px;}
.a1 .s4 i{background-position: -180px -60px;}
.a1 .s5 i{background-position: -240px -60px;}
.a1 .s6 i{background-position: -300px -60px;}
.a2 li{width: 80px;background: url(dot01.png) 20px 50% no-repeat;padding-left: 36px;line-height: 25px;}

.p2 .tab{height: 36px;border-bottom: 1px solid #ccc;}
.p2 .tab li{border: 1px solid #ccc;border-bottom: none;background-color: #f8f8f8;margin-right: 5px;}
.p2 .tab li a{border-top: 2px transparent solid;padding: 0 30px;line-height: 34px;margin: -1px -1px 0;font-weight: bold;font-size: 16px;}
.p2 .tab li.current{background-color: #fff;margin-bottom: -1px;padding-bottom: 1px;}
.p2 .tab li.current a{border-color: #B01906;color: #B01906;}
.p2 .list-t{height: 204px;padding: 10px;}
.p2 .list-t li span{margin-right: 10px;}
.unit{margin-top: 5px;}

/* 滚动条*/#sw{position: relative;overflow: hidden;width: 260px;height: 218px;margin-top: 6px;}
#sc{width: 250px;position: absolute;top: 0px;left: 0px;overflow: hidden;}
.scroll-track{width: 7px;height: 218px;position: absolute;background-color: #ddd;top: 0px;right: 0;overflow: hidden;}
.scroll-bar{width: 7px;height: 50px;position: absolute;background-color: #258;top: 0px;left: 0px;}

.a3{overflow-y:auto;height:241px;}
.a3 li{width:90%;height: 35px;line-height: 35px;padding-left: 25px;background: url(dot02.png) 10px 50% no-repeat;}
.a3 .long li{width: 225px;}
.a3 li a:hover{text-decoration: underline;}
/* part3*/

.p3{background: url(scene.jpg) 0 30px no-repeat;}
.w800{width: 800px;}
.w350{width: 350px;}
.p3 .w800{height: 292px;}
.scene{height: 40px;background: url(scene_h3.png) center no-repeat;margin: -30px 0 20px;}
.a4{margin: 0 0 20px -10px;}
.a4 li{margin-left: 10px;}
.a4 li a{width: 90px;height: 44px;line-height: 44px;padding-left: 60px;border: 1px solid #ccc;background: #fff url(grad.png) bottom repeat-x;font-size: 16px;font-weight: bold;}
.a4 li a:hover{border-color: #a3bde2;background: #f0f6fc;color: #258;}
.a4 i{float: left;width: 60px;height: 44px;margin-left: -60px;}
.a4 .s1 i{background-position: 0 -128px;}
.a4 .s2 i{background-position: -60px -128px;}
.a4 .s3 i{background-position: -120px -128px;}
.a4 .s4 i{background-position: -180px -128px;}
.a4 .s5 i{background-position: -240px -128px;}


.service{position: relative;overflow: hidden;}
.service dl{margin-top: -1px;}
.service .s1{width:357px;height:55px;background:url(bszn.png) no-repeat;}
.service .s2{width:357px;height:55px;background:url(wjdc.png) no-repeat;}
.service .s1 a,.service .s1 a:link,.service .s1 a:visited,.service .s1 a:hover{float:right;width:55px;height:55px;display:block;}
.service .s2 a,.service .s2 a:link,.service .s2 a:visited,.service .s2 a:hover{float:right;width:55px;height:55px;display:block;}

.service li{width:100%;line-height: 30px;margin-right: 10px;padding: 0 0 0 13px;background: url(dot01.png) 0 50% no-repeat;}
.service li.long{width: 125px;}
.service li a:hover{text-decoration: underline;}


/* part4*/.p4{border-bottom: 1px solid #ccc;margin-bottom: 10px;padding-bottom: 10px;}
.a5{height: 120px;margin-top: -20px;padding: 20px 15px 0;background: url(hd.jpg) 50% 100% no-repeat;}
.a5 li{width: 80px;padding: 0 15px;}
.a5 li a{display: block;width: 80px;height: 110px;padding-top: 10px;line-height: 30px;text-align: center;font-weight: bold;background: url(sprite.png) 0 -240px no-repeat;}
.a5 li a:hover{background: url(sprite.png) -80px -240px no-repeat;}
.a5 li a i{display: block;width: 60px;height: 60px;margin: 0 auto 10px;}
.a5 .s1 i{background-position: 0 -180px;}
.a5 .s2 i{background-position: -60px -180px;}
.a5 .s3 i{background-position: -120px -180px;}
.a5 .s4 i{background-position: -180px -180px;}
.a5 .s5 i{background-position: -240px -180px;}
.a5 .s6 i{background-position: -300px -180px;}
.a5 .s7 i{background-position: -360px -180px;}
.a5 li a span{display: block;cursor: pointer;}
.a6{padding: 10px 0;}
.a6 li{border-left: 5px solid #7a9dbd;margin: 0 5px;}
.a6 li a{width: 144px;border: 1px solid #ccc;border-left: none;background: #fff url(a6.png) bottom repeat-x;font: bold 14px/48px microsoft yahei;text-align: center;color: #258;}
.a6 li.long a{padding: 6px 0;font: bold 14px/18px microsoft yahei;}
.a6 li a:hover{background: #f0f6fc;}
.weibo{width: 350px;height: 230px;margin-top: -30px;position: relative;overflow: hidden;}
/*举报*/.jubao a, .jubao a:link, .jubao a:visited{width: 340px;margin-bottom: 10px;height: 52px;line-height: 45px;background: #B01906;color: #fff;font-size: 16px;font-weight: bold;font-family: "微软雅黑";display: block;text-align: center;}
.jubao a:hover{background: #064fc2;color: #fff;}
/* part5*/.p5{padding-bottom: 10px;}
.a7{height: 80px;background-color: #f1f1f1;margin-bottom: 10px;padding: 20px 0;position: relative;overflow: hidden;}
.a7 li{border-left: 1px solid #ccc;margin-left: -1px;}
.a7 li a{display: block;height: 80px;padding: 0 20px;}
.a7 li a i{float: left;display: block;width: 80px;height: 80px;}
.a7 li a span{float: left;display: block;width: 54px;font: normal 24px/40px microsoft yahei;padding-left: 24px;cursor: pointer;}
.a7 .s1 i{background-position: 0 -440px;}
.a7 .s2 i{background-position: -80px -440px;}
.a7 .s3 i{background-position: -160px -440px;}
.a7 .s4 i{background-position: -240px -440px;}
.a7 .s5 i{background-position: -320px -440px;}
.a7 .s6 i{background-position: -400px -440px;}
.a7 .current{position: relative;z-index: 3;}
.a7 a:hover{color: #f97c01;}
.a7 .current a{background-color: #fff;margin: -16px -1px 20px;padding: 16px 21px 20px;color: #f97c01;}
.a7 .current .s1 i{background-position: 0 -360px;}
.a7 .current .s2 i{background-position: -80px -360px;}
.a7 .current .s3 i{background-position: -160px -360px;}
.a7 .current .s4 i{background-position: -240px -360px;}
.a7 .current .s5 i{background-position: -320px -360px;}
.a7 .current .s6 i{background-position: -400px -360px;}
.p5 .pane{border: 1px solid #ccc;padding: 14px;position: relative;}
/* part6*/.media{border: 1px solid #ccc;position: relative;}
.media h3{height: 30px;line-height: 30px;border-bottom: 1px solid #ccc;background: url(line.png) 0 10px repeat-x;margin: 5px 5px 0;}
.media h3 a{display: inline-block;background-color: #fff;padding: 0 20px;font-size: 16px;}
.media h3 a.current{background-color: #eee;color: #B01906;}
.media .scroll{width: 1080px;height: 56px;margin: 0 auto;padding: 10px 0;position: relative;overflow: hidden;}
.media li{width: 180px;height: 56px;vertical-align: middle;text-align: center;}
.media li a img{border: 1px solid #ccc;padding: 1px;background-color: #fff;}
.media li a:hover img{border-color: #258;}
.media a.prev, .media a.next{display: block;width: 15px;height: 31px;background-image: url(sprite.png);background-repeat: no-repeat;position: absolute;bottom: 20px;}
.media a.prev{background-position: -420px -60px;left: 20px;}
.media a.next{background-position: -435px -60px;right: 20px;}

.links{background-color: #f7f7f7;padding: 5px;border: 1px solid #ddd;}
.links h3{height: 30px;line-height: 30px;border-bottom: 1px solid #ccc;margin: 0 0 5px;}
.links h3 b{display: inline-block;border-right: 1px solid #ccc;background: url(sprite.png) -350px -2px no-repeat;padding: 0 20px 0 40px;font-size: 16px;color: #B01906;}
.links h3 a{display: inline-block;padding: 0 20px;}
.links h3 a.current{color: #B01906;}
.links .pane{display: none;padding: 5px;}
.links ul{max-height: 200px;overflow-y: auto;padding-right: 10px;}
.links li{white-space: nowrap;word-break: keep-all;height: 30px;line-height: 30px;padding: 0 10px;margin: 3px 5px;border: 1px solid #ddd;background: #fff;}
.links li:link , .links li:hover, .links li a:hover{text-decoration: none;background: #B01906;color: #fff;}
.friends ul{margin-right: -10px;}
.friends li{height: 50px;vertical-align: middle;margin-right: 10px;}
.friends li a img{border: 1px solid #ccc;padding: 2px;}
.friends li a:hover img{border-color: #258;}
/*友情连接*/.jump{background-color: #ecedee;text-align: center;padding: 10px 0;border: 1px solid #ddd;}
.jump select{float: left;width: 220px;border: 1px solid #ccc;margin-left: 10px;padding: 4px;}