/* Homepage product center refresh: scoped to the homepage module only. */
.page-index-index #pdv_106742 { position: relative; margin-bottom: 16px; }
.page-index-index #pdv_106742 span { color: #123e68 !important; font-size: 30px !important; font-weight: 700 !important; letter-spacing: .06em; line-height: 1.25 !important; }
.page-index-index #pdv_106742 span::after { display: block; width: 48px; height: 4px; margin: 13px auto 0; border-radius: 999px; background: linear-gradient(90deg, #0877c9, #33b7df); content: ""; }
.page-index-index #pdv_106692 { color: #70839a !important; font-size: 15px !important; letter-spacing: .08em; }
.page-index-index #pdv_106770 .productCenter220507 { width: 1200px; max-width: 100%; margin: 0 auto; padding: 0; }
.page-index-index #pdv_106770 .productCenter220507 ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin: 0; padding: 0; }
.page-index-index #pdv_106770 .productCenter220507 ul li { float: none !important; width: auto !important; height: 390px !important; margin: 0 !important; }
.page-index-index #pdv_106770 .productCenter220507 ul li a { display: flex; height: 100%; flex-direction: column; overflow: hidden; border: 1px solid #e1edf5; border-radius: 18px; background: #fff; box-shadow: 0 10px 28px rgba(14, 50, 82, .08); transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease; }
.page-index-index #pdv_106770 .productCenter220507 ul li a:hover { border-color: rgba(8, 119, 201, .35); box-shadow: 0 20px 42px rgba(10, 61, 105, .16); transform: translateY(-7px); }
.page-index-index #pdv_106770 .productCenter220507 ul li a .proImg { width: 100% !important; height: 310px !important; flex: 1 1 auto; overflow: hidden; background: linear-gradient(145deg, #f8fcff, #edf5fa); }
.page-index-index #pdv_106770 .productCenter220507 ul li a .proImg img { width: 100% !important; max-width: none !important; height: 100% !important; object-fit: contain; transition: transform .55s cubic-bezier(.2,.7,.2,1); }
.page-index-index #pdv_106770 .productCenter220507 ul li a:hover .proImg img { transform: scale(1.06); }
.page-index-index #pdv_106770 .productCenter220507 ul li a .content { position: static; width: 100%; height: 80px; padding: 0 22px; background: #fff; color: #123e68; font-size: 18px; font-weight: 700; line-height: 80px; text-align: left; }
.page-index-index #pdv_106770 .productCenter220507 ul li a .content .dec { color: #123e68; font-weight: 700; }
@media (max-width: 900px) { .page-index-index #pdv_106770 .productCenter220507 ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .page-index-index #pdv_106770 .productCenter220507 ul li { height: 320px !important; } .page-index-index #pdv_106770 .productCenter220507 ul li a .proImg { height: 250px !important; } }
@media (max-width: 560px) { .page-index-index #pdv_106770 .productCenter220507 ul { grid-template-columns: 1fr; } }
/* Homepage product navigation dropdown */
.page-index-index #pdv_106871 {
  width: 1200px !important;
  height: auto !important;
  left: 0 !important;
  overflow: visible !important;
}
.page-index-index #pdv_106871 .pdv_border {
  height: auto !important;
  border: 0 !important;
  background: transparent !important;
}
.page-index-index #pdv_106871 .proerjibox {
  width: 1200px !important;
  min-height: 0 !important;
  margin-left: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(21, 100, 170, .12);
  border-radius: 0 0 18px 18px;
  background: linear-gradient(180deg, #fff 0%, #f7fbff 100%) !important;
  box-shadow: 0 24px 60px rgba(8, 50, 94, .18);
}
.page-index-index #pdv_106871 .wrap1234 { width: 100%; }
.page-index-index #pdv_106871 .proerjibox_left { display: none !important; }
.page-index-index #pdv_106871 .proerjibox_right {
  float: none !important;
  width: 100% !important;
  height: auto !important;
  background: transparent !important;
}
.page-index-index #pdv_106871 .proerjibox_right_box { padding: 0; }
.page-index-index #pdv_106871 .proerjibox_right_box ul {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px !important;
  margin: 0;
  padding: 24px 28px 28px !important;
  justify-content: stretch !important;
}
.page-index-index #pdv_106871 .proerjibox_right_box ul > li {
  float: none !important;
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
  padding: 18px 18px 20px;
  border: 1px solid #e4eef6;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(11, 70, 126, .06);
}
.page-index-index #pdv_106871 .proerjibox_right_box_title { margin-top: 0 !important; }
.page-index-index #pdv_106871 .proerjibox_right_box_title a {
  display: flex;
  align-items: center;
  color: #0879d9 !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px !important;
}
.page-index-index #pdv_106871 .proerjibox_right_box_title a img {
  flex: none;
  width: 18px !important;
  height: 18px !important;
  margin-right: 7px !important;
}
.page-index-index #pdv_106871 .proerjibox_right_box_p {
  display: flex;
  flex-wrap: wrap;
  gap: 3px 14px;
  padding: 7px 0 0 25px !important;
}
.page-index-index #pdv_106871 .proerjibox_right_box_p a {
  display: inline-block !important;
  margin: 0 !important;
  color: #465a70;
  font-size: 14px;
  line-height: 25px;
  transition: color .2s ease, transform .2s ease;
}
.page-index-index #pdv_106871 .proerjibox_right_box_p a:hover {
  color: #0879d9;
  transform: translateX(2px);
}
@media (max-width: 900px) {
  .page-index-index #pdv_106871 { width: 100% !important; }
  .page-index-index #pdv_106871 .proerjibox { width: 100% !important; }
  .page-index-index #pdv_106871 .proerjibox_right_box ul { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .page-index-index #pdv_106871 .proerjibox_right_box ul { grid-template-columns: 1fr; }
}
/* Remove legacy floating copy that overlaps the refreshed product cards. */
.page-index-index #pdv_106758,
.page-index-index #pdv_106761,
.page-index-index #pdv_106762,
.page-index-index #pdv_106763,
.page-index-index #pdv_106765,
.page-index-index #pdv_106766,
.page-index-index #pdv_106767,
.page-index-index #pdv_106768,
.page-index-index #pdv_106769 {
  display: none !important;
}
/* Product cards: horizontal image + description layout. */
.page-index-index #pdv_106770 .productCenter220507 ul li { height: 350px !important; }
.page-index-index #pdv_106770 .productCenter220507 ul li a {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  grid-template-rows: 1fr 58px;
  gap: 0 10px;
  padding: 20px 18px 0;
  background: #f8f8f8;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.page-index-index #pdv_106770 .productCenter220507 ul li a .proImg {
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  width: 190px !important;
  height: 260px !important;
  background: transparent;
}
.page-index-index #pdv_106770 .productCenter220507 ul li a .proImg img { width: 100% !important; height: 100% !important; object-fit: contain; }
.page-index-index #pdv_106770 .product-copy {
  display: flex;
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  padding: 8px 0 0;
  color: #526171;
  font-size: 14px;
  line-height: 2;
}
.page-index-index #pdv_106770 .product-copy p { margin: 0; }
.page-index-index #pdv_106770 .product-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  margin-top: auto;
  padding: 7px 14px;
  border-radius: 8px;
  background: #1d5eff;
  color: #fff !important;
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
}
.page-index-index #pdv_106770 .productCenter220507 ul li a .content {
  grid-column: 1 / 3;
  grid-row: 2;
  align-self: center;
  width: auto;
  height: 58px;
  padding: 0;
  background: transparent;
  color: #273b50;
  font-size: 16px;
  font-weight: 400;
  line-height: 58px;
  text-align: center;
}
.page-index-index #pdv_106770 .productCenter220507 ul li a .content .dec { color: #273b50; font-weight: 400; }
.page-index-index #pdv_106770 .productCenter220507 ul li a:hover { box-shadow: 0 14px 30px rgba(10,61,105,.12); transform: translateY(-3px); }
@media (max-width: 900px) {
  .page-index-index #pdv_106770 .productCenter220507 ul li a { grid-template-columns: 150px minmax(0,1fr); }
  .page-index-index #pdv_106770 .productCenter220507 ul li a .proImg { width: 150px !important; height: 230px !important; }
}
/* Final override: the product block loads its vendor CSS after the site header. */
.page-index-index #pdv_106770 .productCenter220507 ul li a {
  display: grid !important;
  grid-template-columns: 190px minmax(0, 1fr) !important;
  grid-template-rows: 1fr 58px !important;
  gap: 0 10px !important;
  height: 100% !important;
  padding: 20px 18px 0 !important;
  background: #f8f8f8 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.page-index-index #pdv_106770 .productCenter220507 ul li a .proImg {
  display: block !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 190px !important;
  max-width: none !important;
  height: 260px !important;
  flex: none !important;
  background: transparent !important;
}
.page-index-index #pdv_106770 .productCenter220507 ul li a .proImg img {
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  object-fit: contain !important;
}
.page-index-index #pdv_106770 .productCenter220507 ul li a .content {
  position: static !important;
  display: block !important;
  grid-column: 1 / 3 !important;
  grid-row: 2 !important;
  width: auto !important;
  height: 58px !important;
  padding: 0 !important;
  background: transparent !important;
  line-height: 58px !important;
  text-align: center !important;
}
.page-index-index #pdv_106770 .productCenter220507 ul li a .product-copy {
  display: flex !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  flex-direction: column !important;
  padding: 8px 0 0 !important;
  color: #526171 !important;
  font-size: 14px !important;
  line-height: 2 !important;
}
/* CSS fallback for the four product descriptions and buttons. */
.page-index-index #pdv_106770 .productCenter220507 ul li a .product-copy { display: none !important; }
.page-index-index #pdv_106770 .productCenter220507 ul li a::before {
  display: block;
  grid-column: 2;
  grid-row: 1;
  align-self: stretch;
  padding: 8px 0 0;
  color: #526171;
  font-size: 14px;
  line-height: 2;
  white-space: normal;
}
.page-index-index #pdv_106770 .productCenter220507 ul li a::after {
  display: inline-flex;
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  justify-self: start;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  height: 40px;
  margin-bottom: 9px;
  border-radius: 8px;
  background: #1d5eff;
  color: #fff;
  content: '查看更多 >';
  font-size: 14px;
  line-height: 1.4;
}
.page-index-index #pdv_106770 .productCenter220507 ul li:nth-child(1) a::before { content: 'BLE无线透传，广泛应用于BMS电池保护板、智能穿戴、智慧医疗、汽车电子、智能传感、电子秤等。'; }
.page-index-index #pdv_106770 .productCenter220507 ul li:nth-child(2) a::before { content: '具有SPP+BLE双协议，支持PC端、APP和小程序等平台连接。'; }
.page-index-index #pdv_106770 .productCenter220507 ul li:nth-child(3) a::before { content: '支持主机模式与从机模式，实现模块与模块或手机端等平台之间互相通信。'; }
.page-index-index #pdv_106770 .productCenter220507 ul li:nth-child(4) a::before { content: '无线透传2.4G模块，实现一对多设备数传；广泛应用于智慧家居、医疗设备、办公区域、灯控设备、社区物业、智慧农业等。'; }
/* Match the reference width: four readable cards across the 1500px product area. */
.page-index-index #pdv_106770 .productCenter220507 {
  width: 1500px !important;
  max-width: none !important;
  margin: 0 auto !important;
}
.page-index-index #pdv_106770 .productCenter220507 ul {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
}
.page-index-index #pdv_106770 .productCenter220507 ul li {
  width: auto !important;
  height: 350px !important;
}
.page-index-index #pdv_106770 .productCenter220507 ul li a {
  grid-template-columns: 200px minmax(0, 1fr) !important;
  padding: 20px 18px 0 !important;
}
.page-index-index #pdv_106770 .productCenter220507 ul li a .proImg {
  width: 200px !important;
  height: 260px !important;
}
.page-index-index #pdv_106770 .productCenter220507 ul li a::before {
  overflow: hidden;
  max-height: 232px;
}
@media (max-width: 1550px) {
  .page-index-index #pdv_106770 .productCenter220507 { width: calc(100vw - 36px) !important; }
}