/* banner */
#Banner {
  background-image: radial-gradient(153.07% 134.03% at 44.9% -4.27%, rgba(0, 0, 0, 0.00) 38.49%, #FF0035 72.5%, #FFEE29 96%);
  /* filter: blur(50px); */
  height: 1900px;
  transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.bannerBtn1 {
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.bannerBtn1:hover {
  background-color: rgba(255, 255, 255, 0.15);
}

.bannerBtn2 {
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.bannerBtn2:hover {
  background-color: #FF6234
}

.w-358 {
  width: 358px;
}

.w-702 {
  width: 702px;
}

.w-520 {
  width: 520px;
}

.w-500 {
  width: 500px;
}

.w-560 {
  width: 560px;
}

.lh160 {
  line-height: 160%;
}

.lh150 {
  line-height: 150%;
}

.w-330 {
  width: 330px;
}

.w-680 {
  width: 680px;
}

.h-220 {
  height: 220px;
}

.r-16 {
  right: 16px;
}

.b-8 {
  bottom: 8px;
}

.ltsp-16 {
  letter-spacing: 1.6px;
}

.tertiary-content-shade {
  padding: 10px 36px 10px 12px;
  width: 300px;
  height: 120px;
  border-radius: 8px 0 0 8px;
  border: 1px solid #FFF;
  background: rgba(231, 238, 246, 0.90);
  right: 0px;
  top: 34px;
}

.tertiary-shade-line {
  background: linear-gradient(#FF4610 63.46%, #FFE145 100%);
  width: 2px;
  height: 100%;
}

.fourth-line {
  width: 1px;
  height: 48px;
  background: linear-gradient(rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.24) 40%, rgba(0, 0, 0, 0.24) 85%, rgba(0, 0, 0, 0.04) 100%);
}

.vertical-dashed-line {
  width: 2px;
  height: 48px;
  position: relative;
  margin: 0 10px;
}

.vertical-dashed-line::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom,
      rgba(0, 0, 0, 0.04) 0%,
      rgba(0, 0, 0, 0.24) 40%,
      rgba(0, 0, 0, 0.24) 85%,
      rgba(0, 0, 0, 0.04) 100%);
  mask-image: repeating-linear-gradient(to bottom,
      transparent 0px,
      transparent 3px,
      black 3px,
      black 5px);
  mask-size: 2px 6px;
  mask-repeat: repeat-y;
}


/* 第二屏 */
.secondly_text h2 {
  background: linear-gradient(93deg, #FF4610 0.62%, #FFBC10 53.95%, #FFE145 99.14%);
  background-clip: text;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -o-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 80px;
  transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* 动态变色字体 */
#home-banner-slogan {
  font-size: 72px;
  height: auto;
  line-height: 90px;
  max-width: 965px;
  user-select: none;
}

.container-glizWQ {
  position: relative;
}

.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;
  white-space: pre-line;
  font-family: Altinn-DIN-Exp-Bold, PingFang SC, "Microsoft YaHei";
  font-weight: 700;
}

.overlay-uXun_R {
  /* -webkit-filter: blur(10px);
  filter: blur(10px); */
  height: 100%;
  left: 1px;
  position: absolute;
  top: -90px;
  white-space: pre-line;
  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;
  white-space: pre-line;
  font-family: Altinn-DIN-Exp-Bold, PingFang SC, "Microsoft YaHei";
  font-weight: 700;
}

/* 视频倾斜 */
.Banner-content {
  transform: perspective(1200px) rotateX(14deg);
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}


.swiperList-hover .swiper-slide:hover img {
  opacity: 1;
}

.swiperList-hover .swiper-slide:hover .scan_tag {
  opacity: 1;
}

.swiperList-hover .swiper-slide:hover span.xiebiaoqian {
  opacity: 1;
}

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

.swiper-slide:hover .more {
  color: #ff4610;
}

/* 参数 */
.parameters ul li:nth-child(2n-1) {
  background-color: #F6F7F8;
}

.tertiary ul {
  justify-content: center;
  display: grid;
  gap: 32px;
  grid-template-columns: repeat(auto-fill, minmax(544px, 1fr));
}

.Automation-General h2 {
  font-size: 36px;
  line-height: 42px;
}



/* 移动端*/
@media (max-width: 768px) {
  #Banner {
    height: auto;
  }

  .Banner {
    padding: 45.333vw 4.267vw 10.667vw;
  }

  .Banner-title {
    width: 100%;
    padding-top: 0.000vw;
    padding-bottom: 6.400vw;
  }

  .Banner-title h1 {
    font-size: 9.600vw;
    line-height: 12.800vw;
    margin-bottom: 6.400vw;
  }

  .Banner-title p {
    font-size: 4.267vw;
    line-height: 6.400vw;
    margin-bottom: 8.533vw;
  }

  .Banner-title .df-c {
    display: block;
  }

  .Banner-title .df-c div {
    width: 100%;
    margin-bottom: 4.267vw;
    margin-right: 0;
    padding: 2.667vw;
  }

  .Banner-title .df-c div span {
    font-size: 4.267vw;
    line-height: 6.400vw;
  }

  .Banner-content {
    transform: perspective(1200px) rotateX(0deg);
    width: 100%;
    border-radius: 2.133vw;
    height: 51.200vw;
  }

  .Banner-content .banner_play img {
    width: 10.667vw;
    height: 10.667vw;
  }



  /* 参数 */
  #parameters {}

  .parameters {
    padding: 10.667vw 4.267vw;
  }

  .parameters-title {
    margin-bottom: 8.533vw;
  }

  .parameters {
    padding: 10.667vw 4.267vw;
    width: 100%;
  }

  .parameters-title {
    margin-bottom: 8.533vw;
  }

  .parameters-title h2 {
    font-size: 5.333vw;
    line-height: 7.467vw;
  }

  .parameters ul {
    border-radius: 2.133vw;
    border: 0.133vw solid var(---400, #E6E7EA);
  }

  .parameters ul li {
    padding: 0;
    display: block;
  }

  .parameters ul li:nth-child(2n-1) {
    background-color: #fff;
  }

  .parameters ul li h5 {
    font-size: 3.733vw;
    line-height: 5.867vw;
  }

  .parameters ul li span {
    font-size: 3.733vw;
    line-height: 5.867vw;
  }

  .parameters ul li>div {
    padding: 5.600vw 4.267vw;
    width: 100%;
  }

  .parameters ul li>div:nth-child(2n-1) {
    background-color: #F6F7F8;
  }

  .parameters .swiper-slide.w-224 {
    width: 50%;
  }

  /* 定制我的设备 */
  #Customization {
    margin: 0;
    height: 80vw;
    width: 100%;
  }

  #Customization .h-400 {
    height: 80vw;
  }

  #Customization h3 {
    font-size: 8.533vw;
    line-height: 10.667vw;
    margin-bottom: 6.4vw;
    text-align: center;
  }

  #Customization .pt-133 {
    padding-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  #Customization .w-440 {
    width: 51.2vw;
  }

  #Customization .w-160.h-40 {
    width: 25.6vw;
    height: 10.667vw;
  }

  #section {
    height: auto;
  }
}

