/* ============================================================
   智能焊机页面样式 znhj.css(PC + 移动端)
   ============================================================ */

/* ---------- part-1 首屏 ---------- */
.part-1 { height: 512px; width: 100%; margin: 0 auto; position: relative; z-index: 2; background: #e8eef4; }
.part-1::after { content: " "; max-width: 1920px; background: #e8eef4 url(../assets/images/welder/p-1-bg.png) no-repeat center/auto; position: absolute; z-index: 2; left: 50%; top: 0; height: 512px; width: 100%; transform: translateX(-50%); }
.part-1-content { width: 1300px; display: flex; margin: 0 auto; position: relative; z-index: 4; }
.part-1-title { font-size: 36px; font-weight: bold; line-height: 49px; height: 49px; margin-bottom: 14px; background: linear-gradient(96deg, #19b6ff 6%, #007aff 99%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.part-1-info { padding: 176px 0 0 110px; z-index: 3; }
.part-1-subtitle { font-size: 16px; color: #262626; height: 22px; line-height: 22px; margin-bottom: 48px; }

.p-title { font-size: 36px; font-weight: bold; line-height: 49px; text-align: center; color: #262626; margin-bottom: 12px; }
.p-title-sub { font-size: 20px; font-weight: normal; line-height: 27px; text-align: center; color: #595959; }

/* ---------- part-2 功能特点 ---------- */
.part-2 { padding: 80px 0; box-sizing: border-box; position: relative; z-index: 2; background: #fff; }
.part-2-info { width: 982px; height: 404px; margin: 80px auto 0; box-sizing: border-box; padding: 0 3px 0 458px; background: url(../assets/images/welder/p-2-bg.png) no-repeat left top/378px 399px; }
.part-item { box-sizing: border-box; padding: 0 0 28px 62px; }
.part-item h4 { font-size: 18px; font-weight: bold; line-height: 25px; margin-bottom: 8px; color: #262626; }
.part-item p { font-size: 14px; line-height: 20px; color: #262626; margin-bottom: 4px; }
.part-item-1 { background: url(../assets/images/welder/p-2-i-1.png) no-repeat left top/46px; }
.part-item-2 { background: url(../assets/images/welder/p-2-i-2.png) no-repeat left top/46px; }
.part-item-3 { background: url(../assets/images/welder/p-2-i-3.png) no-repeat left top/46px; }
.part-item-4 { background: url(../assets/images/welder/p-2-i-4.png) no-repeat left top/46px; }

/* ---------- part-3 清单内容轮播 ---------- */
.part-3 { background: #fcfcfd; height: 650px; width: 100%; z-index: 3; position: relative; box-sizing: border-box; padding: 51px 0 54px; }
.part-3-box { width: 1286px; height: 416px; margin: 41px auto 0; }
.part-3-box .part-swiper-banner { width: 1286px; margin: 0 auto; position: relative; }
.part-3-box .swiper { width: 1008px; margin: 0 auto; overflow: hidden; }
.part-3-box .banner-info { width: 304px; height: 254px; border-radius: 16px; background: #fff; overflow: hidden; }
.part-3-box .banner-info-pic { width: 304px; height: 234px; overflow: hidden; }
.part-3-box .banner-info-pic img { width: 100%; height: 100%; }
.part-3-box .banner-info-box { box-sizing: border-box; padding: 16px; display: none; }
.part-3-box .banner-info-title { font-size: 20px; font-weight: bold; line-height: 27px; color: #262626; margin-bottom: 8px; }
.part-3-box .banner-info-text { font-size: 14px; line-height: 19px; color: #595959; }
.part-3-box .swiper-slide { border-radius: 16px; display: flex; justify-content: center; align-items: center; transition: 300ms; width: 336px; height: 416px; box-sizing: border-box; flex-shrink: 0; }
.part-3-box .swiper-slide.active .banner-info { width: 304px; height: 416px; }
.part-3-box .swiper-slide.active .banner-info-box { display: block; }
.part-3-box .swiper-button-prev-custom, .part-3-box .swiper-button-next-custom { position: absolute; top: 50%; transform: translateY(-50%); width: 39px; height: 39px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; }
.part-3-box .swiper-button-prev-custom { left: -2px; background: url(../assets/images/user-banner-prev.png) no-repeat center/cover; }
.part-3-box .swiper-button-next-custom { right: -2px; background: url(../assets/images/user-banner-next.png) no-repeat center/cover; }
.j-carousel .j-car-track { display: flex; transition: transform 0.4s ease; }

/* ---------- part-4 操作流程 ---------- */
.part-4 { box-sizing: border-box; padding: 48px 0 80px; position: relative; z-index: 2; background: #fff; }
.part-4-box-wrap { width: 1034px; margin: 0 auto; box-sizing: border-box; padding: 40px 0 0 36px; }
.part-4-box { width: 100%; display: flex; }
.p-4-down { width: 100%; height: 150px; background: url(../assets/images/welder/arrow-down.png) no-repeat 886px center/30px 65px; }
.part-4-box-item-r { height: 116px; flex-shrink: 0; width: 225px; background: url(../assets/images/welder/arrow-right.png) no-repeat center 21px/65px 30px; }
.part-4-box-item-l { height: 116px; flex-shrink: 0; width: 225px; background: url(../assets/images/welder/arrow-left.png) no-repeat center 21px/65px 30px; }
.part-4-box-item-1::after { content: " "; background: url(../assets/images/welder/p-4-1-bg.png) no-repeat center -15px/113px 114px; position: absolute; width: 113px; height: 114px; left: 50%; top: 0; transform: translate(-50%, 0); }
.part-4-box-item-2::after { content: " "; background: url(../assets/images/welder/p-4-2-bg.png) no-repeat center -17px/116px 116px; position: absolute; width: 113px; height: 114px; left: 50%; top: 0; transform: translate(-50%, 0); }
.part-4-box-item-3::after { content: " "; background: url(../assets/images/welder/p-4-3-bg.png) no-repeat center -12px/108px 108px; position: absolute; width: 113px; height: 114px; left: 50%; top: 0; transform: translate(-50%, 0); }
.part-4-box-item-4::after { content: " "; background: url(../assets/images/welder/p-4-4-bg.png) no-repeat center -11px/110px 106px; position: absolute; width: 110px; height: 106px; left: 50%; top: 0; transform: translate(-50%, 0); }
.part-4-box-item-5::after { content: " "; background: url(../assets/images/welder/p-4-5-bg.png) no-repeat center -12px/108px 108px; position: absolute; width: 113px; height: 114px; left: 50%; top: 0; transform: translate(-50%, 0); }
.part-4-box-item-6::after { content: " "; background: url(../assets/images/welder/p-4-6-bg.png) no-repeat center -2px/86px; position: absolute; width: 113px; height: 113px; left: 50%; top: 0; transform: translate(-50%, 0); }
.part-4-box-item-7::after { content: " "; background: url(../assets/images/welder/p-4-7-bg.png) no-repeat center -10px/105px 105px; position: absolute; width: 113px; height: 114px; left: 50%; top: 0; transform: translate(-50%, 0); }
.part-4-box-item-8::after { content: " "; background: url(../assets/images/welder/p-4-8-bg.png) no-repeat center -14px/110px; position: absolute; width: 114px; height: 114px; left: 50%; top: 0; transform: translate(-50%, 0); }
.part-4-box-item { width: 64px; height: 64px; position: relative; }
.p-4-text { height: 43px; margin-top: 73px; font-size: 16px; line-height: 22px; color: #262626; padding-top: 7px; box-sizing: border-box; position: absolute; transform: translateX(-50%); left: 50%; }
.p-4-text-1 { padding-left: 14px; width: 85px; background: url(../assets/images/welder/p-4-1-text-bg.png) no-repeat left center/85px 27px; }
.p-4-text-2 { padding-left: 24px; width: 93px; background: url(../assets/images/welder/p-4-2-text-bg.png) no-repeat left center/93px 27px; }
.p-4-text-3 { padding-left: 22px; width: 121px; background: url(../assets/images/welder/p-4-3-text-bg.png) no-repeat left center/121px 27px; }
.p-4-text-4 { padding-left: 27px; width: 124px; background: url(../assets/images/welder/p-4-4-text-bg.png) no-repeat left center/124px 27px; }
.p-4-text-5 { padding-left: 25px; width: 92px; background: url(../assets/images/welder/p-4-5-text-bg.png) no-repeat left center/92px 27px; }
.p-4-text-6 { padding-left: 18px; width: 146px; background: url(../assets/images/welder/p-4-6-text-bg.png) no-repeat left center/144px 27px; }
.p-4-text-7 { padding-left: 26px; width: 112px; background: url(../assets/images/welder/p-4-7-text-bg.png) no-repeat left center/112px 27px; }
.p-4-text-8 { padding-left: 25px; width: 170px; background: url(../assets/images/welder/p-4-8-text-bg.png) no-repeat left center/170px 27px; }

/* ---------- part-5 对比 ---------- */
.part-5 { position: relative; z-index: 2; background: #fff; }
.part-5-box { width: 1250px; padding: 40px 0 140px 50px; box-sizing: border-box; margin: 0 auto; position: relative; }
.part-5-box-other { width: 540px; height: 284px; border-radius: 8px; background: #f8f8f8; padding-left: 35px; box-sizing: border-box; }
.part-5-box-me { width: 780px; height: 404px; position: absolute; top: 20px; right: -30px; z-index: 2; background: url(../assets/images/welder/part-5-box-me.png) no-repeat left top/100%; }
.part-5-box-other-title { height: 60px; padding-left: 40px; display: flex; align-items: center; font-weight: bold; box-sizing: border-box; background: url(../assets/images/welder/p-5-down.png) no-repeat left center/31px; }
.part-5-box-other-info { width: 460px; border-top: 1px solid #d9d9d9; box-sizing: border-box; padding: 15px 0 0; display: flex; flex-wrap: wrap; }
.part-5-box-other-info-item { margin-bottom: 24px; padding-left: 39px; flex-shrink: 0; flex-grow: 0; background: url(../assets/images/welder/close.png) no-repeat left center/31px; }
.part-5-box-other-info-item div { font-size: 14px; line-height: 19px; height: 19px; color: #262626; }
.m-b-4 { margin-bottom: 4px; }
.w-211 { width: 211px; }
.w-240 { width: 240px; }
.part-5-box-me-box { width: 721px; height: 344px; margin: 20px 0 0 30px; padding-left: 95px; }
.part-5-box-me-title { font-size: 18px; font-weight: bold; line-height: 60px; height: 60px; color: #262626; padding-left: 39px; background: url(../assets/images/welder/p-5-up.png) no-repeat left center/31px; }
.part-5-box-me-line { width: 588px; height: 1px; background: #d9d9d9; margin-bottom: 24px; }
.part-5-box-me-box-wrap { width: 582px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.part-5-box-me-box-item { width: 281px; height: 70px; border-radius: 4px; background: #f8f8f8; box-sizing: border-box; margin-bottom: 12px; display: flex; align-items: center; }
.part-5-box-me-box-item p { font-size: 14px; line-height: 19px; padding-left: 63px; color: #262626; }
.part-5-box-me-box-item-1 { background: #f8f8f8 url(../assets/images/welder/p-5-i-1.png) no-repeat 19px center/32px; }
.part-5-box-me-box-item-2 { background: #f8f8f8 url(../assets/images/welder/p-5-i-2.png) no-repeat 19px center/32px; }
.part-5-box-me-box-item-3 { background: #f8f8f8 url(../assets/images/welder/p-5-i-3.png) no-repeat 19px center/32px; }
.part-5-box-me-box-item-4 { background: #f8f8f8 url(../assets/images/welder/p-5-i-4.png) no-repeat 19px center/32px; }
.part-5-box-me-box-item-5 { background: #f8f8f8 url(../assets/images/welder/p-5-i-5.png) no-repeat 19px center/32px; }
.part-5-box-me-box-item-6 { background: #f8f8f8 url(../assets/images/welder/p-5-i-6.png) no-repeat 19px center/32px; }

/* ---------- part-6 焊接案例轮播 ---------- */
.part-6 { position: relative; z-index: 2; background: linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0) 100%); padding-bottom: 80px; }
.part-6 .swiper-slide { width: 430px; height: 250px; box-sizing: border-box; padding: 0 14px; text-align: center; flex-shrink: 0; }
.part-6 .swiper-slide img { width: 402px; height: 250px; }
.part-6-box { position: relative; width: 1290px; height: 250px; margin: 0 auto; overflow: hidden; }
.part-6-box-wrap { width: 1440px; overflow: hidden; margin: 40px auto 0; position: relative; }
.part-6-box-wrap::before { width: 170px; height: 302px; transform: rotate(-180deg); background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%); content: " "; position: absolute; left: 0; top: 0; z-index: 3; }
.part-6-box-wrap::after { width: 170px; height: 302px; background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%); content: " "; position: absolute; right: 0; top: 0; z-index: 3; }
.part-6-ctrl { height: 39px; margin: 32px auto 0; display: flex; width: 145px; justify-content: space-between; }
.part-6-ctrl-btn { width: 39px; height: 39px; cursor: pointer; }
.swiper-button-prev-custom-2 { background: url(../assets/images/welder/p-6-l.png) no-repeat center/39px; }
.swiper-button-next-custom-2 { background: url(../assets/images/welder/p-6-r.png) no-repeat center/39px; }

/* ---------- part-7 技术规格参数 ---------- */
.part-7 { position: relative; z-index: 2; }
.p-7-wrap { width: 1280px; padding: 50px 0 80px; box-sizing: border-box; margin: 0 auto; display: flex; }
.p-7-wrap-a { padding: 236px 0 0 40px; width: 418px; height: auto; box-sizing: border-box; }
.p-7-wrap-b { margin-left: auto; width: 798px; flex-shrink: 0; }
.p-7-info { width: 798px; height: 435px; box-sizing: border-box; padding: 36px 0 16px; display: flex; flex-direction: column; margin-bottom: 40px; }
.p-7-info-title { padding-left: 64px; font-size: 28px; font-weight: bold; line-height: 38px; color: #262626; }
.params { display: flex; padding: 32px 0 0 13px; }
.params-item { width: 192px; flex-shrink: 0; text-align: center; }
.params-line { width: 1px; height: 110px; background: #f5f5f5; margin-top: 20px; flex-shrink: 0; }
.params-item-1 { font-size: 24px; font-weight: bold; line-height: 33px; text-align: center; color: #262626; margin-bottom: 4px; }
.params-item-2 { font-size: 16px; line-height: 22px; color: #595959; }
.params-pic { width: 72px; height: 72px; border-radius: 50%; margin: 0 auto 16px; }
.params-pic-1 { background: rgba(0, 136, 255, 0.1) url(../assets/images/welder/param-1.png) no-repeat center/45px auto; }
.params-pic-2 { background: rgba(0, 136, 255, 0.1) url(../assets/images/welder/param-2.png) no-repeat center/45px auto; }
.params-pic-3 { background: rgba(0, 136, 255, 0.1) url(../assets/images/welder/param-3.png) no-repeat center/45px auto; }
.params-pic-4 { background: rgba(0, 136, 255, 0.1) url(../assets/images/welder/param-4.png) no-repeat center/40px auto; }
.p-7-product { width: 798px; box-sizing: border-box; padding: 32px 0 0 64px; }
.p-7-product h3 { font-size: 28px; font-weight: bold; line-height: 38px; color: #262626; margin-bottom: 24px; }
.product-btns { width: 571px; height: 59px; display: flex; box-sizing: border-box; padding: 8px 12px; justify-content: space-between; margin: 0 0 16px -12px; position: relative; z-index: 3; }
.product-btn { border-radius: 8px; background: #fff; width: 103px; height: 43px; line-height: 43px; text-align: center; color: #595959; cursor: pointer; font-size: 20px; }
.product-btn:hover, .product-btn-cur { font-weight: bold; color: #007aff; background: rgba(0, 122, 255, 0.08); }
.product-pannel { display: none; }
.product-pannel-cur { display: block; }
.tz { width: 624px; height: 617px; margin-top: -50px; }
.product-table { width: 677px; background: #f7f7f7; }
.product-table-tr { height: 54px; width: 100%; cursor: pointer; display: flex; font-size: 16px; }
.bg-fff { background: #fff; }
.product-table-tr:hover { background: rgba(0, 136, 255, 0.08); }
.product-table-td { height: 54px; line-height: 54px; flex-grow: 0; flex-shrink: 0; }
.product-table-td-1 { text-align: left; padding-left: 24px; width: 30%; }
.product-table-td-2 { text-align: center; width: 70%; }
.product-table-td-a { width: 111px; text-align: center; }
.product-table-td-b { width: 283px; text-align: center; }
.product-table-td-c { width: 283px; text-align: center; }
.p-7-pic { width: 378px; height: 399px; position: sticky; top: 50%; transform: translateY(-50%); background: url(../assets/images/welder/p-7-img.png) no-repeat center/378px 399px; }

/* ============================================================
   移动端(手机 <768px)
   ============================================================ */
@media screen and (max-width: 767px) {
  .part-1 { height: 300px; }
  .part-1::after { height: 300px; background-size: cover; }
  .part-1-content { width: 100%; }
  .part-1-info { padding: 100px 16px 0; text-align: center; }
  .part-1-title { font-size: 26px; line-height: 36px; height: auto; margin-bottom: 8px; }
  .part-1-subtitle { height: auto; line-height: 22px; margin-bottom: 0; }

  .part-2 { padding: 40px 16px; }
  .p-title { font-size: 24px; line-height: 34px; margin-bottom: 8px; }
  .p-title-sub { font-size: 14px; line-height: 22px; }
  .part-2-info { width: 100%; height: auto; margin: 40px auto 0; padding: 0; background: none; }
  .part-item { padding: 0 0 24px 52px; background-size: 40px !important; background-position: left top; }
  .part-item h4 { font-size: 16px; }
  .part-item p { font-size: 13px; line-height: 19px; }

  .part-3 { height: auto; padding: 32px 0 40px; }
  .part-3-box { width: 100%; height: auto; margin: 24px 0 0; overflow: hidden; }
  .part-3-box .part-swiper-banner { width: 100%; }
  .part-3-box .swiper { width: 100%; }
  .part-3-box .swiper-slide { width: 300px; height: auto; }
  .part-3-box .swiper-slide.active .banner-info { height: auto; }
  .part-3-box .banner-info, .part-3-box .banner-info-pic { width: 280px; }
  .part-3-box .banner-info-pic { height: 190px; }
  .part-3-box .banner-info-pic img { height: 100%; object-fit: cover; }
  .part-3-box .swiper-button-prev-custom, .part-3-box .swiper-button-next-custom { display: none; }

  .part-4 { padding: 32px 0 40px; }
  .part-4-box-wrap { width: 100%; padding: 24px 16px 0; }
  .part-4-box { flex-wrap: wrap; justify-content: center; }
  .part-4-box-item { width: 64px; margin: 0 4px; }
  .part-4-box-item-r, .part-4-box-item-l { width: 0; background: none; }
  .p-4-down { display: none; }
  .p-4-text { font-size: 13px; }
  .p-4-text-1 { width: 80px; background-size: 80px 24px; }
  .p-4-text-2 { width: 88px; background-size: 88px 24px; }
  .p-4-text-3 { width: 110px; background-size: 110px 24px; }
  .p-4-text-4 { width: 118px; background-size: 118px 24px; }
  .p-4-text-5 { width: 86px; background-size: 86px 24px; }
  .p-4-text-6 { width: 140px; background-size: 138px 24px; }
  .p-4-text-7 { width: 106px; background-size: 106px 24px; }
  .p-4-text-8 { padding-left: 25px; width: 145px; background: url(../assets/images/welder/p-4-8-text-bg.png) no-repeat left center/145px 24px; }

  .part-5-box { width: 100%; padding: 32px 16px 50px; }
  .part-5-box-other { width: 100%; height: auto; padding: 0 16px 20px; }
  .part-5-box-other-info { width: 100%; }
  .part-5-box-other-info-item { width: 100%; }
  .part-5-box-me { position: static; width: 100%; height: auto; background: #f8f8f8; border-radius: 8px; margin-top: 20px; padding: 16px; box-sizing: border-box; }
  .part-5-box-me-box { width: 100%; height: auto; margin: 0; padding: 0; }
  .part-5-box-me-line { width: 100%; }
  .part-5-box-me-box-wrap { width: 100%; }
  .part-5-box-me-box-item { width: 100%; height: auto; min-height: 60px; padding: 8px 0; }
  .part-5-box-me-box-item p { padding-left: 56px; }

  .part-6 { padding-bottom: 40px; }
  .part-6-box { width: 100%; }
  .part-6 .swiper-slide { width: 100%; padding: 0 8px; }
  .part-6 .swiper-slide img { width: 100%; height: auto; }
  .part-6-box-wrap { width: 100%; }
  .part-6-box-wrap::before, .part-6-box-wrap::after { display: none; }

  .part-7 { padding: 32px 0 40px; }
  .p-7-wrap { width: 100%; flex-direction: column; padding: 24px 16px 40px; }
  .p-7-wrap-a { width: 100%; padding: 0; margin-bottom: 16px; }
  .p-7-pic { width: 100%; height: 260px; position: static; transform: none; background-size: contain; background-position: center; }
  .p-7-wrap-b { width: 100%; }
  .p-7-info { width: 100%; height: auto; padding: 16px 0; margin-bottom: 24px; }
  .p-7-info-title { padding-left: 0; font-size: 22px; text-align: center; }
  .params { padding: 24px 0 0; flex-wrap: wrap; }
  .params-item { width: 50%; margin-bottom: 16px; }
  .params-line { display: none; }
  .p-7-product { width: 100%; padding: 16px 0 0; }
  .p-7-product h3 { font-size: 22px; margin-bottom: 16px; }
  .product-btns { width: 100%; height: auto; flex-wrap: wrap; padding: 0; margin: 0 0 12px; }
  .product-btn { width: 30%; height: 40px; line-height: 40px; font-size: 16px; margin: 4px 1.5%; }
  .product-table { width: 100%; }
  .product-table-td-1 { padding-left: 12px; }
  .tz { width: 100%; height: auto; margin-top: 0; }
}