body {
  background: #000000;
  transition: background 1.2s ease-in-out;
}
.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%);
}
.swiper-button-next:after, .swiper-button-prev:after{
  display: none;
}

/* 导航栏 */
.header_bg {
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  background: rgba(255, 255, 255, 0.7);
}

.title_box {
  transition: background 1.2s cubic-bezier(0.28, 0.11, 0.32, 1);
}

.dimBlack {
  /* backdrop-filter: saturate(180%) blur(20px); */
  /* -webkit-backdrop-filter: saturate(180%) blur(20px); */
  background: rgba(29, 29, 31, 0.7);
}

.dimWhite {
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  background: rgba(255, 255, 255, 0.7);
}

/* .dimWhite .c-white {
  color: #000000 !important;
} */

/* .dimWhite .btn_box>div {
  color: #fff !important;
} */


@media screen and (min-width: 768px) {
  .Banner {
    min-height: 900px;
  }
}

.scroll-bar ul {
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.scroll-bar ul li{
  width: auto;
  height: 18.05vw;
  margin-right: 1.667vw;
}

.scroll-bar .card-box.first-card-box {
  margin-left: calc((100vw - 1120px - 17px) / 2);
}

.scroll-bar ul li h3 b {
  background: linear-gradient(101deg, #FFAE34 8.16%, #FF6B34 32.61%, #FF0083 80.05%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#AllModels {
  height: 150vw;
}

.AllModels {
  overflow-x: hidden;
  overflow-y: clip;
}

.screening {
  padding: 4px;
  border-radius: 9999px;
  width: 384px;
  margin: auto;
  background: rgba(255, 255, 255, 0.16);
}

.screening ul {}

.screening ul li {
  color: var(--Color-Fill-White);
  text-align: center;
  width: 33.3333333%;
}

.screening ul li.active {
  border-radius: 9999px;
  background-color: var(--Color-Fill-White);
  border: 0.5px rgba(181, 181, 190, 0.04);
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.12), 0px 3px 1px 0px rgba(0, 0, 0, 0.04);
}

.screening ul li.active span {
  color: var(--Color-Brand-Normal)
}

/* 首屏 */
#Banner {
  height: 3500px;
}

#banner_img.reduce {
  width: 1120px;
  height: 628px;
  border-radius: 8px;
}

.banner_video video {
  width: 1120px;
  height: 628px;
}

#banner_text1.magnify {
  transition: 0.3s all;
}

#banner_text1.magnify h2 {
  transition: 0.3s all;
}

.scale-15 {
  transform: scale(1.5);
}

.scale-3 {
  transform: scale(3);
}

.scale-5 {
  transform: scale(5);
}

.scale-10 {
  transform: scale(10);
}

.scale-20 {
  transform: scale(20);
}

.scale-100 {
  transform: scale(100);
}

.scale-200 {
  transform: scale(200);
}

/* 横向滚动动画 */
.crosswise_nav h3 {
  opacity: 0;
  transform: translateY(-60px);
}

.crosswise_nav h3.active {
  transform: translateY(0) translateZ(0);
  opacity: 1;
  transition: opacity 0.6s linear,
    transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* 公共样式 */
.swiperList-hover .swiper-button-next,
.swiperList-hover .swiper-button-prev {
  width: 44px;
  height: 44px;
  /* border: 1px solid #e0e2e4; */
  border: 1px solid #000;
  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%); */
}

/* .swiper_transition {
  transition: 0s all !important;
} */

/* 第三屏床身 */
.third_content {
  transition: 0.6s all ease-in-out;
}

.third_content.active {
  width: 1200px;
  margin: auto;
  height: 500px;
  border-radius: 8px;
}

.third_title {
  opacity: 0;
  transform: translateY(60px);
}

.third_title.active {
  transform: translateY(0) translateZ(0);
  opacity: 1;
  transition: opacity 0.3s linear,
    transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* 第四屏 */
.fourth_top_text {
  background: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(3px);
}

.Cutting-text {
  backdrop-filter: blur(3px);
}

.fourth_bottom_text {
  background: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2.5px);
}

/* 第六屏幕 */
.sixth_nav ul li {
  border-right: 1px solid#FF4610;
}

.sixth_nav ul li:last-child {
  border-right: none;
}

/* 改版新增 */
.Cutting-content .w-544 .pa {
  background-color: rgba(130, 136, 152, 0.1);
}

/* .crosswise-mySwiper {
  overflow-x: scroll;
}
.crosswise-mySwiper ::-webkit-scrollbar {
  height: 1px;
  border-radius: 8px;
} */
.crosswise-mySwiper .swiper-wrapper .swiper-slide:nth-child(3) {
  padding-right: calc((100vw - 1152px - 17px) / 2);
}

