.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;
}
.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%);
}

/* 公共样式 */
.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_sidebar {
  top: 30vh;
}



#content video{
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.technologyPiece:nth-child(2n) video{
  border-top-right-radius: 16px !important;
  border-bottom-right-radius: 16px !important;
}
.technologyPiece:nth-child(2n-1) video{
  border-top-left-radius: 16px !important;
  border-bottom-left-radius: 16px !important;
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  .content_sidebar {
    display: none;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .navTitleMainBox .navbar{
    filter: invert(0%);
  }
  .Board_nav{
    padding: 0;
  }
  #banner .pt-105{
    padding-top: 68px;
    padding-bottom: 68px;
  }
  #banner h1{
    width: 80%;
    margin: auto;
    margin-bottom: 16px;
  }
  #banner p{
    width: 60%;
  }
  #content {
    padding-left: 16px;
    padding-right: 16px;
  }

  .content .w-304 p.fs-16 {
    font-size: 14px;
  }

  .w-1120 {
    width: 888px;
  }

  .w-1152 {
    width: 888px;
  }
  .pr-calc1152,
  .pr-calc1120 {
    padding-right: calc((100vw - 888px) / 2);
  }

  .pl-calc1152,
  .pl-calc1120 {
    padding-left: calc((100vw - 888px) / 2);
  }
  .w-304{
    padding-top: 48px;
  }
  .w-304 h3{
    font-size: 22px;
    line-height: 30px;
    padding-bottom: 14px;
  }
  .w-304 p{
    font-size: 14px;
    line-height: 22px;
    padding-top: 14px;
  }
  .Board_nav{
    width: 888px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #banner h1{
    width: 80%;
    margin: auto;
    margin-bottom: 16px;
  }
  #banner .pt-105{
    padding-top: 68px;
    padding-bottom: 68px;
  }
  .navTitleMainBox .navbar{
    filter: invert(0%);
  }
  .content .h-476 {
    height: 520px;
  }
  .w-1120 {
    width: 680px;
  }

  .w-1152 {
    width: 680px;
  }

  .pr-calc1152,
  .pr-calc1120 {
    padding-right: calc((100vw - 680px) / 2);
  }

  .pl-calc1152,
  .pl-calc1120 {
    padding-left: calc((100vw - 680px) / 2);
  }
  h1{
    font-size: 40px;
    line-height: 48px;
  }
  #banner p{
    font-size: 16px;
    line-height: 24px;
    width: 80%;
  }
  .content {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .content .h-476{
    height: 318px;
  }
  .w-304{
    padding-top: 28px;
	padding-left:12px;
	padding-right:12px;
  }
  .w-304 h3{
    font-size: 20px;
    line-height: 28px;
    padding-bottom: 0;
  }
  .w-304 p{
    font-size: 12px;
    line-height: 16px;
    padding-top: 12px;
  }
  #Board{
    padding: 40px 0;
  }
  #Board h3{
    font-size: 28px;
    line-height: 36px;
  }
  .container-f {
    background-color: #fff;
    padding: 0 !important;
  }
  .Board_nav{
    width: 680px !important;
  }
  
}
/* 移动端 */
@media (max-width: 767px) {
  .navTitleMainBox .navbar{
    filter: invert(0%);
  }
  .videoBtn {
    left: initial;
    right: 4.26vw !important;
  }
  .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-592 {
    margin-bottom: 5.333vw;
    font-size: 3.2vw;
    line-height: 4.533vw;
    text-align: center;
    width: 80vw;
  }
  #banner > div {
    padding: 10.667vw 0;
  }
  #banner h1 {
    font-size: 5.33vw;
    line-height: normal;
  }
  #banner p {
    font-size: 3.733vw;
    font-weight: 300;
    line-height: normal;
    width: 90%;
  }
  #content h2 {
    font-size: 5.33vw;
    line-height: normal;
    margin-right: 12px;
    margin-bottom: 0;
    padding-bottom: 3.2vw;
    text-align: center;
  }
  .w-848 {
    width: 100%;
  }
  #content li > div.df {
    margin-bottom: 5.333vw;
  }
  .content > div {
    margin-bottom: 9.6vw;
  }
  .content .h-476 {
    height: auto;
    display: block;
  }
  .w-304 {
    padding: 9.6vw 5.33vw;
  }
  .w-304 h3 {
    font-size: 3.733vw;
    line-height: normal;
    padding-bottom: 3.733vw;
  }
  .w-304 {
    width: 100%;
  }
  .w-304 span {
    width: 6.4vw;
  }
  .w-304 p {
    font-size: 3.733vw;
    line-height: normal;
    padding-bottom: 3.733vw;
  }
  .content .br-tl-16 {
    height: 8.533vw;
  }
  .content {
    padding-top: 9.6vw;
    padding-bottom: 5.333vw;
  }
  .content_box .content_text1 {
    left: 4.267vw;
  }
  .content_text2 {
    left: 3.2vw;
  }
  .content_text2P {
    width: 76.8vw;
    font-size: 3.2vw;
    line-height: normal;
  }
  .plusBtn {
    bottom: 0;
    top: 3.2vw;
    right: 3.2vw;
  }
  .h-500 {
    height: 114.667vw;
  }
  .content_box {
    height: 114.667vw;
  }
  #content .mb-120 {
    margin-bottom: 10.667vw;
  }
  .w-416 {
    width: 100%;
  }
  #content .technologyPiece .h-476 {
    display: flex;
    flex-flow: column;
  }
  .technologyPiece:nth-child(2n) .w-848 {
    order: 1;
  }
  .technologyPiece:nth-child(2n) .w-304 {
    order: 2;
  }
  .technologyPiece .w-848 {
    /* order: 2; */
  }
  .technologyPiece .w-303 {
    /* order: 1; */
  }
  .container-f {
    background-color: #fff;
    padding: 0 !important;
  }
}