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

}

.k-shade {

  transition: 1.2s all ease-in-out;

  /* background-image: linear-gradient(180deg, #00000000 0%, #000000 100%); */

  box-shadow: 0 0px 40px 30px #000000;

}



.k-shadeT {

  transition: 1.2s all ease-in-out;

  /* background-image: linear-gradient(180deg, #000000 0%, #00000000 100%); */

  box-shadow: 0 0px 30px 25px #000000;

}



.k-shadeW {

  transition: 1.2s all ease-in-out;

  background-image: linear-gradient(180deg, #ffffff00 0%, #ffffff 100%);

}



/* 导航栏 */

.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: none;

}



.dimBlack {

  backdrop-filter: saturate(180%) blur(20px);

  -webkit-backdrop-filter: saturate(180%) blur(20px);

  background: rgba(0,0,0,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;

}



/* 轮播遮罩 */

.Banner-shade {

  background: linear-gradient(180deg,

      rgba(230, 231, 234, 0) 0%,

      #cdcfd6 14%,

      #e6e7ea 50%);

}



/* 大轮播箭头 */

.Banner-swiper-button-prev,

.Banner-swiper-button-next {

  height: 96px;

  width: 48px;

  background-repeat: no-repeat;

  background-size: 24px 24px;

  background-position: center center;

  transition: 0.3s all ease-in-out;

  background-color: #ffffff1a;

  opacity: 1 !important;

  z-index: 3;

}



.Banner_tltie1 h1.activeTop {

  margin-top: 0;

  opacity: 1;

}



.Banner-swiper-button-next:hover,

.Banner-swiper-button-prev:hover {}



.Banner-swiper-button-prev {

  left: 0;

  background-image: url(https://static.bodor.com/ru/fiber-laser-cutting-machine/fiber-laser-metal-sheet-cutting-machines/A/img/Banner/l.svg);

  border-top-right-radius: 8px;

  border-bottom-right-radius: 8px;

}



.Banner-swiper-button-next {

  right: 0;

  background-image: url(https://static.bodor.com/ru/fiber-laser-cutting-machine/fiber-laser-metal-sheet-cutting-machines/A/img/Banner/r.svg);

  border-top-left-radius: 8px;

  border-bottom-left-radius: 8px;

}



/* 第三屏 */

#third {

}



.third-swiper-button-prev,

.third-swiper-button-next {

  height: 96px;

  width: 48px;

  background-repeat: no-repeat;

  background-size: 24px 24px;

  background-position: center center;

  transition: 0.3s all ease-in-out;

  background-color: #ffffff1a;

  opacity: 1 !important;

  z-index: 3;

}



.third-swiper-button-prev {

  left: 0;

  background-image: url(https://static.bodor.com/ru/fiber-laser-cutting-machine/fiber-laser-metal-sheet-cutting-machines/A/img/Banner/l.svg);

  border-top-right-radius: 8px;

  border-bottom-right-radius: 8px;

}



.third-swiper-button-next {

  right: 0;

  background-image: url(https://static.bodor.com/ru/fiber-laser-cutting-machine/fiber-laser-metal-sheet-cutting-machines/A/img/Banner/r.svg);

  border-top-left-radius: 8px;

  border-bottom-left-radius: 8px;

}



/* 黑科技 */

/* 公共样式 */

.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(https://static.bodor.com/ru/fiber-laser-cutting-machine/fiber-laser-metal-sheet-cutting-machines/A/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(https://static.bodor.com/ru/fiber-laser-cutting-machine/fiber-laser-metal-sheet-cutting-machines/A/img/r.svg);

  background-size: 16px 16px;

  background-position: center;

  background-repeat: no-repeat;

  /* filter: invert(100%); */

}



/* 黑科技动画 */

.black_technology_nav h3 {

  opacity: 0;

  transform: translateY(-60px);

}



.black_technology_nav p {

  opacity: 0;

  transform: translateY(-60px);

}



.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;

}



.swiper-pagination-bullet {

  background: #828898;

}



.swiper-pagination-bullet-active {

  background-color: #000;

}



.swiper-pagination-bullet {

  border-radius: 10px;

}







/* 横梁 */

#beam {

  background-image: url(https://static.bodor.com/ru/fiber-laser-cutting-machine/fiber-laser-metal-sheet-cutting-machines/A/img/beam/0.webp);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}



/* 第七屏 */

#seventh {

  background-image: url(https://static.bodor.com/ru/fiber-laser-cutting-machine/fiber-laser-metal-sheet-cutting-machines/A/img/seventh/0.webp);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}



/* 6.14新增卖点调整 */

#new_content {

  height: 150vh;

}



.new_content_title h2 b {

  background: var(---,

      linear-gradient(101deg, #ffae34 8.16%, #ff6b34 32.61%, #ff0083 80.05%));

  background-clip: text;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  width: fit-content;

}



.new_content_main {

  background-image: url(https://static.bodor.com/ru/fiber-laser-cutting-machine/fiber-laser-metal-sheet-cutting-machines/A/img/new/0.webp);

  background-repeat: no-repeat;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-position: center;

}



.new_content_shade {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 760px;

  height: 422px;

  box-shadow: 0 0 0 4000px #fff;

  will-change: transform;

  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);

}



.new_content_title {

  transform: translateY(-60px);

  opacity: 0;

  transition: opacity 0.6s linear,

    transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);

}



.new_content_title.active {

  transform: translateY(0px);

  opacity: 1;

}



/* 大轮播箭头 */

.contrast_swiper_button {

  top: 30%;

  width: 1280px;

  padding-top: 200px;

}

.contrast {

  margin-top: -15%;

}



.contrast_swiper-button-prev,

.contrast_swiper-button-next {

  height: 44px;

  width: 44px;

  background-repeat: no-repeat;

  background-size: 16px 16px;

  background-position: center;

  transition: 0.3s all ease-in-out;

  z-index: 9999;

  border: 1px solid #e0e2e4;

  padding: 14px;

  border-radius: 50%;

}



.contrast_swiper-button-prev {

  background-position: center;

  /* margin-left: calc(100vw / 2); */

}



.contrast_swiper-button-next {

  background-position: center;

}



.contrast_swiper-button-next:hover,

.contrast_swiper-button-prev:hover {

  /* background-color: rgba(255, 255, 255, 0.2); */

}



.contrast_swiper-button-prev {

  /* left: -50px; */

  background-image: url(https://static.bodor.com/ru/fiber-laser-cutting-machine/fiber-laser-metal-sheet-cutting-machines/A/img/l.svg);

}



.contrast_swiper-button-next {

  /* right: -50px; */

  background-image: url(https://static.bodor.com/ru/fiber-laser-cutting-machine/fiber-laser-metal-sheet-cutting-machines/A/img/r.svg);

}



#contrast {

}



#panoramaCanvas {

  transform: translateZ(0);

  width: 100%;

  aspect-ratio: 1120/600;

  cursor: url("./img/360.png"), auto;

  margin-top: 64px;

  --cursor-opacity: 0;

}



.vrtitle {

  position: absolute;

  top: 64px;

  z-index: 8;

  left: 50%;

  transform: translateX(-50%);

}



.vrtitle .jks {

  color: var(---, #000);



  font-size: 48px;

  font-style: normal;

  font-weight: 500;

  line-height: normal;

  text-align: center;

}



.vrtitle p {

  color: var(---, #828898);



  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  text-align: center;

}



.vrbtn {

  display: flex;

  width: 168px;

  height: 44px;

  padding: 10px var(--Space-6X, 24px);

  justify-content: center;

  align-items: center;

  gap: 8px;

  flex-shrink: 0;

  border-radius: 8px;

  background: #000;

  color: #fff;

  margin: 0 auto;

  cursor: pointer;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  bottom: 64px;

}



.icond {

  background: #fff;

  border-radius: 4px;

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 3px;

  fill: #000;

}



.vrbtn:hover {

  background: #ff4610;

}



.vrbtn:hover .svgin {

  fill: #ff4610;

}



.imghj {

  /* margin-top: 64px;

  width: auto;

  height: auto; */

  /* width: 100%; */

  /* aspect-ratio: 1120/600; */

  object-fit: contain;

  display: contents;



  /* object-fit: cover; */

}



#myVideo {

  display: none;

}

#black_technology .swiper-pagination-bullets.swiper-pagination-horizontal{

  bottom: -46px;

}

#newSellingPoint ul{

  grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));

}



/* pad端 */

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

  #newSellingPoint ul{

    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));

    padding: 0 68px;

  }



  /* #Banner {

    background-image: url(https://static.bodor.com/ru/fiber-laser-cutting-machine/fiber-laser-metal-sheet-cutting-machines/A/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: 0;

    padding-left: 16px;

    padding-right: 16px;

  }



  .h-600 {

    /* height: auto; */

  }



  #choose_mountings {

    background-size: cover;

  }



  #mango {

    padding-left: 16px;

    padding-right: 16px;

  }



  .mango_left {

    width: 24%;

  }



  .mango_right {

    width: 75%;

  }



  #contrast {

    padding-left: 16px;

    padding-right: 16px;

  }



  #second {

    padding-left: 16px;

    padding-right: 16px;

  }



  #third-nav {

    margin-left: 16px;

    margin-right: 16px;

  }



  .latheBed {

    padding-left: 16px;

  }



  .black_technology_nav {

    padding-left: 16px;

    padding-right: 16px;

  }



  .A_technology-mySwiper {

    padding-left: 16px;

    padding-right: 32px;

  }



  .beam-nav {

    padding-left: 16px;

  }



  .seventh {

    padding-left: 16px;

  }



  #eighth {

    width: 90%;

    margin: auto;

  }



  #eighth h2 {}



  .eighth-bottom,

  .eighth-top {

    width: 100%;

    height: 400px;

  }



  .eighth-top .w-448 {

    width: 40%;

    padding: 12px;

  }



  .eighth-top .w-640 {

    width: 58%;

  }



  .eighth-bottom .w-736 {

    width: 68%;

  }



  .eighth-bottom .w-352 {

    width: 30%;

  }

}



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

  #Banner{

    height: auto;

  }

  #newSellingPoint ul{

    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));

    padding: 0  40px;

  }



  #mango .mango_left {

    display: none;

  }



  #mango .mango_right {

    width: 100%;

  }

  .navTitleMainBox .navbar{

    filter: invert(0%);

  }

}



