﻿@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; }
body { background-color: #fff; }
.fontlan { color: #0042a2; }
.fonthong { color: #d30b15; }
.box { margin: 0 auto; width: 1100px; position: relative; }
.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; }
/* 头部  */
.headerbox { width: 100%; background-color: #fff; }
/* 主体 */
.banner { margin-top: 30px; text-align: center; }
.contentbox { margin: 0 auto; width: 1002px; }
/*搜索*/
.searchform { margin: 30px auto; width: 950px; height: 46px; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; }
.searchtxt { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 850px; padding-left: 10px; height: 46px; border: 1px solid #d30b15; border-right: none; font-size: 16px; color: #999999; margin-right: 100px; }
.searchbtn { width: 100px; height: 46px; background-color: #d30b15; border: none; text-align: center; font-size: 20px; ; color: #FFFFFF; cursor: pointer; position: absolute; right: 0; top: 0; }
/*条件分类*/
.classification { border: 1px #ccc solid; padding: 10px 5px 15px 15px; display: block; overflow: hidden; margin-bottom: 30px; }
.classification dl { display: block; overflow: hidden; }
.classification dt { float: left; background-color: #d30b15; width: 124px; height: 32px; color: #fff; line-height: 32px; font-weight: bold; text-align: center; margin-right: 20px; }
.classification dd { float: left; width: 85%; display: block; overflow: hidden; }
.classification dd span { float: left; padding: 0px 5px; margin: 5px 10px 5px 0px; cursor: pointer; }
.classification dd span.actived { background-color: #e86e6d; color: #fff; }
.classification dd span:hover { background-color: #e86e6d; color: #fff; }
/*表格结果*/
.formresult { width: 100%; }
.formresult tr:nth-child(2n) { background-color: #eee; }
.formresult tr th { color: #fff; height: 50px; line-height: 42px; font-weight: bold; text-align: center; background-color: #d30b15; border-left: 2px #fff solid; padding: 0 5px; }
.formresult tr td { padding: 5px 10px; text-align: center; }
.formresult tr td:first-child { text-align: left; }
/* 分页 */
.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 { width: 100%; }
}

@media(max-width:640px) {
.box, .banner img, .searchform { width: 100%; }
.contentbox { width: 95% }
.searchtxt { width: 80%; margin-right: 0; }
.searchbtn { width: 20%; }
.classification dd { width: 100%; }
}

@media(max-width:414px) {
.banner { margin-top: 10px; }
.searchform { margin-top: 10px; }
.classification { margin-bottom: 10px; }
.classification dt { float: none; }
.classification dd { float: none; width: auto; }
.formresult tr:nth-child(2n) { background-color: #fff; }
.formresult tr td { border-bottom: 1px #ccc solid; padding: 10px; }
.formresult tr th, .formresult tr td { display: none; }
.formresult tr td:first-child { display: block; }
.pages { border-top: none; padding: 20px 0 15px; }
}
