.section5 {
       position: relative;
       overflow: hidden;
       padding-bottom: 80px;
       background: url(https://ss-res.oss-cn-hangzhou.aliyuncs.com/site_res/229/20240718111628_4vWyNQTT.png) no-repeat right bottom;
   }

   @media (max-width: 1200px) {
       .section5 {
           padding-bottom: 60px;
           background-size: 30%;
       }
   }

   @media (max-width: 460px) {
       .section5 {
           padding-bottom: 40px;
       }
   }

   .Box5 {
       padding-top: 45px;
       position: relative;
       width: 100%;
       max-width: 1440px;
       margin: 0 auto;
   }

   .Swiper5 {
       position: relative;
       width: 100%;
       overflow: visible;
   }

   .item5 {
       width: 100%;
       display: flex;
       flex-direction: column;
       align-items: center;
   }

   .item5 .icon5 {
       display: flex;
       align-items: center;
       justify-content: center;
       position: relative;
       top: 0;
       z-index: 2;
       grid-gap: 20px;
       width: 230px;
       height: 80px;
       background: #3445E2;
       border-radius: 50px;
       color: #fff;
       font-size: 20px;
       margin-bottom: -50px;
       overflow: hidden;
       transition: 0.5s;
   }

   .item5:hover .icon5 {
       top: -40px;
   }

   .item5 .icon5::after {
       content: "";
       display: block;
       width: 100%;
       height: 100%;
       background: var(--jb);
       position: absolute;
       z-index: -1;
       top: 0;
       left: 0;
       opacity: 0;
       transition: 0.5s;
   }

   .item5:hover .icon5::after {
       opacity: 1;
   }

   .item5 .desc5 {
       display: flex;
       flex-direction: column;
       align-items: center;
       grid-gap: 10px;
       position: relative;
       top: 0px;
       z-index: 1;
       width: 100%;
       height: 300px;
       border-radius: 40px;
       padding-top: 90px;
       overflow: hidden;
       transition: 0.5s;
   }

   .item5:hover .desc5 {
       top: -40px;
       box-shadow: 0px 4px 15px rgba(52, 69, 226, 0.26);
   }

   .item5 .desc5::after {
       content: "";
       display: block;
       width: 100%;
       height: 100%;
       background: #fff;
       position: absolute;
       left: 0;
       top: 0;
       z-index: -1;
       transition: 0.5s;
       border-radius: 40px;
       border: 2px dashed rgba(0, 7, 71, 0.5);
       opacity: 1;
   }

   .item5:hover .desc5::after {
       opacity: 0;
   }

   .item5 .desc5 b {
       font-size: 18px;
       line-height: 2;
       text-align: center;
       color: #000747;
   }

   .item5 .desc5 p {
       font-size: 18px;
       line-height: 2;
       text-align: center;
       color: rgba(0, 7, 71, 0.5);
   }

   .item5 .aa {
       margin-top: 45px;
       display: flex;
       align-items: center;
       justify-content: center;
   }

   .item5 .aa .jianto {
       position: relative;
   }

   .item5 .aa p {
       position: absolute;
       padding-left: 90px;
   }

   .item5 .aa .jiahao {
       position: absolute;
       right: -28px;
   }

   .item5:last-child .aa .jiahao {
       display: none;
   }

   @media (max-width: 1700px) {}

   @media (max-width: 1540px) {
       .item5 .desc5 {
           padding-left: 15px;
           padding-right: 15px;
       }
   }

   @media (max-width: 1200px) {
       .item5 .desc5 p {
           font-size: 16px;
       }
   }

   @media (max-width: 900px) {}

   @media (max-width: 720px) {
       .item5 .icon5 {
           width: 160px;
           height: 60px;
           margin-bottom: -30px;
           font-size: 18px;
       }

       .item5 .icon5 img {
           width: 30px;
           height: 30px;
           object-fit: contain;
       }

       .item5 .desc5 {
           padding-top: 75px;
           padding-left: 10px;
           padding-right: 10px;
           height: 260px;
       }

       .item5 .desc5 b {
           font-size: 16px;
           line-height: 1.5;
       }

       .item5 .desc5 p {
           font-size: 14px;
           line-height: 1.5;
       }

       .item5 .aa {
           margin-top: 30px;
       }
   }

   @media (max-width: 480px) {
       .Box5 {
           padding-left: 5vw;
           padding-right: 5vw;
       }
   }


   .More5Box {
       margin: 0 auto;
       margin-top: 50px;
       width: 1200px;
       display: flex;
       justify-content: center;
       align-items: center;
   }

   .iconMore5 {
       display: flex;
       flex-direction: column;
       align-items: center;
   }

   .iconMore5 img {
       width: 60px;
       height: 60px;
       object-fit: contain;
   }

   a.AMore5 {
       width: 800px;
       height: 80px;
       background: linear-gradient(90deg, #3445E2 0%, #FD6A71 100%), #F1095C;
       border-radius: 40px;
       display: flex;
       justify-content: center;
       align-items: center;
       font-weight: 700;
       font-size: 18px;
       line-height: 1.5;
       text-align: center;
       color: #FFFFFF;
   }

   a.AMore5 img {
       width: 26px;
       margin-left: 5px;
       filter: brightness(0) invert(1);
   }

   @media (max-width: 1540px) {
       .More5Box {
           width: 100%;
       }

       a.AMore5 {
           width: 70%;
       }
   }

   @media (max-width: 720px) {
       a.AMore5 {
           font-size: 16px;
           width: 100%;
           height: 60px;
       }

       .iconMore5 {
           font-size: 14px;
       }

       .iconMore5 img {
           width: 45px;
           height: 45px;
           object-fit: contain;
       }
   }

   @media (max-width: 460px) {
       a.AMore5 {
           font-size: 14px;
           height: 60px;
           padding: 0 15px;
       }
   }