.phoneImg {

  display: none;

}



/* 移动端 */

@media (max-width: 767px) {

  .new_content_title {

    transform: translateY(0px) !important;

    opacity: 1 !important;

  }

  .navTitleMainBox .navbar{

    filter: invert(0%);

  }

  .title_box {

    filter: invert(0%);

  }



  .phoneImg {

    margin-top: 20px;

    display: block;

  }



  #VR {

    height: auto !important;

    /* display: none !important; */

  }



  #panoramaCanvas {

    margin-top: 0px;

  }



  .VRdom {

    height: auto !important;

    padding: 10.667vw 0;

  }



  .vrtitle {

    position: static;

    transform: translateX(0%);

  }



  .vrbtn {

    width: 37.333vw;

    height: 9.6vw;

    padding: 0px var(--Space-6X, 0px);

    font-size: 4.267vw;

    margin-top: 9.333vw;

    position: static;

    transform: translateX(0%);

  }



  .vrtitle .jks {

    font-size: 6.4vw;

  }



  .vrtitle p {

    font-size: 3.733vw;

  }



  .w-360 {

    width: 100vw;

  }



  .w-612 {

    width: 100%;

  }



  .mr-calc1120 {

    margin-right: 0;

  }



  .Banner_tltie1 {

    margin-left: 0;

    top: 40.533vw;

    text-align: center;

    width: 100%;

  }



  .Banner_tltie1 h1 {

    margin-top: 0;

  }



  .Banner_tltie1 h1 span {

    color: #ff4610 !important;

  }



  .Banner_tltie1 h1 {

    text-align: center;

    font-size: 9.6vw;

    line-height: normal;

    color: #000;

  }



  .Banner_tltie1 h1 strong {

    font-size: 9.6vw;

    line-height: normal;

  }



  .Banner_tltie1 h1 span {

    font-size: 9.6vw;

    color: #000;

  }



  .Banner_tltie1 img {

    height: 10.667vw;

    margin-top: 7.467vw;

  }



  .maxh-900,

  .minh-5625vw {

    max-height: 160vw !important;

    height: 100vh !important;

  }



  #Banner {

    height: auto;

    max-height: none;

    padding-top: 50px;

  }



  .bannerBtn,

  .bannerBtn_VR {

    width: 31.467vw;

    height: 9.6vw;

    font-size: 4.533vw;

    line-height: 9.6vw;

    margin-top: 4.26vw;

  }



  .bannerBtn {

    background-color: #fff;

    color: #000;

  }



  /* 首屏 */

  #Banner {

    /* background-image: url(https://static.bodor.com/ru/fiber-laser-cutting-machine/fiber-laser-metal-sheet-cutting-machines/A/img/Banner/md/0.webp);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center; */

  }



  /* 遮罩 */

  .Banner-shade {

    top: 160vw;

    height: 160vw;

  }



  .Banner-shade h2 {

    font-size: 9.6vw;

    line-height: normal;

    margin-bottom: 6.4vw;

  }



  .Banner-shade img.w-100 {

    width: 26.667vw;

    margin-bottom: 6.4vw;

  }



  .bannerBtn {

    width: 31.467vw;

    height: 9.6vw;

    font-size: 4.533vw;

    line-height: 9.6vw;

  }



  .bannerBtn img {

    top: 3.2vw;

    right: 3.2vw;

    width: 3.2vw;

    height: 3.2vw;

  }



  /* 第二屏 */

  #second {

    max-height: auto !important;

    height: auto !important;

    padding-top: 40px;

    padding-bottom: 40px;

  }



  .second {

    padding-left: 4.267vw;

    padding-right: 4.267vw;

  }



  .second-nav {

    padding-left: 0;

    padding-bottom: 4.267vw;

  }



  .w-594 {

    width: 100%;

  }



  .second-nav span {

    font-size: 3.2vw;

    line-height: normal;

    font-weight: 400;

  }



  .second-nav h2 {

    font-size: 5.867vw;

    font-weight: 500;

    line-height: normal;

    margin-bottom: 1.067vw;

    width: 80%;

  }



  .second-nav p {

    font-size: 3.2vw;

    font-weight: 400;

    line-height: normal;

  }



  /* 第三屏 */

  #third {

    max-height: auto !important;

    height: auto !important;

    padding-top: 9.6vw;

  }



  .third-content {

    height: 73vw;

  } 



  .third {

    padding-left: 4.267vw;

    padding-right: 4.267vw;

  }



  .third .swiper-slide img {

    border-radius: 2.133vw;

  }



  .third-nav {

    padding-left: 0;

    padding-bottom: 4.267vw;

  }



  .w-594 {

    width: 100%;

  }



  .third-nav span {

    font-size: 3.2vw;

    line-height: normal;

    font-weight: 400;

  }



  .third-nav h2 {

    font-size: 5.867vw;

    font-weight: 500;

    line-height: normal;

    margin-bottom: 1.067vw;

  }



  .third-nav p {

    font-size: 3.2vw;

    font-weight: 400;

    line-height: normal;

  }



  .third-mySwiper {

    padding-bottom: 24vw;

  }



  .third-pagination {

    bottom: 14.933vw !important;

    position: absolute;

    text-align: center;

    z-index: 2;

  }



  .third-pagination .swiper-pagination-bullet {

    width: 2.133vw !important;

    height: 2.133vw !important;

    background: none;

    border-radius: 50%;

    border: 0.267vw solid#000;

  }



  .third-pagination .swiper-pagination-bullet-active {

    background-color: #000 !important;

    border-radius: 50%;

  }



  /* 床身 */

  #latheBed {

    height: 550px !important;

  }



  .latheBed {

    padding-top: 40px;

    padding-left: 16px;

  }



  #latheBed .pt-500 {

    padding-top: 10.667vw;

  }



  .latheBed h2 {

    font-size: 20px;

    line-height: 28px;

    font-weight: 400;

    margin-bottom: 16px;

  }



  .latheBed div.pt-32 {

    padding-top: 0;

  }



  .latheBed div.pt-32>div {

    margin-right: 14vw;

    display: inline-block;

    text-align: left;

  }



  .latheBed div.pt-32 p {

    font-size: 3.733vw;

    width: 80%;

  }



  .latheBed div.pt-32>div p span {

    font-size: 12.8vw;

  }



  .latheBed p.fs-12 {

    font-size: 3.2vw;

    width: 30%;

  }

  .latheBed span.fs-64{

    font-size: 48px;

    line-height: 56px;

  }



  /* 黑科技 */

  #technology {

    padding: 0;

  }



  .md_technology {

    padding: 26.667vw 6.933vw 21.333vw;

    background-color: #fff;

  }



  .md_technology-mySwiper h2 {

    color: #000;

  }



  .md_technology-mySwiper p {

    color: #000;

  }



  .md_technology-mySwiper {

    padding-bottom: 8.533vw;

  }



  .md_technology-mySwiper .swiper-wrapper .swiper-slide {

    /* background-color: #fff; */

  }



  .md_technology-mySwiper .swiper-wrapper .swiper-slide video,

  .md_technology-mySwiper .swiper-wrapper .swiper-slide img {

    width: 85.333vw;

    height: 64vw;

    margin-bottom: 11.2vw;

  }



  .md_technology-mySwiper .swiper-wrapper .swiper-slide h2 {

    font-size: 9.6vw;

    line-height: 17.6vw;

    margin-bottom: 6.4vw;

  }



  .md_technology-mySwiper .swiper-wrapper .swiper-slide p {

    font-size: 3.733vw;

    width: 85.333vw;

  }



  .md_technology-pagination {

    bottom: 0vw !important;

    position: absolute;

    text-align: center;

    z-index: 2;

  }



  .md_technology-pagination .swiper-pagination-bullet {

    width: 2.133vw !important;

    height: 2.133vw !important;

    background: none;

    border-radius: 50%;

    border: 0.267vw solid#000;

  }



  .md_technology-pagination .swiper-pagination-bullet-active {

    background-color: #000 !important;

    border-radius: 50%;

  }



  /* 横梁 */

  #beam {

    background-image: url(https://static.bodor.com/ru/fiber-laser-cutting-machine/fiber-laser-metal-sheet-cutting-machines/A/img/beam/md/0.png);

  }



  .beam-nav {

    padding-top: 9.33vw;

  }



  .beam-nav h2 {

    font-size: 7.467vw;

    line-height: 9.600vw;

    text-align: center;

    margin: 0;

    width: 90%;

    margin: auto;

  }



  .beam-nav_ul {

    display: flex;

    justify-content: center;

    position: absolute;

    bottom: 14.933vw;

    left: 0;

    width: 100%;

  }



  .beam-nav_ul div.mr-120 {

    margin-right: 16px;

  }



  .beam-nav_ul p {

    font-size: 3.2vw;

    text-align: center;

    width: 80%;

    margin: auto;

    line-height: normal;

  }



  .beam-nav_ul p span {

    font-size: 9.6vw;

  }



  /* 第七屏 */

  #seventh {

    background-image: none;

    height: 140vw;

  }



  .seventh {

    display: block;

  }



  .seventh-nav {

    width: 100%;

    padding: 0;

    text-align: center;

    margin-top: 0;

  }



  .seventh-nav h2 {

    font-size: 5.33vw;

    margin-bottom:16px;

    line-height: normal;

    width: 100%;

  }



  .seventh-nav p {

    font-size: 3.733vw;

    line-height: normal;

    width: 70%;

    margin: auto;

  }



  /* 第八屏 */

  #eighth {

    height: 112vw;

    background-color: #fff;

  }



  .eighth {

    padding: 12vw 4.267vw 0;

  }



  .eighth-top {

    height: 49.067vw;

    margin-bottom: 2.62vw;

  }



  .eighth-top .w-448 {

    width: 36.8vw;

    padding-top: 3.6vw;

    padding-left: 2.621vw;

    border-radius: 4px;

  }



  .eighth-top h2 {

    font-size: 3.7vw;

    line-height: normal;

  }



  .eighth-top p {

    font-size: 3vw;

    line-height: normal;

  }



  .eighth-top img {}



  .eighth-top .w-640 {

    width: 52.4vw;

    border-radius: 4px;

  }



  .eighth-bottom {

    height: 36vw;

  }



  .eighth-bottom .w-736 {

    width: 60.267vw;

    border-radius: 4px;

  }



  .eighth-bottom .w-352 {

    width: 28.8vw;

    padding-top: 3.6vw;

    padding-left: 2.621vw;

    border-radius: 4px;

    padding-right: 1vw;

  }



  .eighth-bottom img {}



  .eighth-bottom h2 {

    font-size: 3.7vw;

    line-height: normal;

  }



  .eighth-bottom p {

    font-size: 2vw;

    line-height: normal;

  }



  .content-box {

    box-sizing: border-box;

    width: auto;

  }



  /* bodor+ */

  #md_bodorplus {

    padding: 0 4.267vw 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: 16px;

    line-height: normal;

  }



  #md_bodorplus .h-600 {

    height: auto;

  }



  #bodorPlusPlay {}



  /* 机型对比 */

  #contrast {

    padding: 15.467vw 4.267vw;

    height: auto;

  }



  .contrast {

    padding-bottom: 0;

    padding-top: 0;

    margin-top: 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;

  }



  .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: 10vw;

  }



  #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: 3.2vw;

    margin-top: 5.333vw;

  }



  #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;

  }



  .Banner_tltie {

    top: 35vw;

    text-align: left;

  }



  .Banner_tltie .w-300 {

    width: 57.3vw;

    text-align: center;

  }



  .Banner_tltie p {

    font-size: 3.73vw;

    letter-spacing: 1px;

    width: 80%;

    margin: auto;

  }



  .Banner_tltie .h_text {

    margin-bottom: 2vw;

  }



  .Banner_tltie h1 {

    text-align: center;

    color: #fff;

    font-size: 14.4vw;

    line-height: 12.4vw;

  }



  .Banner_tltie h1 strong {

    font-size: 14.4vw;

    line-height: 12.4vw;

    margin-bottom: 0;

  }



  .Banner_tltie h1 span {

    color: #fff;

  }



  .Banner_tltie p {

    color: #fff;

    text-align: center;

  }



  /* 新卖点模块 */

  #IntelligentGuidance {

    height: auto;

  }



  .md_IntelligentGuidance {

    height: auto;

    padding-left: 4.267vw;

    padding-right: 4.267vw;

    position: inherit;

  }



  .md_IntelligentGuidance img {

    margin-bottom: 5.333vw;

  }



  .md_IntelligentGuidance_title {

    padding-top: 10.667vw;

    margin-bottom: 6.4vw;

  }



  .md_IntelligentGuidance_title h2 {

    font-size: 6.4vw;

    margin-bottom: 3.2vw;

    line-height: 8.533vw;

  }



  .md_IntelligentGuidance_title p {

    font-size: 3.733vw;

    line-height: 5.867vw;

  }



  #new_content {

    height: auto !important;

  }



  .new_content {

    position: inherit;

    height: auto;

    display: block;

  }



  .new_content .new_content_title {

    padding-top: 28px;

  }



  .new_content_title h2 {

    font-size: 5.333vw;

    line-height: 7.467vw;

    margin-bottom: 4.267vw;

  }



  .new_content_title p {

    font-size: 2.667vw;

    line-height: 4.800vw;

    width: 85%;

  }

  .container-f {

    background-color: #fff;

  }

}