#crosswise_swiper {
  padding-top: 100px;
  padding-bottom: 0;
}

.black_technology_nav h3 {
  opacity: 0;
  transform: translateY(-60px);
  width: 90%;
  font-size: 40px;
  line-height: 48px;
}

.black_technology_nav p {
  opacity: 0;
  transform: translateY(-60px);
  width: 80%;
}

.black_technology_nav h3.active {
  transform: translateY(0) translateZ(0);
  opacity: 1;
  transition: opacity 0.6s linear,
    transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.black_technology_nav p.active {
  transform: translateY(0) translateZ(0);
  opacity: 1;
  transition: opacity 0.6s linear 0.1s,
    transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
}

.crosswise_swiper.swiperList-hover .swiper-button-next,
.crosswise_swiper.swiperList-hover .swiper-button-prev {
  bottom: -50px !important;
  top: initial;
  filter: invert(100%);
}

.crosswise_swiper.swiperList-hover .swiper-button-prev {
  right: 84px;
}

.crosswise_swiper.swiperList-hover .swiper-button-next {
  right: 16px;
}

.crosswise_swiper .swiper-button-next,
.crosswise_swiper .swiper-button-prev {
  opacity: 1;
}

.crosswise_swiper .swiper-button-next.swiper-button-disabled,
.crosswise_swiper .swiper-button-prev.swiper-button-disabled {
  opacity: 0.3;
}

.swiper-pagination-bullet-active {
  background-color: #fff;
}

.swiper-pagination-bullet {
  border-radius: 10px;
  margin: 0 4px;
}

#crosswise_swiper .crosswise-pagination {
  bottom: -65px;
}

.sole_text h2 {
  text-align: center;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
  font-family: PingFang SC;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
}

/* 业界唯一 */
#sole .sole-swiper-button-next,
#sole .sole-swiper-button-prev {
  top: initial;
  position: initial;
  bottom: 0;
  right: 0;
  z-index: 2;
  opacity: 1;
  border-radius: 44px;
  border: 1px solid #000;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat;
}

#sole .swiper-button-next {
  background-image: url(../img/left.svg) !important;
  transform: rotate(180deg);
}

#sole .swiper-button-prev {
  background-image: url(../img/left.svg) !important;
}

.b-75 {
  bottom: 75px;
}

#banner_text1 h2 {
  background: linear-gradient(110deg,
      #ff9b10 12.61%,
      #ff4610 56.38%,
      #ff0035 102.01%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.md_banner_text h2 {
  background: linear-gradient(139deg,
      #ff9b10 -5.09%,
      #ff4610 61.8%,
      #ff0035 131.53%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: 80%;
}

.p_text {
  /* width: 317px; */
}

/* 笔记本 */
@media (min-width: 1120px) and (max-width: 1600px) {
  #crosswise_swiper {
    padding-top: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px){
  .scroll-bar{
    padding-left: 68px;
  }
  #contrast{
    padding-top: 68px;
    padding-bottom: 68px;
  }

  .contrast_content ul li .contrast_li_B .mb-50:nth-child(6){
    /* height: 300px; */
    /* font-size: 14px; */
  }
}

/* pad端 */
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .newSellingPoint {
    padding-left: 32px;
    padding-right: 32px;
  }
  .scroll-bar{
    padding-left: 68px;
  }
  .Banner_tltie h1 {
    color: #000;
  }

  .Banner_tltie h1 span {
    color: #000;
  }

  .Banner_tltie p {
    color: #000;
  }

  .banner_video video,
  #banner_img.reduce {
    width: 80%;
    height: 403px;
  }

  .third_content.active {
    width: 90%;
    height: 375px;
    border-radius: 8px;
  }

  .Banner {
    min-height: 725px;
  }

  .third_content.active img {
    border-radius: 8px;
  }

  .third_title h2 {
    margin-bottom: 20px;
    font-size: 32px;
  }

  .third_title .fs-64 {
    font-size: 48px;
  }

  #crosswise_swiper .swiper-slide {
    height: 450px;
  }

  #crosswise_swiper .swiper-slide img {
    object-fit: cover;
  }

  #crosswise_swiper {
    /* padding-left: 16px;
    padding-right: 16px; */
    padding-top: 80px;
  }

  .second {
    padding-left: 32px;
    padding-right: 32px;
  }

  .fourth {
    padding-left: 32px;
    padding-right: 32px;
  }

  .fourth_bottom_left,
  .fourth_bottom_right {
    width: 49%;
  }

  /* #Banner {
    background-image: url(../img/Banner/lg/0.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  } */
  .line {
    width: 100% !important;
  }

  .Banner_tltie {
    /* margin-left: calc((100vw - 90% - 17px) / 2); */
  }

  .title_box.dimBlack {
    width: 100% !important;
    padding-left: 32px;
    padding-right: 16px;
  }

  .title {
    width: 100% !important;
  }

  #technology .technology_nav {
    width: auto;
  }

  .pt-200.pb-158 {
    padding-top: 80px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .h-600 {
    /* height: auto; */
  }

  #choose_mountings {
    background-size: cover;
  }

  #mango {
    padding-left: 32px;
    padding-right: 32px;
  }

  .mango_left {
    width: 24%;
  }

  .mango_right {
    width: 75%;
  }

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

  #contrast .contrast_content ul li {
    width: 32%;
  }

  .pr.pipe_swiper_button_box {
    margin-right: 16px;
  }

  /* 新增 */
  .Cutting-loading {
    width: 90%;
  }

  .Cutting-loading-title p {
    width: 100%;
    margin: auto;
  }

  .Cutting-content .w-544.h-500 {
    width: 49%;
    height: 400px;
  }

  .Cutting-content .pa.w-544 {
    width: 100%;
  }