/* pad端 */
@media (min-width: 768px) and (max-width: 992px) {

  html,
  body {
    min-width: auto;
  }
}

@media (min-width: 992px) and (max-width: 1210px) {}

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

  html,
  body {
    min-width: auto;
  }

  .Banner-content {
    height: 380px;
    width: 680px;
  }

  .secondly_text h2 {
    font-size: 52px;
  }

  .tertiary {}

  .tertiary .h-620 {
    height: auto;
  }

  .tertiary {
    width: 100%;
    padding-left: 44px;
    padding-right: 44px;
  }

  .Models-mySwiper {
    padding-left: 44px;
  }

  .parameters {
    width: 100%;
    padding-left: 44px;
    padding-right: 44px;
  }

  .title_box {
    width: 100% !important;
  }

  /* 咨询弹窗 */
}


/* 咨询框 */
.Automation-inquiry-content-left-content {
  border: 2px solid #FFF;
  background: linear-gradient(0deg, #FFF 0%, #F3F5F8 100%);
}

.layui-form input:hover {
  border-color: #ff4610;
}

.layui-form input:focus {
  border-color: #ff4610;
  box-shadow: 0px 0px 0px 1.5px rgba(255, 70, 16, 0.20);
}

.layui-form input {
  height: 48px;
  border-radius: 4px;
  border: 1px solid;
  border-color: rgb(205, 205, 205);
  margin-bottom: 24px;
  padding-left: 16px;
  box-sizing: border-box;
  border-radius: 8px;
  border: 1px solid#F2F4F7;
  background: #FFF;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

input::placeholder {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  font-size: 16px;
  color: #b4b8c1;
  letter-spacing: 0;
}

.layui-btn.formBtn1 {
  border: none;
  height: 48px;
  width: 133px;
}

.layui-btn.formBtn1:hover {
  background: #000000;
  color: #fff;
}

.layui-btn.formBtn2 {
  width: 100%;
  height: 60px;
  background: #828898;
  border-radius: 8px;
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 0;
  text-align: center;
  border: none;
}

.layui-btn.formBtn2:hover {
  background: #ff4610;
}

.layui-form-mid {
  margin-right: 0;
}

/* 咨询弹窗PAD端 */
@media (min-width: 768px) and (max-width: 1210px) {
  #Automation-inquiry {
    padding-left: 36px;
    padding-right: 36px;
  }

  .Automation-inquiry {
    width: 100%;
  }

  .Automation-inquiry-content .w-496 {
    width: 48%;
  }

  .title_box .line {
    width: 100% !important;
  }
}

/* 移动端 */
@media (max-width: 768px) {
  .Automation-inquiry {
    padding-left: 4.267vw;
    padding-right: 4.267vw;
  }

  .Automation-inquiry {
    width: 100%;
  }

  .Automation-inquiry-content-right {
    width: 100%;
  }

  .Automation-inquiry-content {
    padding: 6.400vw 4.267vw;
  }

  .md-Automation-inquiry-content-right-text {
    margin-bottom: 6.400vw;
  }

  .md-Automation-inquiry-content-right-text h2 {
    font-size: 6.400vw;
    line-height: 8.533vw;
    margin-bottom: 3.200vw;
  }

  .md-Automation-inquiry-content-right-text p {
    font-size: 3.200vw;
    line-height: 5.333vw;
  }
}

/* 移动端高度 */
@media (max-width: 768px) {
  #Banner {
    height: 285vw;
  }

  /* #tertiary{
    height: 442vw;
  }
  #Models{
    height: 78vw;
  }
  #parameters{
    height: 365vw;
  }
  #Automation-inquiry{
    height: auto;
  } */
}


