/*一行省略隐藏*/
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  /*多行省略隐藏*/
  .ellipsis2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
  }
  .inside-banner .info {
    font-size: 16px;
  }
  .ehr .anchor {
    width: 1px;
    height: 1px;
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0;
}
  /*珍岛E-HR系统核心人力云的核心模块*/
  .ehr .hxmk {
    padding: 50px 0 70px 0;
    position: relative;
  }
  .ehr .hxmk .nr {
    box-shadow: 0 0 10px#F6F5F5;
  }
  .hxmk .tabs{
    height: 50px;
    text-align: center;
    margin-top: 70px;
  }
  .hxmk .tabs .main{
      display: inline-block;
  }
  .hxmk .tabs .box{
      width: 194px;
      height: auto;
      background-color: #3D3D3D;
      color: #fff;
      cursor: pointer;
      font-size: 18px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #FFFFFF;
      /* line-height: 50px; */
      padding: 10px 0;
      float: left;
      text-align: center;
      margin: 0 2px;
      transition: all .5s;
  }
  .hxmk .tabs .box:hover, .hxmk .tabs .box.active{
      background-color: #ED6827;
      color: #fff;
  }
  .hxmk .nr .box .pic img {
    width: 460px;
  }
  .ehr .hxmk .list .box {
    display: block;
    overflow: hidden;
    padding: 0 80px;
  }
  .ehr .hxmk .list .pic {
    width: 50%;
    float: right;
    text-align: center;
  }
  .ehr .hxmk .list .text {
    width: 50%;
    float: left;
    padding: 20px 0 0 40px;
  }
  .ehr .hxmk .list .title-01 {
    color: #333;
    font-size: 24px;
    line-height: 45px;
    position: relative;
  }
  .ehr .hxmk .list .title-01 .title-pic {
    width: 45px;
    float: left;
    text-align: center;
  }
  .ehr .hxmk .list .title-02 {
    color: #333;
    font-size: 24px;
    margin-bottom: 10px;
  }
  .ehr .hxmk .list .info {
    color: #666;
    line-height: 40px;
    font-size: 16px;
    margin-bottom: 25px;
  }
  .ehr .hxmk .box-bd {
    height: 121px;
    position: relative;
    margin-top: -121px;
  }
  .ehr .hxmk .box-bd img {
    height: 121px;
  }
  .ehr .hxmk .list .p-01 {
    padding-left: 15px;
    position: relative;
  }
  .ehr .hxmk .list .p-01:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
    background: url(../images/icon/hxmk-tuoyuan.png) no-repeat;
    position: absolute;
    left: 0;
    top: 20px;
    transform: translateY(-50%);
  }
  /*珍岛E-HR系统核心人力云独有优势*/
  .ehr .dyys {
    padding: 50px 0 70px 0;
    background-color: #F7F7F7;
    position: relative;
  }
  .ehr .dyys .nr {
    margin-top: 30px;
  }
  .ehr .dyys .list {
    clear: both;
    margin-left: -7px;
    margin-right: -7px;
  }
  .ehr .dyys li {
    float: left;
    padding: 0 18px;
    width: 25%;
    position: relative;
  }
  .ehr .dyys li .box {
    position: relative;
    height: 354px;
    background: #FFFFFF;
    transition: all 334ms ease;
    padding: 50px 25px 10px 25px;
    border: 2px solid #fff;
  }
  .ehr .dyys li .box img {
    height: 90px;
    position: relative;
  }
  .ehr .dyys li .tit {
    padding: 20px 0;
    position: relative;
    font-size: 18px;
    border-bottom: solid 2px  #ed6827;
  }
  .ehr .dyys li .txt {
    margin-top: 20px;
    color: #8A8A8A;
  }
  .ehr .dyys li .box:hover {
    background: #FFFFFF;
    border: 2px solid #FF702D;
    border-bottom: 2px solid #FF702D;
  }
  .ehr .dyys li .box:hover .default {
    display: none;
  }
  .ehr .dyys li .box:hover .hover {
    display: block;
  }
  /*珍岛E-HR系统*/
  .ehr .ehrxt {
    padding: 50px 0 70px 0;
    background-color: #FFFFFF;
    position: relative;
  }
  .ehr .ehrxt .nr {
    margin-top: 30px;
  }
  .ehr .ehrxt .list {
    clear: both;
    margin-left: -7px;
    margin-right: -7px;
  }
  .ehr .ehrxt li {
    background: #FFFFFF;
    width: 50%;
    float: left;
    padding: 0 7px;
    margin-bottom: 20px;
    position: relative;
    /* display: inline-block; */
  }
  .ehr .ehrxt li .box {
    position: relative;
    overflow: hidden;
    text-align: center;
    -webkit-transition: all .5s;
    transition: all .5s;
    box-shadow: 0 0 10px #F7F7F7;
    border: 1px solid #EDEDED;
    border-top: 2px solid #ed6827;
  }
  /* .ehr .ehrxt li .box:after {
    content: "";
    display: block;
    width: 0;
    height: 4px;
    background: #ed6827;
    margin: auto;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
  } */
  .ehr .ehrxt li .pic {
    float: left;
    margin: auto;
    z-index: 9;
    text-align: center;
    padding: 15px 40px 13px 40px;
    position: relative;
  }
  .ehr .ehrxt li .pic img {
    height: 81px;
  }
  .ehr .ehrxt li .text {
    padding: 26px 25px;
    position: relative;
    text-align: left;
  }
  .ehr .ehrxt li .title {
    font-size: 16px;
    position: relative;
    color: #333333;
    font-weight: 400;
  }
  .ehr .ehrxt li .info {
    overflow: hidden;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    color: #8A8A8A;
    /* -webkit-line-clamp: 2; */
  }
  .ehr .ehrxt li .box:hover {
    border-top: 2px solid #333333;
  }
  /* .ehr .ehrxt li .box:hover:after {
    width: 100%;
  }
  .ehr .ehrxt li .box:hover .title:after {
    width: 50px;
  } */
  .ehr .ehrxt li .box:hover .default {
    display: none;
  }
  .ehr .ehrxt li .box:hover .hover {
    display: block;
  }
  @media screen and (max-width: 768px) {
    .ehr .hxmk {
      padding-top: 40px;
      padding-bottom: 40px;
    }
    .hxmk .tabs{
      margin-top: 20px;
      height: auto;
    }
    .hxmk .tabs .box{
        width: calc(50% - 10px);
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        margin: 5px;
    }
    .ehr .hxmk .list .pic {
      width: 100%;
    }
    .hxmk .nr .box .pic img {
      width: 230px;
    }
    .ehr .hxmk .list .text {
      width: 100%;
      padding: 20px 0 0 0 ;
    }
    .ehr .hxmk .list .box {
      padding: 0;
    }
    .ehr .hxmk .list .p-01 {
      font-size: 14px;
    }
    .ehr .dyys li .box {
      height: 370px;
    }
    .ehr .dyys ul {
      margin-right: -8px;
      margin-left: -8px;
      margin-top: 15px;
    }
    .ehr .dyys li {
      width: 50%;
      padding: 0 8px;
      margin-top: 15px;
    }
    .ehr .ehrxt {
      padding-top: 40px;
      padding-bottom: 40px;
    }
    .ehr .ehrxt .list {
      margin-left: -5px;
      margin-right: -5px;
    }
    .ehr .ehrxt li {
      width: 100%;
    }
  }
  @media (max-width: 480px) {
    .ehr .dyys {
      padding-top: 30px;
      padding-bottom: 15px;
    }
    .ehr .dyys ul {
      margin-right: 0px;
      margin-left: 0px;
      margin-top: 15px;
    }
    .ehr .dyys li {
      width: 100%;
      padding: 0;
      float: none;
      margin-top: 15px;
    }
    .ehr .dyys li .box {
      height: auto;
      padding: 15px 30px;
      text-align: left;
      min-height: 285px;
    }
    .ehr .dyys li .box span img {
      max-height: 60px;
    }
    .ehr .dyys li .tit {
      border-width: 1px;
    }
    .ehr .dyys li .txt {
      text-align: left;
    }
    .ehr .ehrxt ul {
      margin-right: 0px;
      margin-left: 0px;
      margin-top: 15px;
    }
    .ehr .ehrxt li {
      width: 100%;
      padding: 0;
      float: none;
    }
    .ehr .ehrxt li .box {
        padding: 15px 0;
        padding-right: 10px;
        overflow: hidden;
        min-height: auto;
    }
    .ehr .ehrxt li .pic {
        padding:0 15px;
    }
    .ehr .ehrxt li .text {
        padding: 0;
    }
    .ehr .ehrxt li .title {
      border-width: 1px;
    }
    .ehr .ehrxt li .title {
      text-align: left;
      font-size: 16px;
    }
  }