.br-tl-16.br-br-16 {
  display: none;
}

.dimBlack .navTitleMainBox .navbar {
  filter: invert(0%);
}

.navTitleMainBox .navbar {
  filter: invert(100%);
}

.dimBlack .InquiryBtn {
  filter: invert(0%);
  background-color: #fff;
}

.dimBlack .InquiryBtn span {
  color: #000000;
}

.InquiryBtn {
  filter: invert(100%);
  transition: background 0.3s;
  background-color: #000;
}

.InquiryBtn span {
  color: #ffffff;
}

.dimBlack .aboutusList {
  filter: invert(0%);
}

.aboutusList {
  filter: invert(100%);
}

.content-top-left ul {
  border-left: 1px solid#828898FF;
}

.content-text {
  background-color: rgba(130, 136, 152, 0.06);
}

.content_sidebar ul li.active {
  opacity: 1;
}

.content>div:last-child {
  margin-bottom: 0;
}

.fifthly-content {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(550px, 1fr));
}

.fifthly-content .bodor-bg-gray11 {
  border: 1px solid #F2F4F7;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.05);
  margin-bottom: 55px;
}

.fs-64 {
  font-size: 40px;
  line-height: 48px;
}

.pt-105 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.fs-24 {
  font-size: 20px;
  line-height: 28px;
}

.mb-40 {
  margin-bottom: 24px;
}

.fs-21 {
  font-size: 18px;
  line-height: 26px;
}

.fs-16 {
  line-height: 22px;
  font-size: 14px;
}

.content_boxT_R {
  padding: 24px;
}

.fs-68 {
  font-size: 62px;
  line-height: 70px;
}

.tj {
  text-align: left;
}