/* 参数轮播图 */
.parameters-Swiper {
  border-bottom: 1px solid #E5E6EB;
}

.parameters-Swiper .swiper-slide .slide-name h5 {
  transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.parameters-Swiper .swiper-slide .slide-name:hover h5 {
  color: #ff4610;
}

/* 选中的轮播图 */
.parameters-Swiper .swiper-slide-active .slide-name {
  border-bottom: 3px solid #FF4610;
}





/* 外部组件样式 */
/* 顶部广告位 */
.universal-product-tip {
  min-width: auto !important;
}

.universal-product-tip .universal-product-tip-bg {
  min-width: auto !important;
}

.universal-product-tip .universal-product-tip-container.bg {
  min-width: auto !important;
}

/* 新pad端样式 */
/* 大PAD */
@media screen and (min-width: 1024px) and (max-width: 1199px) {

  .line {
    width: 100% !important;
  }

  #parametric {
    height: auto;
    padding-bottom: 68px;
  }

  .parametric {
    width: 944px;
    padding-top: 68px;
  }

  #parametric .w-1152 {
    width: 944px;
  }

  .w-1152,
  .w-1120 {
    width: 944px;
  }

  .maxw-1120 {
    max-width: 944px;
  }

  .pt-120 {
    padding-top: 68px;
  }

  .pb-120 {
    padding-bottom: 68px;
  }

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

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


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

  .fs-56 {
    line-height: 36px;
  }

  .w-550 {
    width: 436px;
  }

  .mr-20 {
    margin-right: 16px;
  }

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


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

  .fs-18 {
    font-size: 16px;
  }

  .lh-26 {
    line-height: 24px;
  }

  .w-560 {
    width: 456px;
  }

  .mr-64 {
    margin-right: 48px;
  }

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

  .pb-40 {
    padding-bottom: 24px;
  }

  .w-800 {
    width: 588px;
  }

  .h-560 {
    height: 444px;
  }

  .fs-48 {
    font-size: 36px;
  }

  .lh-56 {
    line-height: 44px;
  }

  .fs-18 {
    font-size: 16px;
  }

  .lh-26 {
    line-height: 24px;
  }

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

  .w-640 {
    width: 420px;
  }

  .w-756 {
    width: 596px;
  }

  .w-340 {
    width: 272px;
  }

  .w-460 {
    width: 384px;
  }

  .w-580 {
    width: 428px;
  }

  .w-788 {
    width: 632px;
  }

  .w-300 {
    width: 242px;
  }

  .w-534 {
    width: 422px;
  }

  .w-520 {
    width: 476px;
  }

  .w-540 {
    width: 440px;
  }

  .w-500 {
    width: 440px;
  }
  .w-420{
    width: 384px;
  }
  .w-680 {
    width: 544px;
  }

    .Eighth-content ul li {
    width: 264px;
    height: 202px;
    border-radius: 4px;
  }
  .Eighth-content ul li.mb-20{
    margin-bottom: 16px;
  }


  .tertiary-content-shade {
    transform: scale(0.8);
    transform-origin: top right;
  }

}