.sole_text {
  padding-left: 48px;
  padding-right: 48px;
}
  .sole_text h2 {
  }
  .sole_text p{
    
  }

  .black_technology_nav {
    padding-left: 32px;
  }

  .black_technology_nav h3 {
    font-size: 28px;
	line-height:36px;
    width: 75%;
  }
  .black_technology_nav .h-128{
    height: 192px;
  }

  .black_technology_nav p {
    font-size: 18px;
    width: 75%;
  }
  .free_text_t {
    top: 48px;
  }
  .free_text_t h2{
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 16px;
    width: 90%;
    margin: auto;
  }
  .free_text_t p{
    font-size: 14px;
    line-height: 22px;
  }
  .second_content1,
  .second_content2,
  .second_content3{
    padding: 48px 0;
  }
  #bodorPlus{
    padding: 48px 44px;
  }

  .A_technology-mySwiper {
    padding-left: 32px;
    padding-right: 49px;
  }

  .crosswise-pagination {
    padding-left: 32px;
  }

  .crosswise_swiper.swiperList-hover .swiper-button-next {
    right: 49px;
  }

  .crosswise_swiper.swiperList-hover .swiper-button-prev {
    right: 107px;
  }

  .free_text_t p {
    width: 90%;
    margin: auto;
  }
}

/* 最小1440 */
@media (min-width: 1440px) {
  #sole {
    /* padding: 120px 0; */
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .navTitleMainBox .navbar{
    filter: invert(0%);
  }
  #mango .mango_left {
    display: none;
  }

  #mango .mango_right {
    width: 100%;
  }
  #Cutting-loading{
    background-color: #FAFAFB;
    margin-top: -1px;
  }
  section h2{
    font-size: 28px !important;
    line-height: 36px !important;
  }
  section p{
    font-size: 16px !important;
    line-height: 24px !important;
  }
  #free{
    /* overflow: hidden; */
  }
  .free{
    /* overflow-x: scroll; */
    height: 600px;
  }
  .free img{
    width: 100%;
  }
}

