* {
         margin: 0;
         padding: 0;
         box-sizing: border-box;
         font-family: 'Arial', sans-serif;
     }

     body {
         background-color: #f5f7fa;
         color: #333;
     }

     /* 导航栏样式 */
     .navbar {
         background: #FFFFFF;
         padding: 21.5px 50px;
         display: flex;
         justify-content: space-between;
         align-items: center;
         box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
         position: fixed;
         width: 100%;
         top: 0;
         z-index: 1000;
     }

     .logo {
         height: 40px;
         width: 137px;
         background-size: cover;
         background-position: center;
     }

     .login-btn {
         width: 100px;
         height: 40px;
         background: linear-gradient(135deg, #0B44FB 0%, #2BC1F1 100%);
         border-radius: 45px;
         border: 2px solid #FFFFFF;
         font-family: PingFangSC, PingFang SC;
         font-weight: 400;
         font-size: 16px;
         color: #FFFFFF;
         cursor: pointer;
     }

     .login-btn:hover {
         /* background: rgba(255,255,255,0.3);
            transform: translateY(-2px); */
     }

     /* 轮播图样式 */
     .carousel-container {
         margin-top: 84px;
         position: relative;
         overflow: hidden;
         height: 1000px;
         min-width: 1200px;
     }

     .carousel {
         display: flex;
         transition: transform 0.5s ease;
         height: 100%;
     }

     .carousel-item {
         min-width: 100%;
         height: 100%;
         background-size: cover;
         background-position: center;
         position: relative;
     }

     .carousel-item-text {
         position: absolute;
         z-index: 999;
         top: 219px;
         left: 260px;


     }

     .carousel-controls {
         position: absolute;
         bottom: 20px;
         left: 50%;
         transform: translateX(-50%);
         display: flex;
         gap: 10px;
     }

     .carousel-dot {
         width: 12px;
         height: 4px;
         background: #ccc;
         border-radius: 2px;
         cursor: pointer;
         transition: all 0.3s ease;
     }

     .carousel-dot.active {
         background: #2a5298;
         width: 24px;
     }

     .carousel-arrow {
         position: absolute;
         top: 50%;
         background: rgb(0 0 0 / 10%);

         width: 48px;
         height: 48px;
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         cursor: pointer;
         font-size: 18px;
         color: #333;
         transition: all 0.3s ease;
     }



     .carousel-arrow.prev {
         left: 20px;
     }

     .carousel-arrow.next {
         right: 20px;
     }

     /* 业务模块样式 */
     .business-section {
         /* padding: 60px 50px; */
         background: #F3F6FB;
         min-width: 1200px;
     }

     .section-title {
         text-align: center;
         font-family: PingFangSC, PingFang SC;
         font-weight: 300;
         font-size: 60px;
         color: #333333;
         line-height: 84px;
         padding-top: 103px;
         padding-bottom: 100px;
         background: #ffffff;
     }

     .section-title1 {
         color: #0B47FA;
         font-weight: 600;
     }

     .business-icons {
         display: flex;
         justify-content: center;


         width: 100%;
         margin: 0 auto;
         background: #ffffff;
     }

     .business-icons-div {
         width: 100%;
         max-width: 1400px;
         padding: 0 30px 40px 30px;

         display: flex;
         justify-content: space-between;
         /* gap: 120px; */
     }

     .business-icon {
         display: flex;
         flex-direction: column;
         justify-content: flex-start;
         align-items: center;
         cursor: pointer;
         transition: all 0.3s ease;
         width: 100px;

     }

     .business-icon div {
         text-align: center;
     }

     .business-icon:hover {
         transform: translateY(-5px);
     }

     .business-icon.active {
         color: #0B47FA;
     }

     .icon-img {


         background: #ffffff;

     }

     .business-icon.active .icon-img {
         background: rgba(255, 255, 255, 0.2);
     }

     .business-detail {
         max-width: 1400px;
         width: 100%;
         margin: 100px auto;
         padding: 0 30px;
         display: flex;
         justify-content: center;
         align-items: center;
     }

     .business-detail-left {
         min-width: 350px;
         flex: 1;
         height: 400px;
         background: linear-gradient(135deg, #0A42FB 0%, #2CC3F1 100%);
         padding: 33px 23px;

     }

     .business-detail-right {
         display: flex;
         flex-wrap: wrap;
         flex: 2;
     }

     .business-detail-right-item {
         background-color: #ffffff;
         height: 200px;
         padding: 33px 23px;

         border: 1px solid #E4E8F0;
     }

     .business-detail-right-item:hover {
         background-color: #E4E8F0;
     }

     .business-detail-right-item:hover .business-detail-right-title {
         color: #0B47FA;
     }

     .business-detail-left-title {
         font-family: PingFangSC, PingFang SC;
         font-weight: 600;
         font-size: 22px;
         color: #FFFFFF;
         line-height: 30px;
         margin-bottom: 16px;
         text-align: left;
     }

     .business-detail-left-con {
         font-family: PingFangSC, PingFang SC;
         font-weight: 400;
         font-size: 20px;
         color: #FFFFFF;
         line-height: 28px;
         text-align: left;
     }

     .business-detail-right-title {
         font-family: PingFangSC, PingFang SC;
         font-weight: 600;
         font-size: 18px;
         color: #333333;
         line-height: 25px;
         text-align: left;
         font-style: normal;
         margin-bottom: 12px;

     }

     .business-detail-right-con {
         font-family: PingFangSC, PingFang SC;
         font-weight: 400;
         font-size: 14px;
         color: #666666;
         line-height: 20px;
         text-align: justify;
         font-style: normal;
     }

     /* 悬浮工具栏样式 */
     .floating-toolbar {
         position: fixed;
         right: 0px;
         top: 70%;
         transform: translateY(-50%);
         z-index: 1000;
         width: 70px;
         height: 259px;
         background: linear-gradient(135deg, #0A42FB 0%, #2CC3F1 100%);
         box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.2);
         border-radius: 4px;
         border: 1px solid #E4E8F0;
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
     }

     .tool-item {
         width: 70px;
         flex: 1;
         background: none;

         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
         cursor: pointer;

         position: relative;
     }



     .tool-qrcode {
         position: absolute;
         right: 80px;
         top: 50%;
         transform: translateY(-50%);
         background: white;
         padding: 15px;
         border-radius: 10px;
         box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
         display: none;

     }

     .tool-item:hover .tool-qrcode {
         display: block;
     }

     .qrcode-img {
         width: 120px;
         height: 120px;
         background: #ffffff;
         display: flex;
         align-items: center;
         justify-content: center;
     }

     .tool-text-item {
         display: flex;
         justify-content: center;
         align-items: center;
         flex-direction: column;
         font-family: PingFangSC, PingFang SC;
         font-weight: 400;
         font-size: 14px;
         color: #333333;
         line-height: 20px;

     }

     .tool-text {
         display: flex;
         justify-content: center;
         align-items: center;
         flex-direction: column;

     }


     .tab-container {
         max-width: 1400px;
         margin: 50px auto;
         padding: 0 30px;
     }

     /* tab切换 */

     .tabs {
         position: relative;
         margin-bottom: 20px;
         background: #ffffff;
     }

     .tab-buttons {
         display: flex;
         background: #f8fafc;
         border-radius: 8px;
         position: relative;
         height: 107px;
         align-items: flex-start;
         background: #ffffff;
         justify-content: center;
         max-width: 1400px;
         margin: 0px auto;
         padding: 0 0px 0 0px;
     }

     .tab-btn {
         padding: 0;
         border: none;
         background: #ffffff;
         cursor: pointer;

         position: relative;
         z-index: 2;
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
         font-family: PingFangSC, PingFang SC;
         font-weight: 400;
         font-size: 18px;
         color: #091221;
         line-height: 26px;
         font-style: normal;
         width: 282px;

     }

     .tab-btn.active {
         color: #0B47FA;
     }

     .slider {
         position: absolute;
         bottom: -3px;
         left: 0;
         height: 3px;
         background: #0B47FA;
         border-radius: 2px;
         transition: all 0.3s ease;
     }

     .tab-content {
         position: relative;
         min-height: 200px;
     }

     .tab-panel {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 400px;
         display: none;
         transform: translateY(10px);
         transition: all 0.3s ease;
         /* padding: 33px 30px; */
         background: #ffffff;

         z-index: 5;
     }

     .panelText {
         position: absolute;
         top: 33px;
         left: 30px;
         width: 686px;
         height: calc(100% - 33px);
         z-index: 9;

     }

     .panelBgImg {
         position: absolute;
         right: 0;
         top: 0;
     }

     .panelBg {
         position: absolute;
         top: 0px;

         right: 513px;

         height: 400px;
         width: 283px;
         z-index: 1;
         background: linear-gradient(90deg, #FFFFFF 0%, rgba(254, 254, 254, 0) 100%);
     }

     .panelBtn {
         position: absolute;
         bottom: 47px;
         left: 30px;
         cursor: pointer;
         display: flex;
         z-index: 9;
         width: 170px;
         height: 50px;
         background: linear-gradient(135deg, #0B44FB 0%, #2BC1F1 100%);
         border-radius: 30px;
         justify-content: center;
         align-items: center;
         font-family: PingFangSC, PingFang SC;
         font-weight: 600;
         font-size: 18px;
         color: #FFFFFF;
         line-height: 25px;
         letter-spacing: 1px;
     }

     .panelItemTitle {
         font-family: PingFangSC, PingFang SC;
         font-weight: 600;
         font-size: 22px;
         color: #333333;
         line-height: 30px;
         text-align: left;
         font-style: normal;
         margin-bottom: 4px;
     }

     .panelItemTitle1 {
         font-family: PingFangSC, PingFang SC;
         font-weight: 600;
         font-size: 18px;
         color: #0B47FA;
         line-height: 25px;
         text-align: left;
         font-style: normal;
         margin-top: 12px;
     }

     .panelItemCon {
         font-family: PingFangSC, PingFang SC;
         font-weight: 400;
         font-size: 18px;
         color: #333333;
         line-height: 25px;
         text-align: justify;
         font-style: normal;
     }

     .tab-panel.active {
         display: block;
         transform: translateY(0);
         position: relative;
     }



     /* 底部信息收集样式 */
     .footer-section {
         background: #1a1a1a;
         color: white;
         padding: 40px 50px;
         height: 500px;
         width: 100%;
         background: #1a1a1a url('../images/footer.png') center center no-repeat;
         background-size: cover;
         display: flex;
         justify-content: center;
         align-items: center;
         flex-direction: column;
         min-width: 1200px;
     }

     .info-form {
         display: flex;
         justify-content: center;
         gap: 15px;
         /* max-width: 600px; */
         margin: 0 auto;
     }




     .input-with-button {
         position: relative;
         flex: 1;
         display: flex;
     }

     .input-with-button .verify-input {
         padding-right: 120px;
         outline: none;
         /* 去除获取焦点时的边框 */
         /* 为按钮留出空间 */
     }

     .input-with-button .verify-btn {
         position: absolute;
         right: 5px;
         top: 5px;
         bottom: 5px;
         padding: 0 15px;
         border-radius: 5px;
         height: calc(100% - 10px);
     }

     .form-input {
         padding: 12px 15px;
         background: #FFFFFF;
         border-radius: 4px;
         border: 1px solid #E4E8F0;
         outline: none;
         /* 去除获取焦点时的边框 */
     }

     .form-input::placeholder {
         color: #ccc;
     }

     .verify-btn {
         color: white;
         background-color: #ffffff;
         border: none;
         padding: 12px 20px;
         border-radius: 8px;
         cursor: pointer;
         font-size: 18px;
         color: #0B47FA;
     }



     .submit-btn {
         width: 150px;
         height: 48px;
         background: linear-gradient(135deg, #0A42FB 0%, #2CC3F1 100%);
         border-radius: 4px;
         border: 1px solid #FFFFFF;
         cursor: pointer;
         font-size: 18px;
         color: #FFFFFF;
     }


     .footer-section-title {
         font-family: PingFangSC, PingFang SC;
         font-weight: 600;
         font-size: 36px;
         color: #FFFFFF;
         line-height: 50px;
         margin-bottom: 11px;
     }

     .footer-section-title1 {
         font-family: PingFangSC, PingFang SC;
         font-weight: 400;
         font-size: 16px;
         color: #FFFFFF;
         line-height: 22px;
         margin-bottom: 58px;
     }

     .footer-section-title2 {
         font-family: PingFangSC, PingFang SC;
         font-weight: 400;
         font-size: 16px;
         color: #FFFFFF;
         line-height: 22px;
         margin-top: 41px;
         display: flex;
         flex-wrap: nowrap;
         gap: 40px;
     }