@media screen and (min-width: 768px) and (max-width: 1023px) {
  .line {
    width: 100% !important;
  }

  .w-1152,
  .w-1120 {
    width: 680px;
  }

  .maxw-1120 {
    max-width: 680px;
  }

  .pt-40 {
    padding-top: 16px;
  }

  .pb-40 {
    padding-bottom: 16px;
  }

  .pt-120 {
    padding-top: 48px;
  }

  .pb-120 {
    padding-bottom: 48px;
  }

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

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

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

  .fs-56 {
    line-height: 36px;
  }

  .w-550 {
    width: 332px;
  }

  .mr-20 {
    margin-right: 16px;
  }

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


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

  .fs-18 {
    font-size: 16px;
  }

  .lh-26 {
    line-height: 24px;
  }

  .w-560 {
    width: 348px;
  }

  .mr-64 {
    margin-right: 32px;
  }

  .w-800 {
    width: 480px;
  }

  .h-560 {
    height: 340px;
  }

  .banner {
    height: auto;
  }

  .banner_title {
    padding-top: 148px;
  }

  .fs-48 {
    font-size: 36px;
  }

  .lh-56 {
    line-height: 44px;
  }

  .fs-18 {
    font-size: 16px;
  }

  .lh-26 {
    line-height: 24px;
  }

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

  .w-640 {
    width: 420px;
  }

  .w-756 {
    width: 596px;
  }

  .w-340 {
    width: 272px;
  }

  .w-460 {
    width: 384px;
  }

  .w-580 {
    width: 428px;
  }

  .w-788 {
    width: 632px;
  }

  .w-300 {
    width: 242px;
  }

  .w-534 {
    width: 422px;
  }


}