/* 移动端 */
@media (max-width: 767px) {
  .navTitleMainBox .navbar{
    filter: invert(0%);
  }
  section h2{
    font-size: 18px !important;
    line-height: 22px !important;
  }
  section p{
    font-size: 12px !important;
    line-height: 20px !important;
  }
  .line {
    width: 100% !important;
  }

  .title_box {
    filter: invert(0%);
  }

  .w-360 {
    width: 100vw;
  }

  .w-612 {
    width: 100%;
  }

  .mr-calc1120 {
    margin-right: 0;
  }

  .Banner_tltie {
    top: 34vw;
    text-align: left;
  }

  .Banner_tltie .w-300 {
    width: 57.3vw;
    text-align: center;
  }

  .Banner_tltie p {
    font-size: 3.2vw;
  }

  .Banner_tltie .h_text {
    margin-bottom: 2vw;
  }

  .Banner_tltie h1 {
    text-align: center;
    color: #000;
    font-size: 14.4vw;
    line-height: 12.4vw;
  }

  .p_text {
    width: auto;
    margin: auto;
  }

  .h_text {
    position: relative;
  }

  .h_text img {
    position: absolute;
    right: -6vw;
    top: 2px;
  }

  .Banner_tltie h1 strong {
    font-size: 14.4vw;
    line-height: 12.4vw;
    margin-bottom: 0;
  }

  .Banner_tltie h1 span {
    color: #000;
  }

  .Banner_tltie p {
    color: #000;
    text-align: center;
  }

  .Banner_tltie .bannerBtn {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .maxh-900,
  .minh-5625vw {
    max-height: 160vw !important;
    height: 100vh !important;
  }

  #Banner {
    height: auto;
    max-height: none;
    padding-top: 54.6px;
  }

  .bannerBtn {
    width: 31.467vw;
    height: 9.6vw;
    font-size: 4.533vw;
    line-height: 9.6vw;
    margin-top: 4.26vw;
  }

  .bannerBtn img {
    top: 3.2vw;
    right: 3.2vw;
    width: 3.2vw;
    height: 3.2vw;
  }

  /* 首屏 */
  #Banner {}

  .Banner {
    /* height: 160vw; */
    display: block;
    height: auto;
  }

  #Cutting-loading {
    display: block;
    position: initial;
    opacity: 1;
    height: auto;
    background-color: #f6f7f8;
  }

  .md_Banner_mySwiper {
    height: 160vw;
  }

  /* 移动端文案 */
  .md_banner_text {
    height: auto;
    padding-top: 64px;
    padding-bottom: 64px;
  }

  /* 移动端横向滚动 */
  .md_crosswise_swiper {
    height: 130vw;
    padding-top: 13.3vw;
    padding-bottom: 18.6vw;
  }

  .md_crosswise-pagination {
    bottom: 30vw !important;
    position: absolute;
    text-align: center;
    z-index: 2;
  }

  .md_crosswise-pagination .swiper-pagination-bullet {
    width: 2.133vw !important;
    height: 2.133vw !important;
    background: none;
    border-radius: 50%;
    border: 0.267vw solid#fff;
  }

  .md_crosswise-pagination .swiper-pagination-bullet-active {
    background-color: #fff !important;
    border-radius: 50%;
  }

  .md_crosswise-mySwiper .swiper-slide {
    height: 53.33vw;
  }

  .md_crosswise_swiper_nav {
    margin-bottom: 6.4vw;
  }

  .md_crosswise_swiper_nav h2 {
    font-size: 5.86vw;
    margin-bottom: 4px;
  }

  .md_crosswise_swiper_nav p {
    font-size: 3.2vw;
    opacity: 0;
    transform: translateY(-10px);
    width: 90%;
    text-align: center;
  }

  .md_crosswise_swiper_nav h2 {
    opacity: 0;
    transform: translateY(-20px);
    width: 90%;
    margin: auto;
  }

  .md_crosswise_swiper_nav h2.active {
    transform: translateY(0) translateZ(0);
    opacity: 1;
    transition: opacity 0.2s linear,
      transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .md_crosswise_swiper_nav p.active {
    transform: translateY(0) translateZ(0);
    opacity: 1;
    transition: opacity 0.2s linear,
      transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  /* 移动端第二屏 */
  .md_second_swiper {
    height: 120vw;
    padding-top: 13.3vw;
    padding-bottom: 18.6vw;
  }

  .md_second-pagination {
    bottom: 28.933vw !important;
    position: absolute;
    text-align: center;
    z-index: 2;
  }

  .md_second-pagination .swiper-pagination-bullet {
    width: 2.133vw !important;
    height: 2.133vw !important;
    background: none;
    border-radius: 50%;
    border: 0.267vw solid#000;
  }

  .md_second-pagination .swiper-pagination-bullet-active {
    background-color: #000 !important;
    border-radius: 50%;
  }

  .md_second_swiper_nav h2 {
    font-size: 5.86vw;
    margin-bottom: 2.16vw;
    opacity: 0;
    transform: translateY(-40px);
  }

  .md_second_swiper_nav h2 span {
    font-size: 3.2vw;
  }

  .md_second_swiper_nav h2.active {
    transform: translateY(0) translateZ(0);
    opacity: 1;
    transition: opacity 0.6s linear,
      transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .md_second_swiper_nav p {
    width: 80vw;
    font-size: 3.2vw;
    margin-bottom: 4.26vw;
    opacity: 0;
    transform: translateY(-20px);
  }

  .md_second_swiper_nav p.active {
    transform: translateY(0) translateZ(0);
    opacity: 1;
    transition: opacity 0.6s linear,
      transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .md_second_swiper .swiper-slide {
    height: 50vw;
  }

  /* 移动端床身 */
  #latheBed {
    /* height: 250vw; */
    height: 133vw;
  }

  #latheBed .pt-158 {}

  .latheBed {
    /* padding-top: 145vw; */
  }

  #latheBed h2 {
    font-size: 8vw;
  }

  #latheBed ul {
    padding-top: 9.6vw;
    margin-top: 0;
  }

  #latheBed ul li div {
    font-size: 3.733vw;
  }

  #latheBed ul li h3 {
    font-size: 12.8vw;
  }

  #latheBed p {
    font-size: 3.2vw;
  }

  /* 移动端第四屏 */
  #fourth {
    padding: 0 16px;
  }

  .fourth {
    padding-top: 16vw;
    padding-bottom: 6vw;
  }

  .fourth_top {
    height: 76.8vw;
    margin-bottom: 3.2vw;
  }

  .fourth_top_text {
    padding: 3.2vw;
  }

  .fourth_top_text h2 {
    font-size: 4.6vw;
  }

  .fourth_top_text p {
    font-size: 3.2vw;
  }

  .fourth_bottom {
    display: block;
    height: auto;
  }

  .fourth_bottom .w-544 {
    width: 100%;
    height: 76.8vw;
    margin-bottom: 3.2vw;
  }

  .fourth_bottom .w-544 h2 {
    font-size: 4.6vw;
  }

  .fourth_bottom .w-544 p {
    font-size: 3.2vw;
  }

  .fourth_bottom_text {
    padding: 3.2vw;
  }

  .scale-hv12-img img {
    transform: scale(1) !important;
  }

  /* mango */
  #mango {
    padding: 8vw 4.267vw;
    background-color: #fff;
  }

  #mango h2 {
    font-size: 17.067vw;
    margin-bottom: 0;
    width: 100%;
  }

  .mango {
    display: block;
    display: flex;
    flex-flow: column;
    padding-bottom: 0;
  }

  .mango_left {
    width: 100%;
    order: 2;
  }

  .mango ul {
    display: flex;
    justify-content: space-between;
  }

  .mango ul li {
    width: 44.8vw;
    height: 46.133vw;
    margin-bottom: 0;
    padding-top: 8vw;
    padding-left: 4.7vw;
  }

  .mango ul li:nth-child(2) {
    /* padding-top: 5vw; */
  }

  .mango ul .fs-48 {
    font-size: 7.467vw;
    line-height: normal;
  }

  .mango ul .fs-20 {
    font-size: 3.533vw;
    line-height: normal;
  }

  .mango ul .fs-40 {
    font-size: 5.867vw;
    line-height: normal;
  }

  .mango .w-848 {
    width: 100%;
    height: 62.4vw;
    margin-bottom: 2.133vw;
    order: 1;
  }

  #latheBed .content-box {
    padding-left: 10.66vw;
    box-sizing: border-box;
    width: 80%;
  }

  /* bodor+ */
  #md_bodorplus {
    padding: 10vw 4.267vw 9.6vw;
  }

  #md_bodorplus h2 {
    font-size: 5.867vw;
    line-height: 5.867vw;
    margin-bottom: 2.133vw;
  }

  #md_bodorplus p {
    font-size: 3.2vw;
    margin-bottom: 7.467vw;
  }

  #md_bodorplus .h-600 {
    height: auto;
  }

  #bodorPlusPlay {}

  /* 第六屏移动端 */
  #sixth {
    width: 100%;
    padding: 10vw 16px;
    height: auto;
  }

  .sixth {
    width: 100%;
  }

  .sixth_nav {
    margin-bottom: 8vw;
  }

  .sixth_nav ul li {
    font-size: 4.6vw;
    line-height: 4.6vw;
  }

  .sixth_nav h2 {
    font-size: 6.5vw;
  }

  .sixth_nav p {
    font-size: 3.2vw;
  }

  .sixth_imgbox {
    height: 200px;
  }

  /* 机型对比 */
  #contrast {
    padding: 15.467vw 4.267vw;
    padding-bottom: 0;
  }

  .contrast {
    padding-bottom: 0;
  }

  .contrast_titie {
    width: 100%;
    position: relative;
  }

  .contrast_titie h4 {
    font-size: 3.2vw;
    line-height: normal;
    margin-bottom: 1.067vw;
  }

  .contrast_titie p {
    font-size: 3.2vw;
    margin-top: 2vw;
    line-height: normal;
    width: 100%;
  }

  .contrast_titie h3 {
    font-size: 5.867vw;
    line-height: normal;
  }

  .contrast_content {
    padding-top: 0;
  }

  .contrast_content ul {
    margin-bottom: 0;
  }

  .contrast_content ul li {
    width: 25%;
    padding-top: 10vw;
  }

  .contrast_content ul li img {
    width: 100%;
  }

  .contrast_imgBox {
    flex-wrap: wrap;
  }

  .contrast_imgBox img {
    margin-bottom: 3.2vw;
  }

  .contrast_imgBox span {
    font-size: 3.2vw;
    line-height: normal;
  }

  #contrast .md_contrast_content {
    margin-top: 13.333vw;
  }

  #contrast .md_contrast_content .layui-input,
  #contrast .md_contrast_content .layui-form-select {
    width: 44.8vw;
    border-radius: 1.067vw;
  }

  #contrast .md_contrast_content div.df-sb {}

  #contrast .md_contrast_content div.df-sb>div {
    width: 44.8vw;
  }

  #contrast .md_contrast_contentBtn {
    height: 10.667vw;
  }

  #contrast .md_contrast_content p {
    font-size: 3vw !important;
    margin-top: 5.333vw;
  }
  #parameter_boxUl_1 li:nth-child(5),
  #parameter_boxUl_2 li:nth-child(5){
    height: 200px;
  }

  #contrast .md_contrast_content hr {
    margin-bottom: 6.933vw;
  }

  #contrast .md_contrast_content h3 {
    font-size: 4.8vw;
  }

  #contrast .md_contrast_content_switch {
    height: 21.333vw;
  }

  #contrast .md_contrast_content ul li>div {
    width: 44.8vw;
    border-top: 0.267vw solid #e6e7ea;
    padding: 3vw 0;
  }

  #contrast .md_contrast_content ul li:first-child>div {
    border-top: none;
  }

  #contrast .md_contrast_content ul li {
    align-items: flex-start;
  }

  .contrast_nav select {
    font-size: 7vw;
    width: 45vw;
    margin: 0 3.2vw;
  }

  #contrast .contrast_nav h2 {
    font-size: 5.867vw;
    line-height: 5.867vw;
  }

  .Series_icon {
    height: 10.7vw;
    margin-left: 2.133vw;
    margin-top: 0;
  }

  #choose_mountings ul {
    justify-content: space-between;
  }

  #choose_mountings ul li {
    width: 48.5%;
    height: 57.6vw;
    margin-right: 0;
  }

  /* 业界唯一 */
  #sole {
    height: 133.333vw;
    width: 100%;
  }

  .sole_text {
    padding-top: 17.6vw;
    height: 133.333vw;
  }

  .sole_text h2 {
    font-size: 9.6vw;
    font-weight: 600;
    text-align: center;
    color: #fff;
  }

  .sole_text p {
    font-size: 3.2vw;
    color: #828898;
    width: 100%;
    position: absolute;
    bottom: 13.333vw;
	padding:0 4vw !important;
  }

  /* 边切割边上边下 */
  .Cutting-loading-title h2 {
    font-size: 5.33vw;
    margin-bottom: 3.12vw;
    line-height: normal;
  }

  .Cutting-loading-title p {
    line-height: normal;
    font-size: 3.2vw;
    width: 100%;
  }

  .Cutting-loading-title {
    margin-bottom: 4.267vw;
  }

  .Cutting-loading {
    padding: 10.667vw 16px;
  }

  .Cutting-content {
    display: flex;
    justify-content: center;
  }

  .Cutting-content .w-544 {
    width: 100%;
  }

  .Cutting-content .h-500 {
    height: 53.333vw;
  }

  .Cutting-content .h-64 {
    height: 8.533vw;
  }

  .Cutting-content .h-64 span {
    font-size: 3.2vw;
  }

  .Cutting-content .w-544:first-child {
    margin-bottom: 4.267vw;
  }

  #free {
    background-color: #fff;
  }

  .free {
    height: 174.333vw;
  }

  .md_free_mySwiper {
    height: 133.333vw;
  }

  .free_text_t {
    top: 12.8vw;
  }

  .free_text_t h2 {
    font-size: 5.867vw;
    margin-bottom:12px;
    width: 90%;
    margin: auto;
  }

  .free_text_t p {
    font-size: 3.2vw;
    color: #828898;
    text-align: center;
    width: 90%;
  }

  .md_Banner_mySwiper-pagination {
    bottom: 11.2vw !important;
    position: absolute;
    text-align: center;
    z-index: 2;
  }

  .md_Banner_mySwiper-pagination .swiper-pagination-bullet {
    width: 2.133vw !important;
    height: 2.133vw !important;
    background: none;
    border-radius: 50%;
    border: 0.267vw solid#fff;
  }

  .md_Banner_mySwiper-pagination .swiper-pagination-bullet-active {
    background-color: #fff !important;
    border-radius: 50%;
  }

  #contrast {
    background-color: #fff;
  }
}


