@charset "utf-8";
/* CSS Document */
/* 通用  */
* { color: #333; }
body { font-size: 14px; line-height: 24px; font-family: "微软雅黑", Arial, Tahoma, Helvetica, \5b8b\4f53, sans-serif; }
html, body, div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, object, code, em, span, var, legend, button, input, textarea, th, td, a, img, header, footer, nav, aside, audio, datalist, section { margin: 0; padding: 0; border: 0; outline: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
:focus { outline: 0; }
ul, ol, ul li, ol li { list-style: none; }/*重置列表*/
address, caption, cite, em, code, dfn, th, var { font-style: normal; font-weight: normal; }
form label { cursor: pointer; }
input, button, select, textarea { font-family: inherit; font-size: 100%; outline: none; }
textarea { resize: none }
input { vertical-align: middle; }
img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
button, input[type="reset"], input[type="button"], input[type="submit"] { line-height: normal !important; }
a { text-decoration: none; }
a { color: #333; }
a:hover { text-decoration: none; }
input { _filter: chroma(color=#000000); }
.clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden; }
.clearfix:after { _zoom: 1; }
.overflow { overflow: hidden; _zoom: 1; }
.clear { clear: both; height: 0; font-size: 0; overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
.b, .b em { font-weight: bold; }
.fontlan { color: #0042a2; }
.fonthong { color: #d30b15; }
.box { margin: 0 auto; width: 1200px; position: relative; background-color: #fff; }
.box em { color: #d30b15; }
.box .underline { text-decoration: underline; }
div.pb0 { padding-bottom: 0px; }
.pb10, div.pb10 { padding-bottom: 10px; }
div.pb30 { padding-bottom: 30px; }
body { background-color: #ededed; }
/* 头部  */
.headerbox { width: 100%; background-color: #fff; }
/* 主体 */
.contentbox { margin: 0 auto; width: 1002px; }
.crumbsBox { width: 1200px; margin: 0 auto; background-color: #fff; }
.crumbsBox .crumbs { width: 1000px; height: 56px; margin: 0 auto; line-height: 56px; font-size: 14px; color: #333; }
.crumbsBox .crumbs a { color: #333; }
.contentbox { margin: 0 auto; width: 1002px; position: relative; }
/* 搜索 */
.searchzc { width: 100%; border-bottom: 2px solid #d40000; }
.searchform { margin: 0 auto 40px; width: 570px; height: 36px; }
.searchform form { float: left; position: relative; }
.searchtxt { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 400px; padding-left: 10px; height: 36px; border: 1px solid #ddd; border-right: none; font-size: 16px; color: #999999; margin-right: 40px; }
.searchbtn { width: 40px; height: 36px; background: #d30b15 url("https://www.beijing.gov.cn/so/zcdh/images/zcfl_searchbtn.png") no-repeat 10px 10px; cursor: pointer; position: absolute; right: 0; top: 0; }
.searchgj { float: left; margin-left: 30px; width: 100px; height: 36px; background-color: #d30b15; font-size: 16px; line-height: 36px; color: #fff; text-align: center; }
/* 左侧树 */
.aside { float: left; margin-top: 30px; width: 300px; padding-bottom: 30px; }
.captitle { height: 21px; line-height: 21px; font-size: 18px; padding-left: 18px; color: #d32222; border-left: 4px solid #d40000; font-weight: bold; }
.captitlefl { padding-top: 17px; padding-left: 21px; font-size: 14px; line-height: 36px; font-weight: bold; }
/* 列表 */
.listbox { float: right; margin-top: 45px; width: 690px; }
.list { width: 660px; margin: 0 auto; padding: 24px 0 20px 0; }
.list li { font-size: 16px; line-height: 36px; padding-left: 13px; background: url(https://www.beijing.gov.cn/so/zcdh/images/zcfl_icon.png) 3px 17px no-repeat; display: block; overflow: hidden; }
.list li i.jdbtn { display: inline-block; margin-left: 5px; border: 1px solid #d30b15; border-radius: 5px; padding: 0 5px; color: #d30b15; font-size: 14px; line-height: 20px; font-style: normal; cursor: pointer; }
.list li span { float: right; padding-left: 5px; }
.jd { display: none; width: auto; padding: 0; border-bottom: none; }
.jd.on { display: block; }
.jd li { background: none; width: 100%; font-size: 14px; }
.jd li i { background: none; font-style: normal; color: #666; }
.jd li a { color: #666; }
/* 分页 */
.pages { padding: 30px 0 25px; text-align: center; }
.pages a { display: inline-block; margin-right: 10px; margin-bottom: 5px; width: 34px; height: 34px; border: 1px solid #ccc; line-height: 34px; text-align: center; color: #333; }
.pages a.next { width: 80px; }
.pages a.no { background-color: #eee; border: 1px solid #eee; cursor: default; }
.pages span { margin-right: 10px; line-height: 36px; color: #333; }
/* 尾部 */
.footerbox { width: 100%; background-color: #fff; }
.g-header-search input#searchbutton[type="submit"] { line-height:50px !important; }

@media(max-width:1024px) {
.box, .crumbsBox { width: 100%; }
}

@media(max-width:640px) {
.crumbsBox .crumbs { width: 95%; height: unset; line-height: 24px; padding: 5px 0; }
.contentbox { width: 95%; }
.listbox { width: 100%; border-left: none; }
.list { width: 100%; }
.aside { display: none; }
.jd li { padding-left: 0; }
}

@media(max-width:414px) {
.searchform { width: 100% }
.searchform form { width: 75% }
.searchtxt { width: 85%; margin-right: 0; }
.searchbtn { width: 15%; }
.searchgj { width: 20%; margin-left: 5%; }
}