.caseBan {
      height: 100vh;
      width: 100%;
      position: relative;
      overflow: hidden;
  }

  .caseBImg {
      width: 100%;
      height: 100%;
      position: relative;
  }

  .caseBImg img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: relative;
  }

  .caseBImg::after {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      content: '';
      background: rgba(0, 0, 0, .1);
  }

  .caseBTbox2 {
      width: 100%;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
  }

  .caseBTbox2 .inner {
      display: flex;
      justify-content: space-between;
  }

  .caseBLeft {
      width: 45%;
      position: relative;
  }

  .caseBTit {
      position: relative;
  }

  .caseBTit p {
      font-size: 56px;
      font-weight: 600;
      line-height: 1;
      color: #fff;
      margin-bottom: 15px;
  }

  .caseBTit span {
      font-size: 56px;
      line-height: 1;
      color: #fff;
  }

  .caseBText {
      position: relative;
      margin-top: 50px;
  }

  .caseBText p {
      font-size: 18px;
      color: #fff;
  }

  .caseBRXq {
      width: 500px;
      padding: 50px;
      backdrop-filter: blur(30px);
      border: 1px solid rgba(255, 255, 255, .2);
      border-radius: 20px;
      /*background: rgb(1, 48, 166,.3);
            */
      background: rgba(255, 255, 255, .8);
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      -o-border-radius: 20px;
  }

  .caseBRTit {
      font-size: 24px;
      line-height: 1;
      color: #0130a6;
      font-weight: 600;
  }

  .caseBRList {
      position: relative;
      margin: 20px 0;
      border-top: 1px solid rgb(1, 48, 166, .1);
      border-bottom: 1px solid rgb(1, 48, 166, .1);
      padding: 20px 0;
      min-height: 230px;
  }

  .caseBRItem {
      display: flex;
      align-items: center;
      padding: 8px 0;
  }

  .caseBRItem img {
      width: 18px;
      margin-right: 10px;
  }

  .caseBRItem p {
      width: calc(100% - 30px);
      font-size: 16px;
      color: #0130a6;
  }

  .caseBMs {
      font-size: 16px;
      color: #0130a6;
      margin: 10px 0 30px;
  }

  .caseBBtn {
      width: 170px;
      height: 55px;
      position: relative;
      display: flex;
      align-items: center;
      border-radius: 50px;
      background: #0130a6;
      justify-content: center;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      -ms-border-radius: 50px;
      -o-border-radius: 50px;
      overflow: hidden;
      font-size: 16px;
      color: #fff;
  }

  .caseBNumList {
      display: flex;
      justify-content: space-between;
      padding: 30px 0;
      border-bottom: 1px solid rgba(255, 255, 255, .1);
      border-top: 1px solid rgba(255, 255, 255, .1);
      margin: 50px 0;
  }

  .caseBNumItem {
      position: relative;
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 10px 0;
      border-right: 1px solid rgba(255, 255, 255, .1);
  }

  .caseBNumItem:last-child {
      border-right: none
  }

  .caseBNum {
      display: flex;
      align-items: center;
  }

  .caseBNum b {
      font-size: 42px;
      font-weight: 600;
      line-height: 1;
      font-family: "Montserrat";
      color: #fff;
  }

  .caseBNum i {
      font-size: 20px;
      line-height: 1;
      color: #fff;
      margin-left: 5px;
      font-style: normal;
  }

  .caseBNumItem p {
      font-size: 16px;
      line-height: 1;
      color: #fff;
      margin-top: 10px;
  }

  .caseBtnBox {
      display: flex;
      align-items: center;
      margin-top: 50px;
  }

  .caseBtnBox .inBtn {
      margin-right: 20px;
  }

  .caseBtnBox .inBtn a {
      width: auto;
  }

  .caseBNav {
      width: 100%;
      position: absolute;
      left: 0;
      bottom: 0;
      background: rgba(255, 255, 255, .1);
      backdrop-filter: blur(20px);
      z-index: 2;
      border-top: 1px solid rgba(255, 255, 255, .1);
  }

  .caseBNav .inner {
      display: flex;
  }

  .caseBNavItem {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      flex: 1;
      height: 180px;
      position: relative;
  }

  .caseBNavItem:first-child::after {
      width: 0;
  }

  .caseBNavItem::after {
      width: 1px;
      height: 50px;
      position: absolute;
      left: 0;
      top: 50%;
      content: '';
      background: rgba(255, 255, 255, .1);
      transform: translateY(-50%);
  }

  .caseBNavItem img {
      width: 50px;
  }

  .caseBNavItem p {
      font-size: 18px;
      font-weight: 500;
      color: #fff;
      margin-top: 10px;
  }

  .caseBType {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 12px 20px;
      border-radius: 50px;
      backdrop-filter: blur(30px);
      border: 1px solid rgba(255, 255, 255, .1);
      border-radius: 20px;
      background: rgba(255, 255, 255, .2);
      margin-bottom: 30px;
  }

  .caseBType img {
      width: 20px;
      margin-right: 10px;
  }

  .caseBType p {
      font-size: 14px;
      line-height: 1;
      color: #fff;
  }

  .caseBbqList {
      margin-top: 50px;
      display: flex;
      flex-wrap: wrap;
  }

  .caseBbqItem {
      margin-right: 10px;
      margin-bottom: 10px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 12px 20px;
      border-radius: 50px;
      backdrop-filter: blur(30px);
      border: 1px solid rgba(255, 255, 255, .1);
      border-radius: 20px;
      background: rgba(255, 255, 255, .2);
      font-size: 14px;
      line-height: 1;
      color: #fff;
  }

  .caseBQList {
      display: flex;
      align-items: center;
      position: relative;
      margin-top: 50px;
  }

  .caseBQItem {
      margin-right: 50px;
      margin-bottom: 10px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 50px;
      backdrop-filter: blur(30px);
      border-radius: 20px;
      font-size: 14px;
      line-height: 1;
      color: #fff;
  }

  .caseBQItem img {
      width: 14px;
      margin-right: 10px;
  }

  .caseBQList p {
      font-size: 18px;
      color: #fff;
      line-height: 1;
  }

  .caseBTbox {
      width: 100%;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
  }

  .caseBTbox .inner {
      display: flex;
      justify-content: space-between;
  }





  @media(max-width:1680px) {

      .caseBTit p,
      .caseBTit span {
          font-size: 48px;
      }

      .caseBText p {
          font-size: 16px;
      }

      .caseBType p {
          font-size: 12px;
      }

      .caseBNum b {
          font-size: 36px;
      }

      .caseBText {
          margin-top: 35px;
      }

      .caseBNumList {
          padding: 20px 0;
      }

      .caseBNumList {
          margin: 35px 0;
      }

      .caseBRXq {
          padding: 30px;
      }

      .caseBRItem {
          padding: 6px 0;
      }

      .caseBMs {
          margin: 10px 0 20px;
      }

      .caseBQList p {
          font-size: 16px;
      }
  }

  @media(max-width:1480px) {

      .caseBTit p,
      .caseBTit span {
          font-size: 42px;
      }

      .caseBNum b {
          font-size: 32px;
      }

      .caseBRItem p {
          font-size: 14px;
          color: #0130a6;
      }

      .caseBRTit {
          font-size: 20px;
      }

      .caseBMs {
          font-size: 14px;
      }

      .caseBBtn {
          width: 150px;
          height: 50px;
          font-size: 14px;
      }

      .caseBRList {
          min-height: 200px;
      }
  }

  @media(max-width:1368px) {
      .caseBQList p {
          font-size: 14px;
      }

      .caseBTit p,
      .caseBTit span {
          font-size: 36px;
      }

      .caseBRItem img {
          width: 15px;
      }

      .caseBNumList {
          margin: 30px 0;
      }

      .caseBNum b {
          font-size: 28px;
      }

      .caseBNum i {
          font-size: 16px;
      }

      .caseBNumItem p {
          font-size: 14px;
      }
  }

  @media(max-width:1280px) {
      .caseBRXq {
          width: 450px;
      }
  }

  @media(max-width:1200px) {
      .caseBQItem {
          margin-right: 20px;
      }

      .caseBRXq {
          width: 420px;
      }

      .caseBTit p,
      .caseBTit span {
          font-size: 32px;
      }

      .caseBType img {
          width: 15px;
      }
  }

  @media(max-width:1024px) {
      .caseBan {
          height: auto;
      }

      .caseBTbox2 .inner,
      .caseBTbox .inner {
          flex-wrap: wrap;
          padding: 120px 0 50px;
      }

      .caseBLeft {
          margin-bottom: 30px;
          width: 100%;
      }

      .caseBRXq {
          position: relative;
      }

      .caseBRig {
          width: 100%;
      }

      .caseBTbox2,
      .caseBTbox {
          width: 100%;
          position: relative;
          left: 0;
          top: 0;
          transform: translateY(0);
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
      }

      .caseBImg {
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
      }

      .caseBRXq {
          width: 100%;
      }

  }

  @media(max-width:900px) {

      .caseBTit p,
      .caseBTit span {
          font-size: 28px;
      }

      .caseBText {
          margin-top: 30px;
      }
        .caseBNum b {
          font-size: 24px;
      }
  }

  @media(max-width:680px) {
      .caseBtnBox {
          margin-top: 30px;
      }

      .caseBText {
          margin-top: 20px;
      }

      .caseBTit p,
      .caseBTit span {
          font-size: 24px;
      }

      .caseBRTit {
          font-size: 18px;
      }

      .caseBRList {
          position: relative;
          margin: 15px 0;
          padding: 15px 0;
      }

      .caseBText p {
          font-size: 14px;
      }

      .caseBNum b {
          font-size: 20px;
      }

      .caseBNum i {
          font-size: 14px;
      }
  }

  @media(max-width:500px) {
      .caseBtnBox .inBtn {
      margin-right: 10px;
  }
      .caseBText p {
          font-size: 12px;
      }
      .caseBMs {
          font-size: 12px;
      }

      .caseBRItem {
          padding: 4px 0;
      }

      .caseBRItem img {
          width: 12px;
      }

      .caseBRList {
          min-height: 180px;
      }

      .caseBNum i {
          font-size: 12px;
      }

      .caseBNumItem p {
          font-size: 12px;
      }

      .caseBNum b {
          font-size: 18px;
      }

      .caseBType {
          padding: 10px 12px
      }

      .caseBQList p {
          font-size: 12px;
      }

      .caseBTit p,
      .caseBTit span {
          font-size: 20px;
      }
.caseBTit p{
    margin-bottom: 10px;
}
      .caseBRXq {
          padding: 20px;
      }

      .caseBBtn {
          width: 130px;
          height: 45px;
          font-size: 12px;
      }

      .caseBRItem p {
          font-size: 12px;
      }

      .caseBRTit {
          font-size: 16px;
      }
  }


































  /* caseABox  */
  .caseABox {
      position: relative;
      background: #f1f4fd;
      overflow: hidden;
  }

  .caseATop {
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .caseAList {
      margin-top: 50px;
      display: flex;
      flex-wrap: wrap;
  }

  .caseAItem {
      width: calc(33% - 10px);
      margin-right: 19px;
      margin-bottom: 20px;
      background: #fff;
      border-radius: 20px;
      padding: 30px;
      position: relative;
      overflow: hidden;
  }

  .caseAItem:nth-child(3), .caseAItem:nth-child(6) {
      margin-right: 0;
  }

  .caseAImg {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;

  }

  .caseAImg::after {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      content: '';
      background: #0130a6;
      /*background-image: linear-gradient(to right, rgb(1, 48, 166), rgb(1, 48, 166, .9) 50%, rgb(1, 48, 166, .1) 100%);*/
  }

  .caseAImg img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }

  .caseAItem::before {
      width: 3px;
      height: 30px;
      position: absolute;
      left: 0;
      top: 52px;
      content: '';
      background: #0130a6;
  }

  .caseATit {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid rgba(0, 0, 0, .051);
      padding: 15px 0;
      position: relative;
  }

  .caseATit p {
      font-size: 28px;
      font-weight: 600;
      line-height: 1;
      color: #0130a6;
  }

  .caseATit img {
      width: 40px;
  }

  .caseAItem2 .caseATit img {
      display: none;
  }

  .caseATbox {
      margin: 10px 0;
      position: relative;
      height: 250px;
      overflow-y: auto;
  }

  .caseAMs {
      font-size: 18px;
      color: #e47a37;
      margin: 10px 0;
  }

  .caseAText {
      display: flex;
      align-items: center;
      position: relative;
      padding: 3px 0;
  }


  .caseADian {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: rgb(1, 48, 166, .1);
      position: absolute;
      left: 3px;
      top: 15%;
      transform: translateY(-50%);
  }

  .caseADian::after {
      content: '';
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: #0130a6;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
  }

  .caseAText p {
      position: relative;
      font-size: 18px;
      padding-left: 22px;
      color: #333;
  }

  .caseATList {
      position: relative;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
  }

  .caseAType {
      font-size: 14px;
      background: #0130a6;
      border-radius: 50px;
      line-height: 1;
      padding: 8px 12px;
      margin-right: 5px;
      color: #fff;
      margin-bottom: 5px;
  }

  .caseABon {
      margin-top: 70px;
      position: relative;
      border-top: 1px solid rgba(0, 0, 0, .051);
      /* border-bottom: 1px solid rgba(0, 0, 0, .051); */
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .caseABItem {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 30px 50px 0;
      width: 30%;
  }

  .caseABIcon {
      width: 50px;
      margin-right: 20px;
  }

  .caseABRig {
      width: calc(100% - 70px);
      position: relative;
  }

  .caseABRig p {
      font-size: 24px;
      line-height: 1;
      font-weight: 600;
      margin-bottom: 10px;
  }

  .caseABRig span {
      font-size: 18px;
      line-height: 1;
      color: #666;
      margin-top: 5px;
  }

  .caseACon {
      margin-top: 20px;
      position: relative;
      padding-bottom: 30px;
  }

  .caseACon p {
      font-size: 18px;
  }

  .caseAItem2 .caseAText p {
      color: #fff;
      opacity: .8;
  }

  .caseAItem2 .caseATit p {
      color: #fff;

  }

  .caseAItem2 .caseATit {
      border-bottom: 1px solid rgba(255, 255, 255, .1);
  }


  .caseAItem2 .caseADian {
      background: rgb(255, 255, 255, .2);
  }


  .caseAItem2 .caseADian::after {
      background: #fff;
  }

  .caseAItem2 .caseAType {
      background: #fff;
      color: #0130a6;
  }

  .caseAItem2 .caseATList {
      padding: 20px 0 10px;
      border-top: 1px solid rgba(255, 255, 255, .1);
  }

.caseAItem_33{
    width: calc(33.3% - 14px);
}



 .caseABtn {
      position: relative;
      display: inline-flex;
      align-items: center;
      border-radius: 50px;
      background: #fff;
      justify-content: space-between;
      padding: 10px 20px;
      -webkit-border-radius: 50px;
      transform: translateY(50px);
      transition: all 0.48s;
      opacity: 0;
      margin-top: 20px;
  }

  .caseABtn img {
      width: 22px;
      margin-right: 10px;
  }

  .caseABtn p {
      font-size: 16px;
      color: #0130a6;
  }
.caseAItem:hover .caseABtn{
     transform: translateY(0);
     transition: all 0.48s;
     opacity: 1;
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
}











  @media(max-width:1680px) {

      .caseACon p,
      .caseAText p,
      .caseAMs {
          font-size: 16px;
      }

      .caseATit p {
          font-size: 24px;
      }

      .caseATbox {
          margin: 10px 0;
          height: 230px;
      }
       .caseAType {
          font-size: 12px;
      }
  }

  @media(max-width:1368px) {

      .caseACon p,
      .caseAText p,
      .caseAMs {
          font-size: 14px;
      }

      .caseATit p {
          font-size: 20px;
      }

      .caseATbox {
          margin: 10px 0;
          height: 230px;
      }

     

      .caseATbox {
          height: 210px;
      }

      .caseATit img {
          width: 35px;
      }
      .caseABtn p {
    font-size: 14px;}
  }

  @media(max-width:1024px) {
      .caseAItem {
          width: 100%;
          margin-right: 0;
      }

      .caseATbox {
          height: auto;
      }

      .caseATit {
          padding-top: 0;
      }

      .caseAItem::before {
          top: 35px;
      }
  }

  @media(max-width:680px) {
      .caseAItem {
          margin-bottom: 15px;
      }

      .caseATit img {
          width: 30px;
      }

      .caseATit p {
          font-size: 18px;
      }

      .caseACon p,
      .caseAText p,
      .caseAMs {
          font-size: 12px;
      }
      .caseABtn p{
    font-size: 12px;
      }
      .caseABtn img {
    width: 18px;
    margin-right: 5px;
}
.caseABtn {
    padding: 8px 15px;}
    .caseAList {
    margin-top: 30px;}
  }









  /* caseMBox */
  .caseMBox {
      position: relative;
      overflow: hidden;
  }

  .caseMTop {
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .caseMList {
      margin-top: 70px;
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
  }



  .caseMItem {
      flex: 1;
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 50px 20px;
      border: 1px solid rgba(0, 0, 0, .1);
      cursor: pointer;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      -o-border-radius: 20px;
  }

  .caseMIcon {
      width: 60px;
      height: 60px;
      position: relative;
  }

  .caseMIcon img {
      width: 100%;
      height: 100%;
      object-fit: contain;
  }

  .caseMTit {
      font-size: 24px;
      line-height: 1;
      font-weight: 600;
      margin: 30px 0 10px;
  }

  .caseMText {
      font-size: 18px;
  }

  .caseMNum {
      width: 70px;
      height: 70px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #fff;
      font-size: 32px;
      font-weight: 500;
      line-height: 1;
      font-family: "Montserrat";
      color: #ddd;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: -35px;
      transition: all 0.48s;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
  }

  .caseMDian {
      width: 20px;
      position: relative;
      margin: 0 15px;
  }

  .caseMDian img {
      width: 100%;
  }

  .caseMItem::after {
      width: 100%;
      height: 0;
      position: absolute;
      left: 0;
      bottom: 0;
      border-radius: 20px;
      content: '';
      background-image: linear-gradient(to bottom, rgb(1, 48, 166, 0), rgb(1, 48, 166, 0.1) 70%, rgb(1, 48, 166, .3) 100%);
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      -o-border-radius: 20px;
      transition: all 0.48s;
      -webkit-transition: all 0.48s;
      -moz-transition: all 0.48s;
      -ms-transition: all 0.48s;
      -o-transition: all 0.48s;
  }

  .caseMItem:hover::after {
      height: 100%;
  }

  .caseMItem:hover .caseMNum {
      color: #0130a6;
  }

  .caseMItem:hover .caseMTit {
      color: #0130a6;
  }


  @media(max-width:1680px) {
      .caseMTit {
          margin: 20px 0 10px;
          font-size: 20px;
      }

      .caseMText {
          font-size: 16px;
      }

      .caseMNum {
          font-size: 28px;
      }

      .caseMIcon {
          width: 50px;
          height: 50px;
      }

      .caseMDian {
          width: 15px;
          margin: 0 10px;
      }
  }

  @media(max-width:1480px) {


      .caseMIcon {
          width: 45px;
          height: 45px;
      }

      .caseMDian {
          width: 12px;
          margin: 0 5px;
      }

      .caseMItem {
          padding: 40px 10px;
      }

      .caseMNum {
          font-size: 24px;
      }
  }

  @media(max-width:1368px) {
    .caseMList {
    margin-top: 50px;}
      .caseMNum {
          font-size: 20px;
      }

      .caseMTit {
          font-size: 20px;
      }

      .caseMText {
          font-size: 14px;
      }

      .caseMIcon {
          width: 40px;
          height: 40px;
      }
  }

  @media(max-width:1200px) {
      .caseMDian {
          display: none;
      }

      .caseMItem {
          margin: 0 3px;
      }
  }

  @media(max-width:1024px) {
      .caseMList {
          flex-wrap: wrap;
      }

      .caseMItem {
          width: calc(33.3% - 10px);
          margin: 10px 5px;
          flex: none;
      }

      .caseMNum {
          height: 30px;
          top: -14px;
      }
  }
  @media(max-width:680px) {
    .caseMList {
    margin-top: 30px;}
 .caseMItem {
          width: calc(50% - 10px);
          margin: 10px 5px;
          flex: none;
      }
          .caseMTit {
        font-size: 18px;
    }
        .caseMIcon {
        width: 36px;
        height: 36px;
    }
  }
   @media(max-width:500px){
      .caseMText {
          font-size: 12px;
          text-align: center;
      }
          .caseMTit {
        font-size: 16px;
    }
        .caseMItem {
        padding: 30px 10px;
    }
  }

  /* caseXBox */
  .caseXBox {
      position: relative;
      overflow: hidden;
      background: #f7f8f9;
  }

  .caseXTop {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .caseXBtnBox {
      display: flex;
      align-items: center;
  }

  .caseXBtn {
      width: 52px;
      height: 52px;
      background: #0130a6;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 2;
      cursor: pointer;
      border-radius: 50%;
      margin-left: 10px;
  }

  .caseXBtn svg {
      width: 40%;
      height: 40%;
  }

  .caseXBtn svg path {
      fill: #fff;
  }

  .caseXSwiper-button-prev svg {
      transform: rotate(180deg);
  }

  .caseXList {
      margin-top: 50px;
      overflow: hidden;
      position: relative;
  }

  .caseXSwiper {
      width: 100%;
      position: relative;
  }

  .caseXItem {
      padding: 30px;
      background: #fff;
      border-radius: 16px;
      overflow: hidden;
      position: relative;
  }

  .caseXIcon {
      font-size: 14px;
      background: #e7eefc;
      border-radius: 50px;
      line-height: 1;
      padding: 8px 12px;
      margin-right: 10px;
      color: #aec4f8;
      display: inline-flex;
  }

  .caseXTit {
      font-size: 24px;
      font-weight: 500;
      margin: 10px 0;
  }

  .caseXText {
      font-size: 18px;
      color: #666;
  }

  @media(max-width:1680px) {
      .caseXBtn {
          width: 45px;
          height: 45px;
      }
  }

  @media(max-width:1368px) {
      .caseXBtn {
          width: 42px;
          height: 42px;
          margin-left: 5px;
      }
  }

  @media(max-width:680px) {
      .caseXList {
          margin-top: 30px;
      }

      .caseXBtn {
          width: 38px;
          height: 38px;
          margin-left: 5px;
      }
  }





  /* caseHBox */

  .caseHBox {
      position: relative;
      overflow: hidden;
  }

  .caseHTop {
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .caseHList {
      margin-top: 50px;
      position: relative;
  }

  .caseHSwiper {
      width: 100%;
      position: relative;
  }

  .caseHItem {
      position: relative;
      padding: 30px;
      border-radius: 16px;
      border: 1px solid rgb(1, 48, 166, .1);
      /* box-shadow: 0 0 10px rgb(1, 48, 166, .1); */
      overflow: hidden;
  }

  .caseHTit {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-bottom: 15px;
      border-bottom: 1px solid rgba(0, 0, 0, .051);
      position: relative;
  }

  .caseHTit p {
      font-size: 24px;
      line-height: 1;
      font-weight: 600;
      color: #0130a6;
  }

  .caseHTit img {
      width: 35px;
      margin-right: 8px;
  }

  .caseHImg {
      width: 100%;
      padding-top: 65%;
      position: relative;

      border-radius: 20px;
      overflow: hidden;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      -o-border-radius: 20px;
  }

  .caseHImg img {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      object-fit: cover;
      transition: all 0.48s;
      -webkit-transition: all 0.48s;
      -moz-transition: all 0.48s;
      -ms-transition: all 0.48s;
      -o-transition: all 0.48s;
  }

  .caseHItem:hover .caseHImg img {
      transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
  }

  .caseHText {
      margin: 20px 0;
      position: relative;
  }

  .caseHText p {
      font-size: 18px;
      line-height: 30px;
      color: #666;
      height: 60px;
  }

  .caseHBg {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
  }


  @media(max-width:1680px) {

      .caseHText p {
          font-size: 16px;
      }
  }

  @media(max-width:1480px) {
      .caseHTit p {
          font-size: 20px;

      }
  }

  @media(max-width:1368px) {

      .caseHItem {
          position: relative;
          padding: 20px;
      }
  }

  @media(max-width:680px) {
      .caseHList {
          margin-top: 30px;
      }
        .caseHTit p {
          font-size: 18px;
      }

      .caseHText p {
          font-size: 14px;
          line-height: 25px;
          height: 50px;
      }
  }

  @media(max-width:500px) {
     .caseHText {
    margin: 15px 0;}
  }












  /* caseDBox */
  .caseDBox {
      position: relative;
      background: #f1f4fd;
      overflow: hidden;
  }

  .caseDTop {
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .caseDList {
      margin-top: 50px;
      position: relative;
  }

  .caseDSwiper {
      width: 100%;
      position: relative;
  }

  .CaseDItem {
      padding: 30px;
      background: #fff;
      border-radius: 16px;
      overflow: hidden;
      position: relative;
  }

  .CaseDItem::before {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      content: '';
      background-image: linear-gradient(to bottom, rgb(1, 48, 166, 0), rgb(1, 48, 166, 0.1) 70%, rgb(1, 48, 166, .3) 100%);
      opacity: 0;
      transition: all 0.2S;
  }

  .CaseDTit {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-bottom: 15px;
      border-bottom: 1px solid rgba(0, 0, 0, .051);
      position: relative;
      margin-bottom: 20px;
          display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }

  .CaseDTit p {
      font-size: 24px;
      font-weight: 600;
      line-height: 1;
      color: #0130a6;
  }

  .CaseDTit2 {
      font-size: 22px;
      font-weight: 500;
      line-height: 1;
  }

  .CaseDXh {
      font-size: 18px;
      line-height: 30px;
      height: 60px;
      color: #0130a6;
      margin: 10px 0 30px;
          display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }

  .CaseDText {
      font-size: 18px;
      line-height: 30px;
      height: 60px;
      margin-bottom: 20px;
      color: #666;
          display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }

  .CaseDBtn {
      position: relative;
      display: inline-flex;
      align-items: center;
      border-radius: 50px;
      background: #0130a6;
      justify-content: space-between;
      padding: 10px 20px;
      -webkit-border-radius: 50px;
      transform: translateY(50px);
      transition: all 0.48s;
      opacity: 0;
  }

  .CaseDBtn img {
      width: 22px;
      margin-right: 10px;
  }

  .CaseDBtn p {
      font-size: 16px;
      color: #fff;
  }

  .CaseDItem::after {
      width: 3px;
      height: 30px;
      position: absolute;
      left: 0;
      top: 35px;
      content: '';
      background: #0130a6;
  }

  .CaseDTypeList {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 30px;
  }

  .CaseDTypeItem {
      font-size: 14px;
      background: rgb(1, 48, 166, .1);
      color: #0130a6;
      border-radius: 50px;
      line-height: 1;
      padding: 8px 12px;
      margin-right: 10px;
      margin-bottom: 10px;
  }

  .CaseDItem:hover .CaseDBtn {
      transform: translateY(0px);
      opacity: 1;
  }

  .CaseDItem:hover::before {
      opacity: 1;
      transition: all 0.2S;
      -webkit-transition: all 0.2S;
      -moz-transition: all 0.2S;
      -ms-transition: all 0.2S;
      -o-transition: all 0.2S;
}


@media(max-width:1680px) {
.CaseDXh {
    font-size: 16px;}
    .CaseDText {
    font-size: 16px;}
    .CaseDTypeItem {
    font-size: 12px;}
    .CaseDBtn p {
    font-size: 14px;}
}

@media(max-width:1480px) {
.CaseDTit p {
    font-size: 20px;
}
}
@media(max-width:680px){
    .caseDList {
    margin-top: 30px;}
    .CaseDTypeList{
        margin-bottom: 20px;
    }
    .CaseDText {
    margin-bottom: 10px;}
}
@media(max-width:500px){
        .CaseDTit p {
        font-size: 18px;
    }
    .CaseDItem {
    padding: 20px}
        .CaseDBtn p {
        font-size: 12px;
    }
        .CaseDText {
        font-size: 14px;
        height: 25px;
        height: 50px;
    }
    .CaseDXh{
        font-size: 14px;
        height: 25px;
        height: 50px;
        margin: 10px 0 20px;
    }
    .CaseDItem::after{
            top: 18px;
    }
    .CaseDItem::before {opacity: 1;}
    .CaseDBtn {
    transform: translateY(0);
    opacity: 1;
}
}

















  /* caseRBox */
  .caseRBox {
      position: relative;
      background: #f1f4fd;
      padding-top: 0;
      overflow: hidden;
  }

  .caseRTbox {
      width: 100%;
      position: relative;
      padding: 100px 70px 50px;
      position: relative;
      background-image: url(../image/caseRBg2.jpg);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      border-radius: 20px;
  }

  .caseRTop {
      display: flex;
      align-items: center;
      justify-content: space-between;
  }

  .caseRleft {
      width: 70%;
  }

  .caseRTit {
      font-size: 42px;
      line-height: 1;
      font-weight: 600;
      color: #fff;
  }

  .caseRText {
      font-size: 18px;
      color: #fff;
      margin-top: 20px;
  }

  .caseRBtn {
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .caseRBtn a {
      width: 247px;
  }

  .caseRList {
      margin-top: 70px;
      display: flex;
      justify-content: space-between;
      overflow: hidden;
  }

  .caseRItem {
      width: 24%;
      padding: 30px 20px;
      /* backdrop-filter: blur(30px); */
      border-radius: 16px;
      border: 1px solid rgba(255, 255, 255, .2);
      /*background: rgb(1, 48, 166, .3);
            */
      -webkit-border-radius: 16px;
      -moz-border-radius: 16px;
      -ms-border-radius: 16px;
      -o-border-radius: 16px;
  }

  .caseRBt {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .caseRItem:first-child::after {
      width: 0;
  }

  .caseRItem::after {
      width: 1px;
      height: 50px;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      content: '';
      background: rgba(0, 0, 0, .1);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
  }

  .caseRItem p {
      font-size: 20px;
      font-weight: 500;
      color: #fff;
  }

  .caseRBt img {
      width: 20px;
  }

  .caseRImg {
      width: 50px;
      margin-top: 20px;
  }


@media(max-width:1680px) {
.caseRTit {
    font-size: 36px;}
    .caseRText {
    font-size: 16px;}
}
@media(max-width:1480px) {
.caseRTit {
    font-size: 32px;}
    .caseRItem p {
    font-size: 18px;}
    .caseRItem {
    width: 24%;
    padding: 20px;}
    .caseRList {
    margin-top: 50px;}
    .caseRImg {
    width: 40px;}
}
@media(max-width:1368px) {
.caseRTit {
    font-size: 28px;}
    .caseRItem p {
    font-size: 16px;}
    .caseRImg {
        margin-top: 10px;
    width: 35px;}
    .caseRTbox {
    width: 100%;
    padding: 70px 50px}
}
@media(max-width:1200px) {
        .caseRTit {
        font-size: 24px;
    }
    .caseRBt img{
        display: none;
    }
}

@media(max-width:1024px) {
.caseRTop{
    flex-wrap: wrap;
}
.caseRleft{
    width: 100%;
    margin-bottom: 20px;
}
    .caseRList {
        margin-top: 30px;
        flex-wrap: wrap;
    }
        .caseRItem {
        width: calc(50% - 5px);
    margin-bottom: 10px;}
    .caseRBtn a {
    width: 210px;
}
}
@media(max-width:680px){
        .caseRTbox {
        width: 100%;
        padding: 50px 30px;
    }
        .caseRTit {
        font-size: 20px;
    }
        .caseRText {
        font-size: 14px;
    }
        .caseRItem p {
        font-size: 14px;
    }
    .caseRImg {
        margin-top: 10px;
        width: 30px;
    }
}
@media(max-width:500px){
  .caseRTbox {
        width: 100%;
        padding: 30px 20px;
    }
        .caseRBtn a {
        width: 200px;
    }
        .caseRItem {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
        .caseRImg {
        width: 25px;
    }
      .caseRTit {
        font-size: 18px;
    }
    .caseRTbox {
    border-radius: 8px;
}
.caseRText {
    margin-top: 12px;
}
}



















  /*  */













  .caseYBox {
      position: relative;
      background: #f1f4fd;
      padding-top: 0;
      overflow: hidden;
  }

  .caseYTop {
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .caseYList {
      margin-top: 50px;
      display: flex;
      height: 600px;
      position: relative;
  }

  .caseYItem {
      flex: 1;
      height: 100%;
      position: relative;
      transition: all 0.48s;
  }

  .caseYImg {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
  }

  .caseYImg img {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      object-fit: cover;
  }

  .caseYImg::after {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      object-fit: cover;
      content: '';
      background: rgba(0, 0, 0, .3);
  }

  .caseYTbox,  .caseYTboxa {
      width: 100%;
      position: absolute;
      left: 0;
      bottom: 0;
      padding: 20px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      transition: all 0.48s;
  }

  .caseYTit {
      font-size: 24px;
      font-weight: 600;
      color: #fff;
      text-align: center;
      margin-top: 10px;
  }
.caseYText p {
    color: #fff;
    text-align: left;
}
  .caseYText {
      text-align: center;
      font-size: 18px;
      line-height: 25px;
      height: 50px;
      color: #fff;
      transition: all 0.48s;
      opacity: 0;
      -webkit-transition: all 0.48s;
      -moz-transition: all 0.48s;
      -ms-transition: all 0.48s;
      -o-transition: all 0.48s;
  }
  .caseYText p{
      font-size: 18px;
        color: #fff;
  }
  .caseYIcon {
      width: 30px;
      margin: 0 auto;
  }

  .caseYItem:hover .caseYTbox {
      transform: translateY(-30px);
  }
 .caseYItem:hover .caseYTboxa {
      transform: translateY(-300px);
      -webkit-transform: translateY(-300px);
      -moz-transform: translateY(-300px);
      -ms-transform: translateY(-300px);
      -o-transform: translateY(-300px);
}
  .caseYItem:hover .caseYText {
      opacity: .8;
  }

  .caseYItem:hover {
      flex: 1.2;
  }
  @media(max-width:1680px) {
  .caseYText {
    text-align: center;
    font-size: 16px;

  }
  }
    @media(max-width:1480px) {
  .caseYTit {
    font-size: 20px;

  }
  .caseYText p{
    font-size: 16px;
  }
   .caseYItem:hover .caseYTboxa {
      transform: translateY(-250px);
      -webkit-transform: translateY(-250px);
      -moz-transform: translateY(-250px);
      -ms-transform: translateY(-250px);
      -o-transform: translateY(-250px);
}
  .caseYList {
    height: 550px;}
  }

    @media(max-width:1368px) {

  .caseYList {
    height: 500px;}
    .caseYIcon {
    width: 25px;}
  }
    @media(max-width:1200px) {
        .caseYText p {
        font-size: 14px;
    }
  }
    @media(max-width:1024px) {
.caseYList{
    height: auto;
    flex-wrap: wrap;
}
.caseYItem {
    width: 33.3%;
    flex: none;
    height: auto;}
    .caseYImg {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 85%;
}
.caseYItem:hover {
    flex:none;
}
.caseYTbox {
    padding: 0 10px;}
    }
    @media(max-width:768px) {
        .caseYItem {
    width: 50%;}
    }
     @media(max-width:680px){
        .caseYList {
    margin-top: 30px;
        }
         .caseYTit {
        font-size: 18px;
    }
          .caseYText {
        text-align: center;
        font-size: 14px;
    }    
        .caseYIcon {
        width: 22px;
    }  
    .caseYItem .caseYText {
    opacity: .8;
}
.caseYItem .caseYTbox {
    transform: translateY(-20px);
}
.caseYItem .caseYTboxa {
    transform: translateY(-200px);
}
    
    }
      @media(max-width:500px) {
       .caseYImg {
        padding-top: 100%;
    }
     .caseYTit {
        font-size: 16px;
    }
          .caseYText {
        text-align: center;
        font-size: 12px;
    }    
    }









    /* 产品 */
      .caseZBox {
            position: relative;
            background: #f1f4fd;
            overflow: hidden;
        }

        .caseZNavBox {
            position: relative;
            margin-top: 50px;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .caseZNavItem {
            display: flex;
            align-items: center;
            margin: 0 20px;
        }

        .caseZNavItem p {
            font-size: 20px;
            font-weight: 500;
            margin: 0 10px;
            transition: all 0.48s;
        }

        .caseZNavIcon {
            width: 22px;
        }

        .caseZNavIcon img {
            width: 100%;
            opacity: .1;
        }

        .caseZNavItem.Act p {
            color: #0130a6;
        }

        .caseZNavItem.Act img {
            opacity: 1;
        }

        .caseZBon {
            position: relative;
        }

        .caseZList {
            display: flex;
            flex-wrap: wrap;
            margin-top: 50px;
        }

        .caseZItem {
            width: calc(25% - 15px);
            margin-right: 20px;
            margin-bottom: 20px;
            border-radius: 16px;
            overflow: hidden;
            background: #fff;
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, .05);
            transition: all 0.48s;
            padding: 30px;
        }

        .caseZItem:nth-child(4n) {
            margin-right: 0;
        }

        .caseZImg {
            width: 100%;
            padding-top: 90%;
            position: relative;
        }

        .caseZImg img {
            width: 80%;
            height: 80%;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            object-fit: contain;
            transition: all 0.48s;
        }

        .caseZTbox {
            position: relative;
        }

        .caseZTbq {
            font-size: 12px;
            line-height: 1;
            color: #0130a6;
            display: inline-flex;
            border-radius: 50px;
            padding: 8px 20px;
            background: rgb(1, 48, 166, .1);
        }

        .caseZTit {
            font-size: 24px;
            line-height: 1;
            font-weight: 600;
            margin: 20px 0 20px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .caseZText {
            font-size: 18px;
            line-height: 28px;
            width: 100%;
            color: #666;
            margin-bottom: 15px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .caseZHl {
            display: flex;
            align-items: center;
        }

        .caseZHl img {
            width: 20px;
            margin-right: 5px;
            opacity: .6;
        }

        .caseZHl p {
            font-size: 14px;
            color: #999;
        }

        .caseZBtnBon {
            position: relative;
            margin-top: 20px;
        }

        .caseZBtn {
            align-items: center;
            display: inline-flex;
            border-radius: 50px;
            background: #0130a6;
            padding: 10px 25px;
            opacity: .3;
            transition: all 0.48s;
        }

        .caseZBtn svg {
            width: 20px;
            height: 20px;
        }

        .caseZBtn svg path {
            fill: #fff;
        }

        .caseZBtn p {
            font-size: 14px;
            font-weight: 500;
            color: #fff;
            margin-left: 8px;
        }

        .caseZItem:hover .caseZBtn {
            opacity: 1;
        }

        .caseZItem:hover .caseZTit {
            color: #0130a6;
        }

        .caseZItem:hover .caseZImg img {
            transform: scale(1.1) translate(-50%, -50%);
        }

        .caseZItem:hover {
            /* transform: translateY(-10px); */
            box-shadow: 0 0 20px 0 rgb(1, 48, 166, .2);
        }






        .caseZMore {
            margin: 50px 0 20px;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .caseZMore a {
            align-items: center;
            display: inline-flex;
            border-radius: 50px;
            background: #0130a6;
            padding: 10px 25px;
            transition: all 0.48s;
        }

        .caseZMore svg {
            width: 15px;
            height: 15px;
        }

        .caseZMore svg path {
            fill: #fff;
        }

        .caseZMore p {
            font-size: 18px;
            font-weight: 500;
            color: #fff;
            margin-right: 8px;
        }

        @media(max-width:1680px) {
            .caseZNavItem p {
                font-size: 18px;
            }

            .caseZNavIcon {
                width: 20px;
            }

            .caseZText {
                font-size: 16px;
            }

            .caseZTit {
                font-size: 20px;
            }
        }

        @media(max-width:1480px) {
            .caseZBtn p {
                font-size: 12px;
            }

            .caseZNavIcon {
                width: 16px;
            }

            .caseZNavItem p {
                font-size: 16px;
            }

            .caseZItem {
                margin-right: 20px;
                width: calc(33.3% - 13.33px);
                margin-bottom: 20px;
            }

            .caseZItem:nth-child(4n) {
                margin-right: 20px;
            }

            .caseZItem:nth-child(3n) {
                margin-right: 0;
            }

            .caseZNavBox {
                margin: 50px 0 30px;
            }
        }

        @media(max-width:1368px) {
            .caseZNavItem {
                margin: 0 10px;
            }

            .caseZNavItem p {
                margin: 0 5px;
            }
            .caseZImg {
    width: 100%;
    padding-top: 75%;}
        }

        @media(max-width:1024px) {
            .caseZNavBox {
                flex-wrap: wrap;
                justify-content: flex-start;
            }

            .caseZNavItem {
                margin-bottom: 10px;
            }

            .caseZItem {
                margin-right: 20px;
                width: calc(50% - 10px);
                margin-bottom: 20px;
            }

            .caseZItem:nth-child(3n) {
                margin-right: 20px;
            }

            .caseZItem:nth-child(2n) {
                margin-right: 0;
            }
        }

        @media(max-width:680px) {
            .caseZItem {
                margin-right: 0 !important;
                width: 100%;
                margin-bottom: 20px;
            }

            .caseZNavItem p {
                font-size: 14px;
            }

            .caseZNavIcon {
                width: 12px;
            }

            .caseZNavItem {
                margin: 0 5px;
            }

            .caseZNavBox {
                margin: 30px 0 20px;
            }
              .caseZList {
            margin-top: 30px;
        }
        }

        @media(max-width:500Px) {
            .caseZNavItem {
                margin: 0 2px;
            }

            .caseZNavItem p {
                margin: 0 2px;
            }

            .caseZNavIcon {
                width: 10px;
            }

            .caseZTit {
                font-size: 18px;
                color: #0130a6;
            }

            .caseZText {
                font-size: 14px;
            }

            .caseZBtn svg {
                width: 16px;
                height: 16px;
            }

            .caseZHl p {
                font-size: 12px;
            }

            .caseZHl img {
                width: 16px;
            }

            .caseZItem {
                padding: 20px;
            }
            .caseZBtn{
                padding: 10px 20px;
                opacity: 1;
                    margin: 15px 0 15px
            }
        }