/* 新模块移动端 */
@media (max-width: 1023px) {
  #AllModels {
    height: auto;
  }
}


.mango_right {
  width: 804px;
  height: 506px;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  #mango{
    padding-left: 32px;
    padding-right: 32px;
    height: auto;
  }

  #mango .mango_left  h3{
    font-size: 18px;
    line-height: 22px;
  }
  #mango .mango_right  img{
    object-fit: cover;
  }
  #mango .mango_right  video{
    object-fit: cover;
  }
  #mango .pb-180{
    padding-bottom: 40px;
  }

}


@media screen and (min-width: 1120px) {

  /* 黑色版本 */
  .header_black {
    /* background-color: #fff; */
  }

  .header_black span {
    color: #000 !important;
  }

  .header_black .InquiryBtn {
    background-color: #000;
  }

  .header_black .InquiryBtn span {
    color: #fff !important;
  }

  .header_black svg {
    fill: #000 !important
  }

  .header_black svg path {
    fill: #000 !important
  }

  .header_black .logo img,
  .header_black .logo_mini img {
    filter: invert(0%);
  }

  .header_black a {
    color: #000;
  }

  .header_black .nav_l .li:hover a {
    color: #000 !important;
    opacity: 1 !important;
  }

  .header_black .list_down,
  .header_black .nav_r .li,
  .header_black .btn_box,
  .header_black .btn_box_mini {
    filter: invert(100%);
  }
}