/* 内容样式 */
.linear-gradient {
  background-image: linear-gradient(179deg, #00000000 50%, #000000 100%);
}

/* 公共样式 */
.swiperList-hover .swiper-button-next,
.swiperList-hover .swiper-button-prev {
  width: 44px;
  height: 44px;
  /* border: 1px solid #e0e2e4; */
  border: 1px solid #e0e2e4;
  padding: 14px;
  border-radius: 50%;
  /* top: -40px; */
  /* background: #828898; */
  /* opacity: 0.5; */
}

.swiperList-hover .swiper-button-prev {
  right: 64px;
  left: initial;
  background-image: url(../img/l.svg);
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat;
  /* filter: invert(100%); */
}

.swiperList-hover .swiper-button-next {
  right: 0;
  left: initial;
  background-image: url(../img/r.svg);
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat;
  /* filter: invert(100%); */
}


.content_text2 p {
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  transition: all 0.3s cubic-bezier(0.66, 0, 0.2, 1);
  opacity: 0;
}

.content_text2 div p.down {
  transform: translateY(0);
  transition-delay: 0.3s;
  opacity: 1;
  -webkit-transform: translateY(0);
}

@media screen and (min-width: 768px) and (max-width: 1400px) {
  .content_sidebar {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .content_boxT_l {
    width: 100%;
  }

  #content {
    padding-left: 16px;
    padding-right: 16px;
  }

  .thinker .content_boxT_l {
    width: 68%;
  }

  .thinker .content_boxT_R {
    width: 30%;
  }

  .thinker .content_boxT_R h3 {
    font-size: 24px;
  }

  .thinker .content_boxB_L {
    width: 30%;
  }

  .thinker .content_boxB_R {
    width: 68%;
  }


  .mes .content_boxT .content_textBox2 {
    width: 49%;
  }

  .content_box .content_textBox2 {
    width: 49%;
  }

  .w-432,
  .w-414 {
    width: 80%;
  }

  .nest .content_text2 {
    overflow-y: scroll;
  }

  .nest .content_text2.pr-112 {
    padding-right: 38px;
  }

  .nest .content_boxT {
    height: 500px;
  }

  .nest .content_boxB .content_textBox {
    width: 49%;
  }

  .driver .content_boxT_l {
    width: 68%;
  }

  .driver .content_boxT_R {
    width: 30%;
  }

  .driver .content_boxT_R h3 {
    font-size: 24px;
  }

  .driver .content_boxB_L {
    width: 30%;
  }

  .driver .content_boxB_R {
    width: 68%;
  }

  .driver .content_boxB_R .content_text2 {
    width: 90%;
  }

  .content {
    padding-bottom: 48px;
  }

  /* power */
  .power .content_boxT_l {
    width: 68%;
  }

  .power .content_boxT_l .w-528 {
    width: 95%;
  }

  .power .content_boxT_R {
    width: 30%;
    padding: 20px;
  }

  .power .content_boxT_R h1 {
    font-size: 42px;
  }

  .power .content_boxT_R h2 {
    font-size: 36px;
  }

  .power .content_boxT_R h3 {
    font-size: 32px;
  }

  .power .content_boxT_R h4 {
    font-size: 26px;
    line-height: 40px;
  }

  .power .content_boxT_R h5 {
    font-size: 22px;
    line-height: 36px;
  }

  .power .content_boxT_R h6 {
    font-size: 18px;
  }

  .power .content_boxT_R p {
    font-size: 16px;
  }

  .power .content_boxT_R p {
    font-size: 14px;
  }

  .power .content_boxT_R span {
    font-size: 12px;
  }

  /* genius */
  .genius .content_boxB .w-368 {
    width: 32%;
  }

  /* mes */
  .mes .content_text2 {}

  /* nest */
  .nest .content_text2 .w-484 {
    width: 47%;
  }

  .navTitleMainBox .navbar {
    filter: invert(0%);
  }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {

  /* bodor+ */
  .h-568 {
    height: 396px;
  }

  .w-566 {
    width: 49%;
  }

  .h-310 {
    height: 256px;
  }

  .h-498 {
    height: 422px;
  }

  .fifthly-content {
    grid-template-columns: repeat(auto-fill, minmax(438px, 1fr));
  }


  .navTitleMainBox .navbar {
    filter: invert(0%);
  }

  .mb-33 {
    margin-bottom: 16px;
  }

  .fs-21 {
    font-size: 16px;
    line-height: 24px;
  }

  .fs-16 {
    font-size: 12px;
    line-height: 20px;
  }

  .pl-32 {
    padding-left: 24px;
  }

  .pt-32 {
    padding-top: 24px;
  }

  .pr-32 {
    padding-right: 24px;
  }

  #banner div {
    padding-top: 46px;
    padding-bottom: 46px;
  }

  #banner div h1 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 16px;
  }

  #banner div p {
    font-size: 14px;
    line-height: 22px;
  }

  #content {
    padding-left: 64px;
    padding-right: 64px;
  }

  #content .content {
    padding-top: 0;
    padding-bottom: 0;
  }

  #content .content ul li {
    margin-bottom: 0;
  }

  #content .content ul li {
    padding-top: 68px;
    padding-bottom: 68px;
  }

  .content_boxB_R {
    padding-right: 24px;
    padding-left: 24px;
    padding-top: 24px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {

  /* bodor+ */
  .h-568 {
    height: 320px;
  }

  .w-566 {
    width: 49%;
  }

  .h-310 {
    height: 245px;
  }

  .h-498 {
    height: 368px;
  }

  .fifthly-content {
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
  }

  .mes .w-500 {
    width: 294px;
  }

  .plusBtn,
  .plusBtn2 {
    right: 12px;
    bottom: 12px;
  }

  .content_text1 h3 {
    font-size: 20px;
    line-height: 28px;
  }

  .fs-40 {
    font-size: 28px;
  }

  .lh-48 {
    line-height: 36px;
  }

  .pl-32 {
    padding-left: 20px;
  }

  .pt-32 {
    padding-top: 20px;
  }

  .pr-32 {
    padding-right: 20px;
  }

  .fs-36 {
    font-size: 22px;
    line-height: normal;
    margin-bottom: 16px;
  }

  .fs-16 {
    font-size: 12px;
    line-height: normal;
  }

  #banner div {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  #banner div h1 {
    font-size: 28px;
    line-height: normal;
    margin-bottom: 16px;
  }

  #banner div p {
    font-size: 14px;
    line-height: normal;
  }

  #content {
    padding-left: 44px;
    padding-right: 44px;
  }

  #content .content {
    padding-top: 0;
    padding-bottom: 0;
  }

  #content .content ul li {
    margin-bottom: 0;
  }

  #content .content ul li {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .content_boxB_R {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 20px;
  }


  .content_box .h-500 {
    height: 360px;
  }

  .power .content_boxT_R {
    width: 30%;
    padding: 18px;
  }

  .power .content_boxT_R .mb-10 {
    margin-bottom: 6px;
  }

  .power .content_boxT_R .fs-68 {
    font-size: 32px;
    line-height: normal;
  }

  .power .content_boxT_R .fs-60 {
    font-size: 30px;
    line-height: normal;
  }

  .power .content_boxT_R .fs-48 {
    font-size: 28px;
    line-height: normal;
  }

  .power .content_boxT_R .fs-36 {
    font-size: 24px;
    line-height: normal;
  }

  .power .content_boxT_R .fs-24 {
    font-size: 20px;
    line-height: normal;
  }

  .power .content_boxT_R .fs-21 {
    font-size: 18px;
    line-height: normal;
  }

  .power .content_boxT_R .fs-18 {
    font-size: 16px;
    line-height: normal;
  }

  .power .content_boxT_R .fs-16 {
    font-size: 14px;
    line-height: normal;
  }

  .power .content_boxT_R .fs-14 {
    font-size: 12px;
    line-height: normal;
  }

  .content_box_tag {
    left: 24px;
  }

  .content_text1 {
    left: 24px;
    bottom: 24px;
  }

  .content_text1 .fs-36 {
    font-size: 28px;
    line-height: normal;
  }

  .power .content_text1 .w-528 {
    width: 38%;
    font-size: 12px;
    line-height: normal;
    margin-top: 16px;
  }

  .content_text2 .mb-40 {
    margin-bottom: 16px;
  }

  .content_text2 h3 {
    font-size: 16px;
    line-height: normal;
  }

  .content_text2 p {
    font-size: 12px;
    line-height: normal;
  }

  .mb-33 {
    margin-bottom: 16px;
  }
}

