.zhixiao {
    width: 100%;
    height: auto;
    background-color: #f4f5f9;
  }
  /* lunbo */
  .zx_lunbo {
    width: 100%;
    height: 400px;
    margin: 0;
    padding: 0;
    z-index: 888;
    background-image: url(../img/banner.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .zx_two {
      width: 100%;
      height: 137px;
      display: flex;
      justify-content: center;
      z-index: 666;background-color: #fff;
  }

  .zx_two_kuan {
      width: 1200px;
      height: 121px;
      margin-top: -27px;
      /* background-color: wheat; */
      border-radius: 8px;
      display: flex;
      z-index: 998;
      justify-content: flex-start;
      box-shadow: -2px 0 2px #dedede,
          /*左边阴影*/
          2px 0 2px #dedede,
          /*右边阴影*/
          0 0px 0px #dedede,
          /*顶部阴影*/
          0 4px 4px #dedede;
      /*底边阴影*/
  }

  .zx_two_kuan ul {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      list-style: none;
      border-radius: 8px;
      background-color: white;
      display: flex;
      justify-content: flex-start;
  }

  .zx_two_kuan ul li {
      flex-grow: 1;
      width: 300px;
      height: 59px;
      margin-top: 30px;
      margin-left: 30px;
      /* background-color: slateblue; */
      /* border: 1px solid #333; */
      display: flex;
      justify-content: flex-start;
  }

  .two_content_left_img {
      margin-right: 20px;
      transition: all .2s;
      width: 51px;
      height: 51px;
      background: url(../img/ico.png) no-repeat;
      text-align: center;
      /* background-color: brown; */
  }

  .two_content_left_img_swap {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
  }

  .two_text_hei.hover{
      color: #FC7809;
  }

  .two_content_image {
      margin: 0;
      padding-right: 20px;
      padding-top: 27px;
  }

  .two_content_right_tit {
      flex-grow: 2;
      width: 115px;
      height: 121px;
      font-size: 18px;
      color: red;
      /* background-color: sandybrown; */
  }

  .two_text_hei {
      margin: 0;
      color: #4d4d4d;
      font-size: 18px;
  }

  .two_text2 {
      margin: 0;
      padding-top: 4px;
      font-size: 14px;
      color: #999999;
  }

  
  .zx_three {
    width: 100%;
    padding: 18px 0 50px;
    background: #fff;
  }
  
  .zx_three_wrap {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
  }
  
  .zx_three_badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 112px;
    height: 32px;
    padding: 0 18px;
    border-radius: 999px;
    background: #FC7809;
    color: #fff;
    font-size: 15px;
    line-height: 1;
    position: relative;
    box-shadow: 0 6px 14px rgba(255, 127, 31, 0.2);
  }
  
  .zx_three_badge::after {
    content: "";
    position: absolute;
    left: 24px;
    bottom: -6px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #ff8a27 transparent transparent transparent;
  }
  
  .zx_three_title {
    margin-top: 12px;
    font-size: 48px;
    line-height: 1.08;
    font-weight: 800;
    color: #232323;
    letter-spacing: 4px;
  }
  
  .zx_three_title span {
    color: #FD0706;
  }
  
  .zx_three_subtitle {
    margin-top: 25px;
    font-size: 24px;
    color: #333;
    font-weight: 700;
    letter-spacing: 1px;
  }
  
  .zx_three_desc {
    margin-top: 10px;
    font-size: 22px;
    color: #8A95A6;
  }
  
  .zx_three_steps {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 1100px;
    margin: 40px auto;
    >img{
        width: 100%;
        height: 100%;
    }
  }
  
 
  .zx_three_btns {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 22px;
  }
  
  .zx_three_btn {
    width: 266px;
    height: 55px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    text-decoration: none;
    box-sizing: border-box;
    letter-spacing: 1px;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    >img{
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }
  }
  
  .zx_three_btn:hover {
    transform: translateY(-1px);
  }
  
  .zx_three_btn i {
    font-style: normal;
    margin-right: 8px;
    font-size: 15px;
  }
  
  .zx_three_btn_primary {
    background: #F83A3A;
    color: #fff;
    box-shadow: 0 8px 18px rgba(239, 48, 40, 0.18);
    font-weight: 500;
  }
  
  .zx_three_btn_outline {
    border: 1px solid #4a4a4a;
    color: #333;
    background: #fff;
    font-weight: bold;
  }
  
  .zx_three_footer {
    margin-top: 20px;
    color: #B8B8B8;
    font-size: 20px;
    letter-spacing: 2px;
  }
  .zx_four {
      width: 100%;
      padding: 44px 0 44px;
      background-image: url('../img/260512/zhixiao_24.png');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
  }

  .zx_four_wrap {
      width: 1200px;
      margin: 0 auto;
  }

  .zx_four_header {
      text-align: center;
      margin-bottom: 44px;
  }

  .zx_four_title {
      font-size: 40px;
      line-height: 1;
      color: #333;
      font-weight: 600;
      letter-spacing: 2px;
  }

  .zx_four_subtitle {
      margin-top: 30px;
      font-size: 18px;
      color: #838383;
  }

  .zx_four_grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px 18px;
  }

  .zx_four_card {
      position: relative;
      width: 100%;
      height: 425px;

      >img{
        height: 100%;
        width: 100%;
      }
  }

 

  .zx_five {
      width: 100%;
      padding: 44px 0 44px;
      background: #fff;
  }

  .zx_five_wrap {
      width: 1200px;
      margin: 0 auto;
  }

  .zx_five_title {
      text-align: center;
      font-size: 40px;
      line-height: 1;
      color: #333;
      font-weight: 600;
      letter-spacing: 2px;
  }

  .zx_five_subtitle {
      margin-top: 25px;
      text-align: center;
      font-size: 18px;
      color: #838383;
  }

  .zx_five_compare {
      margin-top: 45px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
  }
  .zx_five_hot {
      position: absolute;
      top: -18px;
      right: -4px;
      width: 54px;
      height: 54px;
      background: linear-gradient(180deg, #ffb339 0%, #ff6a00 100%);
      color: #fff;
      font-size: 16px;
      line-height: 1;
      text-align: center;
      border-radius: 50% 50% 50% 0;
      font-weight: 800;
      transform: rotate(18deg);
      box-shadow: 0 8px 16px rgba(255, 106, 0, 0.28);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 2;
  }

  .zx_five_btn {
      margin-top: 12px;
      height: 36px;
      border-radius: 8px;
      background: #ef3028;
      color: #fff;
      font-size: 14px;
      line-height: 36px;
      text-align: center;
      font-weight: 700;
  }

  .zx_five_banner {
      margin-top: 14px;
 
      box-sizing: border-box;
      position: relative;
      >img{
        width: 100%;
        height: 100%;
      }
  }

  

  

  .zx_six {
      width: 100%;
      padding: 60px 0 50px;
      background-image: url('../img/260512/zhixiao_39.png');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
  }

  .zx_six_wrap {
      width: 1200px;
      margin: 0 auto;
      text-align: center;
  }

  .zx_six_title {
    text-align: center;
    font-size: 40px;
    line-height: 1;
    color: #333;
    font-weight: 600;
    letter-spacing: 2px;
  }

  .zx_six_subtitle {
    margin-top: 25px;
    text-align: center;
    font-size: 18px;
    color: #838383;
  }

  .zx_six_tags {
      display: flex;
      justify-content: center;
      gap: 20px;
      margin-top: 30px;
      >img{
        width:220px;
        height: 60px;
      }
  }

  
  .zx_six_brands {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 16px 16px;
      margin-top: 40px;
  }

  .zx_six_brand {
      height: 214px;
      width: 100%;
      /* box-shadow: 0 2px 10px rgba(58, 74, 98, 0.06); */
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
  }

  .zx_six_brand_logo {
    height: 214px;
    width: 100%;
      >img{
        width: 100%;
        height: 100%;
      }
  }



  .zx_six_brand_name {
      margin-top: 8px;
      font-size: 16px;
      color: #333;
      line-height: 1;
  }

  @media (max-width: 1250px) {
      .zx_four_wrap,
      .zx_five_wrap,
      .zx_six_wrap {
          width: 100%;
          padding: 0 20px;
          box-sizing: border-box;
      }

      .zx_four_grid {
          grid-template-columns: repeat(2, 1fr);
      }

      .zx_five_compare,
      .zx_five_banner_cards {
          grid-template-columns: 1fr;
      }

      .zx_six_brands {
          grid-template-columns: repeat(2, 1fr);
      }

      .zx_six_tags {
          flex-wrap: wrap;
      }
  }


  /* 旧的 */
  .bc_two {
    width: 100%;
    height: 650px;
    background-color: #f4f5f9;
    display: flex;
    justify-content: center;
  }
  .bctwo_kuan {
    width: 1200px;
    height: 100%;
    /* background-color: saddlebrown; */
  }
  .bctwo_top {
    width: 100%;
    height: 116px;
    /* background-color: #364d79; */
  }
  .bctwo_top_tit {
    margin: 0;
    font-size: 38px;
    text-align: center;
  }
  .bctwo_top_dec {
    font-size: 16px;
    color: #808080;
    text-align: center;
    margin: 0;
    /* padding-top: 23px; */
  }
  .bctwo_content {
    width: 100%;
    height: 432px;
    background-color: transparent;
    display: flex;
    justify-content: flex-start;
  }
  .bctwo_item {
    flex-grow: 1;
    width: 240px;
    height: 100%;
    border: 1px solid #d5eaff;
    background-color: white;
  }
  .bctwo_item_top {
    width: 100%;
    height: 151px;
    background-color: #e9f4ff;
  }
  .bctwo_item_ttit {
    text-align: center;
    font-size: 24px;
    color: #0054ac;
    line-height: 101px;
  }
  .bctwo_item_tu{
    width: 100%;
    height: 131px;
    /* background-color: burlywood; */
  }
  .bctwo_item_img{
    text-align: center;
    line-height: 131px;
    margin-top: -47px;
  }
  .bctwo_item_dec{
    font-size: 14px;
    color: #808080;
    padding: 20px 15px 0;
  }

  .bctwo_item_btn{
    width: 100%;
    text-align: center;
    padding-top: 15px;
  }
  .bctwo_item_btn>a{
    width: 100px;
    line-height: 30px;
    color: #fff;
    padding: 10px 24px;
    border-radius: 30px;
    font-size: 16px;
    background: linear-gradient(to right, #055BB6, #268DF9);;
  }

  .bc_three {
    width: 100%;
    height: 600px;
    /* background-image: url("../pc/bc_3.png"); */
    background-image: url("../img/bc_3.png");
    background-position: center;
    display: flex;
    justify-content: center;
  }
  .bcthree_kuan{
    width: 1239px;
    height: 100%;
    background-color: transparent;
  }
  .bcthree_menu{
    width: 1239px;
    height: 600px;
    background: transparent;
  }
  .menu_tab{
    width: 222px;
    height: 80px;
    background-color: #000000;
    display: flex;
    justify-content: flex-start;
  }
  .menu_tab:hover{
    background-color: #f15655;
  }
  /* 菜单样式,为啥没有生效 */
  .ant-tabs .ant-tabs-left-bar .ant-tabs-tab {
      text-align: right;
      margin: 0;
      padding: 0;
  }
  .menu_tab_left{
    width: 60px;
    text-align: center;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background-color: transparent;
  }
  .menu_tab_right{
    width: 162px;
    height: 100%;
    background-color: transparent;
  }
  .menu_tit{
    text-align: left;
    color: white;
    margin: 0;
    padding-top: 16px;
    font-size: 16px;
  }
  .menu_dec{
    text-align: left;
    color: white;
    margin: 0;
    padding-top: 5px;
    font-size: 12px;
  }
  .bcthree_content{
    width: 900px;
    height: 600px;
    background-color: transparent;
    margin-left: 50px;
    padding: 0;
  }
  .bcthr_anli{
    font-size: 24px;
    color: white;
    padding-top: 48px;
    margin: 0;
  }
  .bcthr_gaiyao{
    font-size: 16px;
    color: white;
    padding-top:15px;
  }
  .bcthr_moshi{
    font-size: 16px;
    color: #808080;
  }
  .bcthr_zhidu{
    font-size: 16px;
    color: white;
  }
  .bcthr_btn{
    /* margin: 0; */
    padding-top: 26px;
  }
  .bcthr_about{
    color: white;
    font-size: 28px;
    margin: 0;
    padding-top:14px; 
    padding-bottom:24px; 
  }
  .know_btn{
    width: 160px;
    height: 50px;
    font-size: 16px;
    border: 1px solid white;
    background-color: transparent;
    outline: none;
    color: white;
  }
  .know_btn:hover{
    background-color: white;
    color: #000;
  }
  .plan_btn{
    width: 160px;
    height: 50px;
    font-size: 16px;
    border: 1px solid white;
    background-color: transparent;
    outline: none;
    color: white;
  }
  .plan_btn:hover{
    background-color: white;
    color: #000;
  }

  /* 菜单 */
.bc_three {
  width: 100%;
  height: 600px;
  background-image: url("../img/bc_3.png");
  background-position: center;
  display: flex;
  justify-content: center;
}
.bc_three_kuan{
  width: 1200px;
  height: 100%;
  /* background-color: sandybrown; */
  display: flex;
  justify-content: flex-start;
}
.bc_three_tab_title{
  width: 261px;
  height: 100%;
  background-color: #000;
}
.bc_three_tab_title>ul{
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  height: 542px;
  margin-top: 28px;
  /* background-color: seagreen; */
  display: flex;
  flex-direction: column;
}
.bc_three_tab_title>ul>li{
  flex-grow: 1;
  width: 100%;
  height: 88px;
  /* border: 1px solid #333; */
  display: flex;
  justify-content: center;
}
.bc_three_tab_title>ul>li:hover{
  cursor: pointer;
}
.bc_three_tab_title .bcthree_tab_active{
  cursor: pointer;
  background: linear-gradient(to right top, #f15655, #f15655);
  color: white;
  border: 0;
}
.csfour_tab_posi{
  width: 222px;
  height: 100%;
  /* background-color: salmon; */
  border-bottom: 1px solid #666;
  display: flex;
  justify-content: flex-start;
}

.csfour_tab_tu.img1{
  width: 56px;
  height: 85px;
  background-image: url(../img/bcthreeicon1.png);
  background-position: center;
  background-repeat: no-repeat;
}

.bcthree_tab_active .csfour_tab_tu.img1{
  background-image: url(../img/bcthreeicon1-1.png);
}

.csfour_tab_tu.img2{
  width: 56px;
  height: 85px;
  background-image: url(../img/bcthreeicon2.png);
  background-position: center;
  background-repeat: no-repeat;
}

.bcthree_tab_active .csfour_tab_tu.img2{
  background-image: url(../img/bcthreeicon2-1.png);
}

.csfour_tab_tu.img3{
  width: 56px;
  height: 85px;
  background-image: url(../img/bcthreeicon3.png);
  background-position: center;
  background-repeat: no-repeat;
}

.bcthree_tab_active .csfour_tab_tu.img3{
  background-image: url(../img/bcthreeicon3-1.png);
}

.csfour_tab_tu.img4{
  width: 56px;
  height: 85px;
  background-image: url(../img/bcthreeicon4.png);
  background-position: center;
  background-repeat: no-repeat;
}

.bcthree_tab_active .csfour_tab_tu.img4{
  background-image: url(../img/bcthreeicon4-1.png);
}

.csfour_tab_tu.img5{
  width: 56px;
  height: 85px;
  background-image: url(../img/bcthreeicon5.png);
  background-position: center;
  background-repeat: no-repeat;
}

.bcthree_tab_active .csfour_tab_tu.img5{
  background-image: url(../img/bcthreeicon5-1.png);
}

.csfour_tab_tu.img6{
  width: 56px;
  height: 85px;
  background-image: url(../img/bcthreeicon6.png);
  background-position: center;
  background-repeat: no-repeat;
}

.bcthree_tab_active .csfour_tab_tu.img6{
  background-image: url(../img/bcthreeicon6-1.png);
}

.csfour_tab_font{
  width: 167px;
  height: 100%;
  /* background-color: salmon; */
}
.csfour_tab_fonttit{
  font-size: 16px;
  color: white;
  margin: 0;
  text-indent: 8px;
  padding-top: 20px;
}
.csfour_tab_fontdec{
  font-size: 12px;
  color: #e5e5e5;
  margin: 0;
  text-indent: 8px;
  padding-top: 4px;
}


.closer_four_tab_content{
  width: 970px;
  height: 100%;
  /* background-color: sandybrown; */
}
.closerfour_tab_contyi{
  width: 100%;
  height: 100%;
  /* background-color: darkcyan; */
}
.csfour_tabcont_posi{
  width: 900px;
  height: 100%;
  /* background-color: saddlebrown; */
  margin-left: 76px;
}
.csfour_tabcont_posi>p:nth-child(1){
  font-size: 24px;
  color: white;
  padding-top: 48px;
  margin: 0;
}
.csfour_tabcont_posi>p:nth-child(2){
  font-size: 16px;
  color: white;
  padding-top:15px;
}
.csfour_tabcont_posi>p:nth-child(3){
  font-size: 16px;
  color: #808080;
}
.csfour_tabcont_posi>p:nth-child(4){
  font-size: 16px;
  color: white;
  padding-top:15px;
}
.csfour_tabcont_posi>p:nth-child(5){
  font-size: 16px;
  color: #808080;
}
.csfour_tabcont_posi>p:nth-child(6){
  padding-top: 26px;
}
.csfour_tabcont_posi>p:nth-child(7){
  color: white;
  font-size: 28px;
  margin: 0;
  padding-top:14px; 
  padding-bottom:24px; 
}
.csfour_tabcont_posi>p:nth-child(8){   
  padding-top:4px; 
}

.closerfour_tab_conter{
  width: 100%;
  height: 100%;
  /* background-color: saddlebrown; */
}
.closerfour_tab_contsan{
  width: 100%;
  height: 100%;
  /* background-color: steelblue; */
}
.closerfour_tab_contsi{
  width: 100%;
  height: 100%;
  /* background-color: forestgreen; */
}
.closerfour_tab_contwu{
  width: 100%;
  height: 100%;
  /* background-color: coral; */
}
.closerfour_tab_contliu{
  width: 100%;
  height: 100%;
  /* background-color: darkgray; */
}
.know_btn{
  width: 160px;
  height: 50px;
  font-size: 16px;
  border: 1px solid white;
  background-color: transparent;
  outline: none;
  color: white;
}
.know_btn:hover{
  background-color: white;
  color: #000;
  cursor: pointer;
}
.plan_btn{
  width: 160px;
  height: 50px;
  font-size: 16px;
  border: 1px solid white;
  background-color: transparent;
  outline: none;
  color: white;
}
.plan_btn:hover{
  background-color: white;
  color: #000;
  cursor: pointer;
}
  
  .bc_four {
    width: 100%;
    height: 889px;
    background-image:url("../img/bc_4.png");
    background-position: center;
    display: flex;
    justify-content: center;
  }
  .bcfour_kuan {
    width: 1200px;
    height: 100%;
    /* background-color: #364d79; */
  }
  .bcfour_top {
    width: 100%;
    height: 222px;
    /* background-color: cadetblue; */
  }
  .bcfour_toptit {
    font-size: 38px;
    text-align: center;
    margin: 0;
    padding-top: 44px;
  }
  .bcfour_topdec {
    font-size: 16px;
    color: #808080;
    margin: 0;
    text-align: center;
    padding-top: 23px;
  }
  .bcfour_bot {
    width: 100%;
    height: 582px;
    /* background-color: darkcyan; */
    display: flex;
    justify-content: space-between;
  }
  .bcfour_botleft {
    width: 908px;
    height: 100%;
    /* background-color: silver; */
  }
  .bcfour_botleft_top {
    width: 100%;
    height: 282px;
    /* background-color: sandybrown; */
    display: flex;
    justify-content: space-between;
  }
  .bcfour_item {
    width: 219px;
    height: 100%;
    background-color: #f4f9fa;
  }
  .bcfouritem_img {
    width: 100%;
    height: 162px;
    /* background-color: burlywood; */
  }
  .bcfouritem_tu {
    margin: 0;
    height: 162px;
    line-height: 162px;
    text-align: center;
  }
  .bcfouritem_tit {
    margin: 0;
    font-size: 20px;
    text-align: center;
  }
  .bcfouritem_dec {
    margin: 0;
    font-size: 14px;
    text-align: center;
    color: #808080;
    padding-top: 10px;
    padding-left: 32px;
    padding-right: 32px;
  }
  .bcfour_botleft_bot {
    width: 100%;
    height: 282px;
    margin-top: 18px;
    /* background-color: saddlebrown; */
    display: flex;
    justify-content: space-between;
  }
  .bcfour_botright {
    width: 301px;
    height: 100%;
    /* background-color: steelblue; */
    /* background: url("../assets/pc/bcfourr3.png"); */
    background: url("../img/bcfourr3.png");
    background-position: center;
    background-repeat: no-repeat;
  }
  .bcfourrtit1 {
    margin: 0;
    padding-top: 58px;
    font-size: 36px;
    color: #7cafff;
    text-align: center;
    font-style: italic;
  }
  .bcfourrtit2 {
    margin: 0;
    padding-top: 173px;
    font-size: 36px;
    color: white;
    text-align: center;
    font-weight: 600;
  }
  .bcfourrdec {
    margin: 0;
    font-size: 16px;
    color: white;
    text-align: center;
    padding-top: 8px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .bc_five {
    width: 100%;
    height: 704px;
    /* background-image: url("../assets/pc/bc_5.png"); */
    background-image: url("../img/bc_5.png");
    background-position: center;
    display: flex;
    justify-content: center;
  }
  .bcfive_kuan {
    width: 1200px;
    height: 100%;
    /* background-color: saddlebrown; */
  }
  .bcfive_top {
    width: 100%;
    height: 203px;
    /* background-color: #4aa9eb; */
    text-align: center;
    color: white;
  }
  .bcfive_top_tit {
    margin: 0;
    padding-top: 46px;
    font-size: 38px;
  }
  .bcfive_top_dec {
    margin: 0;
    padding-top: 24px;
    font-size: 16px;
  }
  .bcfive_bot {
    width: 100%;
    height: auto;
    /* background-color: burlywood; */
  }
  .bcfiveb_top {
    width: 100%;
    height: auto;
    /* background-color: #f4f5f9; */
    display: flex;
    justify-content: flex-start;
  }
  .bcfive_bot_content {
    text-align: center;
    flex-grow: 1;
    width: 310px;
    height: auto;
    border: 1px solid rgba(255, 255, 255, 0.1);
    /* background-color: salmon; */
  }
  .bcfive_img_kuan {
    width: 100%;
    height: 100px;
    /* background-color: #364d79; */
    /* display: flex;
    align-items: center; */
  }
  .bcfivebc_img {
    /* text-align: center; */
    /* align-items: center; */
    text-align: center;
    height: 100px;
    line-height: 100px;
  }
  .bcfivebc_tit {
    font-size: 22px;
    color: white;
  }
  .bcfivebc_dec {
    font-size: 16px;
    color: white;
    padding: 0 50px;

  }

  .bc_sseight {
    width: 100%;
    height: 2041px;
    background-color: #f4f5f9;
  }
  .bc_six {
    width: 100%;
    height: auto;
    /* background-color: burlywood; */
    display: flex;
    justify-content: center;
  }
  .six_kuan {
    width: 1200px;
    height: 100%;
    background-color: #f4f5f9;
  }
  .bcsix_top {
    width: 100%;
    height: 199px;
    /* background-color: cadetblue; */
  }
  .bcsixtop_tit {
    text-align: center;
    font-size: 38px;
    margin: 0;
    padding-top: 46px;
  }
  .bcsixtop_dec {
    text-align: center;
    font-size: 16px;
    margin: 0;
    color: #808080;
    padding-top: 23px;
  }
  .bcsix_bot {
    width: 100%;
    height: 559px;
    /* background-color: rebeccapurple; */
    display: flex;
    justify-content: space-between;
  }
  .bcsixbot_content {
    width: 290px;
    height: 559px;
    /* background-color: white; */
    box-shadow: -2px 0 2px #e6e6e6, /*左边阴影*/ 2px 0 2px #e6e6e6,
      /*右边阴影*/ 0px 0px 0px #e6e6e6, /*顶部阴影*/ 0 2px 2px #e6e6e6; /*底边阴影*/
  }
  .bcsixbot_tu1 {
    width: 100%;
    height: 162px;
    /* background-image: url("../assets/pc/bcsix1.png"); */
    background-image:url("../img/bcsix1.png");
    background-position: center;
  }
  .bcsixbot_tu2 {
    width: 100%;
    height: 162px;
    /* background-image: url("../assets/pc/bcsix2.png"); */
    background-image: url("../img/bcsix2.png");
    background-position: center;
  }
  .bcsixbot_tu3 {
    width: 100%;
    height: 162px;
    /* background-image: url("../assets/pc/bcsix3.png"); */
    background-image:url("../img/bcsix3.png");
    background-position: center;
  }
  .bcsixbot_tu4 {
    width: 100%;
    height: 162px;
    /* background-image: url("../assets/pc/bcsix4.png"); */
    background-image:url("../img/bcsix4.png");
    background-position: center;
  }
  .bcsixbot_title {
    font-size: 24px;
    text-align: center;
    margin: 0;
    padding-top: 108px;
    color: white;
  }
  .bcsixbot_ulpos {
    width: 100%;
    height: 300px;
    background-color: white;
  }
  .bcsixbot_ulpos ul {
    margin: 0;
    padding-top: 30px;
    /* padding-left:35px; */
  }
  .bcsixbot_ulpos ul li {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 16px;
  }
  .bcsixbot_ulpos span {
    color: #808080;
    font-size: 14px;
    font-weight: 500;
  }
  .bcsixbot_btnpos {
    width: 100%;
    height: 99px;
    background-color: white;
  }
  .learnmore_btn {
    margin: 0;
    padding-top: 5px;
    color: #f96a69;
    text-align: center;
  }
  .learnmore_btn button {
    border: 1px solid #f96a69;
    padding: 12px 54px;
    background-color: white;
    outline: none;
    cursor: pointer;
  }
  .bc_seven {
    width: 100%;
    height: auto;
    /* background-color: #4aa9eb; */
    display: flex;
    justify-content: center;
  }
  .bcseven_kuan {
    width: 1200px;
    height: 100%;
    /* background-color: sandybrown; */
  }
  .bcseven_top {
    width: 100%;
    height: 323px;
    /* background-color:darkcyan; */
  }
  .bcseven_ttitle {
    font-size: 38px;
    text-align: center;
    margin: 0;
    padding-top: 125px;
  }
  .bcseven_btn {
    text-align: center;
    padding-top: 27px;
  }
  .bcseven_btn button {
    padding: 10px 30px;
    font-size: 16px;
    background-color: white;
    outline: none;
    border: 1px solid #ccc;
    cursor: pointer;
  }
  .bcseven_bot {
    width: 100%;
    height: 573px;
    background-color: #f4f5f9;
  }
  .bcseven_botone {
    width: 100%;
    height: 279px;
    background-color: #f4f5f9;
    display: flex;
    justify-content: space-between;
  }
  .bcseven_bottwo {
    margin-top: 15px;
    width: 100%;
    height: 279px;
    background-color: #f4f5f9;
    display: flex;
    justify-content: space-between;
  }
  .bcseven_botitem {
    /* flex-grow: 1; */
    width: 290px;
    height: 100%;
    background-color: white;
    box-shadow: -2px 0 2px #e6e6e6, /*左边阴影*/ 2px 0 2px #e6e6e6,
      /*右边阴影*/ 0px 0px 0px #e6e6e6, /*顶部阴影*/ 0 2px 2px #e6e6e6; /*底边阴影*/
  }
  .bcseven_itemimg1 {
    margin: 0;
    width: 100%;
    text-align: center;
  }
  .bcseven_itemimg1>img{
    width: 100%;
  }
  .bcseven_imggao {
    margin: 0;
    width: 100%;
    height: 68px;
    /* background-color: #4aa9eb; */
    /* display: flex;
    align-items: center; */
  }
  .bcseven_itemimg2 {
    /* padding-top: 10px; */
    text-align: center;
    height: 68px;
    line-height: 68px;
  }
  .bcseven_itemimg2.img>img{
    width: 150px;
  }
  .bcseven_itemtext {
    text-align: center;
    font-size: 14px;
  }
  .bc_eight {
    width: 100%;
    height: 380px;
    margin-top: 3px;
    /* background-color: darkcyan; */
    display: flex;
    justify-content: center;
  }
  .bceight_kuan {
    width: 1200px;
    height: 100%;
    /* background-color: burlywood; */
  }
  .bceight_top {
    width: 100%;
    height: 222px;
    /* background-color: cadetblue; */
  }
  .bceight_topp {
    text-align: center;
    font-size: 38px;
    margin: 0;
    padding-top: 109px;
  }
  .bceight_bot {
    width: 100%;
    height: 124px;
    /* background-color: dodgerblue; */
    display: flex;
    justify-content: flex-start;
  }
  .bceight_botitem {
    flex-grow: 1;
    width: auto;
    height: 100%;
    /* background-color: saddlebrown; */
    text-align: center;
  }
  .bceight_shu {
    margin: 0;
    color: red;
    font-size: 38px;
  }
  .bceight_intro {
    margin: 0;
    color: #808080;
    font-size: 24px;
  }

  .ant-form-item{
    margin-bottom: 0;
  }

/* ============================================================================
 *  以下为 Vue → 静态 HTML 转换时追加的规则，只追加，上面一行没改
 * ----------------------------------------------------------------------------
 *  用途：还原 .zx_two 四项服务承诺的鼠标悬停效果。
 *
 *  老代码（PCZhiXiao.vue 第 7~62 行）靠 Vue 数据驱动，每个 li 上挂
 *  @mouseover="zxtwo_tab = N" / @mouseleave="zxtwo_tab = 0"，然后
 *      图标：<div :style="{backgroundImage:`url(${zxtwo_tab===N ? 悬停图 : 常态图})`}">
 *      文字：<p :class="{two_text_hei:true, hover: zxtwo_tab==N}">
 *  也就是说图标的 background-image 一直由行内 style 提供，
 *  上面 .two_content_left_img 里那句 background:url(../img/ico.png) 从来没露过面。
 *
 *  纯静态页面没有行内 style 了，所以常态图必须在这里补回来，否则会露出 ico.png。
 *  四个 li 结构完全相同、class 也相同，用 :nth-child() 定位，
 *  HTML 里一个 class 都不用加 —— 结构和老代码逐字一致。
 *
 *  图片对应关系直接抄自老代码 data()（renamed-images.json 已把括号名改成下划线名）：
 *      li 1  0元启动开发    常态 zhixiao_2   悬停 zhixiao_1
 *      li 2  满意后付款     常态 zhixiao_42  悬停 zhixiao_41
 *      li 3  源码可交付     常态 zhixiao_45  悬停 zhixiao_44
 *      li 4  长期售后支持   常态 zhixiao_47  悬停 zhixiao_46
 *
 *  注意：没有改动上面已有的 .two_text_hei.hover 规则，
 *  只是新增一条等价的 li:hover 选择器，视觉效果与老页面完全一致。
 * ========================================================================== */

/* 图标常态图（原来由行内 style 提供） */
.zx_two_kuan ul li:nth-child(1) .two_content_left_img_swap { background-image: url(../img/260512/zhixiao_2.png); }
.zx_two_kuan ul li:nth-child(2) .two_content_left_img_swap { background-image: url(../img/260512/zhixiao_42.png); }
.zx_two_kuan ul li:nth-child(3) .two_content_left_img_swap { background-image: url(../img/260512/zhixiao_45.png); }
.zx_two_kuan ul li:nth-child(4) .two_content_left_img_swap { background-image: url(../img/260512/zhixiao_47.png); }

/* 图标悬停图（原 zxtwo_tab === N 分支） */
.zx_two_kuan ul li:nth-child(1):hover .two_content_left_img_swap { background-image: url(../img/260512/zhixiao_1.png); }
.zx_two_kuan ul li:nth-child(2):hover .two_content_left_img_swap { background-image: url(../img/260512/zhixiao_41.png); }
.zx_two_kuan ul li:nth-child(3):hover .two_content_left_img_swap { background-image: url(../img/260512/zhixiao_44.png); }
.zx_two_kuan ul li:nth-child(4):hover .two_content_left_img_swap { background-image: url(../img/260512/zhixiao_46.png); }

/* 标题变橙（原 :class="{hover: zxtwo_tab==N}"，等价于上面的 .two_text_hei.hover） */
.zx_two_kuan ul li:hover .two_text_hei { color: #FC7809; }