/* 新移动端样式 */
@media (max-width: 767px) {
  .pt-100 {
    padding-top: 48px;
  }

  .pb-100 {
    padding-bottom: 48px;
  }

  .line {
    width: 100% !important;
  }

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

  body {
    overflow-x: hidden;
  }

  .pt-120 {
    padding-top: 10.667vw;
  }

  .pb-120 {
    padding-bottom: 10.667vw;
  }

  .w-1120 {
    width: 100%;
    padding-right: 4.267vw;
    padding-left: 4.267vw;
  }

  .fs-48 {
    font-size: 6.400vw;
  }

  .lh-56 {
    line-height: 8.533vw;
  }

  .fs-18 {
    font-size: 3.200vw;
  }

  .lh-26 {
    line-height: 5.333vw;
  }

  .mb-16 {
    margin-bottom: 1.067vw;
  }

  .mb-48 {
    margin-bottom: 5.333vw;
  }

  .mr-100 {
    margin-right: 9.600vw;
  }

  .ml-calc1120 {
    margin-left: 0;
  }

  .w-520,
  .w-400,
  .w-540 {
    width: 100%;
  }

  .xs-df-c,
  .sm-df-c {
    display: flex;
    justify-content: center;
  }


  .psc {
    position: initial;
  }

  .pt-120 {
    padding-top: 10.667vw;
  }

  .pb-120 {
    padding-bottom: 10.667vw;
  }

  .w-1120 {
    width: 100%;
    padding-right: 4.267vw;
    padding-left: 4.267vw;
  }

  .fs-48 {
    font-size: 6.400vw;
  }

  .lh-56 {
    line-height: 8.533vw;
  }

  .fs-18 {
    font-size: 3.200vw;
  }

  .lh-26 {
    line-height: 5.333vw;
  }

  .fs-20 {
    font-size: 3.733vw;
  }

  .lh-28 {
    line-height: 5.867vw;
  }

  .mb-16 {
    margin-bottom: 1.067vw;
  }

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

  .mb-32,
  .mb-48 {
    margin-bottom: 5.333vw;
  }

  .mb-36 {
    margin-bottom: 2.133vw;
  }

  .ml-calc1120 {
    margin-left: 0;
  }

  #laserCutting-General {
    padding-left: 0;
    padding-right: 0;
  }

  .w-788,
  .w-300,
  .w-380,
  .w-460,
  .w-410,
  .w-520,
  .w-534,
  .w-400,
  .w-540,
  .w-630,
  .w-756,
  .w-340,
  .w-358,
  .w-702,
  .w-500,
  .w-680,
  .w-420 {
    width: 100%;
  }

  .fs-56 {
    font-size: 7.467vw;
    line-height: 9.600vw;
  }

  .fs-36 {
    font-size: 4.267vw;
    line-height: 6.400vw;
  }

  .ltsp-336 {
    letter-spacing: 0;
  }

  .fs-56.mr-12 {
    margin-right: 1.067vw;
  }

  .mb-12 {
    margin-bottom: 2.133vw;
  }

  .br-12 {
    border-radius: 1.067vw;
  }

  .fs-24 {
    font-size: 12px;
  }

  .banner_title h1 {
    color: #fff;
    font-size: 14.933vw;
    line-height: normal;
    margin-bottom: 2.133vw;
  }

  .banner_title p {
    color: #fff;
    opacity: 0.85;
    font-size: 3.733vw;
    line-height: 5.867vw;
    letter-spacing: 1.333vw;
    margin-bottom: 9.600vw;
  }

  .banner_title .bannerBtn {
    width: fit-content;
    padding-left: 3.200vw;
    padding-right: 3.200vw;
  }

  .secondly {
    display: block;
  }

  .secondly-left {
    margin-right: 0px;
    margin-bottom: 16px;
  }

  .fourth {
    flex-wrap: wrap;
  }

  .fourth-left {
    order: 2;
  }

  .fourth-right {
    order: 1;
    margin-bottom: 12px;
  }

  .tertiary-content-shade {
    transform: scale(0.43);
    transform-origin: top right;
    top: 8px;
  }

  #fourth {
    padding-right: 4.267vw;
    padding-left: 4.267vw;
  }

  .fourth {
    padding: 0;
  }

  .fourth-bottom {
    padding: 16px;
    margin-top: 12px;
    border-radius: 4px;
  }

  .fourth-bottom ul {
    flex-wrap: wrap;
  }

  .fourth-bottom ul li {
    width: 18%;
    margin-bottom: 12px;
  }

  .fourth-bottom ul p {
    font-size: 10px;
    margin-top: 4px;
    line-height: 100%;
  }

  .Seventh {
    flex-wrap: wrap;
  }

  .Seventh-left h2 {
    width: 100%;
    text-align: center;
  }

  .Seventh-left p {
    width: 100%;
    text-align: center;
  }

  .Seventh-left {
    margin-bottom: 12px;
  }

  .Eighth-content {
    display: block;
  }

  .Eighth-content ul {
    margin-top: 12px;
  }

  .Eighth-content ul li {
    width: 176px;
    height: 116px;
    border-radius: 4px;
    margin-bottom: 8px;
  }

  #Automation-General {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

}