/*
    Css for PEL,    ver 1.0
    CopyRight By Dongyi Network Technology CO.,Ltd Design Center

    本网站通用布局
*/

/* Css Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img{padding: 0;margin: 0;}
table{ border-collapse: collapse; border-spacing: 0;}
fieldset, img{vertical-align: top;border: 0;}
address, caption, cite, code, dfn, em, th, var, i{ font-weight: normal; font-style: normal;}
ol, ul, li{ list-style: none;}
div, dl, dt, dd, ol, ul, li{zoom: 1;}
caption, th{ text-align: left;}
h1, h2, h3, h4, h5, h6{ font-weight: normal;font-size: 100%;}
q:before, q:after{ content: '';}
abbr, acronym{ border: 0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu,time{margin: 0;padding: 0;display: block;zoom: 1;}

/* Public */
body{color: #333;font-size: 14px;line-height: 1.8;font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif;text-align: center;-webkit-text-size-adjust: none;}
a{color: #333;text-decoration: none;outline: none;}
a:hover{color: #1483d9;text-decoration: underline;}
.clearbox{ border: none; border-top: 1px solid transparent !important; clear: both; font-size: 0; height: 0; line-height: 0; margin-top: -1px !important; visibility: hidden;}
.blank{ display: block; height: 10px; font-size: 0px; line-height: 0; overflow: hidden; clear: both;}
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix{ height: 1%;}
*+html .clearfix{ min-height: 1%;}
.fl{ float: left;}
.fr{ float: right;}
.hide{ display: none;}
input[type=button], input[type=submit], input[type=file], button{ cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.column{overflow: hidden;}
pre{ white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-size: 16px; line-height: 1.8; font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif;}

/* frame */
html {}

body{text-align: center;min-width: 1000px;}
.siteWidth{position: relative;width: 1200px;margin: 0 auto;}
#header{width: 1200px;position: relative;z-index: 12;text-align: left;margin: 0 auto;}
#content{margin: 0 auto;width: 1200px;position: relative;z-index: 1;text-align: left;/* overflow:hidden; */clear: both;}
#content:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#content .noSideContent{ background: #fff; padding: 15px 20px; width: 1160px;}

/* topBar */
.topBar{height: 40px;line-height: 40px;position: relative; z-index: 11; background: url("/sthjjxcwgysjcom/Content/hbj/Base/img/tmbg.png");}
.topBar .topBarBox{width: 1200px;margin: 0 auto;position: relative;z-index: 5;height: 40px;line-height: 40px;}
.topBar .topBarBox .li1{float: right;}
.topBar .topBarBox .li2{float: left;overflow: hidden;}
.topBar .topBarBox span{ position: relative;}
.topBar .topBarBox span a{ display: inline-block; *display: inline; zoom: 1; padding: 0 5px; cursor: pointer;}
.topBar .topBarBox span .pic{ display: none; position: absolute; top: 40px; right: 0;}
.topBar .topBarBox span .pic img{ width: 150px;}
.topBar .topBarBox span:hover .pic{ display: block;}
.topBar .site{float: left;height: 30px;line-height: 30px;margin: 5px 0;}
.topBar .site dt{height: 30px;padding: 0 10px 0 30px;background: url("/sthjjxcwgysjcom/Content/hbj/Base/img/zqdhPic.png") 9px 9px #32a5ff no-repeat;color: #fff;}
.topBar .site dd{ position: absolute; z-index: 9; background: #fff; display: none; position: absolute; padding: 10px; width: 490px; top: 35px; margin-right: 0; left: -48px; border: 1px #32a5ff solid; -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .15); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, .15); box-shadow: 2x 2px 5px rgba(0, 0, 0, .15);}
.topBar .site dd i{ display: none}
.topBar .site ul{overflow: hidden}
.topBar .site li{height: 25px;overflow: hidden;text-align: left;float: left;width: 102px;padding: 4px 4px 4px 15px;color: #666;background: url("/sthjjxcwgysjcom/Content/hbj/Base/img/icon02.gif") no-repeat 0 center;line-height: 25px;}
.topBar .site li a{color: #666;float: none;}
.topBar .site.on dd{ display: block}

/* 顶部背景 */
#focusBackground{ position: absolute; z-index: 1; top: 0; left: 0; right: 0; height: 310px;}
#focusBackground .hd{ display: none;}
#focusBackground .bd li{ height: 310px;}
#focusBackground .bd .con{ display: none;}

/* logoBar */
.logoBar{height: 190px;margin: 0 auto;position: relative;overflow: hidden;}
.logoBar #logo{position: absolute;top: 45px;left: 0px;z-index: 3;}

/* 主导航 */
.topNav{position: relative;margin: 0 auto;background-color: #32a5ff;border-bottom: 4px #1483d9 solid;}
.topNav-fixed{ position: fixed; top: 0; left: 0; width: 100%; -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, .3); box-shadow: 0px 2px 5px rgba(0, 0, 0, .3);}
.mainNav{ position: relative;}
.mainNav .item,.mainNav .spe{float: left;_display: inline;}
.mainNav .spe{ width: 1px;background-color: #d11a1a;height: 76px;display: none;}
.mainNav .itemName{float: left;display: block;width: 98px;text-align: center;}
.mainNav .itemName a{color: #fff;text-align: center;font-size: 16px;background: url("/sthjjxcwgysjcom/Content/hbj/Base/img/navIcons.png") no-repeat center 14px;padding-top: 42px;display: block;height: 34px;}
.mainNav .itemName a:hover{ text-decoration: none; color: #fff;}
.mainNav .currentItem .itemName{background-color: #1483d9;}
.mainNav #item-jgsz .itemName a{background-position: center -66px;}
.mainNav #item-zwgk .itemName a{background-position: center -146px;}
.mainNav #item-hbyw .itemName a{background-position: center -228px;}
.mainNav #item-wsbs .itemName a,
.mainNav #item-bsfw .itemName a{background-position: center -306px;}
.mainNav #item-zmhd .itemName a{background-position: center -388px;}
.mainNav #item-ggfw .itemName a{background-position: center -466px;}
.mainNav #item-ztzl .itemName a{background-position: center -546px;}
.mainNav #item-hjzl .itemName a{background-position: center -626px;}
.mainNav .ul1{left: 0;overflow: hidden;line-height: 28px;position: absolute;top: 76px;width: 130px;display: none;background: #1483d9;z-index: 10;}
.mainNav .li2{ vertical-align: top;}
.mainNav .a2{border-top: 1px solid #8c0007;font-size: 14px;display: block;line-height: 20px;padding: 8px;color: #fff;text-align: center;}
.mainNav .a2:hover{background: #7b090f;color: #fff;text-decoration: none;}
.mainNav #li-zwgk .ul1, .mainNav #li-hbyw .ul1{ width: 250px;}
.mainNav #li-zwgk .li2, .mainNav #li-hbyw .li2{ float: left; width: 49.99%;}
.itemSub{ position: absolute; top: 76px; left: 0; right: 0;min-height: 240px; padding: 20px; background-color: #fff; border: 4px solid #1483d9; display: none;}
.itemSub .side{ margin-right: 20px;}
.itemSub .mainContent{ padding: 0;}
.itemSub .box .bd ul{ padding-top: 10px;}
.subNodeList{ overflow: hidden;}
.subNodeList li{ float: none; margin-bottom: 3px;}
.subNodeList li a{ display: block; height: 45px; line-height: 45px; padding-left: 40px; background: #EBEBEB url("/sthjjxcwgysjcom/Content/hbj/Base/img/iconZwgkXxgk.png") no-repeat 20px 19px;}
.subNodeList li a:hover{ text-decoration: none; background-color: #31a5ff; background-position: 20px -47px; color: #fff;}

/* 机构设置 */
#ldzc .leaderPicList{ margin: 10px;padding: 0;}
#ldzc .leaderPicList .title a{ font-weight: bold;}
#ldzc .infoList{ overflow: hidden;}
#ldzc .infoList li{ float: left; width: 33.33%;}
#ldzc .infoList li.first{display: none;}
#ldzc .infoList li a{ padding: 0 10px; background: none;}
#jgzn .bd{margin: 0 -5px;overflow: hidden;}
#jgzn .bd li{float: left;width: 49.9%;}
#jgzn .bd li a{margin: 5px;display: block;height: 30px;line-height: 30px;border: #ddd 1px solid;text-align: center;overflow: hidden;}

/* 政务公开 */
#sub-zwgk .side{width: 240px;}
#sub-zwgk .mainContent .box .hd li a{ padding: 0 10px;}

/* 网上办事 */
#sub-wsbs .side{width: 280px; float: right; margin: 0 0 0 20px;}
#sub-wsbs .bs-title{margin: 0;}

/* 环保业务 */
#item-hbyw .side{ width: 49%;}

/* 政民互动 */
#linkzmhd{ margin: 30px 0 10px;}
#linkzmhd ul{ text-align: center;}
#linkzmhd li{ position: relative; display: inline-block; *display: inline; zoom: 1; width: 24%; margin-bottom: 20px;}
#linkzmhd li a{ margin: 0 10px; display: block; height: 70px;text-indent: -999px; overflow: hidden;}
#linkzmhd li a:hover{ filter: alpha(opacity=80);opacity: 0.8;}
#linkzmhd li.li1 a{ background: url("/sthjjxcwgysjcom/Content/hbj/Base/img/bmxx.jpg") no-repeat}
#linkzmhd li.li2 a{ background: url("/sthjjxcwgysjcom/Content/hbj/Base/img/12369.jpg") no-repeat}
#linkzmhd li.li3 a{ background: url("/sthjjxcwgysjcom/Content/hbj/Base/img/whnqs.jpg") no-repeat}
#linkzmhd li.li4 a{ background: url("/sthjjxcwgysjcom/Content/hbj/Base/img/hbtc.jpg") no-repeat}
#linkzmhd li.li5 a{ background: url("/sthjjxcwgysjcom/Content/hbj/Base/img/lxfs.jpg") no-repeat}
#linkzmhd li.li6 a{ background: url("/sthjjxcwgysjcom/Content/hbj/Base/img/zxft.jpg") no-repeat}
#linkzmhd li.wb a, #linkzmhd li.wx a{ display: block;text-indent: 0; margin: 0 10px; line-height: 70px; background: #f3f3f3 url("/sthjjxcwgysjcom/Content/hbj/Base/img/icons-3.png") no-repeat scroll 60px 26px; text-align: center; font-size: 18px;}
#linkzmhd li.wb a:hover, #linkzmhd li.wx a:hover{ background-color: #f6eaea;}
#linkzmhd li.wx a{ background-position: 60px -120px;}
#linkzmhd .pic{display: none;position: absolute;left: 60px;top: 80px;padding: 4px;background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, .1);}
#linkzmhd .pic img{width: 150px;}
#linkzmhd li:hover .pic{display: block;}

/* 环境质量 */
#item-hjzl .side{ width: 330px;}

/* 业务系统 */
#sub-ywxt .nodeList{margin: 0 -5px;overflow: hidden;}
#sub-ywxt .nodeList li{float: left;width: 33.33%;}
#sub-ywxt .nodeList li a{display: block;margin: 5px;background: #2EAA91;padding: 20px 10px;height: 60px;line-height: 30px;text-align: center;font-size: 18px;color: #fff;}
#sub-ywxt .nodeList li a:hover{ filter: alpha(opacity=80);opacity: 0.8;}
#sub-ywxt .nodeList li.li2 a{background-color: #FC6E52;}
#sub-ywxt .nodeList li.li3 a{background-color: #EC5D5D;}
#sub-ywxt .nodeList li.li4 a{background-color: #FFCE55;}
#sub-ywxt .nodeList li.li5 a{background-color: #11B0CB;}
#sub-ywxt .nodeList li.li6 a{background-color: #A0D468;}
#sub-ywxt .nodeList li.li7 a{background-color: #FC6E52;}
#sub-ywxt .nodeList li.li8 a{background-color: #5D9CEC;}
#sub-ywxt .nodeList li.li9 a{background-color: #11B0CB;}

/* s-form */
.s-form{width: 280px;position: absolute;right: 20px;top: 24px;z-index: 9;}
.s-form input{vertical-align: top;}
.btn-box{width: 40px;float: left;}
.btn-box .btn{font-size: 14px;height: 30px;width: 40px;background: url("/sthjjxcwgysjcom/Content/hbj/Base/img/search.png") no-repeat #fff center;text-align: center;border: 0;color: #fff; border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
.input-box{width: 140px;float: left;}
.input-box input{border: none;height: 20px;padding: 5px 5px 5px 20px;width: 130px;border-bottom-left-radius: 20px;border-top-left-radius: 20px;}
#full-search{ float: right; line-height: 30px; padding: 0 15px; border-radius: 30px; background-color: #fff;}
a:hover#full-search{ background-color: #f9f9f9; color: #e00;}

/* 主栏 和 侧栏 */
.mainContent{padding: 0 0 0 20px; overflow: hidden;}
.side{width: 240px;float: left;}

/* 显示日期 */
.showDate{ line-height: 30px; width: 1170px; padding-left: 30px; position: relative;z-index: 1;text-align: left;margin: 10px auto 0; background: url("/sthjjxcwgysjcom/Content/hbj/Base/img/iconDate.png") no-repeat left center;}

/* 位置导航 */
.path{background: #f5f5f5 url("/sthjjxcwgysjcom/Content/hbj/Base/img/pin.png") no-repeat 22px center;padding-left: 30px;text-align: left;overflow: hidden;color: #666;font-size: 14px;margin: 20px auto;height: 50px;line-height: 50px;width: 1170px;}
.path a,.pathWrap .path span{ padding: 0 3px; color: #666;}
.path em{padding-left: 21px;}

/*footer*/
#footer{position: relative;text-align: center;padding: 20px 0;}
#footer .siteWidth{ position: relative;}
#footer .pic{ position: absolute; top: 50%; margin-top: -40px; right: 0;}
#footer .footNav{padding-bottom: 10px;}
#footer .footNav a{margin: 0 10px;}
#footer a{ color: #333;}
#footer a:hover{ color: #333}
#footer .copyRight a{ text-decoration: underline;}

/* 侧栏固定菜单 */
.sideFixed{margin-left: 620px;z-index: 99;position: fixed;top: 230px;left: 50%;width: 70px;font-size: 12px;_position: absolute;}
.sideFixed li{margin-top: 1px;position: relative;background: #f3f3f3;}
.sideFixed li a{height: 30px;line-height: 30px;padding: 34px 0 3px 0;display: block;background: url("/sthjjxcwgysjcom/Content/hbj/Base/img/icons-3.png") center 11px no-repeat;}
.sideFixed li a:hover{text-decoration: none}
.sideFixed .wx a{background-position: center -134px;}
.sideFixed .gt a{background-position: center -416px;}
.sideFixed .qr a{background-position: center -266px;}
.sideFixed .pic{display: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3);}
.sideFixed .pic img{width: 150px;}
.sideFixed .on .pic{display: block;position: absolute;left: -168px;top: -45px;padding: 4px;background: #fff;}
.sideFixed .on .pic i{z-index: 8;position: absolute;right: -10px;top: 50%; margin-top: -3px; border-width: 5px;border-color: transparent;border-style: dashed;border-left-color: #fff;border-left-style: solid;display: block;font-size: 0;line-height: 0;width: 0;}
.sideFixed .wx.on .pic{ top: -15px;}

/* 侧栏广告位 */
#focusAd{ margin-top: 20px; padding-bottom: 30px; height: auto;}
#focusAd .hd{ right: 45%;}
#focusAd .hd ul li{ width: 12px; height: 12px;}
#focusAd .hd span{ display: none;}
#focusAd .bd{ border: 1px solid #eee; padding: 9px;}
#focusAd .bd img{ width: 100%; height: auto;}

/*政务公开按钮组*/
.xxgkBtns{background-color: #f7f7f7; border: 1px solid #e8e8e8; overflow: hidden;}
.xxgkBtns ul li{border-bottom: 1px #e8e8e8 solid;height: 71px;line-height: 71px;background: url("/sthjjxcwgysjcom/Content/hbj/Base/img/linkIcons.png") no-repeat;-webkit-transition: 300ms;-o-transition: 300ms;-moz-transition: 300ms;transition: 300ms; font-size: 16px;}
.xxgkBtns ul li a{ display: block;padding-left: 110px;}
.xxgkBtns ul li:hover{margin-left: 3px;}
.xxgkBtns ul li:hover a{text-decoration: none;}
.xxgkBtns ul .li1{background-position: 45px -166px;}
.xxgkBtns ul .li2{background-position: 45px -76px;}
.xxgkBtns ul .li3{background-position: 45px 14px;}
.xxgkBtns ul .li4{background-position: 45px -257px;}
.xxgkBtns ul .li5{background-position: 45px -346px;border-bottom: 0;}

/* box */
.box .hd{height: 40px;line-height: 40px;position: relative;background-color: #eee;}
.box .hd .more{ float: right; margin-right: 10px; font-size: 14px;color: #999;}
.box .hd h3{font-size: 16px;color: #fff;float: left;background-color: #32a5ff;}
.box .hd h3 a{ color: #fff; padding: 0 20px; display: block; float: left;}
.box .hd h3 a:hover{ text-decoration: none;}
.box .hd ul{position: absolute;height: 40px;overflow: hidden;}
.box .hd li{margin-right: 5px;float: left;font-size: 16px;background: #EDEDED;}
.box .hd li a{display: block;float: left;padding: 0 10px;}
.box .hd li a:hover{text-decoration: none;}
.box .hd .on{color: #fff;background-color: #32a5ff;}
.box .hd .on a{color: #fff}
.box .bd{padding:0 5px; overflow: hidden;}
.box .bd ul li a{font-size: 14px;}

/* boxTab */
.boxTab{ padding: 15px; background: #fff; margin-bottom: 15px;}
.boxTab .hd{height: 40px;line-height: 40px;position: relative;background-color: #eee;}
.boxTab .hd .more{font-size: 14px;position: absolute;right: 10px;color: #999;}
.boxTab .hd h3{font-size: 16px;color: #fff;background: #3197E8; float: left;}
.boxTab .hd h3 a{ color: #fff; padding: 0 20px; display: block; float: left;}
.boxTab .hd h3 a:hover{ text-decoration: none;}
.boxTab .hd ul{position: absolute;height: 40px;overflow: hidden;}
.boxTab .hd li{margin-right: 5px;float: left;font-size: 16px;background: #EDEDED;}
.boxTab .hd li a{display: block;float: left;padding: 0 20px;}
.boxTab .hd li a:hover{text-decoration: none}
.boxTab .hd .on{color: #fff;background-color: #32a5ff;}
.boxTab .hd .on a{color: #fff}
.boxTab .bd{ padding: 5px; overflow: hidden;}

/* boxA */
.boxA{padding: 15px; background: #fff; -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, .3);-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, .3);box-shadow: 0px 2px 3px rgba(0, 0, 0, .05); margin-bottom: 15px;}
.boxA .hd{height: 40px;overflow: hidden;line-height: 40px;}
.boxA .hd .more{background: #fff;float: right;color: #999;padding-left: 10px;}
.boxA .hd .more a{color: #999}
.boxA .hd h3{float: left;font-weight: bold;font-size: 16px;padding: 0 10px 0 13px;color: #c00;background: #fff;}
.boxA .hd h3 a{ color: #c00;}
.boxA .hd ul{float: left; _display: inline; overflow: hidden;}
.boxA .hd li{float: left; _display: inline; height: 40px; line-height: 40px; cursor: pointer; padding: 0 20px; color: #333; font-size: 18px;}
.boxA .hd li a{color: #333}
.boxA .hd li a:hover{ text-decoration: none; color: #333}
.boxA .hd .on{ background: #0068b7;}
.boxA .hd .on a{ color: #fff;}
.boxA .hd .on a:hover{color: #fff}
.boxA .bd{padding: 5px; overflow: hidden;}

/* boxB */
.boxB {}

.boxB .hd{height: 40px; background: #0068b7; padding-right: 10px;}
.boxB .hd h3{float: left;_display: inline;height: 40px;line-height: 40px;padding-left: 35px;font-size: 16px;color: #fff;}
.boxB .hd h3 a{color: #fff;}
.boxB .hd h3 a:hover{color: #ff0; text-decoration: none;}
.boxB .hd .more{float: right; _display: inline; line-height: 40px; font-size: 12px; color: #fff;}
.boxB .bd{border: 1px solid #e6e6e6; padding: 10px;}

/* boxE */
.boxE{margin-bottom: 15px;}
.boxE .hd{height: 40px;line-height: 40px;overflow: hidden;border-bottom: 2px solid #c00;}
.boxE .hd h3{float: left;padding: 0 20px;background: #c00;color: #fff;font-size: 18px;}
.boxE .hd h3 a{color: #fff; display: block; float: left;}
.boxE .hd .more{float: right;}
.boxE .bd{padding: 10px;overflow: hidden;}

/* sideBox */
.sideBox{background: #fff;margin-bottom: 15px;padding: 10px;}
.sideBox .hd {}

.sideBox .hd h3 {}

.sideBox .bd{padding: 10px;}

/* mainBox */
.mainBox .mHd{position: relative;border-bottom: 1px solid #D8D8D8;line-height: 25px;height: 35px;margin-bottom: 20px;/* overflow: hidden; */}
.mainBox .mHd .path{float: right;line-height: 25px;height: 31px;padding: 0;}
.mainBox .mHd .list{ overflow: hidden;}
.mainBox .mHd .list li{float: left; padding: 0 4%;}
.mainBox .mHd .list a{font-size: 20px;color: #888;}
.mainBox .mHd .list a:hover{ text-decoration: none}
.mainBox .mHd .list .on a{ color: #0068b7}
.mainBox .mHd h3,.mainBox .mHd .list .on{position: relative;display: inline-block; *display: inline;zoom: 1;font-size: 16px;color: #32a5ff;border-bottom: 2px #32a5ff solid;height: 34px;line-height: 34px;font-weight: bold;padding-right: 10px;}
.mainBox .mBd{overflow: hidden;width: 100%;}

/* 信件列表 */
.letterList{width: 100%;}
.letterList th, .letterList td{text-align: center;font-size: 14px;vertical-align: middle;line-height: 25px;padding: 6px 5px;}
.letterList th, .letterList .even{background: #f5f5f5;}
.letterList th{color: #c00;padding: 0px;}
.letterList th.title{text-align: left; padding-left: 38px;}
.letterList .num{display: none;}
.letterList td.title{text-align: left; padding-left: 5px;}
.letterList .ico{width: 30px; text-align: center; vertical-align: middle; padding: 0px}
.letterList .ico img{ vertical-align: middle;}
.letterList .dep{width: 70px;}
.letterList .state{width: 70px;}
.letterList .state .s0{ color: #333;}
.letterList .state .s1{ color: #f70;}
.letterList .state .s2{ color: #f00;}
.letterList .state .s3{ color: #390;}
.letterList .state .s4{ color: #333; text-decoration: line-through;}
.letterList .date{border-right: none; width: 90px;}

/* 友情链接 */
.friendLinks{background: #31a5ff;padding: 10px 0;margin-top: 20px;}
.friendLinks h3{float: left;font-size: 16px;color: #fff;padding-left: 20px;}
.friendLinks .con{overflow: hidden;}
.friendLinks select{background: #FBFBFB;padding: 5px;float: left;width: 30.99%;_width: 30.9%;_display: inline;margin-left: 2%;border: 1px solid #CFCFCF;}

/* 网上办事 */
.bs-title{margin-top: 10px;padding: 0 15px;height: 36px;line-height: 36px;font-size: 16px;background: #f5f5f5;border-bottom: 2px #ddd solid;}
.bs-th{border-bottom: 1px #eee solid;line-height: 36px;text-align: center; overflow: hidden;}
.bs-th span{float: left;}
.bs-th .num{width: 180px;}
.bs-th .title{width: 340px;}
.bs-th .pep{width: 270px;}
.bs-th .state{width: 80px;}
.bs-intro{overflow: hidden;}
.bs-intro table tbody{width: 100%;}
.bs-intro table td{padding: 5px;height: 20px;line-height: 20px; vertical-align: middle;}
.bs-intro .bj-hd{padding: 0 5px 10px;margin-bottom: 5px;border-bottom: 1px #ddd dotted;}
.bs-intro .bj-hd h3{font-weight: bold;}
#nav-wsbs .tempWrap{height: 250px !important;overflow: hidden;}
#nav-wsbs #nav-wsbs-intro{height: 250px !important;overflow: hidden;}
#wsbs .tempWrap{height: 150px !important;overflow: hidden;}

/* detailTable */
.detailTable{ margin-bottom: 10px; background: #fff; width: 100%;}
.detailTable, .detailTable tr, .detailTable tr td{ border: 1px solid #e6e6e6; border-collapse: collapse;}
.detailTable thead tr{ border-color: #0068B7;}
.detailTable thead th{ background: #0068B7; height: 40px; line-height: 40px; color: #fff; font-size: 16px; text-align: center; border-color: #0068B7;}
.detailTable tbody td{ padding: 10px 15px;}
.detailTable tbody td.tdName{ font-weight: bold; background: #f7f7f7; text-align: center; width: 20%; font-size: 14px;}
.detailTable .trTitle .tdCon{ font-weight: bold;}
.detailTable .trName td:nth-child(2), .detailTable .trUnit td:nth-child(2){ width: 160px}
.detailTable .trName td:nth-child(3), .detailTable .trUnit td:nth-child(3){ width: 160px}
.detailTable .preDiv{ overflow: auto;}
.detailTable .preDiv pre{ font-size: 14px; font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}

/* 阴影 */
.shadow{-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, .05);-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, .05);box-shadow: 2px 2px 3px rgba(0, 0, 0, .05);}

/* 在线查询 */
.bjcx{border: 1px #eee solid;float: left;width: 440px;height: 120px;padding: 15px;margin: 20px 20px 0 0;line-height: 20px;}
.bjcx input{padding: 0 10px;height: 20px;line-height: 20px;border: 1px #ddd solid;}
.bjcx button{float: left;height: 20px;width: 60px;background: #ddd;border: none;}
.bjtj{border: 1px #eee solid;margin: 20px 0 0;height: 120px;padding: 15px;overflow: hidden;}

/* 新：空气质量 */
#kqzl{ float: left; width: 330px; margin-right: 20px; margin-bottom: 20px;}
#kqzl .bd{ padding-top: 10px;}
#kqzl .bd .updateTime{ padding-bottom: 5px;}
table#head{ width: 100%; text-align: center; margin-bottom: 5px;}
table#head tr{ background: #F1F1F1; color: #568ECE;}
table#head tr td{ padding: 5px; line-height: 29px;}
#hourUl li{ list-style: none; margin-top: 11px; clear: both; position: relative; border-bottom: 1px dashed #E4E4E4; height: 26px; overflow: hidden; text-align: center;}
.areaInfo{ display: inline-block; float: left; width: 90px; overflow: hidden;}
.styles{ width: 40px; margin: 0 5px; height: 20px; border-radius: 2px; color: #FFF; font-size: 12px; text-align: center; background-color: #4adb46; float: left; width: 40px; border-radius: 2px; color: #FFF; font-size: 12px;}

/*优*/
.styles1{ background-color: #4adb46;}

/*良*/
.styles2{ background-color: #f7da19;}

/*轻度污染*/
.styles3{ background-color: #FE7E00;}

/*中度污染*/
.styles4{ background-color: #cd4038;}

/*重度污染*/
.styles5{ background-color: #8e3d69;}

/*严重污染*/
.styles6{ background-color: #6e3a4f;}
.areaMsg{ float: left; width: 70px;}
.areaPollute{ float: left; width: 110px;}
.airspan{ display: block; margin-bottom: 7px; padding-left: 10px; line-height: 25px; border-left: 5px solid #eab209; font-weight: bold; color: #2276be; font-size: 20px; text-indent: 10px;}

/* 在线办事 */
#zxbs{ float: right; width: 280px; margin-left: 20px;}
#zxbs .pic{ margin: 10px 0 20px;}
#zxbs .pic img{ width: 100%; height: 100px;}

/* 办事查询 */
.bsjdcx{ position: relative;}
.bjcxTable{ width: 100%; font-size: 12px;}
.bjcxTable td{ padding: 5px 0;}
.bjcxTable .label{ width: 85px; text-align: right;}
.bjcxTable input{ width: 180px; padding: 5px; height: 22px; line-height: 22px; border: 1px solid #ccc;}
.bjcxTable .submitBtn{ position: absolute; right: 0; bottom: 15px; height: 34px; border: 0; background: #e80; color: #fff; font-size: 14px; width: 70px;}


/* 通用底部按钮 */
.bot{ text-align: center; padding: 0 0 20px 0;}
.bot a, .bot button{ cursor: pointer; display: inline-block; height: 46px; line-height: 46px; padding: 0 5%; font-size: 16px; background: #0068B7; border: 0; color: #fff; margin: 0 2%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.bot a:hover, .bot button:hover{ text-decoration: none; background: #077BD4;}

/* 依申请、信访、咨询等通用 查询页样色 */
.queryForm{ background: #fff;padding:30px 100px; margin: 20px auto 0; border: 1px solid #e2e2e2; font-size: 16px;}
.queryForm td{ padding: 8px 0}
.queryForm .tdlab{ width: 40%; text-align: right;}
.queryForm input[type=text]{ width: 80%; border: 1px solid #ccc; height: 30px; line-height: 30px; padding: 0 10px; vertical-align: middle;}
.queryForm .bot{ text-align: left;}
.queryForm .bot a{ margin: 0}
.queryForm .required strong{ color: #f00; margin-right: 5px;}
.queryForm .errorMessage{ color: #f00;}
.queryForm table{ width: 100%; border: 0;}

/* 依申请、信访、咨询等通用 查询结果页样色 */
.queryResult{ margin: 20px auto 0;}
.queryResult .mainBox{ margin-bottom: 50px;}
.queryResult .tit h3{ text-align: center; font-size: 38px; line-height: 2; margin-bottom: 30px;}
.queryResult .tips{ text-align: center; font-size: 16px; margin-bottom: 50px; border-top: 1px solid #ddd; padding: 50px 0 20px 0;}
.queryResult .number{ font-weight: bold; color: #f00}