/* pad */
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .navTitleMainBox .navbar{
    filter: invert(0%) !important;
  }
  section h2{
    font-size: 28px !important;
    line-height: 36px !important;
  }
  section p{
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .contrast{
    width: 680px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1199px){
  .contrast{
    width: 888px;
  }
.free_text_t {
  top: 48px;
}
.free_text_t h2{
  padding-left: 68px;
  padding-right: 68px;
}
.free_text_t p{
  width: 80%;
}
#bodorPlus{
  padding:68px;
  padding-left:40px ;
  padding-right:40px ;
}
#mango .mango_left{
  width: 28%;
}
#mango .mango_right {
  width: 70%;
}
}

/* 移动端 */
@media (max-width: 767px) {
  #AllModels{
    padding: 32px 16px;
  }
  .md_AllModels_content  {
    padding: 0;
  }
  .AllModels_title h2{
    line-height: normal;
    margin-bottom: 24px;
  }
  .screening{
    width: 100%;
  }
  .AllModels_title {
    margin-bottom: 24px;
  }

    /* mango */
    #mango {
      padding: 0vw 4.267vw;
      background-color: #fff;
    }
  
    #mango h2 {
      font-size: 6.400vw;
      padding-bottom:0;
      width: 100%;
      line-height: normal;
    }
    #mango p{
      font-size: 3.733vw;
      line-height: 5.867vw;
      margin-bottom: 3.200vw;
    }
  
    .mango {
      display: block;
      display: flex;
      flex-flow: column;
      padding-bottom: 0;
    }
    .mango h3{
      font-size:3.733vw ;
      line-height: 5.867vw;
    }
    .mango h3 b{
      margin-bottom: 2.133vw;
    }
  
    .mango_left {
      width: 100%;
      order: 2;
    }
  
    .mango ul {
      display: flex;
      justify-content: space-between;
    }
  
    .mango ul li {
      width: 100%;
      height: auto;
      margin-bottom: 0;
    padding: 16px;
    }
    .mango ul li
  
    .mango ul li:nth-child(2) {
      padding-top: 5vw;
    }
  
    .mango ul .fs-48 {
      font-size: 7.467vw;
      line-height: normal;
    }
  
    .mango ul .fs-20 {
      font-size: 3.733vw;
      line-height: normal;
    }
  
    .mango ul .fs-40 {
      font-size: 5.867vw;
      line-height: normal;
    }
  
    .mango .w-848 {
      width: 100%;
      height: 62.4vw;
      margin-bottom: 2.133vw;
      order: 1;
    }
    
  #mango {
    height: auto;
  }
}



