.case .caseCont .title {
    margin: 0.8rem 0;
    font-size: 0.36rem;
    color: #3e3a39;
  }
.case .caseCont .title h3 {
    margin-bottom: 0.18rem;
  }
.case .caseCont .childNav{
    margin:0 0.2rem;
}
.case .caseCont .childNav ul{
    border-bottom:2px solid #f3f3f3;
    text-align:center;
}
.case .caseCont .childNav ul li{
    display:inline-block;
    font-size: .34rem;
    margin:0 0.6rem;
    padding:0 0.1rem 0.1rem;

}
.case .caseCont .childNav ul li a{
  color:#333;
}
.case .caseCont .childNav ul li.childActive{
background:url('../images/case/line.png') no-repeat bottom;
background-size:1.6rem 0.08rem;

}
.case .caseCont .childNav ul li.childActive a{
    color:#0355a4;
}

.classicCase {
    padding:0.38rem 2.75rem;
    display:flex;
    justify-content:flex-start;
    flex-wrap:wrap;
    background:#fff;
}
    .classicCase .card {
    width:3.74rem;
    margin:0 0.35rem 0.6rem;
      text-align: justify;
      background:#fff;
      -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
      box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    }
    .classicCase .card a{
        width:100%;
        display:inline-block;
    }
      .classicCase .card .image {
         display:flex;
        align-items:center;
        justify-content:center;
        vertical-align:middle;
        height:2rem;
        overflow: hidden;
        border-bottom: 1px solid #e5e5e5;
      }
        .classicCase .card .image .listImg{
          width:100%;
          display:none;
        }
        .classicCase .card .image .logoImg{
          height:0.7rem;
        }
      .classicCase .card  .details {
        padding: 0 0.2rem;
        text-align: justify;
      }
    .classicCase .card  .details .caseTitle {
        font-size: 0.28rem;
        padding-top: 0.3rem;
        padding-bottom: 0.2rem;
        font-size:0.2rem;
        color: #0355a4;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
        .classicCase .card  .details .caseCont {
          font-size: 0.14rem;
          color: #909090;
          line-height: 0.36rem;
          margin-bottom: 0.1rem;
          text-overflow: -o-ellipsis-lastline;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          line-clamp: 2;
          -webkit-box-orient: vertical;
        }
        .classicCase .card .cardA  .arrow  p{
            height: 0.5rem;
            transition: all 0.3s;
            margin-left:0.2rem;
            background:url('../images/case/case-arrow.png') no-repeat left;
            background-size:0.2rem;
        }
        .classicCase .card .cardA .arrow  span {
          display: inline-block;
          width: 1.8rem;
          height: 1px;
          background: #e5e5e5;
        }
        .classicCase .card a.cardActive .listImg{
            display:block;
        }
        .classicCase .card a.cardActive .logoImg{
            display:none;
        }
        .classicCase .card  a.cardActive .details  .caseTitle {
            transition: all 0.3s;
            color: #f79111;
          }
      .classicCase .card .cardActive  .arrow  p{
        background:url('../images/case/case-arrow-act.png') no-repeat left;
        background-size:0.24rem;
        }
        .classicCase .card .cardActive  .arrow  span {
          transition: all 0.3s;
          width: 100%;
          background: #f79111;
        }
    .classicCase .card:hover {
      cursor: pointer;
      color: #fff;
      transition: all 0.3s;
    }
    .classicCase .card:hover .newsTip {
        color: #fff;
    }
    .case .caseCont .page{
      display:flex;
      justify-content:center;
        text-align:center;
        margin-bottom:0.3rem;
    }
    .case .caseCont .page .pageDiv1{
      width:0.6rem;
      height:0.4rem;
      line-height:0.4rem;
      font-size:0.18rem;
      margin-right:0.2rem;

  }
  .case .caseCont .page .pageDiv1 a{
      color:#115fa8
  }
  .case .caseCont .page .pageDiv2{
      height:0.4rem;
      line-height:0.4rem;
      font-size:0.14rem;
  }
  .case .caseCont .page .pageDiv2 input{
      width:0.4rem;
      height:0.24rem;
      outline:none;
  }
  .case .caseCont .page li{
      display:inline-block;
      width:0.4rem;
      height:0.4rem;
      line-height:0.4rem;
      text-align:center;
      border:1px solid #ccc;
      border-radius:4px;
      margin:0 0.06rem;
      font-size:0.18rem;
      cursor: pointer;
  }
  .case .caseCont .page li:hover{
      background:#115fa8;
      color:#fff;
  }
  .case .caseCont .page li.act{
      background:#115fa8;
      color:#fff;
  }

@media only screen and (max-width: 1024px){
    .classicCase{
        padding:0.38rem 2.7rem;
    }
}