/* 新版 2025.07.20  - start */

.submenu-box {
  /* min-height: 554px;
  min-width: 1228px; */
}
.submenu-bg-box {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.submenu-bg-box > :nth-child(1) {
  width: 50%;
  background: #f3f4f8;
}

.submenu-bg-box > :nth-child(2) {
  width: 50%;
  background: #fff;
}

.submenu-content {
  width: 1228px;
  margin: 0 auto;
  display: flex;
}
.submenu-left {
  width: 260px;
  position: relative;
}
.submenu-left .submenu-nav {
  position: absolute;
  right: 0;
  top: 32px;
  color: #000;
}
.submenu-left .submenu-nav div {
  width: 260px;
  height: 84px;
  line-height: 84px;
  display: flex;
  padding-left: 30px;
  border-radius: 12px 0 0 12px;
  font-size: 16px;
}
.submenu-left .submenu-nav div p{
  color: #000;
  font-weight: 400;
}
.submenu-left .submenu-nav .sub-icon {
  width: 28px;
  height: 28px;
  margin-right: 13px;
  margin-top: 28px;
}

.submenu-left .submenu-nav p:hover {
  color: #000 !important;
}

.submenu-left .submenu-nav div > :nth-child(2) {
  display: none;
}
.sub-active {
  background: #fff;
}

.submenu-left .submenu-nav div.acitve {
  background: #fff;
}

.submenu-right {
  width: 100%;
  min-width: 750px;
  height: 554px;
  background: #fff;
  position: relative;
}
.submenu-right > div {
  margin-left: 58px;
  margin-top: 34px;
  display: flex;
  position: relative;
}
.submenu-right > div > div {
  width: 188px;
  margin-right: 54px;
}
.submenu-right > div .sub-title {
  height: 36px;
  font-size: 14px;
  color: #151a26;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 36px;
  overflow: hidden;
  cursor: default;
  margin-bottom: 18px;
}
.submenu-right > div .sub-title div {
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
  width: 28px;
  height: 28px;
  background: url("../img/icon_nav.png");
  background-repeat: no-repeat;
  background-size: 28px 420px;
}
.submenu-right > div a {
  display: block;
  font-size: 14px;
  margin-bottom: 12px;
  color: rgb(21, 38, 51);
  line-height: 20px;
  font-weight: normal;
}
.submenu-right > div a .label {
  margin-top: -2px;
  margin-left: 5px;
}

.submenu-right > div a:hover {
  color: #00a985 !important;
}
.submenu-right > div .card {
  width: 190px;
  height: 60px;
  background: #f3f4f8;
  border-radius: 8px;
  position: relative;
  padding: 8px 12px;
  box-sizing: border-box;
}
.submenu-right > div .card img {
  width: 136px;
  height: 28px;
}

.submenu-right > div .card span {
  display: block;
  font-size: 12px;
  color: #8896ab;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 400;
}
.submenu-right > div .card i {
  position: absolute;
  right: 10px;
  top: 23px;
}

.submenu-right > div .son {
  position: absolute;
}
.submenu-right > div > :nth-child(5) {
  top: 230px;
}
.submenu-right > div > :nth-child(6) {
  top: 230px;
  left: 224px;
}
#productNavDetail {
  display: flex;
}
/* 新版 2025.07.20  - end */