body {
  background: #000000;
  transition: background 1.2s ease-in-out;
}

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

/* 导航栏 */
.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;
}

/* 轮播遮罩 */
.Banner-shade {
  background-image: linear-gradient(180deg, #00000000 0%, #000000 50%);
}
.Banner-shade h2{
  background: linear-gradient(93deg,
  #ff4610 0.62%,
  #ffbc10 53.95%,
  #ffe145 99.14%);
  -webkit-background-clip: text;
  color: transparent;
}

/* 大轮播箭头 */
.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_tltie 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(../img/Banner/l.svg);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.Banner-swiper-button-next {
  right: 0;
  background-image: url(../img/Banner/r.svg);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

/* 切割好帮手 */
#slicing {}

.slicing {
  position: sticky;
  top: 0;
}

.slicing-mySwiper .swiper-button-next,
.slicing-mySwiper .swiper-button-prev {
  filter: invert(100%);
  width: 44px;
  height: 44px;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 14px;
  border-radius: 50%;
}

.slicing-mySwiper .swiper-button-next {
  right: 16px;
  left: initial;
  background-image: url(../img/r.svg);
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat;
}

.slicing-mySwiper .swiper-button-prev {
  left: 16px;
  right: initial;
  background-image: url(../img/l.svg);
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat;
}

.steelPipe {
  background-image: url(../img/slicing/0.webp);
  background-position: center -10% !important;
  background-attachment: scroll !important;
  background-repeat: no-repeat;
  background-size: auto;
}

/* 卡盘硬实力 */
#power {
  height: 350vh;
}

.power {
  padding-top: 10%;
}

.power_content h3 {
  background-image: linear-gradient(134deg, #ff7c25, #ff4610);
  -webkit-background-clip: text;
  color: transparent;
}

.power_content_l_animation.active {
  opacity: 1;
  top: 55px;
}

.power_content_l_animation {
  /* position: absolute; */
  z-index: 1;
  /* opacity: 0; */
  transition: 2.2s all cubic-bezier(0, 0.49, 0.58, 1);
}

#power_content_l_box {
  transition: 0.15s all cubic-bezier(0, 0.49, 0.58, 1);
}

.power_content_r .powerVideoZindex {
  z-index: 3;
  opacity: 1;
}

/* Bodor+ */

/* 榫卯焊接床身 */

#latheBed {
  height: 1800px;
}

@media (max-width: 1920px) {
  #latheBed {
    height: 1600px;
  }
}

@media (max-width: 1440px) {
  #latheBed {
    height: 1400px;
  }
}

#latheBed_28,
#latheBed_22 {
  background-image: linear-gradient(134deg, #ff7c25, #ff4610);
  -webkit-background-clip: text;
  color: transparent;
}

.gradual {
  background-image: linear-gradient(134deg, #ff7c25, #ff4610);
  -webkit-background-clip: text;
  color: transparent;
}

/* 选配辅助上下料装置 */
#choose {}

.choose_content_imgbox img {
  width: 100%;
  height: auto;
}

.choose_config ul {
  border-top: 2px solid #828898;
}

.choose_config ul li.active h4,
.choose_config ul li.active p {
  color: #ffffff;
}

/* MANGO */
#mango h2 {
  background-image: linear-gradient(134deg, #ff7c25, #ff4610);
  -webkit-background-clip: text;
  color: transparent;
}

/* 联系我们 */
/* .contactUs {
  box-shadow: 0px 0px 16px 0px #cdcfd6;
}
.layui-form input {
  width: 480px;
  border-radius: 4px;
  height: 48px;
  margin-bottom: 32px;
  border: 1px solid#CCCCCC;
}
.layui-form .layui-btn {
  background: #696969;
} */

/* 切割机 */
/* 公共样式 */
.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%); */
}

.choose_config .after_1.active,
.choose_config .after_2.active {
  left: 288px;
}