/* 英文版新产品页样式-L */
/* .en_thirdly_title h2{
  background: linear-gradient(101deg, #FFAE34 8.16%, #FF6B34 50.8%, #DB0507 80.05%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
} */

/* 动态变色字体 */
#home-banner-slogan {
  font-size: 72px;
  height: auto;
  line-height: normal;
  user-select: none;
  text-align: center;
  margin: auto;
  width: 58%;
}

.container-glizWQ {
  position: relative;
}

/* @font-face {
  font-family: "Oswald-SemiBold";
  src: url("https://bodor.com/static/fonts/Oswald-SemiBold.otf");
  font-display: swap;
  font-weight: 600;
} */

.container-glizWQ .AXU2Ec1 {
  background-image: conic-gradient(from 0deg  at 50% -10%, rgb(255, 70, 16) -86.58deg,rgb(255, 188, 16) 99.21deg, rgb(255, 0, 53) 203.39deg, rgb(255, 155, 16) 273.42deg);
  background-clip: text;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -o-background-clip: text;
  background-position-x: -50%;
  color: transparent;
  font-family: Oswald-SemiBold !important;
  font-weight: 600;
}

.overlay-uXun_R {
  /* -webkit-filter: blur(10px); */
  /* filter: blur(10px); */
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0;
  width: 100%;
}

