@charset "UTF-8";
html, body {
  margin: 0;
  width: 100%;
  height: 100%; }

.clearFix {
  zoom: 1; }
  .clearFix:after {
    content: '';
    display: block;
    clear: both; }

.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/**+ X**/
.add-icon.close-icon:before, .add-icon.close-icon:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg); }

.add-icon:before, .add-icon:after {
  position: absolute;
  top: 50%;
  left: 50%;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: ""; }

.add-icon:before {
  width: 2px;
  height: 13px; }

.add-icon:after {
  width: 13px;
  height: 2px; }

/*角标*/
.ter-badge {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #F43530; }
  .ter-badge.num {
    border-radius: 9px;
    padding: 0 6px;
    min-width: 18px;
    height: 18px;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
    color: #fff; }
  .ter-badge.circle {
    border-radius: 50%;
    width: 8px;
    height: 8px; }

.form-group.form-line {
  padding-bottom: 15px;
  border-bottom: 1px dashed #e7eaec; }

.form-inline .form-group {
  margin-right: 15px; }

.table > tbody > tr:hover {
  background: #ecf3fd;
  /*0085c3*/ }

.table > tbody > tr.click {
  background-color: #d6e8fc;
  /*337ab7*/ }

.form-control.input-readonly {
  background: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: inherit; }

.modal-form .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 20px; }

.modal-form .control-label {
  padding-left: 20px;
  padding-right: 10px;
  width: 130px;
  min-height: 1px; }

.modal-form .input-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.modal-form .form-unit {
  margin-left: 6px;
  height: 34px;
  line-height: 34px; }

.help-block.no-bottom {
  margin-bottom: 0; }

/***bootstrap-multiple样式重置****/
.multiselect-container {
  width: 100%; }

.multiselect-container > li > a > label {
  line-height: 28px;
  font-size: 12px; }

.multiselect-container > li > a {
  outline: none; }

.multiselect-container > li > a > label > input[type='checkbox'] {
  margin-top: 7px; }

.multiselect-item.multiselect-all.active {
  border-bottom: 1px solid #ccc !important; }

.multiselect.dropdown-toggle.btn.btn-default:link, .multiselect.dropdown-toggle.btn.btn-default:visited, .multiselect.dropdown-toggle.btn.btn-default:focus, .multiselect.dropdown-toggle.btn.btn-default:hover, .multiselect.dropdown-toggle.btn.btn-default:active, .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
  background: #fff;
  outline: none;
  border: 1px solid #ccc;
  -webkit-box-shadow: none;
          box-shadow: none; }

.multiselect-container.dropdown-menu > .active > a, .multiselect-container.dropdown-menu > .active > a:focus, .multiselect-container.dropdown-menu > .active > a:hover {
  background: #E3E5E8;
  color: #111; }

.multiselect-selected-text {
  font-size: 13px;
  font-family: '微软雅黑', '宋体';
  width: 100%;
  float: left;
  text-align: left; }

.multiselect.btn-default {
  padding-right: 15px; }

/********itoast********/
.ter-itoast-content {
  display: inline-block;
  color: #fff;
  width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center; }

.ter-itoast-link {
  color: #fff; }

/*公用样式*/
ul, li {
  list-style: none; }

button {
  outline: none; }

textarea {
  resize: none; }

/**清楚按钮点击时的outline**/
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: none; }

/*重置样式文件*/
/***主程序框架布局css文件*******/
.page-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff; }

/******header区域**********/
.ter-navbar {
  width: 100%;
  height: 109px;
  border-bottom: 1px solid #eee; }

.ter-navbar-inner {
  margin: 0 auto;
  width: 1200px;
  height: 109px; }

.ter-navbar-logo {
  padding: 22px 0; }

.ter-navbar-nav {
  margin-bottom: 0; }
  .ter-navbar-nav li {
    float: left;
    width: 105px;
    height: 109px;
    line-height: 105px;
    border-bottom: 4px solid transparent;
    text-align: center; }
    .ter-navbar-nav li.active {
      border-color: #0043BD; }
      .ter-navbar-nav li.active a {
        color: #0043BD; }
    .ter-navbar-nav li:hover a {
      color: #0043BD; }
  .ter-navbar-nav a {
    text-decoration: none;
    color: #000;
    font-size: 18px; }

/******中间区域*************/
.ter-container {
  margin: 0 auto;
  width: 1200px; }

.banner-swiper {
  margin-bottom: 40px;
  width: 1200px;
  height: 460px; }

.slide-img {
  width: 100%;
  height: 100%; }

.rowStyle {
  margin-bottom: 40px; }

.messageBanner {
  width: 594px;
  height: 372px; }

.main-swiper {
  width: 100%;
  height: 100%; }
  .main-swiper.swiper-container-horizontal > .swiper-pagination-bullets {
    left: auto;
    right: 40px; }

.slide-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 54px;
  line-height: 54px;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 16px;
  padding: 0 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.companyNews {
  width: 583px;
  height: 372px; }

.ter-panel {
  border: 1px solid #D9D9D9;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .ter-panel + .ter-panel {
    margin-left: 25px; }
  .ter-panel .panel-title {
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    border-bottom: 3px solid #0043BD;
    background: #FAFAFA; }
  .ter-panel .titleText {
    font-size: 18px;
    font-weight: bold;
    color: #0043BD;
    vertical-align: middle;
    margin-left: 5px; }
  .ter-panel .lookmore {
    padding-right: 15px;
    font-size: 12px;
    color: #999;
    text-decoration: none; }
  .ter-panel .panel-content.bp {
    padding: 15px; }
  .ter-panel .panel-content.lp {
    padding: 0 15px; }

/*****企业动态****/
.newsFirst {
  padding: 20px 15px;
  border-bottom: 1px dotted #D9D9D9; }

.newsFirstTitle {
  font-size: 22px;
  color: #555;
  margin-bottom: 10px; }

.newsFirstDetail {
  position: relative;
  overflow: hidden;
  font-size: 14px;
  color: #565656;
  min-height: 24px;
  max-height: 72px;
  line-height: 24px; }
  .newsFirstDetail .lookDetail {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff; }

.newsOthers {
  padding: 20px 0;
  height: 167px;
  overflow: hidden; }

.newsOthersList {
  margin-bottom: 0;
  padding: 0 10px; }
  .newsOthersList li {
    position: relative;
    padding-left: 20px;
    -webkit-transition: all .2s;
    transition: all .2s; }
    .newsOthersList li:before {
      position: absolute;
      top: 4px;
      left: 2px;
      width: 20px;
      content: ">>"; }
    /*.newsOthersList li:hover {
      padding-left: 30px;
      -webkit-transition: all .4s;
      transition: all .4s; }*/
  .newsOthersList a {
    line-height: 28px;
    font-size: 15px;
    text-decoration: none;
    color: #555; }
    .newsOthersList a:hover {
      color: #23527c; }

.waterSupplyService {
  width: 271px;
  height: 330px; }

.serviceWrapper {
  height: 278px;
  padding: 22px; }
  .serviceWrapper .serviceItem {
    text-decoration: none; }

.serviceItem {
  display: block;
  padding: 22px 0;
  width: 50%;
  text-align: center; }
  .serviceItem .text {
    font-size: 16px;
    margin-top: 5px;
    color: #003064; }

.noticeAnnouncement, .serviceInformation {
  width: 439px;
  height: 330px; }

.policies, .generalKnowledge, .partyBuilding {
  width: 383px;
  height: 266px; }
    .policies .panel-news-box, .generalKnowledge .panel-news-box, .partyBuilding .panel-news-box {
        height: 212px;
    }
    .panel-news-box {
        overflow: hidden;
        padding: 10px 0;
    }
  .panel-news-box .newsOthersList {
    padding-left: 0; }
    .panel-news-box .newsOthersList li:before {
      position: absolute;
      top: 13px;
      left: 9px;
      width: 2px;
      height: 2px;
      background: #000;
      content: ""; }
    .panel-news-box .newsOthersList a {
      color: #000; }
      .panel-news-box .newsOthersList a:hover {
        color: #23527c; }

/*.noticeAnnouncement .panel-news-box, .serviceInformation .panel-news-box {
  height: 268px; }*/
.noticeAnnouncement .panel-news-box, .serviceInformation .panel-news-box {
    height: 128px;
}
.generalKnowledge .panel-news-box {
  height: 208px; }

.bottomWrapper {
  position: relative;
  width:1200px;
  margin:0 auto 40px;
}

.serviceSlogan {
  position: absolute;
  top: 50px;
  left: 100px;
  font-family: "Microsoft YaHei";
  font-size: 22px;
  font-weight: bold;
  color: #FF0606; }
  .serviceSlogan div {
    padding-left: 30px; }

.serviceTel {
  position: absolute;
  top: 52px;
  right: 50px;
  color: #005CB9;
  font-size: 15px;
  font-weight: bold; }
  .serviceTel b {
    font-size: 26px; }

.ter-footer {
  border-top: 4px solid #0A66CD;
  width: 100%;
  padding: 45px 0 30px;
  background: #F3F3F3;
  text-align: center;
  font-size: 12px; }
  .ter-footer .sec-item {
    display: inline-block;
    padding: 0 15px;
    color: #111;
    text-decoration: none; }

/*页面主框架布局*/