/* pad端 */
@media (min-width: 768px) and (max-width: 1199px) {
  #Banner {
    background-image: url(../img/Banner/lg/0.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
}

/* pad端 */
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .container {
    width: 888px;
  }

  /* #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 {}

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

@media screen and (min-width: 768px) and (max-width: 992px) {
  #mango .mango_left {
    display: none;
  }

  #mango .mango_right {
    width: 100%;
  }
}

/* 移动端 */
@media (max-width: 767px) {
  .container-f {
    background-color: #fff;
    padding: 0 !important;
  }

  #Banner {
    background-image: url(../img/Banner/md/0.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 158vw;
    max-height: none;
    min-height: auto;
  }

  .Banner {}

  .Banner_tltie {
    top: 48vw;
    width: 100%;
    left: 0;
    height: auto;
  }

  .Banner_tltie .mb-20 {
    margin-bottom: 2vw;
  }

  .Banner_tltie h1 {
    font-size: 7.6vw;
    line-height: normal;
    text-align: center;
    width: 80vw;
  }

  .Banner_tltie h1 strong,
  .Banner_tltie h1 span {
    font-size: 7.6vw;
    line-height: normal;
  }

  .h-100vh.maxh-900 {
    max-height: 160vw;
    height: 100vh;
  }

  /* 第二屏 */
  .Banner-shade {
    top: 133.333vw;
    padding: 0 6.667vw;
    height: 71.667vw;
  }

  .Banner-shade h2 {
    font-size: 5.33vw;
    line-height: normal;
  }

  .Banner-shade p {
    font-size: 3.2vw;
    line-height: normal;
  }

  .Banner-shade .bannerBtn {
    width: 31.467vw;
    height: 9.6vw;
    font-size: 3.733vw;
  }

  .w-612 {
    width: 100%;
  }

  /* 切割好帮手 */
  #slicing {
    margin-top: 45vw;
    padding: 0 4.267vw;
  }

  #slicing h2 {
    font-size: 5.867vw;
    line-height: normal;
    margin-bottom: 2.133vw;
    text-align: center;
  }

  #slicing p {
    font-size: 3.2vw;
    margin-bottom: 7.467vw;
    text-align: center;
    line-height: normal;
  }

  .slicing-mySwiper {
    height: auto;
    width: 100%;
  }

  .swiper-button-next,
  .swiper-button-prev {
    width: 6.4vw !important;
    height: 6.4vw !important;
  }

  .slicing-mySwiper .swiper-button-next,
  .slicing-mySwiper .swiper-button-prev {
    background-size: 3.2vw 3.2vw;
  }

  .steelPipe {
    background-attachment: scroll;
    background-size: 90%;
    background-position: center 10%;
  }

  .steelPipe h2 {
    padding-top: 25vw;
  }

  /* 硬实力 */
  #power {
    padding-top: 19.2vw;
  }

  .power_nav h2 {
    font-size: 5.867vw;
    line-height: 5.867vw;
    margin-bottom: 2.133vw;
  }

  .power_nav p {
    font-size: 3.2vw;
    margin-bottom: 7.467vw;
  }

  /* bodor+ */
  #md_bodorplus {
    padding: 16.533vw 4.267vw 0;
  }

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

  #md_bodorplus p {
    font-size: 3.2vw;
    margin-bottom: 6vw;
    line-height: normal;
  }

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

  #bodorPlusPlay {}

  /* 床身 */
  #latheBed {
    padding-left: 4.267vw;
    height: auto;
  }

  #latheBed h2 {
    font-size: 0vw;
    line-height: normal;
    padding-top: 280px;
  }

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

  #latheBed ul li {
    width: 50%;
  }

  #latheBed ul li.mr-80 {
    margin-right: 12vw;
  }

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

  #latheBed ul li h3 {
    font-size: 5.33vw;
    line-height: normal;
  }

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

  .latheBed h2 span {
    font-size: 5.33vw;
    line-height: normal;
  }

  /* 选配 */
  #choose {
    padding-top: 45vw;
  }

  #choose h2 {
    font-size: 5.867vw;
    line-height: normal;
  }

  .choose_config {
    padding: 0 4.267vw;
    padding-top: 53.333vw;
    flex-wrap: wrap;
  }

  .choose_config .w-544 {
    width: 100%;
  }

  .choose_config .w-544 ul {
    margin-bottom: 8vw;
  }

  .choose_config .w-256 {
    width: 44.8vw;
  }

  .choose_config .w-544 .pa span {
    font-size: 3.2vw;
            width: 90%;
        display: block;
        line-height: normal;
  }

  .choose_config .w-544 ul li {
    padding-top: 4.267vw;
  }

  .choose_config .w-544 ul li h4 {
    font-size: 3.733vw;
    padding-bottom: 3.2vw;
    line-height: normal;
  }

  .choose_config .w-544 ul li:nth-child(2n) {
    margin-left: 4.267vw;
  }

  .choose_config .w-544 ul li p {
    font-size: 3.2vw;
    line-height: normal;
    height: auto;
    text-align: left;
  }

  .choose_config .w-544 ul li .h-120 {}

  .content-box {
    box-sizing: border-box;
    width: auto;
    padding-top: 0;
  }

  /* 硬实力 */
  #power {
    height: auto;
  }

  .power {
    padding: 0 4.267vw;
  }

  .md_power_content-mySwiper {
    height: 115vw;
  }

  .md_power_content-mySwiper li {
    margin-right: 0;
  }

  .md_power_content-mySwiper h3 {}

  .md_power_content-mySwiper h3 strong {
    background: linear-gradient(135deg, #ff7c25 0%, #ff4610 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-right: 0;
    line-height: normal;
    font-size: 12.8vw;
    leading-trim: both;
    text-edge: cap;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: auto;
  }

  .md_power_content-mySwiper ul {
    margin-bottom: 4vw;
  }

  .md_power_content-mySwiper li {
    width: 50vw;
  }

  .md_power_content-mySwiper li h3 b {
    background: linear-gradient(135deg, #ff7c25 0%, #ff4610 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    leading-trim: both;
    text-edge: cap;
    font-size: 8vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: flex-end;
    padding-bottom: 1.067vw;
  }

  .md_power_content-mySwiper li h3 span {
    font-size: 3.733vw;
    line-height: normal;
    color: #fff;
    display: flex;
    align-items: flex-end;
    margin-left: 3vw;
    /* padding-bottom: 0; */
  }

  .md_power_content-mySwiper li p {
    font-size: 3.733vw;
    color: #828898;
    line-height: normal;
  }

  .md_power_content_t p {
    font-size: 3.2vw;
    color: #828898;
    line-height: normal;
  }

  .md_power_content_t p.c-828898 {
    height: 92px;
  }

  .md_power_content_t {
    margin-bottom: 6vw;
  }

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

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

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

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

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

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

  .contrast_content {
    padding-top: 0;
    display: none;
  }

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


/* 大pad断点 lg*/
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .newSellingPoint{
    padding-left: 48px;
    padding-right: 48px;
    width: 100% !important;
  }
  .newSellingPoint{
    width: 100%;
  }
  .newSellingPoint .grid-columns-360{
    grid-template-columns: repeat(auto-fill, minmax(296px, 1fr));
  }
  .newSellingPoint ul li p{
    color: var(--Color-Text-T1);
  }
  .container-f {
  }

  .Banner_tltie {
    margin-left: 0;
  }

  #slicing {
    margin-top: 550px;
    padding-bottom: 68px;
  }

  .slicing {
    width: 888px;
  }

  .steelPipe {
    background-size: 100%;
    background-position: center -10% !important;
    background-attachment: scroll !important;
  }

  .steelPipe h2 {
    padding-top: 280px;
  }

  #power {
    padding: 0;
  }

  .power {
    padding: 68px 0;
    width: 888px;
  }

  #bodorPlus {
    padding: 68px 0;
  }

  .bodorPlus {
    width: 888px;
  }

  .bodorPlus .bodor-bg-gray6 {
    background-color: initial;
    height: auto;
  }

  .bodorPlus video {
    border-radius: 8px;
  }

  .latheBed {
    width: 888px;
    padding-left: calc((100vw - 888px) / 2);
  }

  .latheBed h2 {
    line-height: normal;
  }

  #choose {
    padding: 68px 0;
  }

  .choose {
    width: 888px;
  }

  .choose h2 {
    font-size: 28px;
    line-height: 36px;
  }

  .choose_config .w-544 {
    width: 420px;
  }

  .choose_config .w-256 {
    /* width: 186px; */
  }

  .choose_config ul li {
    padding-top: 24px;
    width: 186px;
  }

  .choose_config h4 {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 12px;
  }

  .choose_config p {
    font-size: 12px;
    line-height: 20px;
  }

  .choose_config .after_1,
  .choose_config .after_2 {
    width: 210px;
  }

  .choose_config .after_1.active,
  .choose_config .after_2.active {
    left: 210px;
  }

  #contrast {
    padding: 68px 0px;
  }

  .contrast {
    width: 888px;
  }

  .contrast .mb-115 {
    margin-bottom: 0px;
  }

  .contrast_content li {
    width: 32%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .newSellingPoint{
    padding-left: 48px;
    padding-right: 48px;
    width: 100% !important;
  }
  .container-f {
    background-color: #fff;
    padding: 0 !important;
  }

  #Banner {
    height: 483px;
  }

  .Banner_tltie {
    width: 100%;
    top: 160px;
  }

  .Banner_tltie .mb-20 {
    margin-bottom: 8px;
  }

  .Banner_tltie h1 {
    font-size: 36px;
    line-height: 44px;
    text-align: center;
  }

  .Banner_tltie strong {
    font-size: 36px;
    line-height: 44px;
  }

  .Banner_tltie span {
    font-size: 36px;
    line-height: 44px;
  }

  .Banner-shade {
    padding-top: 0;
    height: auto;
  }

  .Banner-shade h2 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 16px;
  }

  .Banner-shade p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 32px;
  }

  .Banner-shade .w-612 {
    width: 500px;
  }

  #slicing {
    margin-top: 400px;
    padding-bottom: 48px;
  }

  .slicing {
    width: 680px;
  }

  .slicing h2 {
    margin-bottom: 16px;
  }

  .slicing p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 32px;
  }

  .steelPipe {
    background-size: 100%;
    background-position: center -10% !important;
    background-attachment: scroll !important;
  }

  .steelPipe h2 {
    font-size: 28px;
    line-height: 36px;
    padding-top: 220px;
  }

  #power {
    padding: 0;
  }

  .power {
    padding: 48px 0;
    width: 680px;
    padding-top: 10%;
  }

  .power_nav h2 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 16px;
  }

  .power_nav p {
    font-size: 16px;
  }

  #power_content_l_box p {
    font-size: 12px;
    line-height: 20px;
  }

  #bodorPlus {
    padding: 48px 0;
    padding-top: 0;
  }

  .bodorPlus {
    width: 680px;
  }

  .bodorPlus .bodor-bg-gray6 {
    background-color: initial;
    height: auto;
  }

  .bodorPlus video {
    border-radius: 8px;
  }

  .latheBed {
    width: 680px;
    padding-left: calc((100vw - 680px) / 2);
  }

  .latheBed h2 {
    line-height: normal;
  }

  .latheBed ul {
    padding-top: 450px;
  }

  #choose {
    padding: 48px 0;
  }

  .choose {
    width: 680px;
  }

  .choose h2 {
    font-size: 28px;
    line-height: 36px;
  }

  .choose_config {
    flex-wrap: wrap;
    padding-top: 400px;
  }

  .choose_config .w-544 {
    width: 100%;
  }

  .choose_config .w-256 {
    /* width: 186px; */
  }

  .choose_config ul li {
    padding-top: 24px;
    width: 316px;
  }

  .choose_config h4 {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 12px;
  }

  .choose_config p {
    font-size: 14px;
    line-height: 22px;
  }

  .choose_config .after_1.active,
  .choose_config .after_2.active {
    left: 340px;
  }

  .choose_config .after_1,
  .choose_config .after_2 {
    width: 340px;
  }

  #contrast {
    padding: 48px 0px;
  }

  .contrast {
    width: 680px;
  }

  .contrast .mb-115 {
    margin-bottom: 0px;
  }

  .contrast_content li {
    width: 32%;
  }

  .slicing-mySwiper {
    height: 340px;
  }

  .contrast_li_B h3 {
    font-size: 16px;
    line-height: 24px;
  }

  .dimWhite .c-white {
    color: #fff !important;
  }
}