@charset "UTF-8";
/* mixin */
/* caret 三角箭头 */
/* mixin end */
body{
  min-width: 1200px;
  background-color: #fff;
}
.bg {
  background-color: #f4f4f4; }

.pd1 {
  padding: 10px 0px; }

.pd-b-5 {
  padding-bottom: 50px; }

.ad-item {
  padding: 30px;
  width: 480px;
  margin: 20px auto;
  -webkit-box-shadow: 3px 3px 10px #dcdcdc, -3px -3px 10px #dcdcdc;
  -moz-box-shadow: 3px 3px 10px #dcdcdc, -3px -3px 10px #dcdcdc;
  box-shadow: 3px 3px 10px #dcdcdc, -3px -3px 10px #dcdcdc; }
  .ad-item .top {
    zoom: 1; }
    .ad-item .top:after {
      display: block;
      content: "";
      height: 0;
      visibility: hidden;
      clear: both; }
    .ad-item .top .img {
      float: left; }
    .ad-item .top h3 {
      margin-left: 90px;
      font-size: 24px;
      color: #ff7e00;
      line-height: 75px; }
  .ad-item .intr p {
    line-height: 24px;
    font-size: 14px;
    color: #666;
    margin-bottom: 10px; }

.img-item {
  text-align: center;
  margin-top: 25px; }
  .img-item img {
    margin: 15px 0; }
  .img-item h4 {
    font-size: 14px;
    color: #fff;
    text-align: center; }
  .img-item p {
    text-align: center;
    font-size: 14px;
    margin-top: 15px;
    color: #fff; }

.sys_tab_03 {
  text-align: center; }
  .sys_tab_03 ul.tab-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    zoom: 1;
    display: inline-block;
    margin: 4px auto; }
    .sys_tab_03 ul.tab-list:after {
      display: block;
      content: "";
      height: 0;
      visibility: hidden;
      clear: both; }
    .sys_tab_03 ul.tab-list > li {
      float: left;
      height: 40px;
      line-height: 40px;
      margin-right: -1px;
      position: relative;
      border: 1px solid #dcdcdc; }
      .sys_tab_03 ul.tab-list > li.active {
        border-color: #138fda; }
        .sys_tab_03 ul.tab-list > li.active a {
          color: #fff;
          font-weight: bold;
          background-color: #138fda; }
      .sys_tab_03 ul.tab-list > li:last-child {
        margin-right: 0; }
      .sys_tab_03 ul.tab-list > li:hover:after {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1);
        background-color: #2a5398; }
      .sys_tab_03 ul.tab-list > li > a {
        display: block;
        color: #666;
        font-size: 14px;
        font-weight: normal;
        padding-left: 15px;
        padding-right: 15px; }
  .sys_tab_03 .tab-content-box {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 20px; }
    .sys_tab_03 .tab-content-box .tab-panel {
      display: none; }
      .sys_tab_03 .tab-content-box .tab-panel.active {
        display: block; }

.top-intr {
  background-color: #fff;
  zoom: 1;
  padding: 40px 0px;
  margin-bottom: 40px; }
  .top-intr:after {
    display: block;
    content: "";
    height: 0;
    visibility: hidden;
    clear: both; }
  .top-intr .cont {
    float: left;
    width: 800px;
    padding: 20px; }
    .top-intr .cont h3 {
      font-weight: normal;
      line-height: 36px;
      font-size: 24px;
      color: #353535;
      margin-bottom: 15px; }
    .top-intr .cont p {
      font-size: 14px; }
      .top-intr .cont p.p1 {
        color: #777;
        line-height: 26px; }
      .top-intr .cont p.intr2 {
        color: #008aff; }
        .top-intr .cont p.intr2 .dot {
          margin: 0 15px;
          display: inline-block;
          width: 6px;
          height: 6px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          background-color: #008aff; }
    .top-intr .cont a.chat-btn {
      display: block;
      width: 120px;
      height: 36px;
      line-height: 36px;
      text-align: center;
      background-color: #008aff;
      color: #fff;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      margin: 15px 0px;
      font-size: 14px; }
  .top-intr .img {
    margin-left: 840px; }

.flow_item {
  width: 240px;
  height: 390px;
  background-size: cover;
  margin: 0 auto;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow-y: hidden; }
  .flow_item:hover {
    -webkit-box-shadow: 3px 3px 10px #dddddd, -3px -3px 10px #dddddd;
    -moz-box-shadow: 3px 3px 10px #dddddd, -3px -3px 10px #dddddd;
    box-shadow: 3px 3px 10px #dddddd, -3px -3px 10px #dddddd; }
    .flow_item:hover > .content a.view-link {
      background-color: #fff;
      color: #0379dc; }
  .flow_item > .content {
    max-width: 100%;
    width: 180px;
    height: 330px;
    padding-top: 70px;
    z-index: 1;
    padding-left: 30px;
    padding-right: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .flow_item > .content:hover {
      background-color: rgba(15, 131, 245, 0.8);
      margin-top: -3px; }
    .flow_item > .content > .title {
      margin-bottom: 35px;
      font-size: 24px;
      font-weight: normal;
      color: #fff;
      text-align: center; }
    .flow_item > .content .line {
      width: 30px;
      height: 3px;
      background-color: #fff;
      margin: 20px auto; }
    .flow_item > .content > .intr {
      margin-top: 35px;
      font-size: 14px;
      color: #fff;
      line-height: 24px;
      height: 96px;
      overflow: hidden;
      text-align: center; }
    .flow_item > .content a.view-link {
      display: block;
      margin: 20px auto;
      width: 120px;
      height: 30px;
      line-height: 30px;
      border: 1px solid #fff;
      color: #fff;
      text-align: center;
      font-size: 14px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }

.mod-box {
  width: 100%;
  margin-bottom: 100px; }
  .mod-box .module-outter .modu-item {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 240px;
    height: 420px;
    float: left;
    background-size: cover; }
    .mod-box .module-outter .modu-item.modu-item1 {
      background: url(/template/Home/AllNew/PC/Static/images/maintenance/model/21_03.jpg) no-repeat center center; }
      .mod-box .module-outter .modu-item.modu-item1:hover {
        background: #0a60b3 url(/template/Home/AllNew/PC/Static/images/maintenance/model/01.png) no-repeat center center;
        background-size: cover; }
    .mod-box .module-outter .modu-item.modu-item2 {
      background: url(/template/Home/AllNew/PC/Static/images/maintenance/model/21_04.jpg) no-repeat center center; }
      .mod-box .module-outter .modu-item.modu-item2:hover {
        background: #0a60b3 url(/template/Home/AllNew/PC/Static/images/maintenance/model/02.png) no-repeat center center;
        background-size: cover; }
    .mod-box .module-outter .modu-item.modu-item3 {
      background: url(/template/Home/AllNew/PC/Static/images/maintenance/model/21_05.jpg) no-repeat center center; }
      .mod-box .module-outter .modu-item.modu-item3:hover {
        background: #0a60b3 url(/template/Home/AllNew/PC/Static/images/maintenance/model/03.png) no-repeat center center;
        background-size: cover; }
    .mod-box .module-outter .modu-item.modu-item4 {
      background: url(/template/Home/AllNew/PC/Static/images/maintenance/model/21_06.jpg) no-repeat center center; }
      .mod-box .module-outter .modu-item.modu-item4:hover {
        background: #0a60b3 url(/template/Home/AllNew/PC/Static/images/maintenance/model/04.png) no-repeat center center;
        background-size: cover; }
    .mod-box .module-outter .modu-item.modu-item5 {
      background: url(/template/Home/AllNew/PC/Static/images/maintenance/model/21_07.jpg) no-repeat center center; }
      .mod-box .module-outter .modu-item.modu-item5:hover {
        background: #0a60b3 url(/template/Home/AllNew/PC/Static/images/maintenance/model/05.png) no-repeat center center;
        background-size: cover; }
    .mod-box .module-outter .modu-item .text-box {
      margin-top: 220px; }
      .mod-box .module-outter .modu-item .text-box .text-head {
        text-align: center; }
        .mod-box .module-outter .modu-item .text-box .text-head h4 {
          color: #fff;
          font-size: 18px; }
        .mod-box .module-outter .modu-item .text-box .text-head span {
          display: inline-block;
          height: 4px;
          width: 35px;
          margin: 10px auto; }
          .mod-box .module-outter .modu-item .text-box .text-head span.span1 {
            background-color: #fff; }
          .mod-box .module-outter .modu-item .text-box .text-head span.span2 {
            background-color: #d16904;
            display: none; }
      .mod-box .module-outter .modu-item .text-box .text-body {
        display: none;
        margin: 0 25px; }
        .mod-box .module-outter .modu-item .text-box .text-body h5,
        .mod-box .module-outter .modu-item .text-box .text-body p {
          color: #fff;
          line-height: 20px; }
        .mod-box .module-outter .modu-item .text-box .text-body h5 {
          font-weight: 700;
          margin-top: 7px; }
        .mod-box .module-outter .modu-item .text-box .text-body p {
          font-size: 12px; }
    .mod-box .module-outter .modu-item:hover {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }
      .mod-box .module-outter .modu-item:hover .text-box {
        margin-top: 70px; }
        .mod-box .module-outter .modu-item:hover .text-box span.span1 {
          display: none; }
        .mod-box .module-outter .modu-item:hover .text-box span.span2 {
          display: block; }
        .mod-box .module-outter .modu-item:hover .text-box .text-body {
          display: block; }

.service-item {
  width: 240px;
  height: 390px;
  background-size: cover;
  margin: 0 auto;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow-y: hidden; }
  .service-item:hover > .content {
    margin-top: -2px; }
    .service-item:hover > .content a.view-link {
      background-color: #0379dc;
      color: #fff;
      border-color: #0379dc; }
  .service-item > .content {
    max-width: 100%;
    width: 180px;
    height: 330px;
    padding-top: 70px;
    z-index: 1;
    padding-left: 30px;
    padding-right: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .service-item > .content > .title {
      margin-bottom: 35px;
      font-size: 24px;
      font-weight: normal;
      color: #fff;
      text-align: center; }
    .service-item > .content .line {
      width: 30px;
      height: 3px;
      background-color: #fff;
      margin: 20px auto; }
    .service-item > .content a.view-link {
      display: block;
      margin: 20px auto;
      width: 120px;
      height: 30px;
      line-height: 30px;
      border: 1px solid #fff;
      color: #fff;
      text-align: center;
      font-size: 14px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }

/*# sourceMappingURL=maintenance.css.map */