﻿
.personal { float: right; height: 137px; display: inline-block; font-size: 14px; color: #fff; line-height: 120px; }
.personal a { color: #fff; text-decoration: none; cursor: pointer; }

.navbar { height: 52px; background: url(../images/nav_bg.png) repeat-x; }
.nav { width: 1024px; margin: 0 auto; }
.nav li { display: inline-block; font-size: 16px; height: 50px; margin: 0 5px; line-height: 50px; }
.nav li a { color: #fff; padding: 0 20px; text-decoration: none;}
.nav li.current { background-color: #183b94; }
.nav li:hover { background-color: #183b94; }

.mid_content { width: 1024px; margin: 0 auto; position: relative; margin-top: 10px; }
.explain { height: 134px; border-bottom: 2px solid #64a0d7;}
.explain_list { font-size:0 ;}
.explain_list li { display: inline-block; white-space: nowrap; width: 25%; height: 134px; vertical-align: top; box-sizing: border-box; padding-top: 40px; padding-left: 15px; position: relative;}
.explain_list li a { display: block; height: 100%; text-decoration: none; }
.explain_list li a .explain_icon { display: inline-block; vertical-align: middle; position: relative; width: 60px; height: 60px; margin-right: 5px; transition: all .2s linear; background-size: 100% auto;}
.explain_list li a .explain_sq { background: url(../images/icon_sq.png) no-repeat; }
.explain_list li a .explain_sh { background: url(../images/icon_sh.png) no-repeat; }
.explain_list li a .explain_cx { background: url(../images/icon_cxtj.png) no-repeat; }
.explain_list li a .explain_xz { background: url(../images/icon_xz.png) no-repeat; }

.explain_list li a .explain_sq:hover { background: url(../images/icon_sq_hover.png) no-repeat; }
.explain_list li a .explain_sh:hover { background: url(../images/icon_sh_hover.png) no-repeat; }
.explain_list li a .explain_cx:hover { background: url(../images/icon_cxtj_hover.png) no-repeat; }
.explain_list li a .explain_xz:hover { background: url(../images/icon_xz_hover.png) no-repeat; }

.explain_list li a .explain_text { max-width: 60%; display: inline-block; vertical-align: middle; }
.explain_list li a .explain_text .explain_title { font-size: 18px; color: #64a0d7; padding-bottom: 5px; transition: all .2s linear;}
.explain_list li a .explain_text .explain_content { font-size: 12px; color: #64a0d7; word-break: break-all; white-space: normal;}

.chart_pattern { margin-top: 29px;}
.chart_module { height: 380px;}
.chart_module.fL { width: 560px;}
.chart_module.fR { width: 454px;}
.chart_top { width: 100%; height: 50px; vertical-align: top; display: inline-block; }
.chart_title { font:400 18px/50px Microsoft YaHei; color: #333; vertical-align: middle;}
.chart_top a.fR { font:14px/50px simsun; color: #4c7fbb; margin-right: 14px; text-decoration: none; cursor: pointer;}

.chart_content table { width:100%; border-collapse:separate; border-spacing:10px; margin-top: -10px; margin-left: -10px; }
.chart_content td { vertical-align: top;}

.chart_content a { width:100%; height:100%; text-decoration: none; display:block; border-bottom: 4px solid rgba(0,0,0,0.1); position:relative; padding: 10px 16px; }
.chart_content a.c01 { width: 148px; height: 166px; background:#8cb546; }
.chart_content a.c02 { width: 338px; height: 96px; background:#6464d7; }
.chart_content a.c03 { width: 148px; height: 106px; margin-top: -37px; background:#d764b5;}
.chart_content a.c04 { width: 148px; height: 176px;background:#dc6263; }
.chart_content a.c05 { width: 148px; height: 71px;background:#64a0d7; }
.chart_content a.c06 { width: 148px; height: 71px;background:#cc9c48;  }
.row_num { width: 100%;border-bottom: 1px solid rgba(0,0,0,0.1); display: inline-block; }
.chart_content a strong { font-weight: 400; display:block;color:#fff;}

.chart_content a strong.font_48 { font-size: 48px; text-align: center;} 
.chart_content a strong.font_18 { font-size: 18px; text-align: right;} 

.chart_content a p { font-size: 12px; color:rgba(255,255,255,0.5); word-break: break-all; white-space: normal; padding-top:10px ;}
/*.chart_content a p.pc01 { color: #e1ffac; }
.chart_content a p.pc02 { color: #a9a9ff; }
.chart_content a p.pc03 { color: #ffbaeb; }
.chart_content a p.pc04 { color: #ffbabb; }*/
.chart_content a p.pc05 {  padding-top: 0; }
.chart_content a p.pc06 { padding-top: 0; }

.chart_content a:hover { background:#247dc5; text-decoration:none; }
.chart_content a:hover span {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
}
/*.chart_content a:hover strong { display:block; }*/
.chart_content a span { padding-bottom: 10px; font-size:18px; color:#fff; display:block; }

/*鍒楄〃*/

.btn_pre { width:119px; height:30px; border: none; background: url(../images/icon_fh_index.png) no-repeat; font:400 14px Microsoft YaHei; color:#588fc9;  padding-left:30px; cursor:pointer; }
.btn_pre:hover { background: url(../images/icon_fh_index_hover.png) no-repeat; color: #fff;}
.tabBtn { float:right; position:absolute; right:20px; top:0; }

/*tab*/
.tabs_list{ height:38px; border-bottom:2px solid #dee9f4;}
.tabs_list li{font-weight: 600;
    font-size: 14px;
    font-family: Microsoft YaHei;
    display: inline-block;
    
    margin: 0 10px 0 0;
    list-style: none;
    cursor: pointer;	
    float: left;
   }
.tabs_list li a{ display:block;padding: 7px 20px 6px; color: #5a6c78; text-decoration:none; }
.tabs_list li.current { border-bottom: 6px solid #588fc9;}
.tabs_list li.current a{ font-weight: bold; color: #588fc9;}
.tabs_list li:hover { border-bottom: 6px solid #588fc9; }
.tabs_list li a:hover{ color: #588fc9; }

.search_box { width: 100%; min-height: 50px; background: #f5f8fd url(../images/icon_search.png) no-repeat 20px center; margin-top: 18px; }

.search_condition { color: #666; font-size: 14px;  margin-left: 69px; min-height: 50px;}

.search_condition th{ text-align:right; padding:10px; font-weight: 400; white-space:nowrap; }
.search_condition td { text-align: left;}
.select_common { width: 80%; height: 30px; font-size: 14px; background-color: #fff; text-indent: 6px; border: 1px solid #b9cbdf; color:#333 ;}
.input_time {width:80%;height:30px;border:1px solid #b9cbdf;color:#636363; text-indent: 8px; background:#fff url(../images/icon_cal.png) no-repeat 96% center;}

.btn_search { width: 70px; height: 32px; background: #aec8d9; color: #fff; border: none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; cursor: pointer;}

.search_content { margin-top: 18px;}
.tableA { width: 100%; border-collapse: collapse; border: 1px solid #b9cbde;}
.tableA tr { border-bottom: 1px solid #f0f0f0;}
.tableA tr:last-child { border-bottom: none;}
.tableA tr.trbg { background: #f5f8fd;}
.tableA th { background: #588fc9; padding: 10px; border: 1px solid #588fc9; border-bottom: 0; text-align: center; color: #fff; font-size: 14px; font-weight:400;}
.tableA td { text-align: center; color: #666; font-size: 14px; font-weight: 400; padding: 10px; }
.tableA td a { color: #1559c8; text-decoration: underline; padding: 0 4px; cursor: pointer; }

/*鍒嗛〉*/
.tablefoot { padding: 5px; margin: 10px auto; text-align: center; font-size: 12px; }
.tablefoot ul { padding: 5px; display: inline-block;}
.tablefoot li { padding:0 6px 0 0; float:left; color:#525252; height:29px; line-height:29px; font-size:12px; }
.tablefoot li a { color:#666; width:25px; height:27px; border:1px solid #dddddd; background:#fff; display:block; text-align:center; line-height:27px; font-size:12px; }
.tablefoot li a:hover { color:#fff; background:#588fc9; text-decoration:none; }
.tablefoot li a.current { width:27px; height:29px; border:0; background:#588fc9;color:#fff; display:block; text-align:center; line-height:29px; }

.tablefoot li .btnLittle{ width:57px; height:27px; background:#fff; border:1px solid #dddddd; font:12px/27px Microsoft YaHei; color:#666666; cursor:pointer;}
.tablefoot li .btnLittle:hover{ color:#588fc9; background:none; }
.tablefoot li .btnUp{ width:57px;height:27px; background:#fff; border:1px solid #dddddd; text-indent:6px; font:12px/27px Microsoft YaHei; color:#666666; cursor:pointer; }
.tablefoot li .btnUp:hover{  background:#fff; color:#588fc9;}
.tablefoot li .btnDown{ width:57px;height:27px; background:#fff; border:1px solid #dddddd; padding-right:4px; font:12px/27px Microsoft YaHei; color:#666666; cursor:pointer; }
.tablefoot li .btnDown:hover{ background:#fff; color:#588fc9; }

/*鏂板*/
.content_common { background-color: #f5f8fd; margin-top: 18px; padding: 20px; }
.tableInput { width: 100%;}
.tableInput th { font-size: 14px; color: #333; font-weight: 400; text-align: right; padding-right: 6px;}
.tableInput th b { font-size:16px; font-weight: 400; color:#e42b2c; padding-right:4px; vertical-align:middle; }
.tableInput td { padding: 5px; text-align: left;}
.tableInput td textarea { width: 91%; height: 60px; border: 1px solid #b9cbdf; max-height: 112px; resize: none; text-indent: 8px;}
.tableInput td input { width: 80%; height: 30px; border: 1px solid #b9cbdf; text-indent: 8px; }
.btn_operation { width: 100%; text-align: center; margin-top: 40px; margin-bottom: 20px;}
.btn_submit { font-size:14px ; color: #fff; border-radius: 3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; border: none; width: 120px; height: 40px; background: #588fc9; cursor: pointer; }

/*涓嬭浇*/
.title_common {  height:38px; line-height: 38px; border-bottom:2px solid #dee9f4; background: url(../images/icon_download.png) no-repeat 8px top; font-size: 14px; color: #5a6c78; text-indent: 46px; font-weight: 400; position: relative; margin-top: 20px; }
.content_empty { margin-top: 18px; }

.row_color { width: 100%; height:70px; display: inline-block; background: #f5f8fd; padding: 15px 0 8px 0;}
.row_color_no {  background: none; }

.tip_num { float: left; width:24px; height: 24px; margin-left: 25px; text-align: center; line-height: 24px; font-size: 12px; color: #fff; background: #588fc9; border-radius: 3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; }
.inner_content { width: 80%; margin: 0 62px 0 62px; }
.inner_content h1 a { width: 482px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; font-weight: 400; color: #3366cc; display: inline-block; text-decoration: underline; }
.inner_content em { font-size: 12px; font-weight: 400; color: #999999;}
.inner_content p { width: 850px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block;  font-size: 14px; font-weight: 400; color: #666666;}
.row_icon { float: right; width: 100px; height: 100px; text-align: center; margin-top: -68px;}
.row_icon i { width: 100%; height: 32px; display: inline-block; background: url(../images/icon_download.png) no-repeat center center;}
.row_icon span { font-size: 14px; font-weight: 400; color: #588fc9;}

/*寮规*/
.detail_bg,.oper_bg { z-index: 998; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.4; filter:alpha(opacity=40); display:none; }
.detail{ z-index:999; position:fixed; top:50%; left:50%; width:480px; margin:-202px 0 0 -240px; border-radius:5px; background-color:#fff; display:none;box-shadow: 0 0 10px #666; }
.detail_title { padding:12px;position: relative; cursor:move; background: #588fc9; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; }
.detail_title .close { float:right;color:#fff; padding:5px; margin:-2px -5px -5px; font:bold 16px/14px simsun; }
.detail_title h3 { font:16px/20px Microsoft YaHei; color:#fff; }
.detail_content { padding:20px 30px; position:relative;max-height:320px; overflow-y:auto;  }

.tableD { border-collapse:collapse; margin:0 auto; width:100%; }
.tableD th { width: 60px; font:400 14px Microsoft YaHei; color:#666; padding:10px 0; text-align:right; white-space:pre-wrap;  }
.tableD td {  padding:10px; text-align:left; white-space: pre-wrap; font:200 14px Microsoft YaHei; }
.tableD td textarea { width: 99%; height: 50px; border: 1px solid #b9cbdf; max-height: 112px; resize: none; text-indent: 8px;}
.btnClear { margin:0; padding-left:10px;}
.tableD td form label input { margin-right:6px; }
.tableD td form label { margin-right:10px; }

.btnFoot { height:37px; margin:20px; text-align:center; }
.btnFoot li { display:inline; margin-right:10px; }
.btnFoot li:last-child { margin-right: 0; }
.button1 { width:120px; height:40px; border:none; font:200 14px Microsoft YaHei; color:#fff; cursor:pointer; margin-top:5px; background: #588fc9; border-radius: 3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px;}
.button2 { width:120px; height:40px; border:none; font:200 14px Microsoft YaHei; color:#588fc9; border: 1px solid #588fc9; cursor:pointer; margin-top:5px; background: #fff; border-radius: 3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px;}

.inputText { width:100%; height:32px; border:1px solid #81838e; text-indent:8px; font:14px Microsoft YaHei;  }

/*瀹炶壊椤堕儴寮规*/
.detailA2 {z-index:999; position:fixed; top:25%; left:50%; width:390px; margin:-78px 0 0 -140px; background-color:#fff; border-radius:4px; display:none; }
.detail_title2 { position: relative; cursor:move; background:#588fc9; border-radius:4px 4px 0 0;  }
.detail_title2 h3 { font:14px/36px Microsoft YaHei; color:#fff; padding-left:18px; }
.detail_title2 .close { float:right;color:#fff; padding:5px; margin:-4px 5px 0 0; font:bold 20px/31px Microsoft YaHei; text-decoration:none; }
.detail_content2 { border:1px solid #eaeaea; border-top:0; text-align:center; }
.detail_content2 em { padding:40px 28px; display: inline-block; line-height: 30px; font-size: 24px; text-align: left;}
.inputA1 { width:210px; height:30px;font: 200 13px Microsoft YaHei; margin-left:30px; }
.inputA2 { width:80%; height:30px;font: 200 13px Microsoft YaHei; border:1px solid #aaa; }
.inputA3 { width:200px; height:20px;font: 200 13px Microsoft YaHei; border:1px solid #aaa; }
.btnClear {  padding-left:10px;}
.btnFoot1 { height:59px; text-align:center; background:#f6f6f6; border-radius:0 0 4px 4px; }
.btnFoot1 li { display:inline; margin-right:10px; }
.button3 { width:101px; height:30px; border:none; outline: none; background:#588fc9; font:200 14px/30px Microsoft YaHei; color:#fff; border-radius:3px; cursor:pointer; margin-top:14px; }
.tableForm { width:100%; margin-left:36px; }
.tableForm th { width:20%; color:#4e4e4e; font:14px Microsoft YaHei; text-align:right; white-space:nowrap; }
.tableForm td { color:#787878; font:12px Microsoft YaHei; text-align:left; padding:5px 0;}


.footer { width:100%; display: inline-block; text-align:center; border-top:1px solid #cccccc; padding:10px 0; background:#fff; margin-top: 60px;   }
.footer p { font:12px/20px Microsoft YaHei; color:#8F8F8F;  }


/*17-05-24 镆ヨ 銆�缁熻*/
.btn_bg { padding: 6px 0; background: #dfe9f3; text-align: center;}
.chart_common { width: 504px;}
.chart_content_bg { background: #dfecf5;}

/*鏂囨湰灞旷ず寮规*/
.table_text {width:100%;border:none;}
.table_text tr { border-bottom:1px dashed #ccc;}
.table_text tr:last-child { border-bottom: none;}
.table_text th { width: 25%; font-size:14px; font-weight: 400; color:#000; text-align:right;background: #f5f8fd;}
.table_text td{ padding:10px 0; font-size:14px; color:#585a66; text-indent:10px;}
.table_text td.hint{padding:0px;}
.table_text td span{padding-bottom:10px;color:#f00;}
.table_text td p{ background:url(../images/icon_error.png) no-repeat left center;font:14px Microsoft YaHei;color:#f00; text-indent:16px; }
