@charset "UTF-8";
/*css 初始化 */
*{margin: 0;padding: 0;}
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img,input,button { border:none; padding:0;margin:0;outline-style:none; }   /*去掉input等聚焦时的蓝色边框*/
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";}
select, input { vertical-align:middle;}
select, input, textarea { font-size:12px; margin:0; }
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 
textarea { resize:none; } /*防止拖动*/
input {
    outline: none;
    -webkit-appearance: none; /*去除系统默认的样式*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 点击高亮的颜色*/
}
img {border:0; vertical-align:middle; }  /*  去掉图片低测默认的3像素空白缝隙，或者用display：block也可以*/
table { border-collapse:collapse; }
body {
    font:14px/150% Arial,Verdana,"\5b8b\4f53";
    color:#666;
    background:#fff
}
.clearfix:before,.clearfix:after {  /*清楚浮动*/
    content:"";
    display:table;
}
.clearfix:after{clear:both;}
.clearfix{
    *zoom:1;/*IE/7/6*/
}
a {color:#666; text-decoration:none; }
a:hover{color:#C81623;}
h1,h2,h3,h4,h5,h6 {text-decoration:none;font-weight:normal;font-size:100%;}  /*设置h标签的大小，设置跟父亲一样大的字体font-size:100%;*/
s,i,em{font-style:normal;text-decoration:none;}
.col-red{color: #C81623!important;}

.fl {float:left}
.fr {float:right}
.hide {display:none}
.show{display: block;}
.font12{ font-size: 12px;}
.font14{ font-size: 14px;}
.font16{ font-size: 16px;}


/*头部*/
.page-header{height: 75px; width: 100%; background: #3083eb;}
.page-header .logo{width: 1200px; margin: 0 auto;}

@media screen and (max-width: 768px) {
  .page-header .logo{width: 100%; padding-left: 15px; box-sizing: border-box; -webkit-box-sizing: border-box;}
}
.page-header .logo img, .page-header .logo h2{display: inline-block; color: #FFF; font-size: 28px;line-height: 75px;}
.page-header .logo img{float: left;width: 48px; height: 46px;margin-top: 14px; margin-right: 10px;}
@media screen and (max-width: 320px){  
    .page-header .logo h2{font-size: 24px;}
} 
/*page-content*/
.page-content{width: 1200px; margin: 0 auto;}
@media screen and (max-width: 768px) {
  .page-content{width: 100%; padding: 0 15px;box-sizing: border-box;-webkit-box-sizing: border-box;}
}
/*query*/
@media screen and (min-width: 769px) {
	.bg-blue{background: #3083eb;}
	.query{background: url(../../../images/PublicPage/bg.png); width: 1200px; height: 600px; margin: 30px auto;}
	.query .query-form{background: #FFF; width: 380px; padding: 45px; box-sizing: border-box;-webkit-box-sizing: border-box; margin-top: 80px; float: left; margin-left: 150px; border-radius: 5px; -webkit-border-radius: 5px;}
	.query .query-result{background: #FFF; width: 350px; opacity: 0.9; -webkit-opacity: 0.9; padding: 45px; box-sizing: border-box;-webkit-box-sizing: border-box; margin-top: 80px; float: left; margin-left: 100px; border-radius: 5px; -webkit-border-radius: 5px;}
}
@media screen and (max-width: 768px) {
	.bg-blue{background: #fff;}
  	.query{background: none; width: 100%;}
  	.query .query-form{width: 100%; padding: 15px 0; box-sizing: border-box;-webkit-box-sizing: border-box;}
  	.query .query-result{width: 100%; padding: 15px 0; box-sizing: border-box;-webkit-box-sizing: border-box; margin-top: 15px;}
}
.query .query-result h2{color: #5092ed; font-size: 18px; font-weight: bold;}
.query .query-result .row{font-size: 14px;margin-top: 20px; display: flex;}
.query .query-result .row .title{color: #5092ed;}
.query .query-result .row .content{flex: 1;}

.query .query-form .form-top{width: 100%;}
.query .query-form .form-top img,.query .query-form .form-top h2{display: inline-block; color: #8d9aad; font-size: 20px;line-height: 48px;}
.query .query-form .form-top img{float: left;width: 48px; height: 46px; margin-right: 10px;}
.query .query-form .form-container{margin-top: 15px;}
.query .form-container .input-group{font-size: 14px; margin-top: 15px;}
.query .form-container .input-group input{border: 1px solid #dddddd; font-size: 14px;color: #8d9aad;width: 100%; padding: 15px; box-sizing: border-box;}
.query .form-container .code input{width: 55%; float: left;}
.query .form-container .code img{width: 40%; float: right;}
.query .form-container .input-group input.submit{background: #3395f0; color: #FFF; font-size: 18px;}

/*表格样式*/
.gjb-table{width: 100%; margin-top: 20px;}
.gjb-table .table-title{width: 100%;}
.gjb-table .table-container{margin-top: 15px; width: 100%; overflow: auto;}
.gjb-table table{empty-cells:show;border-collapse:collapse;border-spacing:0;width: 100%;}
.gjb-table table{font-family:宋体; font-size:14px;border:1px green solid;background-color:white;}
.gjb-table table td{height:20px; padding:5px 10px;text-align:center;border:1px #dbdbdb solid; box-sizing: border-box;-webkit-box-sizing: border-box;}
.gjb-table table .data td:nth-child(2n){background: #f7f7f7;}
.bg1{background: #deecf5;}
.bg2{background: #deecdf;}
.bg3{background: #f5f2df;}
.bg4{background: #f5e2de;}
.bg5{background: #f7f7f7;}

/*统计样式*/
.statistics .title{color: #788ea6; font-size: 16px; margin-top: 30px;}
.statistics .tab{width: 100%; margin-top: 15px;}
.statistics .tab dt a{display: inline-block; color: #727272; font-size: 14px; background: #ededed;line-height: 32px; text-align: center;}
.statistics .tab dt a.on{color: #FFF;background: #578fc2;}
@media screen and (min-width: 769px) {
	.statistics .tab dt a{width: 140px;}
}
@media screen and (max-width: 768px) {
	.statistics .tab dt a{width: 25%;float: left;}
}
.statistics .tab dd{width: 100%; margin-top: 20px;display: none;}
.statistics .tab dd.active{display: block;}
.statistics .tab dd .chart{width: 100%; margin-bottom: 30px;}
.statistics .tab dd .chart .chart-title{color: #2b2b2b; font-weight: bold;}
.statistics .tab dd .chart .chart-content{width: 100%; margin-top: 15px;}
@media screen and (min-width: 769px) {
	.col-lg-12{width: 100%;}
	.col-lg-6{width: 50%;}
	.col-lg-3{width: 25%;}
}
@media screen and (max-width: 768px) {
	.col-sm-12{width: 100%;}
	.com-sm-6{width: 50%;}
}

.statistics .tab dd .top-table{background: #f9f9f9;padding: 15px; box-sizing: border-box; float: left;}
.statistics .tab dd .top-table .table-title{font-size: 14px; margin-bottom: 15px;}
.statistics .tab dd .top-table table{width: 100%;}
.statistics .tab dd .top-table table thead{background: #ececec;}
.statistics .tab dd .top-table table td,.statistics .tab dd .top-table table th{text-align: left; padding: 8px 15px;}
.statistics .tab dd .top-table table tbody tr:nth-child(2n-1){background: #FFF;}
@media screen and (min-width: 769px) {
	.statistics .tab dd .top-table{width: 45%; margin-left: 10%;}
	.statistics .tab dd .top-table:nth-child(1){margin-left: 0;}
}
@media screen and (max-width: 768px) {
	.statistics .tab dd .top-table{padding: 15px 0;}
	.statistics .tab dd .top-table .table-title{margin-left: 15px;}
	.statistics .tab dd .top-table{width: 100%; margin-top: 30px;}
}