/* 移动端 */
@media (max-width: 767px) {
  .content ul li h2 br {
    display: none;
  }

  .navTitleMainBox .navbar {
    filter: invert(0%);
  }

  .minw-1440 {
    width: 100%;
    min-width: 100%;
  }

  .w-800 {
    width: 91.733vw;
  }

  .w-604 {
    width: 76.8vw;
  }

  .w-748 {
    width: 100%;
  }

  section {
    padding: 0 4.267vw;
  }

  .content_text2 {}

  .w-528 {
    margin-bottom: 5.333vw;
    font-size: 3.2vw;
    line-height: 4.533vw;
    text-align: left;
    width: 76.8vw;
  }

  #banner>div {
    padding: 10.667vw 3.2vw;
  }

  #banner h1 {
    font-size: 5.33vw;
    line-height: normal;
  }

  #banner p {
    font-size: 3.733vw;
    font-weight: 300;
    line-height: 5.333vw;
  }

  #content h2 {
    font-size: 5.33vw;
    line-height: normal;
    margin-right: 0;
    margin-bottom: 0;
    width: 80%;
  }
  #content .BodorPlus h2,
  #content .BodorHUB h2{
    width: fit-content;
  }

  #content li>div.df {
    margin-bottom: 5.333vw;
  }

  .br-tl-16 {
    height: auto;
  }

  .content {
    padding-top: 16vw;
    padding-bottom: 5.333vw;
  }

  .content_box .content_text1 {
    left: 4.267vw;
  }

  .content_text2 {
    padding: 5.33vw 3.73vw;
  }

  .content_text2P {
    width: 76.8vw;
    font-size: 3.2vw;
    line-height: 4.533vw;
  }

  .plusBtn {
    bottom: 0;
    top: 3.2vw;
    right: 3.2vw;
    width: 10vw;
    height: 10vw;
  }

  .h-500 {
    height: 114.667vw;
  }

  .content_box {
    height: auto;
  }

  #content .mb-120 {
    margin-bottom: 10.667vw;
  }

  .w-416 {
    width: 100%;
  }

  .content ul li div.mb-36 {
    margin-bottom: 5.33vw;
    justify-content: space-between;
    height: auto;
    flex-wrap: wrap;
    padding-left: 0;
    align-items: flex-end;
  }

  #content h2 {
    margin-bottom: 0;
  }

  .content_text1 {
    bottom: 0vw;
  }

  .content_text1 h3 {
    line-height: normal;
    font-size: 8vw;
    margin-bottom: 2vw;
  }

  .content_text1 p {
    margin-top: 3vw;
    line-height: normal;
  }

  .mb-10 {
    margin-bottom: 0;
  }

  .mb-5 {
    margin-bottom: 0;
  }

  .md_content-boxT {
    transition: 0.6s all;
    height: auto;
  }

  /* 核心三大件标签 */
  .content_box_tag {
    width: 18vw;
    height: 18vw;
    top: 4vw;
    left: 4vw;
  }

  .md_content-boxT {
    border-radius: 8px;
  }

  .content_boxT_l {
    border-radius: 8px;
  }

  .content_box img {
    border-radius: 8px;
  }

  .br-16 {
    border-radius: 8px;
  }

  #Insight {
    padding: 0;
  }
}

/* 12.27新增 */
.content_box:hover .span_box {
  bottom: 0px;
}

.content_box:hover .thirdly_imgbox_shade {
  opacity: 1;
}

.content_box .span_box {
  bottom: -44px;
  left: 0;
}
.content_text2 {
	height:100%;
	overflow-y: auto;
}