/* 大Pad端 1024 - 1199 */

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

  .Banner_tltie .w-1120 {

    width: 90%;

  }



  .IntelligentGuidance {

    width: 888px;

  }



  .new_content_left {

    width: 420px;

    height: 502px;

  }

  .new_content_left .IntelligentGuidance_shdae_img{

    width: 300px;

    height: 300px;

    right: -30px;

  }



  .new_content_right {

    width: 420px;

    padding-top: 36px;

  }



  .new_content_right h2 {

    font-size: 28px;

    line-height: 36px;

    margin-bottom: 12px;

  }



  .new_content_right p {

    font-size: 14px;

    line-height: 22px;

    margin-bottom: 48px;

  }



  .new_content_right img {

    height: 326px;

    width: 100%;

  }



  #second {

    padding: 68px;

    height: auto;

  }



  .second {

    width: 888px;

    margin: auto;

  }



  #third {

    height: auto;

    padding-top: 68px;

  }



  .third-nav {

    width: 888px;

    margin: auto;

  }



  .w-594 {

    width: fit-content;

  }



  .third-content {

    height: 500px;

  }







  .fadeInRightBig {

    padding-top: 36px;

  }



  .latheBed {

    padding-top: 80px;

    padding-left: calc((100vw - 888px) / 2);

  }



  .latheBed h2 {

    font-size: 28px;

    line-height: 36px;

    margin-bottom: 32px;

  }



  .latheBed .pt-32 {

    padding-top: 0;

  }



  .latheBed .pt-32 .fadeInUp1 {

    width: 247px;

    margin-right: 0;

    text-align: left;

  }



  /* .latheBed .pt-32 .fadeInUp1 p {

    font-size: 48px;

    line-height: 56px;

    color: var(--Color-Brand-Normal);

    margin-bottom: 8px;

  } */



  /* .latheBed .pt-32 .fadeInUp1 div span {

    color: var(--Color-Text-T2);

    font-family: "PingFang SC";

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 22px;

  } */



  .latheBed p.op-05.bodor-PFLight {

    color: rgba(255, 255, 255, 0.65);

    font-size: 12px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

  }



  #black_technology {

    padding-top: 68px;

    padding-bottom: 68px;

    height: auto;

  }



  .black_technology_nav {

    width: 888px;

    margin-bottom: 32px;

    padding: 0;

  }



  .black_technology_nav p {

    width: 768px;

  }



  .black_technology_nav h3 {

    font-size: 28px;

    line-height: 36px;

    margin-bottom: 12px;

  }



  .black_technology_nav p {

    font-size: 14px;

    line-height: 22px;

  }



  .A_technology-mySwiper {

    padding-left: 68px;

    padding-right: 0px;

  }



  .A_technology-mySwiper .swiper-slide {

    width: 760px;

    height: 426px;

    margin-right: 24px !important;

  }



  .crosswise-pagination {

    padding-left: 68px;

  }



  #black_technology .crosswise-pagination {

    bottom: -32px;

      padding-left: calc((100vw - 888px) / 2);

      padding-right: calc((100vw - 888px) / 2);

  }



  #beam {

    height: 568px;

  }



  .beam-nav {

    width: 888px;

    padding-top: 80px;

    padding-left: 0;

  }



  .beam-nav span.fs-30 {

    font-size: 28px;

    line-height: 36px;

    display: block;

  }



  .beam-nav h2 {

    font-size: 28px;

    line-height: 36px;

    margin-top: 0;

    margin-bottom: 32px;

  }



  .beam-nav_ul {

    width: auto;

    display: block;

  }



  .beam-nav_ul div {

    width: 228px;

    margin-right: 0;

    margin-bottom: 32px;

  }



  .beam-nav_ul div p span {

    font-size: 48px;

    line-height: 56px;

    margin-bottom: 8px;

  }



  .beam-nav_ul div p:last-child {

    font-size: 14px;

    line-height: 22px;

    margin-top: 8px;

    color: var(--Color-Text-T2);

  }

  .contrast_li_B .h-100{

    height: 140px;

  }



  #seventh {

    height: 480px;

  }



  .seventh {

    padding-left: 0;

  }



  .seventh-nav {

    padding-left: calc((100vw - 888px) / 2);

  }



  .seventh-nav h2 {

    font-size: 28px;

    line-height: 36px;

    margin-bottom: 16px;

  }



  .seventh-nav p {

    font-size: 14px;

    line-height: 22px;

  }



  #eighth {

    height: auto;

  }



  .eighth {

    width: 888px;

    padding-top: 68px;

    padding-bottom: 68px;

  }



  .eighth-top {

    height: 476px;

    margin-bottom: 24px;

  }



  .eighth-top .w-448 {

    width: 356px;

    padding-top: 44px;

    padding-left: 44px;

  }



  .eighth-top .w-448 h2 {

    font-size: 28px;

    line-height: 36px;

    margin-bottom: 16px;

  }



  .eighth-top .w-448 p {

    font-size: 14px;

    line-height: 22px;

  }



  .eighth-top .w-640 {

    width: 508px;

  }



  .eighth-bottom {

    height: 304px;

  }



  .eighth-bottom .w-736 {

    width: 508px;

  }



  .eighth-bottom .w-352 {

    width: 356px;

    padding-top: 44px;

    padding-left: 44px;

  }



  .eighth-bottom .w-352 h2 {

    font-size: 28px;

    line-height: 36px;

    margin-bottom: 16px;

  }



  .eighth-bottom .w-352 p {

    font-size: 14px;

    line-height: 22px;

  }



  #bodorPlus {

    padding-top: 68px;

    padding-bottom: 68px;

    height: auto;

  }



  .bodorPlus {

    width: 888px;

  }



  .bodorPlus h2 {

    font-size: 28px;

    line-height: 36px;

    margin-bottom: 12px;

  }



  .bodorPlus sub {

    font-size: 28px;

    line-height: 36px;

  }



  .bodorPlus p {

    font-size: 14px;

    margin-bottom: 32px;

    line-height: 22px;

  }



  .bodorPlus div.h-600 {

    height: 500px;

  }



  #contrast {

    height: auto;

  }



  .contrast_swiper_button {

    width: 100%;

    padding-top: 80px;

  }



  .contrast {

    width: 888px;

  }

  .container-f {

    background-color: #fff;

  }

  .navTitleMainBox .navbar{

    filter: invert(0%) !important;

  }

  .new_content_title {

    padding-top: 80px;

  }

  .new_content_title p{

    width: 80%;

  }

}



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

  #black_technology .crosswise-pagination {

    bottom: -30px;

      padding-left: calc((100vw - 680px) / 2);

      padding-right: calc((100vw - 680px) / 2);

      display: none;

  }

  #contrast {

    height: auto;

  }



  .contrast_swiper_button {

    width: 100%;

  }



  .contrast {

    width: 680px;

  }



  .title_box.dimBlack {

    width: 100% !important;

    padding-left: 0;

    padding-right: 0px;

  }



  #myVideo {

    display: none !important;

  }



  #loadingImage {

    display: block !important;

  }



  .Banner_tltie .w-1120 {

    width: 680px;

  }



  /* 新卖点模块 */

  #IntelligentGuidance {

    height: auto;

  }



  .md_IntelligentGuidance {

    height: auto;

    padding-left: 4.267vw;

    padding-right: 4.267vw;

    position: inherit;

  }



  .md_IntelligentGuidance img {

    margin-bottom: 5.333vw;

  }



  .md_IntelligentGuidance_title {

    padding-top: 10.667vw;

    margin-bottom: 6.4vw;

  }



  .md_IntelligentGuidance_title h2 {

    font-size: 6.4vw;

    margin-bottom: 3.2vw;

    line-height: 8.533vw;

  }



  .md_IntelligentGuidance_title p {

    font-size: 3.733vw;

    line-height: 5.867vw;

  }



  #new_content {

    height: auto !important;

  }



  .new_content {

    position: inherit;

    height: auto;

    display: block;

  }



  .new_content .new_content_title {

    padding-top: 10.667vw;

  }



  .new_content_title h2 {

    font-size: 6.4vw;

    line-height: 8.533vw;

    margin-bottom: 3.2vw;

  }



  .new_content_title p {

    font-size: 3.2vw;

    line-height: normal;

    width: 90%;

  }



  #second {

    padding: 44px;

    height: auto;

  }



  #third {

    height: auto;

    padding-top: 44px;

  }



  .third-nav {

    padding-left: 44px;

    padding-right: 44px;

  }



  .third-content {

    height: 450px;

  }



  #latheBed {

    margin-top: 0;

  }

  #latheBed {

    height: 380px;

  }



  .fadeInRightBig {

    padding-top: 0;

  }



  .latheBed {

    padding-top: 40px;

    padding-left: 40px;

  }



  .latheBed h2 {

    font-size: 24px;

    line-height: 32px;

    margin-bottom: 24px;

  }

  .latheBed p{

    font-size: 20px;

    line-height: 28px;

  }



  .latheBed .pt-32 {

    padding-top: 0;

  }



  .latheBed .pt-32 .fadeInUp1 {

    width: fit-content;

    margin-right: 80px;

    text-align: left;

  }



  /* .latheBed .pt-32 .fadeInUp1 p {

    font-size: 48px;

    line-height: 56px;

    color: var(--Color-Brand-Normal);

    margin-bottom: 8px;

  } */



  .latheBed .pt-32 .fadeInUp1 div span {

    font-size: 48px;

    line-height: 56px;

  }



  .latheBed p.op-05.bodor-PFLight {

    color: rgba(255, 255, 255, 0.65);

    font-size: 12px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

  }



  #black_technology {

    padding: 48px 0;

    height: auto;

  }



  .black_technology_nav {

    padding: 0;

    padding-bottom: 32px;

    width: 680px;

    margin: auto;

  }



  .black_technology_nav h3 {

    font-size: 28px;

    line-height: 36px;

    margin-bottom: 12px;

  }



  .black_technology_nav p {

    font-size: 14px;

    line-height: 22px;

    width: 70%;

  }



  .A_technology-mySwiper {

    padding: 0;

    padding-left: calc((100vw - 680px) / 2);

    padding-right: calc((100vw - 640px) / 2);

  }



  .A_technology-mySwiper .swiper-slide {

    width: 680px;

    height: 382px;

  }



  #beam {

    height: 500px;

  }



  .beam-nav {

    padding-top: 68px;

    padding-left: 68px;

  }



  .beam-nav span.fs-30 {

    font-size: 28px;

    line-height: 36px;

    display: block;

  }



  .beam-nav h2 {

    font-size: 24px;

    line-height: 32px;

    margin-top: 0;

    margin-bottom: 32px;

    width: 48%;

  }

  .container-f {

    background-color: #fff;

  }



  .beam-nav_ul {

    display: block;

    width: auto;

  }



  .beam-nav_ul div {

    width: 160px;

    margin-right: 0;

    margin-bottom: 24px;

    width: 40%;

  }



  .beam-nav_ul div p span {

    font-size: 48px;

    line-height: 56px;

    margin-bottom: 8px;

  }



  .beam-nav_ul div p:last-child {

    font-size: 14px;

    line-height: 22px;

    margin-top: 8px;

    color: var(--Color-Text-T2);

    opacity: 1;

  }



  #seventh {

    height: 430px;

  }



  .seventh {

    padding-left: 0;

  }



  .seventh-nav {

    padding-left: 68px;

  }



  .seventh-nav h2 {

    font-size: 24px;

    line-height: 32px;

    margin-bottom: 16px;

    width: 75%;

  }



  .seventh-nav p {

    font-size: 14px;

    line-height: 22px;

    width: 75%;

  }



  #eighth {

    height: auto;

    width: 680px;

  }



  .eighth {

    width: 100%;

    padding-top: 48px;

    padding-bottom: 48px;

  }



  .eighth-top {

    height: 362px;

    margin-bottom: 12px;

  }



  .eighth-top .w-448 {

    width: 282px;

    padding-top: 44px;

    padding-left: 44px;

    padding-right: 44px;

  }



  .eighth-top .w-448 h2 {

    font-size: 28px;

    line-height: 36px;

    margin-bottom: 16px;

  }



  .eighth-top .w-448 p {

    font-size: 14px;

    line-height: 22px;

  }



  .eighth-top .w-640 {

    width: 386px;

  }



  .eighth-bottom {

    height: 230px;

  }



  .eighth-bottom .w-736 {

    width: 385px;

  }



  .eighth-bottom .w-352 {

    width: 282px;

    padding-top: 28px;

    padding-left: 28px;

    padding-right: 28px;

  }



  .eighth-bottom .w-352 h2 {

    font-size: 28px;

    line-height: 36px;

    margin-bottom: 16px;

  }



  .eighth-bottom .w-352 p {

    font-size: 12px;

    line-height: 20px;

  }





  #bodorPlus {

    padding-top: 48px;

    padding-bottom: 48px;

    height: auto;

  }



  .bodorPlus {

    width: 680px;

  }



  .bodorPlus h2 {

    font-size: 28px;

    line-height: 36px;

    margin-bottom: 12px;

  }



  .bodorPlus sub {

    font-size: 28px;

    line-height: 36px;

  }



  .bodorPlus p {

    font-size: 14px;

    margin-bottom: 32px;

    line-height: 22px;

  }



  .bodorPlus div.h-600 {

    height: 383px;

  }



  .contrast {

    padding-bottom: 0;

    margin-top: 0;

  }



  .contrast_li_B h3 {

    font-size: 12px;

    line-height: 20px;

  }



}