﻿@charset "UTF-8";
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
    /*transform-origin: 0 0;*/
    /*height: 100%;*/
    /*overflow: hidden;*/
}
body {
  margin: 0;
  font-family: "微软雅黑", "yahei","宋体","Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.5;
  color: #333;
  overflow-y: auto;
  background:  #fff;
  background-attachment: fixed;
  background-size: 100%;
  font-size: 14px;
}
.idx-body{
  height: 100%;
  font-size: 14px;
  background:#f4f8fa;
}
/* 要注意表单元素并不继承父级 font 的问题 */
label,
input,
button,
select,
textarea {
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
}
input,
button,
select,
textarea {
  font-family:"微软雅黑", "yahei","宋体", "Helvetica Neue", Helvetica, Arial, sans-serif;box-sizing: border-box;outline:none;
}
input,
select,
textarea{color: #666;background-color: #fff;border: 1px solid #e7e3da;line-height:26px; padding-left: 5px; padding-right: 5px;height: 40px;}
textarea{height: auto}
select{padding: 5px;line-height: 16px;padding:5px 0\9;}
input[type="checkbox"],input[type="radio"]{height: auto}
input:focus ,
select:focus ,
textarea:focus {border-color: #b7b7b7;outline: 0; background-color: #fff;}
input[type="checkbox"],input[type="radio"]{border:none; padding:0}
textarea{resize: none}
*{box-sizing:border-box;}
input::-webkit-input-placeholder{color:#999;}
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color:#999;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:#999;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:#999;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#999;
}

/*美化select*/
select{
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url("../images/select_arrow.png") no-repeat right center #fff;
  padding-right: 20px;
  cursor: pointer;
  outline:none;
}
select::-ms-expand{display: none;}
a{text-decoration:none; cursor: pointer; color: #333;}
a:hover{color:#288bde;}
.a-blue{text-decoration:none; cursor: pointer; color: #288bde;}
.a-blue:hover{color:#fb5211;}

/*谷歌美化滚动条*/
::-webkit-scrollbar {width: 8px;height: 8px;} /* 这是针对缺省样式 (必须的) */
::-webkit-scrollbar-thumb {  background-color: #ddd;  border-radius: 999px } /* 滑块颜色 */
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form, ul, li, ol{margin:0; padding:0;outline: 0}

/* 去掉各Table  cell 的边距并让其边重合 */
table {
  border-collapse:collapse;border-spacing:0;
}
/* IE bug fixed: th 不继承 text-align*/
th {
  text-align:center;
}
/* 去除默认边框 */
fieldset,img {
  border:0;
}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
  display:block; border:none
}
frame{border:none}
/* 去掉列表前的标识, li 会继承 */
ol,ul {
  list-style:none;
}


/*定位*/
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left:auto;margin-right:auto;}
.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
*:focus{outline:none;}
.none{display:none;}
.vm{vertical-align:middle;}
.vt{vertical-align:top;}
.pr{position:relative;}
.pa{position:absolute;}
.txtCut{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}/*截字*/
.rel{ position: relative; }
.fb{ font-weight: bold; }
.fn{ font-weight: normal; }
.auto{margin-left: auto; margin-right: auto;}
.hide{ display: none; }
.bd{ border:1px dashed #ced8da; }
.bb{ border:1px solid #ced8da; }
.bbnone{ border-bottom:0; }
.bs{ border-bottom:1px solid #eee; }
.bbyes{ border-bottom:1px solid #d6d5d5; }
.clear{ clear: both; }
.ti{ text-indent: 2em; }
.ell { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.btl{ border-top-left-radius:5px; }
.btr{ border-top-right-radius:5px; }
.bbl{ border-bottom-left-radius:5px; }
.bbr{ border-bottom-right-radius:5px; }
.ib{ display: inline-block; }
.a-blue a{ color: #358ec0 }
.a-blue a:hover{ color: #e75200 }
.a-gray a{ color: #358ec0 }
.a-gray a:hover{ color: #e75200 }
.of{ overflow:hidden; }

/*=======边距 start======*/
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m30{margin:30px;}
.m40{margin:40px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml100{margin-left:100px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr100{margin-right:100px;}

.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p25{padding:25px;}
.p30{padding:30px;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt100{padding-top:100px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl100{padding-left:100px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pr100{padding-right:100px;}
/*=======边距 end======*/

/*pct百分比宽度*/
.pct10{width: 10%;}
.pct20{width: 20%;}
.pct30{width: 30%;}
.pct40{width: 40%;}
.pct50{width: 50%;}
.pct60{width: 60%;}
.pct70{width: 70%;}
.pct80{width: 80%;}
.pct90{width: 90%;}
.pct100{width: 100%;}

/*width*/
.w30{width: 30px;}
.w50{width: 50px;}
.w80{width: 80px;}
.w100{width: 100px;}
.w120{width: 120px;}
.w150{width: 150px;}
.w200{width: 200px;}
.w300{width: 300px;}
.w400{width: 400px;}
.w500{width: 500px;}
.w600{width: 600px;}
.w700{width: 700px;}
.w800{width: 800px;}
.w900{width: 900px;}
.w1000{width: 1000px;}


/*字体大小*/
.f12{font-size: 12px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}

.hide{display:none;}

/*行高*/
.lh30{line-height: 30px;}

/*inline-block与float等宽列表*/
.row{position:relative;clear: both; }
.row:before,
.row:after {display: table;line-height: 0;content: "";}
.row:after {clear: both;}
.col-1,.col-2, .col-3, .col-4, .col-5, .col-6,.col-7,.col-8,.col-9,.col-10, .equal-5 { float:left; position: relative;min-height:1px;}
.col-12 {width: 100%;}
.col-11 {width: 91.66666667%;}
.col-10 {width: 83.33333333%;}
.col-9 {width: 75%;}
.col-8 {width: 66.66666667%;}
.col-7 {width: 58.33333333%;}
.col-6 {width: 50%;}
.col-5 {width: 41.66666667%;}
.col-4 {width: 33.33333333%;}
.col-3 {width: 25%;}
.col-2 {width: 16.66666667%;}
.col-1 {width: 8.33333333%;}

/* 基于display: table-cell的自适应布局 */
.cell { display: table-cell; *display: inline-block; width: 2000px; *width: auto; }

/*超过省略*/
.ell{ text-overflow: ellipsis;overflow:hidden;white-space: nowrap; }

.auto{ margin-right: auto;margin-left: auto; }
.vn{vertical-align: middle;}
.fb{font-weight: bold;}
.tl{text-align: left}
.tc{text-align: center}
.tr{text-align: right}


/*头部*/

.login_part{
  width:326px;
  height:284px;
  background:#fff;
  position:absolute;
  top:90px;
  right:0;
  padding:25px;
}
.login_wrap{width: 1200px;position: relative;margin-left: auto;margin-right: auto;}
.login_change{
  position:absolute;
  top:160px;
  right:0;
  width:234px;
  height:60px;
  line-height:60px;
  font-size:16px;
  border-radius:5px;
  box-sizing:border-box;
  color:#fff;
  background:url(../images/login_user.png) no-repeat 40px center;
  background-color:#e96f56;
  text-align:center;
}
.login_change a{
  font-size:16px;
  color:#fff;
}
.login_head{
  width:100%;
  display:flex;
  justify-content:space-between;
  overflow: hidden;
}

.login_head p{
  display:inline-block;
  color:#484848;
  font-weight:bold;
  padding-left:14px;
  position:relative;
  line-height:18px;
}
.login_head a{float: right}
.login_head p::before{
  content:'';
  display:block;
  width:4px;
  height:18px;
  background:#c84a13;
  position:absolute;
  top:0;
  left:0;
}
.login_head a{
  line-height:18px;
  color:#922a14;
}
.login_content{
  width:100%;
  overflow:hidden;
  margin-top:20px;
}
.login_border{
  border:1px solid #e7e3da;
  border-radius:5px;
  box-sizing:border-box;
}
.urser_info{
  display:block;
  width:100%;
  margin-top:20px;
}
.urser_info img{
  display:block;
  margin:0 auto;
}
.urser_info p{
  color:#922a14;
  width:100%;
  text-align:center;
  margin-top:20px;
}
.user_task{
  width:100%;
  border-top:1px solid #e7e7e7;
  overflow:hidden;
  margin-top:26px;
  padding-top:5px;
}
.task_item{
  width:50%;
  float: left;
}
.user_num{
  width:100%;
  text-align:center;
  font-size:18px;
  color:#cd3c1d;
  font-weight:bold;
}
.user_task_name{
  display:block;
  width:100%;
  text-align:center;
  color:#333;
}
.account{
  width:100%;
  display:flex;
  justify-content:flex-start;
  align-items:center;
  margin-bottom:10px;
}
.account input, .veri input{
  border:none;
  outline:none;
  width:auto;
  height:40px;
  line-height:40px;
  font-size:14px;
  margin:0;
  padding:0;
  padding-left:14px;
}
.account i{
  display:flex;
  height:40px;
  line-height:40px;
  margin-left:14px;
  align-items:center;
}
.account i img{
  width:15px;
  height:16px;
}
.account a{
  text-decoration:none;
  font-size:14px;
  color:#333;
}
.verifica{
  width:100%;
  display:flex;
  height:40px;
}
.veri{
  width:134px;
  height:40px;
  box-sizing:border-box;
  overflow:hidden;
  float: left;
}
.veri_pic{
  width:132px;
  margin-left:10px;
  overflow:hidden;
  cursor:pointer;
  float: right;
}
.login_btn{
  display:block;
  width:100%;
  height:40px;
  line-height:40px;
  text-align:center;
  font-size:16px;
  color:#fff;
  font-weight:bold;
  background:#d0654d;
  margin-top:12px;
  border-radius:5px;
  cursor:pointer;
}

/*主体*/
.main_content{
  width:1200px;
  margin:0 auto;
  /* overflow:hidden; */
  margin-top:-280px;
  position:relative;
}
.tab_part{
  height:53px;
  background:#cd3c1d;
}
.tab_part a{
  width:236px;
  height:53px;
  line-height:53px;
  font-size:18px;
  color:#fff;
  background:#cd3c1d;
  display: inline-block;
  cursor:pointer;
  text-decoration:none;
  text-align: center;
}
.tab_part a i{
  margin-right:14px;
  display:inline-block;
  width:20px;
  height:20px;
  vertical-align: middle;;
}
.active_tab{
  background:#3d3636!important;
  color:#fffa6a!important;
}
.tab_part a:hover{
  background:#3d3636;
  color:#fffa6a;
  transition:all .3s;
}
.normal_sy i{
  background:url(../images/sy.png) no-repeat center center;
}
.normal_sy:hover i{
  background:url(../images/sy_active.png) no-repeat center center;
}
.normal_sm i{
  background:url(../images/sm.png) no-repeat center center;
}
.normal_sm:hover i{
  background:url(../images/sm_active.png) no-repeat center center;
}
.normal_sj i{
  background:url(../images/sj.png) no-repeat center center;
}
.normal_sj:hover i{
  background:url(../images/sj_active.png) no-repeat center center;
}
.normal_zs i{
  background:url(../images/zs.png) no-repeat center center;
}
.normal_zs:hover i{
  background:url(../images/zs_active.png) no-repeat center center;
}
.normal_rx i{
  background:url(../images/rx.png) no-repeat center center;
}
.normal_rx:hover i{
  background:url(../images/rx_active.png) no-repeat center center;
}
.active_sy i{
  background:url(../images/sy_active.png) no-repeat center center;
}
.active_sm i{
  background:url(../images/sm_active.png) no-repeat center center;
}
.active_sj i{
  background:url(../images/sj_active.png) no-repeat center center;
}
.active_zs i{
  background:url(../images/zs_active.png) no-repeat center center;
}
.active_rx i{
  background:url(../images/rx_active.png) no-repeat center center;
}

.content_body{
  width:100%;
  /* overflow:hidden; */
  /*background:#fff;*/
  margin-top:20px;
}
.part_1{
  overflow:hidden;
  padding:10px;
  /*padding-bottom: 10px;*/
  /*background-color: #fff;*/
  margin-bottom: 10px;
}
.move_list{
  overflow:hidden;
  margin-top:22px;
  padding-left:36px;
  padding-right:20px;
  box-sizing:border-box;
}
.move_list a{margin-left: 25px;}
.move_list a:first-child{margin-left: 0;}
.move_list a:hover{opacity: 0.9;}
.work_news{
  display:flex;
  overflow:hidden;
  justify-content: space-between;
  margin-top: -20px;
  padding-bottom: 10px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f8fa');
  background: linear-gradient(#fff, #f4f8fa);
}
.swiper_list{
  background: url("../images/bg_flower.png") no-repeat bottom right;
}
.swiper_part{
  width:380px;
  height:272px;
  overflow:hidden;
  position:relative;
  float: left;
}
.swipere_text{
  width:100%;
  height:34px;
  position:absolute;
  bottom:0;
  left:0;
  background:rgba(0,0,0,0.6);
  display:flex;
  justify-content:space-between;
  z-index:9;
}
.swipere_text p{
  line-height:34px;
  color:#fff;
  padding-left:20px;
  width:90%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.swipere_text span{
  width:10%;
  color:#fff;
  background:#d93e1d;
  text-align:center;
  line-height:34px;
}
.news_list{
  width:442px;
  height:272px;
  overflow:hidden;
  margin-left:24px;
  float: left;
}
.new_list_head{
  width:100%;
  display:flex;
  justify-content:space-between;
  border-bottom:1px solid #d3d3d3;
  padding-bottom:10px;
}
.show_more{
  float: right;
  font-size:14px;
  color:#666;
  padding-right:18px;
  background:url(../images/showMore.png) no-repeat right center;
  background-size:14px 14px;
  box-sizing:border-box;
  line-height:30px;
}
.news_list_body{
  width:100%;
  overflow:hidden;
  padding-top:10px;
}
.news_item{
  width:100%;
  display:flex;
  justify-content:space-between;
  height:46px;
  line-height:46px;
}
.news_item a{
  width:75%;
  color:#333;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  padding-left:20px;
  background:url(../images/work_station.png) no-repeat left center;
  background-size:16px 16px;
  box-sizing:border-box;
}
.news_item span{
  width:21%;
  color:#999;
}

.n_border{
  border:1px solid #e7e3da;
}
.know_search{
  width:270px;
  height:38px;
  border:1px solid #e79f8f;
  border-radius:18px;
  margin-bottom:22px;
  margin-top:18px;
  background: url(../images/search.png) no-repeat right center;
  overflow:hidden;
  position: relative;
  padding-right:3px;
}
.know_search input{
  border:none;
  outline:none;
  font-size:14px;
  height:38px;
  line-height:38px;
  width:100%;
}
.know_search a{
  display:block;
  width:31px;
  height:31px;
  border-radius:50%;
  background:url(../images/search.png) no-repeat center center;
  background-size:16px 16px;
  background-color:#d93e1d;
  position: absolute;
  top:3px;
  right:3px;
}
.know_list{
  width:100%;
  overflow-x:hidden;
  overflow-y:auto;
  box-sizing:content-box;
  display:flex;
  justify-content:flex-start;
  flex-wrap:wrap;
  max-height:134px;
}
.know_item{
  width:auto;
  height:30px;
  line-height:30px;
  color:#333;
  border-radius:20px;
  padding:0px 20px;
  overflow:hidden;
  margin-bottom:12px;
  margin-right:10px;
  display: inline-block;
}
.lib-search .know_item{margin-right: 0;padding-right: 0;font-weight:bold ;}
.know_item_a{
  width:auto;
  height:30px;
  line-height:30px;
  color:#fff;
  border-radius:18px;
  padding:0px 10px;
  overflow:hidden;
  margin-bottom:12px;
  margin-right:10px;
  display: inline-block;
  text-decoration:underline;
}
/*.know_item:hover{background: #cd3120;color:#fff;}*/
.know_item:last-child{
  margin-bottom:0;
}


/*首页hover*/
.icon{width: 20px;height: 20px;display: inline-block;vertical-align: middle;background-repeat: no-repeat;}
.icon-smile{background-image: url("../images/icon_smile.png");}

/*color*/
.color-red,a.color-red{color: #cd3c1d !important;}
.color-green,a.color-green{color: #3c9507 !important;}
.color-gray,a.color-gray{color: #999 !important;}


/*btn*/
.btn { display: inline-block; padding:12px 40px;border-radius:5px; color: #fff; text-align: center;background-color: #a7a7a7;  font-size: 100%; border: 1px solid transparent; cursor: pointer; min-width: 60px;line-height: 1;}
.btn:hover{ background-color: #9c9c9c; color: #fff; text-decoration:none;}
.btn.disable,.btn.disable:hover, .btn.disable:focus{ background-color:#f0f0f0; border: 1px solid #d1d0d0; color: #d1d0d0; cursor:not-allowed;}
.btn-default {color: #fff;background:#288bde;}
.btn-default:hover{color: #fff;background: #259cff;}
.btn-green {color: #fff;background:#7cbc18;}
.btn-green:hover{background-color: #70ab16;color: #fff;}

.file-btn{ position: relative; overflow: hidden;vertical-align: middle; }/*浏览 上传*/
.file-btn input[type=file]{ cursor: pointer; opacity:0; filter: alpha(opacity=0); position: absolute; left: 0; top: 0; width: 100%; margin: 0; padding: 0; height: 100%; cursor: pointer; }


/*tag*/
.tag{display: inline-block;color: #fff; padding: 0 5px 1px 5px; line-height: 20px; text-align: center; border-radius: 3px;position: relative;background-color: #53b405;margin-right:4px;font-size: 14px;}
.tag:after{content:'';display:inline-block;width:0;  height:0;border:4px  solid transparent;
  border-left-color:#53b405;position: absolute;right:-8px;top: 50%;margin-top: -4px;
}
.tag-warm:after{border-left-color:#fff000;}
.tag-warm{background-color: #fff000;color:#ce3d1e;}
.tag-alert:after{border-left-color:#ce3d1e;}
.tag-alert{background-color: #ce3d1e;}
.tag-risk{background-color: #eb9e09;}
.tag-risk:after{border-left-color:#eb9e09;}
.tag.mr5{margin-right:9px;}
.tag.mr10{margin-right:14px;}



/*三级标题*/
.three-title{font-size: 18px;font-weight: normal;margin-bottom:15px;line-height:18px;position: relative;color:#288bde;border-bottom: 2px solid #ccc;}
.three-title span{position: relative;bottom: -2px;display: inline-block;border-bottom:2px solid #288bde;padding: 0 10px 8px 2px;}

.chart-title{font-size: 16px;color:#288bde;font-weight:normal;}


/*tab*/
.tab-content{overflow: hidden;}
.tab-pane{display: none; position: relative;}
.tab-pane.active{display: block;}


.tab{border-bottom: 1px solid #e7e3da;}
.tab:before,
.tab:after {
  display: table;
  line-height: 0;
  content: "";
}
.tab:after {
  clear: both;
}
.tab li{float: left;}
.tab li a{display: block; line-height: 40px;padding: 0 40px;border: 1px solid transparent;position: relative;height: 38px;color: #333;border-radius: 5px 5px 0 0}
.tab li a:hover{color: #cd3c1d;}
.tab li.active a{background-color: #fff;border-color: #e2e2e2;border-bottom-color: transparent;bottom: -1px;height: 40px;color: #288bde;font-weight: bold;}

/*tip-box*/
.tip-box{padding-left: 35px;color: #b83418;position: relative;padding-bottom: 15px;border-bottom: 1px dashed #c1c1c1;margin-bottom: 15px;}
.tip-box:before{position: absolute;content:'';top:2px;left:0;width: 24px;height: 24px;background: url("../images/icon_tip.png")no-repeat;}
.tip-box h3{color: #48413e;font-size: 18px;font-weight: bold;margin-bottom: 3px;}
.tip-box a{color: #485d89;font-weight: bold;}

/*表单*/
.form-required{color:red;  margin-right:6px;  font-size:12px;}
.form-control{  padding: 7px 9px;  line-height: 18px;   border-radius:5px;font-size: 14px; }/*控件*/
.help-inline{ color:#B2B2B2;}/*备注*/
.form-horizontal .fix{  *zoom: 1;  margin-bottom:15px; }
.form-horizontal .fix:after {  display: table;  content: '';  clear: both;  }
.form-horizontal .label {  float:left;  width:130px;  padding-top:5px;  text-align: right;  margin-right:10px; }
.form-horizontal .label.mid{width: 160px;}
.form-horizontal .offset-x{padding-left: 140px;}
.form-horizontal .fix.has-error .label{color:#e25551}
.form-horizontal .fix.has-error .form-control{border-color:#f17975}
.form-horizontal .fix.has-error .alert{color:#e3563b; background: #FDEEE9}
.form-horizontal label{font-size: 14px;}

/*二级页面的body*/
.wrap{width: 1020px;margin-left: auto;margin-right: auto;background-color:#f5f5f5;position: relative;padding: 20px;min-height: 200px;border-radius: 5px;}
.wrap:after{content: '';width:427px;height:98px;background: url('../images/bg_wrap.jpg') no-repeat;position: absolute;bottom: 0;right:0;z-index: -1}

/*面包屑*/
.breadcrumb{background:url(../images/bg_breadcrumb.png) no-repeat 0 5px; padding:0 0 20px 20px;border-bottom:1px solid #f0f0f0; position: relative;margin-bottom: 20px;}
.breadcrumb ul li{display:inline-block;}
.breadcrumb ul>li+li:before{padding:0 5px;color:#bbb;content:">\00a0"}
.breadcrumb ul a{color:#999; }
.breadcrumb ul>.active{color:#333}


/* table */
.table {width:100%;border:1px solid #e7e3da;}
.table thead {background:#f9f9f9;}
.table td,.table th {text-align: left;}
.table thead th{color: #999;font-weight: normal;padding:15px 10px;}
.table tbody td{padding: 10px;}
.table .tc{text-align:center;}
.table tbody tr{border-bottom: 1px dashed transparent;}

.table-blue thead{background:#288bde;}
.table-blue thead th {padding:10px;color: #fff}
.table tbody td{padding: 12px 10px;}
.table-blue tbody tr{border-bottom: 1px dashed #d5d5d5;}

.table-fixed{table-layout: fixed;background: #fff}

/*table-form*/
.table-form{ width: 100%;}
.table-form th{color: #666;background-color: #f8f8f8;font-weight: bold; text-align:center;}
.table-form td,.table-form  th {border:1px solid #dadfe7;padding: 15px 10px;}
.table-form td {text-align: left}

.table-form-red th{background-color: #eef2f6; color: #195b9c;}
.table-form-red td{background-color: #fff;}
/*页码*/
.page{position: relative;padding: 20px 0;overflow: hidden}
.page a{color:#999;margin:0 2px; padding:0 15px;display: inline-block;height:34px;line-height:32px;border-radius: 5px;border: 1px solid #e8e8e8;background: #fff  }
.page .page-solid{background-color: #f1f1f1;}
.page a:hover,
.page a.active{background: #288bde;color: #fff;}
.page .page-info{color: #999;margin-left: 10px;}

/*知识库搜索*/
.lib-search{width: 770px;}
.lib-search.offset-top{position: relative;}
.lib-search img{ vertical-align: middle;float: left; }
.lib-search input{padding:0 40px 0 15px;box-shadow:0 5px 0px rgba(0,0,0,0.2);border-radius: 30px;height: 46px;width: 100%;margin-left: 15px; }
.lib-search .btn-search{position: absolute;right: -10px;top: 5px;width: 36px;height: 36px;border-radius:50%;background:url("../images/icon_search_w.png")no-repeat center center #d93e1d; }
.lib-search .btn-search:hover{ background-color: #c6391a; }

.lib-search .keywords a{color: #288bde; margin-top: 10px;}




/*知识库tab*/
.lib-tabs{position: relative;border-bottom: 1px solid #e2e2e2;}
.lib-tabs .cc{margin: 0 40px;overflow: hidden;}
.lib-tabs ul{overflow: hidden;white-space:nowrap;}
.lib-tabs ul li{display:inline-block;white-space:nowrap;}/*margin: 0 35px 0 25px;*/
.lib-tabs ul li a{color: #333; padding:0 110px;height:40px; line-height:40px;text-align: center;  display: inline-block;margin-left: -5px;-moz-user-select: none;user-select: none;}
.lib-tabs ul li:first-child a{ margin-left: 0; }
.lib-tabs ul li a:hover,.lib-tabs ul li.active a{color: #288bde;}
.lib-tabs .btn-prev,.lib-tabs .btn-next{display: block;width: 40px;height: 40px; background-color:#fff;background-repeat:no-repeat;background-position:center center;position: absolute;top:0;}
.lib-tabs .btn-prev:hover,.lib-tabs .btn-next:hover{background-color: #f6f6f6;}
.lib-tabs .btn-prev{left: 0;background-image:url("../images/icon-prev.png");}
.lib-tabs .btn-next{right: 0;background-image:url("../images/icon-next.png");}
.lib-tabs.disable-prev .cc,
.lib-tabs.disable-next .cc{margin: 0;}
.lib-tabs.disable-prev .btn-prev{display: none;}
.lib-tabs.disable-next .btn-next {display: none;}

.icon-tabs{position: relative;border-bottom: 1px solid #e2e2e2;overflow: hidden;}
.icon-tabs li{float: left;width:20%;}
.icon-tabs li a{color: #333; display:block;height:40px; line-height:40px;text-align: center;}
.icon-tabs li a:hover{color: #288bde;}
.icon-tabs li.active a{color: #288bde;background: #ededed;border-radius: 10px 10px 0 0; font-weight: bold;}
.icon-tabs .icon{margin-right: 5px;}

/*知识库搜索列表*/
.lib-list li h4{ margin:0 ;padding:0; font-weight:bold;font-size: 16px;float: left;}
.lib-list li a{color: #999;display: block;padding: 25px 10px;border-bottom: 1px solid #f2f2f2;line-height: 1.8;}
.lib-list li:last-child a{border-bottom: none;}
.lib-list li a:hover{ background-color: rgba(0,0,0,0.1); }
.lib-list li p{ margin: 10px 0}
.lib-list li h4 span{color: #288bde}
.lib-list .view-num{float: right;}
.lib-list .head{overflow: hidden;color: #333;}

/*查询条件*/
.form-inline{padding: 0 10px 10px 10px;}
.form-inline .form-group{display:inline-block; margin-right: 45px; margin-bottom: 20px;}
.form-inline label{font-size: 14px;}
.form-inline .form-control{width:216px;box-sizing: border-box;background-color: #fff;margin-left: 5px; font-size: 14px;}

.cal{background-image:url(../images/calendar.png); background-repeat:no-repeat; background-position:97% center; }



/*帮助中心*/
.help-box{ padding: 0 20px; }
.help-box img{width: 100%;}
.help-box h2{ text-align: center;font-size: 22px;font-weight: bold;margin-bottom: 20px; }
.help-box h2 span{display: inline-block;width: 7px;height: 6px;}
.help-box h2 .arrow_l{background: url("../images/arrow_help_l.png");margin-right: 5px;position: relative;
  top: -20px;}
.help-box h2 .arrow_r{background: url("../images/arrow_help_r.png");margin-left: 5px;    position: relative;
  bottom: -10px;}
.help-box h3{ font-size: 18px;font-weight: bold;line-height: 28px;border-top: 1px dashed #e1e1e1;padding-top: 30px;margin-top:20px;padding-bottom: 10px; }
.help-box.noborder h3{ border:unset; }
.help-box p{line-height: 32px; }
.help-box .spilit{margin-top:50px;margin-bottom:50px;padding-top:30px;padding-bottom: 20px;border-top: 1px dashed #e1e1e1;}

/*详情页面*/
.page-detail{margin-top: 20px }
.page-detail .border-bottom{border-bottom:1px dashed #e1e1e1; }
.page-detail h1{margin: 20px auto;text-align: center;font-weight: bold;font-size: 22px; }
.page-text{margin-top: 30px;line-height: 2; }
.page-text p{text-indent: 2em;}
.page-text .file a{ color: #cd3c1d;text-decoration: underline; }


.tips-box{
  width:100%;
  overflow:hidden;
  margin-top:30px;
}
.tips-box .tips_content img{
  display:block;
  float: none;
  margin:0 auto;
}
.tips-box p{
  display:block;
  width:100%;
  text-align:center;
  color:#999;
}

.green{
	color:#3c9507;
}
.red{
    color:#ea4505
}
.handle_detail_liuc{
}
.handle_detail_liuc .ui-wizard-steps{border-bottom: none; width:360px;margin:0 auto;}
.handle_detail_liuc .title{
  color:#666!important;
  font-size:14px!important;
}
.order_detail_head{overflow: hidden;}
.order_detail_head_l{
  float: left;
}
.order_detail_head_l > p{float: left;}
.order_detail_head_l > p:first-child{margin-right: 100px;}
.order_detail_head_l p, .order_detail_head_r{
  font-size:14px;
  color:#999;
}
.order_detail_head_r{float: right;}
.order_detail_head_l p i{
  color:#333;
}
.order_detail_head_l .order_type{
  padding-left:50px;
  background:url(../images/normal_card.png) no-repeat left center;
}
.handle_info fieldset{
  margin:0;
  padding:0;
}
.green{
  color:#3c9507;
}
.handle_infomation{overflow: hidden;}
.handle_infomation p{
  color:#999;
  float: right;
}
.handle_infomation h3{
  font-weight:bold;
  display: inline-block;
}


.smile-list{display: inline-block;}
.smile-list li{display: inline-block;margin-left: 5px;width: 144px;height: 50px;line-height: 50px;text-align: center;border-radius: 5px;background-color: #f9f9f9;border:1px solid #feede9;
  cursor: pointer;
}
.smile-list li:first-child{margin-left: 0;}
.smile-list li.active{color: #fff;}
.smile-list li .icon{margin-right: 5px;width: 26px;height: 26px;background-repeat:no-repeat;background-position:center center;border-radius: 50%;}
.smile-list li.s1.active{background-color: #52a70a;border-color: transparent}
.smile-list li.s2.active{background-color: #e7a73a;border-color: transparent}
.smile-list li.s3.active{background-color: #dd603c;border-color: transparent}
.smile-list li.s1 .icon{background-color:#52a70a; }
.smile-list li.s2 .icon{background-color:#e7a73a; }
.smile-list li.s3 .icon{background-color:#dd603c; }

/*密码找回 流程线*/

.ui-wizard-steps {  display:table;   position:relative;padding-bottom: 20px;border-bottom: 1px dashed #e1e1e1;margin-bottom: 20px; }/*width:100%; */
.ui-wizard-steps li { display:table-cell;  text-align:center;  width:1% ;position: relative}
.ui-wizard-steps li .step {color:#fff;padding: 0;margin-top: 10px;  font-size:24px;background: url("../images/icon-step.png") center center no-repeat;position:relative; z-index:2;display:inline-block; width:56px;height:56px; line-height:56px; text-align:center;}
.ui-wizard-steps li.complete .step {background-image: url("../images/icon-complete.png");}
.ui-wizard-steps li.active .step {  background-image: url("../images/icon-active.png");  }
.ui-wizard-steps li .title {display:block;  max-width:100%; color:#432817;margin-top: 5px;  text-align:center;  table-layout:fixed;color: #8da481}
.ui-wizard-steps li.complete .title,.ui-wizard-steps li.active .title{ color: #2f68ce }
.ui-wizard-steps li:before {display:block;content:""; width:100%; font-size:0; overflow:hidden; border-top:2px solid #ebebeb;position:relative;  top:40px;}
.ui-wizard-steps li.active:before,.ui-wizard-steps li.complete:before{ border-top:2px solid #2f68ce }
.ui-wizard-steps li.last:before{width:100%;}
.ui-wizard-steps li:first-child:before {max-width:51%;  left:49%;}
.ui-wizard-steps li:before {right:49%;}


/*密码找回 流程线*/
.order_detail_head{overflow: hidden;}
.order_detail_head_l{
  float: left;
}
.order_detail_head_l > p{float: left;}
.order_detail_head_l > p:first-child{margin-right: 100px;}
.order_detail_head_l p, .order_detail_head_r{
  font-size:14px;
  color:#999;
}
.order_detail_head_r{float: right;}
.order_detail_head_l p i{
  color:#333;
}
.order_detail_head_l .order_type{
  padding-left:50px;
  background:url(../images/normal_card.png) no-repeat left center;
}


/* 首页的box */
.idx-wrap{width:1020px;margin-left:auto;margin-right:auto;}
.section-box{background-color:#f5f5f5;padding:20px 30px;border-radius: 5px;}
.chart-box{background-color: #fff;padding:20px;}
.zzxd{margin-top:25px;}
.cjwt{margin-top:25px;margin-right:8px;}
.jdcx{margin-top:25px;margin-left:8px;}
.algg{margin-top:25px;margin-right:8px;}
.gzwm{margin-top:25px;margin-left:8px;}
.sjbb{margin-top:25px;}

/*chart高度 */
#myChart1{height:230px;}
#myChart2{height:260px;}
#myChart3{height:260px;}

.hightlight .box-top{background: #87d4f9;color:#024a77;}
.hightlight.box,
.hightlight .box-inner,
.hightlight .box-content,
.hightlight .box-content .table-form th,
.hightlight .table-form td,
.hightlight .no-bgcolor.table-form th{background: #d4eeff;}


/*首页自助下单*/
.nav{ margin-left: -10px; overflow: hidden;}
.nav li{float: left; width: 16.66%; text-align: center;}
.nav li a{ margin-left: 10px; background: #666; display: block; height: 172px; border-radius: 6px; box-shadow: 0 0 5px #aaa; color: #fff; font-size: 16px;}
.nav li a h4{padding-top: 128px; font-weight: normal;}
.nav li a.nav-bg1{background:#1ca46c url(../images/nav-1.png) center top no-repeat;}
.nav li a.nav-bg2{background:#1fb5ac url(../images/nav-2.png) center top no-repeat;}
.nav li a.nav-bg3{background:#1f8bb3 url(../images/nav-3.png) center top no-repeat;}
.nav li a.nav-bg4{background:#3a7adb url(../images/nav-4.png) center top no-repeat;}
.nav li a.nav-bg5{background:#9e82d7 url(../images/nav-5.png) center top no-repeat;}
.nav li a.nav-bg6{background:#eab03f url(../images/nav-6.png) center top no-repeat;}
.nav li a:hover{opacity: 0.8; border: 2px solid #fff;}



/*首页常见问题列表*/
.news-list{}
.news-list li{background: url(../images/icon-arrow.png) left center no-repeat; padding-left: 16px; border-bottom: 1px dashed #CCC; line-height: 40px;}


/*首页-知识搜索*/
.search-box{margin-top: 20px; padding-right: 5px; height: 112px; background: #f5f5f5;}
.search-box strong{padding: 32px 0 32px 88px; width: 218px; height: 112px; background: url(../images/2015zq_home_znjs_bg02.png); font: 24px/48px "微软雅黑"; color: #fff; display: block;}
.search-content{padding: 20px 0 0 60px; }
.search-input{display: block;}
.words{margin-top: 10px;}
.words > span{color: #aaa;}
.words a{margin-right: 16px;}





/*首页-关注公众号*/
.gzwm{background:#f5f5f5 url(../images/bg-gzwm.png) no-repeat; height: 408px; position: relative; }
.code{position: absolute; left: 104px; top: 92px; width: 120px; height: 120px;}
.gzwm h2{padding-top: 232px; text-align: center; font-size: 28px; color: #288bde;}
.gzwm h3{padding-top: 0px; text-align: center; font-size: 20px; color: #288bde;}
.gzwm h4{padding-top: 10px; text-align: center; font-size: 16px; color: #ef5b43;}


/*首页-表格*/
.table2{border-top: 1px solid #d9e2ea; border-left: 1px solid #d9e2ea;width: 100%}
.table2 th, .table2 td{border-bottom: 1px solid #d9e2ea; border-right: 1px solid #d9e2ea;}
.table2 th{background: #eef2f6;}
.table2 td{background: #fff;}
.tbp10 th, .tbp10 td{padding: 10px 16px;}


/*首页-切换TAB*/
.classification, .event_type{
  width:100%;
  position:relative;
}
.classification{
  margin-bottom:10px;
}

.clasifiTab{
  width:100%;
  height:46px;
  overflow:hidden;
}
.clasifiTab div{
  width:50%;
  height:36px;
  float:left;
  text-align:center;
  font-size:18px;
  color:#666;
  font-weight:normal;
  cursor:pointer;
}
.cur_tab{
  color:#288bde!important;
  position:relative;
}
.cur_tab::after{
  content: '';
  display:block;
  width:109px;
  height:2px;
  border-radius:2px;
  background:#288bde;
  position:absolute;
  bottom:5px;
  left:15px;
}

.class_select{
  width:100%;
  height:40px;
  margin-top:16px;
  overflow:hidden;
  padding:0 10px;
}
.class_select select, .class_select input{
  outline:none;
  border:none;
  font-size:14px;
  color:#333;
  margin:0;
  padding:0;
}
.class_select input{
  padding-left:10px;
  box-sizing:border-box;
  overflow:hidden;
}
.class_select select{
  padding-right:13px;
}
.class_select p{
  font-size:14px;
  line-height:40px;
}
.line{
  display:block;
  width:1px;
  height:20px;
  margin-top:10px;
  background:#e7e7e7;
  margin-left:10px;
}
.ab_line{
  width:100%;
  height:1px;
  background:#e7e3da;
  position:absolute;
  top:63px;
  left:0;
}
.class_calendar{
  width:100%;
  margin-top:10px;
  overflow:hidden;
  align-items:center;
  padding:10px 10px;
  padding-top:0;
}
.class_calendar p{
  font-size:14px;
  color:#333;
  display:block;
  line-height:40px;
}
.class_calendar input{
  width:117px;
  font-size:14px;
  color:#999;
  border:none;
  outline:none;
}
.calendar_part{
  width:100%;
}
.calendar_part > div{display: inline-block;position: relative;}
.calendar_part > div:first-child p{position: absolute;top: 0;left: 100%;}
.calendar_part input{
  border:1px solid #e7e3da;
  position:relative;
  background:url(../images/calendar.png) no-repeat 92px center;
  padding-right:21px;
}
.class_btn{
  display:block;
  width:100%;
  height:40px;
  line-height:40px;
  text-align:center;
  color:#fff;
  background:#288bde;
  border-radius:5px;
  margin-top:10px;
}
.class_btn:hover{color:#fff;background: #cd3120;}
.event_list{
  width:100%;
  overflow:hidden;
  margin-top:22px;
}
.event_item{
  display: inline-block;
  margin-right: 20px;
  font-size:14px;
  color:#333;
  padding-left:20px;
  background:url(../images/classification.png) no-repeat left center;
}

.inquire{position: relative; height: 185px; font-size: 14px;}
.inquire .inquire-input1{position: absolute; left: 0px; top: 20px;  width: 272px; font-size: 14px; background: url(../images/icon-inquire-input1.png) 10px center no-repeat; padding-left: 40px;}
.inquire .inquire-input2{position: absolute; left: 0px; top: 69px; width: 272px; font-size: 14px; background: url(../images/icon-inquire-input2.png) 10px center no-repeat; padding-left: 40px;}
.inquire .inquire-input3{position: absolute; left: 0px; top: 117px; width: 140px; font-size: 14px; background: url(../images/icon-inquire-input3.png) 10px center no-repeat; padding-left: 40px;}
.inquire .search-code{position: absolute; left: 150px; top: 117px; width: 140px; }

/* 首页尾部轮播图 */
.banner{height:140px;overflow: hidden;margin-top:20px;margin-bottom:20px;background:#f5f5f5;position: relative;  }
.banner .bd{ position:relative; height:100%; z-index:0;   }
.banner .bd li{ zoom:1; vertical-align:middle; }
.banner .bd li a{display:block;}
.banner .bd img{display:block; width:1020px;height:137px }

/* 首页头部的图片 */
.ad{background:#f5f5f5;position: relative;margin-bottom:20px;height:192px;margin-top:20px;}
.ad img{height:192px;}


/* 迁移登录样式  */

/*头部导航*/
/*.nav-box{height: 68px;background: url("../images/bg_nav.png");}*/
/*.nav:after {clear: both;content: " ";display: block;font-size: 0; height: 0;visibility: hidden;}*/
/*.nav{height: 68px;line-height: 68px;width: 1200px;margin-left: auto;margin-right: auto;position: relative;}*/
/*.nav li{float: left;position: relative;width: 12.5%;}*/
/*.nav li a{display: block;font-size: 18px;text-align: center;transition:all .3s ease-out;color: #fff;background-color: rgba(0,19,40,0.0);}*/
/*.nav li a:hover,*/
/*.nav li.active a{background-color: rgba(0,19,40,0.3);}*/
/*.nav .icon{margin-right:5px;background-repeat: no-repeat;width: 30px;height: 30px;position: relative;}*/
/*.sub-header .nav li a,*/
/*.login-body .nav li a{font-size: 16px;}*/


.sub-header .nav,
.sub-header .nav-box{width: 100%;top: 0;left:0;animation:ani-header 0.3s;z-index: 999;opacity: 1;box-shadow: 0 2px 3px rgba(0,0,0,0.4);transform: all 0.3s;}
.fix-content{width: 1200px;margin-left: auto;margin-right: auto;position: relative;}
.login-body .nav{width: 900px;margin: 0;}
.sub-header .status-list,
.login-body .status-list{z-index:1;position: absolute;right: 0;top: 50%;margin-top: -11px;}
.sub-banner{width: 1200px;height:145px;background:url("../images/bg_subheader.png") no-repeat right bottom;margin-left: auto;margin-right: auto;text-align: left;overflow: hidden;}
.sub-banner h1{transform-origin:0 0;position: relative;top: 50%;margin-top: -40px;}
.sub-banner h1 .logo img,
.login-body h1 .logo img{width: 75px;}
.sub-banner h1 .title img,
.login-body h1 .title img{width: 434px;}
.login-body h1{z-index:1;text-align: center;position: absolute;top: 50%;
  /*margin-top: -300px;*/
  left: 50%;
}

.status-bar{height: 36px;line-height: 36px;background-color: rgba(0,19,42,0.12);}
.status-bar .inner{width: 1200px;margin-left: auto;margin-right: auto;position: relative;}
.status-list{overflow: hidden;text-align: right;}
.status-list .spilit {margin:0 15px;border-left: 1px solid #083b6a;height: 14px;display: inline-block;
  vertical-align: -3px;}
.status-list a{color:#083b6a;display: inline-block;vertical-align: middle;}
.status-list a:hover{text-decoration: underline;}
.status-list .icon{vertical-align: middle;margin-right: 5px;}
.status-list.s2 a{color: #a0d8ff;}
.status-list.s2 .icon-user-xs{background-image: url("../images/icon_user_xs_w.png")}
.status-list.s2 .icon-reg{background-image: url("../images/icon_reg_w.png")}
.status-list.s2 .icon-help{background-image: url("../images/icon_help_w.png")}
.status-list.s2 .icon-quit{background-image: url("../images/icon_quit_w.png")}
.status-list.s2 .spilit{margin:0 10px;border-left: 1px solid #a0d8ff;}
.status-list a:first-child{width: 120px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

/*首页登录区域*/
.idx-login{width: 100%; border-bottom: 1px solid #f3f3f3; background: #fafafa;}
.idx-login-content{width: 1020px; margin: 0 auto; text-align: center;}
.idx-login-content p{text-align: left; padding: 10px 0; font-size: 14px;}
.idx-login-content p a{margin-left: 20px;  float: right;}



