.overlay-uXun_R .AXU2Ec2 {
  background-image: conic-gradient(from 0deg  at 50% -10%, rgb(255, 70, 16) -86.58deg,rgb(255, 188, 16) 99.21deg, rgb(255, 0, 53) 203.39deg, rgb(255, 155, 16) 273.42deg);
  mask-image: linear-gradient(90deg, transparent -15.5556%, black, transparent 84.4444%);
  -moz-background-clip: text;
  -o-background-clip: text;
  -webkit-background-clip: text;
  background-clip: text;
  background-position-x: -50%;
  color: transparent;
  font-family: Oswald-SemiBold !important;
  font-weight: 600;
}

/* 移动端 */
@media (max-width: 767px) {
  .container-f {
    background-color: #fff;
    padding-bottom: 0;
    padding-top: 0;
  }
  .container {
    padding-bottom: 2vw;
  }
  #en_thirdly {
    height: 110vw;
  }

  .container-glizWQ {
    width: 95%;
    margin: auto;
  }

  .overlay-uXun_R {
    top: -12.5vw;
    display: none;
  }

  #home-banner-slogan {
    font-size: 8.53vw;
    line-height: 150%;
    width: 90%;
  }

  .container-glizWQ .AXU2Ec1,
  .overlay-uXun_R .AXU2Ec2 {
    font-size: 8.53vw;
    line-height: 150%;
  }


  #en_fourth {
    height: 100vw;
    padding-left: 4.267vw;
    padding-right: 4.267vw;
  }

  .en_fourth {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .en_fourth_title {
    margin-bottom: 5.333vw;
  }

  .en_fourth_title h2 {
    font-size: 4.267vw;
    line-height: 6.400vw;
    margin-bottom: 2.133vw;
  }

  .en_fourth_title p {
    font-size: 3.200vw;
    line-height: 5.333vw;
  }

  .en_fourth_content {
    height: auto;
  }

  #en_fifthly {
    height: 200vw;
  }

  .en_fifthly {}

  .en_fifthly .df-sb {
    display: block;
  }


  #md_en_fifthly {
    height: 100vw;
    padding-left: 4.267vw;
    padding-right: 4.267vw;
  }

  .md_en_fifthly {
    padding: 10vw 4.267vw 0;
  }

  .md_en_fifthly_title {
    margin-bottom: 5.333vw;
  }

  .md_en_fifthly_title h2 {
    font-size: 4.267vw;
    line-height: 6.400vw;
    margin-bottom: 2.133vw;
  }

  .md_en_fifthly_title p {
    font-size: 3.200vw;
    line-height: 5.333vw;
  }

  .md_en_fifthly_content {
    height: auto;
  }

  .mango_left li.h-264 h3 {
    font-size: 4vw;
  }

  .mango_left li.h-264 strong {
    font-size: 6vw;
    line-height: 120%;
  }

  .mango_left li.h-296 h3 {
    font-size: 3vw;
  }

  .mango_left li.h-296 strong.fs-24 {
    font-size: 4.7vw;
    line-height: 110%;
  }

  .newSellingPoint {
    padding: 15vw 4.267vw;
  }

  .newSellingPoint h2 {
    font-size: 9.6vw;
  }

  .newSellingPoint li {
    width: 100%;
    margin-bottom: 5.33vw;
  }

  .newSellingPoint ul {
    display: block;
  }

  .parameter_box span {
    color: #000 !important;
  }

}


#newSellingPoint ul li {
  border-radius: 8px;
  border: 1px solid#FAFAFB;
  background: #FFF;
  transition: all .3s cubic-bezier(0,0,0.5,1);
}

#newSellingPoint ul li svg {
  fill: #171b25;
}

#newSellingPoint ul li .bg-F2F4F7 {
  transition: all .3s cubic-bezier(0,0,0.5,1);
}

#newSellingPoint ul li:hover {
  box-shadow: 0px 10px 30px 0px rgba(0, 28, 85, 0.04);
  transform: scale(1.0161290323);
}

#newSellingPoint ul li:hover .bg-F2F4F7 {
  background: rgba(255, 70, 16, 0.1);
}

#newSellingPoint ul li:hover svg {
  fill: #ff4610;
}