.hexin_box {
       background: #f7fafc;
       padding-top: 100px;
       padding-bottom: 100px;
   }

   .title_h2bg {
       background: url("/assets/images/bg002.png") no-repeat center center;
       padding-top: 20px;
       padding-bottom: 20px;
   }

   .hx_tab {
       height: 60px;
       background: #fff;
       border-radius: 60px;
       max-width: 680px;
       width: 100%;
       margin: 15px auto;
       display: flex;
       align-items: center;
       margin-top: 35px;
   }

   a,
   p,
   b,
   li {
       text-decoration: none;
       color: #333;
   }

   .hx_tab li {
       width: 33.333333%;
       color: #555555;
       font-size: 18px;
       text-align: center;
       height: 100%;
       line-height: 60px;
       cursor: pointer;
       position: relative;
       transition: all 0.3s ease;
   }

   .hx_tab li::before {
       content: '';
       position: absolute;
       width: 100%;
       height: 100%;
       border-radius: 60px;
       z-index: 1;
       left: 0;
       top: 0;
       transition: all 0.3s ease;
   }

   .hx_tab li span {
       position: relative;
       z-index: 2;
       color: #555;
   }

   .hx_tab li.hover::before {
       background: #2196f3;
   }

   .hx_tab li.hover span {
       color: #fff;
   }

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

   .hxtab_con_l {
       width: 40%;
       padding-top: 60px;
       padding-bottom: 40px;
   }

   .hxtab_con_r {
       width: 60%;
   }

   .flex-order-reverse {
       flex-direction: row-reverse;
   }

   .hxtab_con_l h4 {
       font-size: 21px;
       font-weight: 400;
       color: #555555;
       line-height: 1.5;
       margin-bottom: 28px;
   }

   .hxtab_con_l h1 {
       font-size: 50px;
       font-weight: 400;
       color: #2196F3;
       line-height: 1.4;
       margin-bottom: 34px;
   }

   .hxtab_con_l ul.ti {
       margin-bottom: 20px;
   }

   .hxtab_con_l ul.ti li {
       list-style: disc;
       font-size: 16px;
       color: #555;
       line-height: 32px;
   }

   .btn {
       position: relative;
       background-image: linear-gradient(135deg, #006cff, #0af);
       border: none;
       color: #fff;
       cursor: pointer;
       outline: none;
       overflow: hidden;
       box-shadow: 0 14px 30px rgba(178, 100, 100, .15);
       font-size: 16px;
       text-align: center;
       width: 140px;
       height: 48px;
       border-radius: 4px;
       font-weight: 500;
       display: inline-block;
       line-height: 48px;
   }

   img {
       max-width: 100%;
       vertical-align: middle;
       border-style: none;
   }

   @media screen and (max-width: 1980px) {
       .hxtab_con_l h4 {
           margin-bottom: 16px;
       }
   }

   @media screen and (max-width: 1921px) {
       .hxtab_con_l h1 {
           font-size: 40px;
           line-height: 1.4;
       }
   }

   @media (max-width: 1600px) {
       .hxtab_con_l {
           width: 40%;
       }
   }

   @media screen and (max-width: 1280px) {
       .hexin_box {
           padding-top: 70px;
           padding-bottom: 70px;
       }

       .Website_container {
           max-width: 1190px;
       }

       .hxtab_con_l h4 {
           font-size: 18px;
           margin-bottom: 15px;
       }

       .hxtab_con_l h1 {
           font-size: 22px;
           line-height: 1.4;
       }
   }

   @media (max-width: 1000px) {
    .hxtab_con {
        flex-direction: column; /* 改为垂直布局 */
    }
    .hxtab_con_l, .hxtab_con_r {
        width: 100% !important; /* 强制宽度100% */
        text-align: center !important;
    }

       .hxtab_con_l {
           order: 2;
       }

       .hxtab_con_r {
           order: 1;
       }

       .hxtab_con_l h4 {
           font-size: 18px;
           margin-bottom: 15px;
       }

       .hxtab_con_l h1 {
           font-size: 28px;
           line-height: 1.3;
           margin-bottom: 20px;
       }

       .ti {
           padding-right: 0 !important;
           direction: ltr !important;
           text-align: center !important;
       }

       .ti li {
           display: inline-block;
           text-align: left;
           margin: 0 10px 10px;
       }
   }

   @media (max-width: 576px) {
       .hxtab_con_l h4 {
           font-size: 14px;
           margin-bottom: 15px;
       }

       .hxtab_con_l h1 {
           font-size: 16px;
           line-height: 1.3;
           margin-bottom: 20px;
       }

       .hxtab_con_l,
       .hxtab_con_r {
           width: 100% !important;
           text-align: center !important;
           padding: 0px !important;
       }
   }