@charset "UTF-8";
body, html {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
* {
    box-sizing: border-box;
}

/* a {
  text-decoration: none;
  color: inherit;
} */
#index{
  overflow: visible;
  display: flex;
  flex-direction: column;
}
.fdj_icon_box {
  position: absolute;
  top: 22px;
  right: 32px;
  display: flex;
  width: 100x;
  justify-content: end;
  align-items: center;
}
.log {
  width: 86px;
  height: 40px;
}
.log_box {
  width: 15%;
}
.left_icon {
  display: flex;
  gap: 5px;
  margin-left: 22px;
}
.top_nav_list {
  display: flex;
  gap: 30px;
  align-items: center;
  margin: 0 auto;
}
.lunbo_top_box {
  display: flex;
  justify-content: space-around;
  height: 85px;
  border-bottom: 1px solid #f1f1f2;
  position: fixed;
  width: 100%;
  background: #fff;
  z-index: 9999;
  align-items: center;
}

.lunbo_box {
  position: relative;
}
.lunbo_text_box {
  position: absolute;
  width: 382px;
  height: 140px;
  top: 150px;
  left: 20%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: start;
  /* justify-content: space-between; */
}
.lunbo_title_text {
  /* width: 100%; */
  font-family: "PingFang SC";
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  background: linear-gradient(91deg, #1266ec 2.5%, #000 86.11%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: 382px;
  height: 55px;
}
.lunbo_img {
  width: 100%;
  height: 466px;
}
.luobo_jianjie_text {
  color: #666;
  font-family: "PingFang SC";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 382px;
  height: 30px;
}
.liaojie {
  width: 104px;
  height: 33px;
  border-radius: 10px;
  background: var(--Color-blue, #1266ec);
  display: flex;
  justify-content: center;
  align-items: center;
  color: aliceblue;
  margin-top: 13px;
}
.company_box {
  width: 90%;
  height: 254px;
  display: flex;
  z-index: 133;
  margin-bottom: 30px;
  justify-content: space-evenly;
  border-radius: 15px;
  align-items: center;
  margin: 0 auto;
}
.company_text_box {
  display: block;
}
.company_titele {
  color: #333;
  font-family: "PingFang SC";
  backdrop-filter: blur 28px;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  width: 251px;
  height: 31px;
}
.company_jianjie {
  width: 363px;
  height: 113px;
  color: #999;
  font-family: "PingFang SC";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  display: flex;
  align-items: center;
  
}
.company_image {
  width: 285px;
  height: 189px;
  position: absolute;
  left: 420px;
}






.company_jianjie_img {
  width: 285px;
  height: 189px;
}
.product_box {
  width: 100%;
  height: 305px;
  background-color: #f5f7fb;
  display: flex;
  position: relative;
  margin: 0 auto;
  flex-direction: column;
  align-items: center;
  z-index: 6666; /* 设置一个大于 9999 的 z-index */
}
.protected_zhongxin {
  width: 200px;
  height: 70px;
  color: #000;
  text-align: center;
  font-family: "PingFang SC";
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 176%;
  margin-top: 25px;
}
.product_box_text {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  width: 90%;
  position: relative;
}
.product {
  width: 309px;
  /* height: 112px; */
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.product_icon_box {
  width: 104px;
  height: 104px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.product_icon_1 {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 7px;
  background: #378bff;
  position: absolute;
  top: 15px;
  right: 10px;
}
.product_icon_2 {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 35px;
  left: 10px;
}
.load_zx_box_icon {
  width: 104px;
  height: 104px;
  position: absolute;
  top: 0;
}
.product_text_box {
  width: 145px;
  height: 112px;
}
.product_text_title {
  color: #000;
  font-family: "PingFang SC";
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 176%;
}
.product_text_jianjie {
  width: 202px;
  color: #666;
  font-family: "PingFang SC";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 176%;
}
.hezuo_huoban_box {
  width: 100%;
  position: relative;
  height: 611px;
  background: #EEF4FC;
  display: flex;
  flex-direction: column;
}
.hezuo_huoban_bg{
  width: 1184px;
  height: 400px;
  position: absolute;
  bottom: 20px;
}


.huoban_text_box {
  width: 1098px;
  height: 400px;
  position: relative;
  display: flex;
  align-items: center;
  top: 180px;
}
.blue_mengban {
  position: absolute;
  width: 100%;
  background: #1266ec;
  opacity: 0.5;
  width: 100%;
  height: 535px;
}
.hezuo_huoban_title {
  position: absolute;
  top: 55px;
  color: #000000;
  text-align: center;
  font-family: "PingFang SC";
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 176%;
  width: 100%;
  height: 70px;
}
.hezuo_huoban_jianjie {
  color: #fff;
  width: 100%;
  text-align: center;
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 176%;
  align-self: stretch;
  justify-content: space-evenly;
  display: flex;
  text-align: left;
}
.hezuo_huoban_text_box {
  display: flex;
  position: absolute;
  flex-direction: column;
  left: 130px;
}
.hezuo_huoban_img_box {
    width: 886px; /* 根据需要调整宽度 */
    height: 302px;
    display: flex;
    background-color: #fff;
    position: absolute;
    border-radius: 10px;
    flex-wrap: wrap;
    left: 990px;
    align-items: center;
    justify-content: flex-start; /* 修改为从左到右排列 */
    gap: 10px; /* 添加间距 */
    padding: 10px;
    box-sizing: border-box;
}
.icon_box {
  /* width: 167px;
  height: 66px; */
  display: flex;
  background-color: #fff;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
}
.hezuo_huoban_img {
  width: 100%;
  height: 100%;
}
/*行业应用*/
.hangye_box {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 602px;
  background: #F5F7FB;
  align-items: center;
  position: relative;
  justify-content: center;
}

.hangye_title {
  width: 100%;
  color: #000;
  text-align: center;
  font-family: "PingFang SC";
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 176%;
  margin: 40px 0 40px 0;
}
.hangye_icon {
  width: 180px;
  height: 139px;
}
/* .hangye_box {
  display: flex;
  flex-direction: column;
  width: 100%;
} */
.hy_icon_box_box {
  display: flex;
  justify-content: space-between;
  /* gap: 20px;
  height: 300px; */
  /* width: 902px; */
  width: 80%;
  /* margin-right: 926px */
}
.column {
  display: flex;
  flex-direction: column;
  gap: 5px;
  height: 300px;
  width: 40%;
  flex-wrap: wrap;
}
.big_icon_container {
  /* position: relative;
  height: 291px; 
  width: 20%; */
}


/*底部*/
.bottom_text_box {
  position: relative;
  width: 100%;
  height: 191px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0
}
.bottom_text_box_text {
  position: absolute;
  display: flex;
  top: 0;
  width: 100%;
  height: 191px;
  justify-content: space-evenly;
}
.bottom_text_box_text_1 {
  display: flex;
  align-items: center;
}
.yingyong_text_title {
  color: #fff;
  font-family: "PingFang SC";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 10px;
  box-sizing: border-box;
}
.yingyong_text_jianjie {
  color: #fff;
  font-family: "PingFang SC";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; 
  width: 200px;
}
.yingyong_text_jianjie_title {
  position: relative;
}
.bottom_text_box_text_img {
  margin-right: 4px;
  width: 50px;
  height: 50px;
}
.ccc {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 191px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -1;
}
.bottom_db {
  height: 279px;
  background: #252931;
  width: 100%;
  flex-direction: column;
  text-align: center;
  position: relative;
  display: flex;
  padding: 10px 0;
  text-align: center;
  z-index: 999;
  position: relative;
}
.bottom_db_bg {
  width: 100%;
  height: 191px;
  position: absolute;
}
.bottom_db_1 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  position: absolute;
  margin-top: 60px;
}
.bottom_db_box {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 90%;
  justify-content: center;
}

.bottom_db_box_img {
  width: 50px;
  height: 50px;
}
.bottom_db_box_text1 {
  color: #fff;
  align-self: stretch;
  font-family: "PingFang SC";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.bottom_db_box_text2 {
  color: #fff;
  align-self: stretch;
  font-family: "PingFang SC";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.bottom_db_2_box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  /* overflow: hidden; */
}

.bottom_db_2_text {
  height: 33px;
  width: 17%;
  /* width: 170px; */
  color: var(--Absolute-White, #fff);
  font-family: "PingFang SC";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: inline-block;
  margin-top: 30px;
}
.bottom_db_2_box_1 {
  margin-right: 32px;
}
.bottom_db_2_box_2 {
  left: 32px;
  top: 23px;
}
.bottom_db_2_box_3 {
  display: flex;
  margin-top: 50px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 32px;
  color: #999999;
}
.bottom_db_2_box_2 {
  display: block;
  margin-left: 32px;
  margin-top: 32px;
}

/*下载中心*/

.download_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  top: 85px;
  margin-bottom: 50px;
}
.file_text_box {
  margin: 50px;
}
.file_title {
  font-family: "PingFang SC";
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  background: linear-gradient(91deg, #1266ec 2.5%, #000 86.11%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.title_jianjie {
  color: #051c40;

  font-family: "PingFang SC";
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 6px;
}
.xian_box {
  width: 29px;
  height: 5px;
  background: #1266ec;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  margin-top: 36px;
}

.file_list {
  display: flex;
  flex-wrap: wrap;
  /* width: 90%; */
  justify-content: flex-start; /* 修改为 flex-start */
  align-items: center;
  margin-bottom: 50px;
  gap: calc((100vw - 220px * 6) / 5);
  padding: 35px;
  box-sizing: border-box;
}

.file_box {
  display: flex;
  height: 250px;
  width: 220px;
  position: relative;
  margin-top: 70px;
  margin-bottom: 30px;
}
.file_name {
  color: #4c5976;
  text-align: center;
  font-family: "PingFang SC";
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 176%;
  position: absolute;
  top: -50px;
  height: 56px;
  left: 20px;
}
.file_icon {
  width: 220px;
  height: 233px;
  /* position: absolute;
  top: 20px; */
  align-items: center;
  display: flex;
  /* left: 10px; */
}
.file_type {
  color: #285bac;
  text-align: center;
  font-family: "PingFang SC";
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
}
.downolad_icon {
  width: 25px;
  height: 25px;
  gap: 10px;
  border-radius: 5px;
  background: #378bff;
  margin-left: 54px;
}
.file_type_box {
  display: flex;
  margin-top: 28px;
  background: #378bff1a;
  position: absolute;
  top: 160px;
  left: 26px;
}
.bg_mengban {
  width: 220px;
  height: 233px;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*下载详情页*/
.title_log {
  width: 90%;
  display: flex;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 30px;
  justify-content: space-between;
}
.file_detail_title_image {
  width: 221px;
  height: 98;
}
.file_detail_company {
  width: 100vw;
  /* height: 331px; */
  border-radius: 32px 32px 0 0;
  background: linear-gradient(180deg, #386ab9 10.22%, #dce6fd 102.22%);
  /* margin-top: 10px; */
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  position: relative;
  min-height: 331px;
  margin-top: 85px;
}

.detail_company_name {
  color: #fff;
  font-family: "PingFang SC";
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  width: 425px;
}
.detail_company_jianjie {
  width: 90%;
  display: flex;
  align-items: center;
}

.detail_company_xian {
  margin-right: 10px;
  width: 9px;
  height: 34px;
  flex-shrink: 0;
  border-radius: 12px;
  background: #1266ec;
}

.detail_company_jianjie_1 {
  color: #fff;
  font-family: "PingFang SC";
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  width: 25%;
}
.detail_company_jianjie_1_end {
  color: rgba(255, 255, 255, 0.2);
  font-family: "PingFang SC";
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}

.detail_company_jianjie_2 {
  color: #fff;
  font-family: "PingFang SC";
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 176%;
  width: 90%;
}
.file_detail_product {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.detail_company_jianjie_3 {
  color: #333;
  font-family: "PingFang SC";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  width: 90%;
  margin-top: 45px;
}
.detail_company_jianjie_4 {
  color: var(--Color-bule, #757c8d);
  font-family: "PingFang SC";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 90%;
  margin-top: 10px;
}
.file_detail_product_1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.detail_company_jianjie_7 {
  font-family: "PingFang SC";
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  background: linear-gradient(91deg, #1266ec 2.5%, #000 86.11%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: 90%;
  margin-top: 67px;
}
.product_yy_icon_box {
  margin-top: 72px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 72px 183px;
}
.product_yy_icon {
  width: 163px;
  height: 163px;
}
.yy_icon_box_div {
  color: #757c8d;
  text-align: center;
  font-family: "PingFang SC";
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 26px;
}
.file_detail_product_2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.map_icon {
  width: 677px;
  height: 350px;
  margin: 59px;
}
.file_detail_product_3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.file_type_select_box {
  display: flex;
  flex-wrap: wrap;
  width: 412px;
  height: 89px;
  justify-content: center;
  align-items: center;
  gap: 51px;
  border-radius: 100px;
  background: #f1f1f2;
  margin-bottom: 56px;
  margin-top: 56px;
}
.detail_company_jianjie_8 {
  color: #000;
  text-align: center;
  font-family: "PingFang SC";
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 176%; 
}
.detail_company_jianjie_9 {
  color: #f1f1f2;
  border-radius: 100px;
  text-align: center;
  font-family: "PingFang SC";
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 176%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--Color-blue, #1266ec);
  width: 190px;
  height: 65px;
}

.pdf_detail_type {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  width: 100%;
}
.pdf_icon {
  width: 121px;
  height: 121px;
}
.pdf_detail {
  width: 641px;
  height: 590px;
}
.shart_icon {
  width: 50px;
  height: 50px;
}

.pdf_detail_icon_border {
  display: flex;
  width: 50px;
  height: 50px;
  /* padding: 15px; */
  justify-content: center;
  align-items: center;
  gap: 55px;
  border-radius: 50px;
  border: 1.25px solid rgba(0, 0, 0, 0.1);
  background: #fff;
}
.pdf_detail_icon_box {
  display: flex;
  gap: 36px;
  justify-content: center;
  align-items: center;
}
.pdf_detail_cz {
  color: #000;
  font-family: "PingFang SC";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.pdf_detail_1 {
  color: #999;
  text-align: center;
  font-family: "PingFang SC";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.pdf_detail_2 {
  color: #757c8d;
  font-family: "PingFang SC";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/**方案详情*/
.fangan_detail_box {
  margin-top: 23px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  top: 85px;
  margin-bottom: 100px;
}
.fangan_top_img {
  height: 481px;
  width: 100%;
}
.fangan_detail_content_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  width: 90%;
}
.fangan_detail_title_box {
  display: flex;
  width: 100%;
  margin-bottom: 12px;
  align-items: center;
}
.fangan_detail_title {
  color: #333;
  font-family: "PingFang SC";
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
/* .richText {
  color: var(--Color-bule, #757c8d);
  font-family: "PingFang SC";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 100%;
} */
/*解决方案列表页*/
.fangan_list_icon {
  width: 100vw;
  height: 390px;
}
.fangan_list_top_box {
  position: relative;
  width: 100%;
  height: 390px;
  top: 85px;
}
.fangan_list_title_box {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.fangan_list_top_box_title {
  color: #fff;
  font-family: "PingFang SC";
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.fangan_list_top_box_title_1 {
  color: #fff;
  font-family: "PingFang SC";
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.fangan_list_top_box {
  display: flex;
}



/* .fangan_list {
  display: flex;
  flex-wrap: wrap;
  width: 80%;
  border-radius: 16px 16px 0 0;
  margin: 0 auto;
  margin-bottom: 116px;
  position: relative;
  top: 85px;
}
.jiejue_fangan_detail_box {
  display: flex;
  flex-wrap: wrap;
  width: 24%;
  flex-shrink: 0;
  margin-top: 30px;
  background: #fff;
}
.jiejue_fangan_detail_box :not(:nth-child(4n)) {
  margin-right: calc(3% / 3);
} */

.fangan_list {
  display: flex;
  width: 80%;
  flex-wrap: wrap;
  margin:0 auto;
  margin-top: 85px;
}




.fangan_detail_box_title {
  color: #4c5976;
  font-family: "PingFang SC";
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 176%;
  width: 125px;
}
.fangan_detail_box_img {
  height: 266px;
  width: 317px;
  border-radius: 16px;
  border: 2px solid #f1f1f2;
}

/* 侧边导航栏 */
#sidebar {
  height: 100%;
  width: 50%;
  position: fixed;
  top: 0;
  right: -50%;
  background-color: #f1f1f1;
  padding-top: 60px;
  transition: 0.3s;
  z-index: 999;
}

.pc_nav_text {
  color: #666;
  font-family: "PingFang SC";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  display: flex; /* 使用 Flexbox 布局 */
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中 */
  padding: 0 10px; /* 添加一些内边距以确保文字不紧贴边缘 */
  transition: background-color 0.3s, width 0.3s, height 0.3s; /* 添加过渡效果 */
}



.nav_back_img {
  width: 40px;
  height: 40px;
  font-size: 0;
}
.nav_list {
  margin-bottom: 40px;
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 20px;
  margin-top: 30px;
}

/* 联系我们 */

.jiaru_us_bg_box {
  display: block;
  position: relative;
}
.jiaru_us_bg_box_text {
  position: absolute;
  height: 70px;
  color: #fff;
  font-family: "PingFang SC";
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.jiaru_us_box_xian {
  height: 5px;
  width: 29px;
  margin-top: 30px;
  position: absolute;
  left: 50%;
  top: 56%;
  transform: translate(-50%, -50%);
  background: #ffffff;
}

.jiaru_us_box_2 {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  justify-content: flex-end;
  width: 90%;
  top: 85px;
}
.jiaru_us_bg_2 {
  width: 100%;
  position: absolute;
}
.jiaru_us_text_box {
  display: flex;
  border-radius: 12px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  background: linear-gradient(
      90deg,
      rgba(75, 145, 255, 0.2) -54.52%,
      rgba(70, 132, 231, 0) 66.03%
    ),
    rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 16px 0
    rgba(182, 182, 182, 0.1);
  backdrop-filter: blur(12px);
  /* height: 211px; */
  width: 80%;
  margin-top: 32px;
  padding: 20px;
  box-sizing: border-box;
}

#richText,
#richText_2,
#richText_3,
#richText_4 {
    width: 100%;
    text-align: center; /* 确保文本居中 */
    word-wrap: break-word; /* 确保长单词或 URL 地址能够换行 */
    white-space: normal; /* 确保文本能够正常换行 */
    line-height: 1.6; /* 设置行高以提高可读性 */
}
.jiaru_us_text_jianjie {
  position: relative;
  width: 100%;
}
.company_inco_join {
  width: 32px;
  height: 34px;
  position: absolute;
  left: 30px;
  top: 70px;
}
.jiaru_us_text_box_text {
  color: #000;
  font-family: "PingFang SC";
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  position: absolute;
  width: 595px;
  
}
.jiaru_us_text_box_text_2 {
  color: rgba(0, 0, 0, 0.5);
  font-family: "PingFang SC";
  font-size: 26px;
  width: 100%;
  /* height: 71px; */
  /* left: 30px;
  top: 110px; */
  
}
.lianxi_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 50px;
  width: 100%; 
  height:100%;
}
.jiaru_us_bg_box_2 {
  display: flex;
  justify-content: center;
  width: 90%;
  /* height: 211px; */
  margin: 0 auto;
  margin-top: 50px;
}
.lianxi_box_address {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}
.lianxi_address {
  color: #1266ec;
  text-align: center;
  font-family: "PingFang SC";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 176%;
}
.weizhi_icon {
  width: 24px;
  height: 24px;
}
.lianxi_address_text {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 5px;
}
.address_text {
  display: flex;
  gap: 8px;
  text-align: center;
  align-items: center;
}
.address_text_1 {
  color: var(--Color-bule, #757c8d);
  text-align: center;
  font-family: "PingFang SC";
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 176%;
}
.address_text_2 {
  color: #000;
  font-family: "PingFang SC";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 176%;
}
.lianxi_us_long_text {
  width: 100%;
}
.us_text {
  color: var(--Color-bule, #757c8d);
  font-family: "PingFang SC";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 176%;
}
#search_input {
  color: #000;
  width: 150px;
  height: 40px;
}
.join_us_text {
  color: #757c8d;
  font-family: "PingFang SC";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  height: 404px;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.custom-image-size {
  width: 664px;
  height: auto;
}

.swiper-container {
  width: 100%;
  height: 470px;
  overflow: visible;
  display: block;
  margin: 0 auto;

}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  /* justify-content: center; */
  align-items: center;
  flex-direction: column;
  margin-bottom: 60px;
  height: auto;
  overflow:visible;
  position: relative;
  width: 100%;
}
.form {
  /* width: 90%; */
  flex-shrink: 0;
  position: relative;
  background: #ffffff;
  margin-top: 46px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.form_text {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  /* margin-top: 167px; */
}
.form_text_1 {
  color: var(--black-9001-a-1-a-1-a, #1a1a1a);
  font-feature-settings: "liga" off, "clig" off;
  font-family: "PingFang SC";
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  padding: 34px;
  box-sizing: border-box;
  line-height: 56px;
}
.form_text_2 {
  color: var(--black-500808080, #808080);
  font-feature-settings: "liga" off, "clig" off;
  font-family: "PingFang SC";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
}
.input_bg {
  width: 600px;
  height: 96px;
  flex-shrink: 0;
  border-radius: 12px;
  border: 1px solid var(--black-100-e-5-e-5-e-5, #e5e5e5);
  background: var(--black-50-f-2-f-2-f-2, #f2f2f2);
  display: flex;
  align-items: center;
  margin-top: 24px;
}
.value_text {
  color: #999;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "PingFang SC";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  width: 15%;
  line-height: 96px;
  margin-left: 32px;
}
.yanzhengma_box {
  position: relative;
  height: 96px;
  width: 686px;
  border-radius: 12px;
  border: 1px solid var(--black-100-e-5-e-5-e-5, #e5e5e5);
  background: var(--black-50-f-2-f-2-f-2, #f2f2f2);
  margin-top: 32px;
}
.yanzheng_fasong {
  position: absolute;
  right: 0;
  height: 96px;
  width: 331px;
  border-radius: 12px;
  background: #1266ec;
  color: #ffffff;
  font-size: 30px;
}
.yanzheng_text {
  color: #999;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "PingFang SC";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  position: absolute;
  top: 30%;
  left: 32px;
}
.checkbox_text_box {
  display: flex;
  gap: 32px;
  align-items: flex-start;
}
.checkbox_text {
  color: var(--black-9001-a-1-a-1-a, #1a1a1a);
  font-feature-settings: "liga" off, "clig" off;
  font-family: "PingFang SC";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px; /* 166.667% */
  letter-spacing: 0.6px;
  margin-top: 24px;
  width: 600px;
  position: relative;
}

.highlight {
  background-color: yellow;
  font-weight: bold;
}
.image_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.pdf_images {
  margin: 10px;
  text-align: center;
}

.pdf_image {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.pdf_images_container {
  display: flex;
  justify-content: center;
  align-items: center;
  /* flex-wrap: wrap; */
  flex-direction: column;
  width: 100%;
  margin-bottom: 30px;
}

.file_detail_box {
  display: flex;
  flex-direction: row; /* 水平排列 */
  /* align-items: flex-start; 左对齐 */
  margin: 10px;
  width: 100%;
  max-width: 600px; /* 调整最大宽度 */
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  justify-content: space-between;
}


.pdf_detail_cz {
  font-size: 24px;
  font-weight: bold;
}

.pdf_detail_icon_box {
  display: flex;
  justify-content: flex-start; /* 左对齐 */
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.pdf_detail_icon_border {
  margin: 5px;
}

.shart_icon {
  width: 50px;
  height: 50px;
}

.pdf_buttons {
  display: flex;
  justify-content: center; /* 居中对齐 */
  align-items: center;
  margin: 10px 0; /* 上下间距 */
}

.pdf_button {
  margin: 0 10px; /* 左右间距 */
  cursor: pointer;
}

.download_icon, .share_icon {
  width: 40px;
  height: 40px;
}

.large_image_container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%; /* 调整宽度为 90% */
  margin: 20px auto;
}

.large_image {
  width: 100%; /* 使图片宽度占满容器 */
  height: auto; /* 保持图片比例 */
  object-fit: cover; /* 使图片铺满容器并保持比例 */
}


.tanchuang_box {
  /* position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999; */
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999; /* 顶部元素的 z-index */
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色背景 */
  z-index: 9990; /* 确保遮罩层在最上层 */
}

.tanchuang_box.hidden {
  display: none;
}

.tanchuang_box_1 {
  background: white;
  padding: 50px;
  border-radius:10px;
  /* text-align: center; */
}
.tanchuang_text_tiele {
  font-family: Manrope;
  font-weight: 700;
  font-size: 24px;
  line-height: 150%;
  letter-spacing: 0%;
  background-color: #000000; 
}
.tanchuang_text {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 27px;
  line-height: 150%;
  letter-spacing: 0%;
  vertical-align: bottom;
  margin-top: 10px;
  color: #000000;

}

.button_box {
  display: flex;
  margin-top: 20px;
  gap: 10px;
  
}
.button_1, .button_2 {
  padding: 10px 20px;
  background-color: #F6F6F6;
  cursor: pointer;
  border-radius: 10px;
}

.button_1 {
  background: #F6F6F6;
  color: #666666;
}

.button_2 {
  background: #1266EC;
  color: white;
  
}

.button_box_text {
  font-family: Roboto;
  font-weight: 700;
  font-size: 20px;
  line-height: 50px;
  letter-spacing: 1px;
  vertical-align: middle;
  width: 150px;
  height: 50px;
  text-align: center;
  align-content: center;
}
.button_1.clicked, .button_2.clicked {
  background: #1266EC;
  color: white;
}

/* 重置 input 框的默认样式 */
.custom-input {
  border: none !important;
  /* 去除边框 */
  outline: none !important;
  /* 去除聚焦时的轮廓 */
  padding: 0 !important;
  /* 去除内边距 */
  margin: 0 !important;
  /* 去除外边距 */
  background-color: transparent !important;
  /* 去除背景颜色 */
  font-family: inherit !important;
  /* 继承字体 */
  color: inherit !important;
  /* 继承文字颜色 */
  box-sizing: border-box !important;
  /* 确保内边距和边框不会影响宽度 */
  appearance: none !important;
  /* 去除默认外观 */
  -webkit-appearance: none !important;
  /* 去除 WebKit 浏览器的默认外观 */
  -moz-appearance: none !important;
  /* 去除 Firefox 浏览器的默认外观 */
  height: 60px !important;
  /* 设置高度 */
  width: 80%;
}

/* 重置 :invalid 伪类的默认样式 */
.custom-input:invalid {
  box-shadow: none !important;
  /* 去除无效输入时的阴影 */
  background-color: transparent !important;
  /* 去除无效输入时的背景颜色 */
}

/* 重置 :focus 伪类的默认样式 */
.custom-input:focus {
  outline: none !important;
  /* 去除聚焦时的轮廓 */
  box-shadow: none !important;
  /* 去除聚焦时的阴影 */
  border-color: #1266ec !important;
  /* 自定义聚焦时的边框颜色 */
}
#form_box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* 半透明背景 */
  justify-content: center;
  align-items: center;
  z-index: 100; /* 确保表单在最上层 */
}
#submit {
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  width: 90%;
  display: block;
  margin:0 auto;
  height: 1334px;
  width: 90%;
}  
button {
  border: 0;
  outline: none;
  background-color: transparent;
} 
.button_text {
  height: 96px;
  font-family: Roboto;
  font-size: 30px;;
  font-style: normal;
  background: #1266ec;
  color: #fff;
  width: 600px;
  border-radius: 15px;
  margin-bottom: 30px;
    
}
.bottom_db_2_img {
  width: 75px;
  height: 75px;
}

.pc_nav_text:hover{
  height: 30px;  
  border-radius: 15px;
  background-color: rgb(48, 113, 226);
}
.pc_nav_text_active {
    height: 30px;  
    border-radius: 15px;
    background-color: #1266ec; /* 设置你想要的背景色 */
    color: #fff; /* 设置文字颜色 */
}

.container {
  display: flex;
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

/* 左右栏通用样式 */
.grid-column {
  flex: 1;  /* 等分剩余空间 */
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  align-content: start; /* 内容顶部对齐 */
}

/* 中间跨栏元素 */
.full-row {
  /* width: 300px;   */
  width: 267px;
  flex-shrink: 0;  /* 禁止收缩 */
  margin: 0 10px;  /* 左右间距 */
  align-self: center;  /* 垂直居中 */
}

/* 基础样式 */
/* .item {
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 1;
} */