.section3 {
       overflow: hidden;
       position: relative;
       padding: 100px 0 60px;
   }

   .section3 .top {
       width: 100%;
       padding: 0 75px;
       display: flex;
       flex-direction: column;
       align-items: center;
   }

   .section3 .top .desc {
       margin-top: 40px;
       font-size: 18px;
       line-height: 1.5;
       text-align: center;
       color: #787878;
   }

   @media (max-width: 1750px) {
       .section3 .top {
           padding: 0 160px;
       }
   }

   @media (max-width: 1600px) {
       .section3 .top {
           padding: 0 75px;
       }
   }


   @media (max-width: 1200px) {
       .section3 {
           position: relative;
           padding: 75px 0 60px;
       }

       .section3 .top .desc {
           font-size: 16px;
       }
   }

   @media (max-width: 720px) {
       .section3 {
           position: relative;
           padding: 60px 0 60px;
       }

       .section3 .top {
           padding: 0 45px;
           display: flex;
           flex-direction: column;
           align-items: flex-start;
       }

       .section3 .top .desc {
           margin-top: 20px;
           text-align: left;
       }
   }

   @media (max-width: 460px) {
       .section3 .top .desc {
           font-size: 14px;
       }

       .section3 .top {
           padding: 0 15px;
       }
   }

   /* 主体内容 */
   .box3 {
       position: relative;
       width: 1400px;
       display: block;
       margin: 0 auto;
       margin-top: 45px;
   }

   .box3 .bj {
       position: relative;
       z-index: 1;
       width: 100%;
       padding-top: 120px;
   }

   .number3 {
       position: absolute;
       z-index: 2;
       width: 100%;
       height: 100%;
   }

   .item3 {
       position: absolute;
   }

   .item3:nth-child(1) {
       left: 13%;
       top: 16%;
   }

   .item3:nth-child(2) {
       left: 32%;
       top: 2%;
   }

   .item3:nth-child(3) {
       left: 51%;
       top: 43%;
   }

   .item3:nth-child(4) {
       left: 91%;
       top: 42%;
   }

   .item3 .icon {
       position: relative;
       width: 45px;
       display: flex;
       flex-direction: column;
       align-items: center;
   }

   .item3 .icon .aa {
       width: 14px;
       height: 15px;
       background: var(--color);
       transform: skew(-10deg, 0deg);
   }

   .item3 .icon .bb {
       width: 1px;
       height: 160px;
       background: linear-gradient(180deg, #46BFEA 0%, rgba(70, 191, 234, 0.28) 100%);
       transform: matrix(-1, 0, 0, 1, 0, 0);
   }

   .item3 .icon .cc {
       display: block;
       width: 45px;
       height: 25px;
       background: #00824480;
       border-radius: 50%;
       position: relative;
   }

   .item3 .icon .cc::after {
       content: "";
       display: block;
       width: 25px;
       height: 15px;
       border-radius: 50%;
       background: var(--color);
       border: 1px solid #FFFFFF;
       position: absolute;
       z-index: 2;
       left: 10px;
       top: 5px;
   }

   .item3 .text {
       position: absolute;
       left: 45px;
       top: -25px;
   }

   .item3 .text h1 {
       font-family: DIN;
       font-weight: 700;
       font-size: 32px;
       line-height: 1;
       background: var(--jb);
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
       background-clip: text;
       text-fill-color: transparent;
   }

   .item3 .text h1 span {
       font-family: PuHuiTi400;
       font-size: 58px;
   }

   .item3 .text h2 {
       margin-top: 10px;
       font-size: 18px;
       line-height: 1;
       color: #585858;
       width: 100px;
   }


   @media (max-width: 1600px) {
       .box3 {
           width: 1100px;
       }

       .item3 .text h1 span {
           font-size: 48px;
           line-height: 1;
       }

       .box3 .bj {
           padding-top: 120px;
       }

       .item3:nth-child(1) {
           left: 13%;
           top: 13%;
       }

       .item3:nth-child(2) {
           left: 32%;
           top: 2%;
       }

       .item3:nth-child(3) {
           left: 51%;
           top: 35%;
       }

       .item3:nth-child(4) {
           left: 90%;
           top: 37%;
       }
   }

   @media (max-width: 1200px) {
       .box3 {
           width: 600px;
       }

       .item3 .text {
           left: 35px;
       }

       .item3 .text h1 span {
           font-size: 32px;
       }

       .item3 .text h2 {
           font-size: 16px;
       }

       .item3 .icon .bb {
           height: 100px;
       }

       .item3:nth-child(1) {
           left: 9%;
           top: 21%;
       }

       .item3:nth-child(2) {
           left: 30%;
           top: 8%;
       }

       .item3:nth-child(3) {
           left: 48%;
           top: 42%;
       }

       .item3:nth-child(4) {
           left: 87%;
           top: 37%;
       }
   }

   @media (max-width: 720px) {
       .box3 .bj {
           padding-top: 150px;
       }

       .box3 {
           overflow: hidden;
           width: 100%;
           margin-top: 0;
       }

       .item3 .text h1 span {
           font-size: 24px;
       }

       .item3 .text h1 {
           font-size: 18px;
       }

       .item3 .icon .cc {
           width: 30px;
           height: 16px;
       }

       .item3 .icon .aa {
           width: 10px;
           height: 12px;
       }

       .item3 .icon .cc::after {
           width: 14px;
           height: 8px;
           left: 8px;
           top: 4px;
       }

       .item3 .text h2 {
           font-size: 14px;
       }

       .item3:nth-child(1) {
           left: 3%;
           top: 26%;
       }

       .item3:nth-child(2) {
           left: 26%;
           top: 16%;
       }

       .item3:nth-child(3) {
           left: 45%;
           top: 41%;
       }

       .item3:nth-child(4) {
           left: 86%;
           top: 67%;
       }

       .item3:nth-child(4) .text {
           left: -65px;
       }

       .item3:nth-child(4) .icon .bb {
           height: 30px;
       }
   }

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