.section3 {
       position: relative;
   }

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

   .lt3 {
       width: 38%;
       position: relative;
       display: flex;
       justify-content: center;
   }

   .lt3 .contact {
       position: absolute;
       z-index: 2;
       bottom: 0px;
       width: 360px;
       background: #FFFFFF;
       border-radius: 12px;
       padding: 20px;
       padding-bottom: 30px;
       display: flex;
       flex-direction: column;
       grid-gap: 10px;
   }

   .lt3 .contact h1 {
       font-size: 18px;
       color: #000000;
       padding-bottom: 15px;
       border-bottom: 1px solid #D9D9D9;
   }

   .lt3 .contact p {
       display: flex;
       align-items: center;
       grid-gap: 5px;
   }

   .lt3 .cc {
       width: 20px;
       height: 20px;
       background: #B1930B;
       border-radius: 50%;
       position: absolute;
       z-index: 2;
       left: 77%;
       top: 42%;
       z-index: 9;
       display: flex;
       align-items: center;
       justify-content: center;
   }

   @keyframes dingwei {
       0% {
           opacity: 0.5;
           transform: scale(0);
       }

       80% {
           opacity: 0.5;
           transform: scale(1);
       }

       100% {
           opacity: 0;
           transform: scale(1);
       }
   }

   .lt3 .cc::after {
       content: "";
       display: block;
       position: absolute;
       z-index: -1;
       width: 40px;
       height: 40px;
       border-radius: 50%;
       background: #E1B62F;
       opacity: 0.5;
       animation: dingwei 2s infinite;
   }

   .lt3 .diqiu {
       position: relative;
       z-index: 1;
       width: 100%;
   }

   .rt3 {
       width: 50%;
       position: relative;
   }

   .rt3>span {
       display: block;
       width: 210px;
       height: 3px;
       background: #D9D9D9;
       position: relative;
       margin: 20px 0;
       display: flex;
       align-items: center;
   }

   .rt3>span::after {
       content: "";
       display: block;
       position: absolute;
       left: 0;
       width: 75px;
       height: 5px;
       background: linear-gradient(90deg, #F1CF3A 0%, #8B7721 100%);

   }

   .rt3 .en3 {
       font-size: 16px;
       color: #787878;
   }

   .SINCE3 {
       margin: 60px 0 45px;
       position: relative;
       width: calc(100% - 255px);
   }

   .SINCE3 span {
       font-size: 38px;
       line-height: 1;
       color: #484848;
       position: relative;
       left: 0;
   }

   .SINCE3 span::after {
       content: "";
       display: block;
       width: 900px;
       height: 1px;
       background: #D9D9D9;
       position: absolute;
       right: -920px;
       top: 50%;
   }

   .SINCE3 b {
       font-size: 38px;
       line-height: 1;
       text-align: center;
       background: linear-gradient(90deg, #F1CF3A 0%, #8B7721 100%);
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
       background-clip: text;
       text-fill-color: transparent;
   }

   .desc3 {
       font-weight: bold;
       font-size: 16px;
       line-height: 1.5;
       color: #000000;
       margin-bottom: 15px;
   }

   .text3 {
       font-size: 16px;
       color: #787878;
   }

   .Number3 {
       margin-top: 100px;
       width: 100%;
       display: flex;
       grid-gap: 60px;
   }

   .item3 {
       width: 100%;
   }

   .item3 h2 {
       padding-bottom: 15px;
       font-size: 18px;
       color: #696969;
       border-bottom: 1px solid #D9D9D9;
   }

   .item3 span {
       margin-top: 15px;
       display: flex;
       grid-gap: 10px;
   }

   .item3 span h1 {
       font-weight: 700;
       font-size: 48px;
       line-height: 1;
       color: var(--color);
   }

   .item3 span h3 {
       font-size: 18px;
       color: var(--color);
   }

   @media (max-width: 1660px) {
       .lt3 .contact {
           bottom: 0;
       }
   }

   @media (max-width: 1440px) {
       .lt3 {
           width: 50%;
       }
   }

   @media (max-width: 1200px) {
       .Box3 {
           display: flex;
           flex-wrap: wrap;
           flex-direction: column-reverse;
       }

       .rt3 {
           width: 100%;
       }

       .lt3 {
           max-width: 720px;
           width: 100%;
           margin-top: 30px;
       }

       .SINCE3 {
           margin: 30px 0;
       }

       .Number3 {
           margin-top: 30px;
           grid-gap: 30px;
           justify-content: center;
       }

       .item3 {
           width: auto;
       }

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

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

   @media (max-width: 720px) {
       .Number3 {
           flex-wrap: wrap;
           grid-gap: 30px 0;
       }

       .item3 {
           width: calc(50% - 30px);
       }

       .lt3 {
           padding-bottom: 60px;
       }
   }

   @media (max-width: 460px) {
       .item3 {
           width: 100%;
       }

       .lt3 {
           padding-bottom: 150px;
       }

       .lt3 .contact {
           width: 100%;
       }

       .lt3 .cc {
           left: 74%;
           top: 26%;
       }
   }

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