body {
background: #000000;
}
html,
body {
transition: 0s !important;
}
.navTitleMain {
background: none;
}
.navTitleMain.dimBlack {
backdrop-filter: saturate(180%) blur(20px);
-webkit-backdrop-filter: saturate(180%) blur(20px);
background: rgba(29, 29, 31, 0.7);
}
.navTitleMainBox ul li {
border-bottom: 0 !important;
}
/* 公共样式 */
.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(https://www.bodor.com/StaticFile/images/laser-welding-machine/handheld-laser-welding-machine/bodorwelder-1200/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://www.bodor.com/StaticFile/images/laser-welding-machine/handheld-laser-welding-machine/bodorwelder-1200/r.svg);
background-size: 16px 16px;
background-position: center;
background-repeat: no-repeat;
/* filter: invert(100%); */
}
/* 公共样式 */
.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(https://www.bodor.com/StaticFile/images/laser-welding-machine/handheld-laser-welding-machine/bodorwelder-1200/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://www.bodor.com/StaticFile/images/laser-welding-machine/handheld-laser-welding-machine/bodorwelder-1200/r.svg);
background-size: 16px 16px;
background-position: center;
background-repeat: no-repeat;
/* filter: invert(100%); */
}
.banner_bottom_text h2 {
background: linear-gradient(180deg,
#fff 40.5%,
rgba(255, 255, 255, 0.04) 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
letter-spacing: -2px;
}
.banner_bottom_text p b {
background: linear-gradient(93deg,
#ff4610 0.62%,
#ffbc10 53.95%,
#ffe145 99.14%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.temperature20 {
background: linear-gradient(180deg, #7bebff 0%, #40bdff 47.4%, #0d8acc 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 700;
}
.temperature40 {
background: linear-gradient(93deg,
#ff4610 0.62%,
#ffbc10 53.95%,
#ffe145 99.14%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 700;
}
/* 导航栏 */
.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(29, 29, 31, 0.7);
}
.dimWhite {
backdrop-filter: saturate(180%) blur(20px);
-webkit-backdrop-filter: saturate(180%) blur(20px);
background: rgba(255, 255, 255, 0.7);
}
.dimWhite .c-white {
color: #000000 !important;
}
.dimWhite .btn_box>div {
color: #fff !important;
}
@media screen and (min-width: 769px) {
.Banner {
min-height: 900px;
}
}
#laserCutting-General {
height: 1005px;
}
/* 第三屏 */
#thirdly {
height: 300vh;
}
.thirdly_text1 h2,
.thirdly_text2 h2 {
background: linear-gradient(101deg, #FFAE34 8.16%, #FF6B34 50.8%, #DB0507 80.05%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 900px;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.thirdly img {
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.thirdly_title {
transform: translateY(-120px);
opacity: 0;
transition: opacity 0.6s linear,
transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.thirdly_title.active {
transform: translateY(0px);
opacity: 1;
}
/* 第四屏 */
#fourth {
height: 3000px;
}
.fourth h2 {
background: linear-gradient(101deg, #FFAE34 8.16%, #FF6B34 50.8%, #DB0507 80.05%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 900px;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.eighth-content ul {
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.eighth-content li.active h3 {
color: #ff4610;
}
.sixthly {
height: 180vh;
}
#sixthly_video {
transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#sixthly_video.active {
width: 100%;
height: 100%;
}
video {
border-radius: 0;
}
#seventh {}
.seventh {
height: 350vh;
justify-content: space-between;
}
.seventh_right_txt {
transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.seventh_right_txt h2 {
background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) -12.65%, #FFF 49.74%, rgba(255, 255, 255, 0.00) 111.49%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 48px;
line-height: 150%;
}
.seventh_left_img {
transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* pad端 */
@media screen and (min-width: 769px) and (max-width: 1200px) {
#contrast {
padding-left: 16px;
padding-right: 16px;
}
}
/* 大轮播箭头 */
.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;
top: 30%;
border: 1px solid #e0e2e4;
padding: 14px;
border-radius: 50%;
}
.contrast_swiper-button-prev {
background-position: center;
margin-left: -76px;
/* margin-left: calc(100vw / 2); */
left: -50px;
}
.contrast_swiper-button-next {
background-position: center;
margin-left: calc(100vw / 1.75);
right: -50px;
}
.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://www.bodor.com/StaticFile/images/laser-welding-machine/handheld-laser-welding-machine/bodorwelder-1200/l.svg);
}
.contrast_swiper-button-next {
/* right: -50px; */
background-image: url(https://www.bodor.com/StaticFile/images/laser-welding-machine/handheld-laser-welding-machine/bodorwelder-1200/r.svg);
}
#contrast {
height: auto;
}
.mango_right {
width: 804px;
height: 506px;
}
.en_fourth h2 {
background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) -5.58%, #FFF 24.3%, rgba(255, 255, 255, 0.00) 54.17%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.en_fourth_title {
width: 900px;
}
.en_fifthly h2 {
background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) -12.5%, #FFF 45.58%, rgba(255, 255, 255, 0.00) 103.61%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.en_fifthly p {
width: 900px;
}
/* .portraitAlgorithm_title h2 {
opacity: 0;
transform: translateY(-60px);
transition: opacity 0.6s linear,
transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.portraitAlgorithm_title h2.active {
transform: translateY(0) translateZ(0);
opacity: 1;
}
.portraitAlgorithm_title p {
opacity: 0;
transform: translateY(-60px);
transition: opacity 0.6s linear 0.1s,
transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
}
.portraitAlgorithm_title p.active {
transform: translateY(0) translateZ(0);
opacity: 1;
} */
/* pad端 */
@media screen and (min-width: 769px) and (max-width: 1200px) {
#newSellingPoint{
height: 460vh;
}
.newSellingPoint {
padding-left: 32px;
padding-right: 32px;
overflow-x: hidden;
}
.secondly {
width: 680px;
margin: auto;
padding-top: 40px;
padding-bottom: 40px;
}
.secondly_left {
width: 330px;
height: 674px;
}
.secondly_right {
width: 330px;
}
.secondly_right li {
width: 330px;
height: 327px;
margin: 0;
}
.secondly_right li:first-child {
margin-bottom: 20px;
}
.secondly>.df-sb {
margin-bottom: 20px;
}
.secondly h3{
font-size: 24px;
}
.en_fourth,
.en_fifthly {
height: auto;
}
.en_fourth_content {
height: auto;
}
.en_fifthly {
height: auto;
}
.en_fifthly .w-428 {
width: 45%;
}
.en_fifthly .w-640 {
width: 50%;
height: auto;
}
#en_fourth,
#en_fifthly {
padding-left: 32px;
padding-right: 32px;
height: auto;
}
.seventh {
width: 100%;
padding-left: 32px;
padding-right: 32px;
}
.seventh_left {
width: 60%;
}
.seventh_left .h-458 {
height: auto;
}
.eighth {
width: 680px;
margin: auto;
}
.eighth-imgBox {
height: 382px;
width: 100%;
}
#warranty {
padding-bottom: 80px;
margin-bottom: 0;
}
.warranty-b-content img {
border-radius: 8px;
}
#en_thirdly {
height: auto;
padding-bottom: 80px;
}
.laserCutting-General {
padding-left: 32px;
padding-right: 32px;
}
#laserCutting-General {
height: auto;
}
#mango {
padding-left: 32px;
padding-right: 32px;
height: auto;
}
#mango .mango_left {
width: 28%;
}
#mango .mango_right {
width: 70%;
}
#mango .mango_left h3 {
font-size: 18px;
line-height: 22px;
}
#mango .mango_right img {
object-fit: cover;
}
#mango .mango_right video {
object-fit: cover;
}
#mango .pb-180 {
padding-bottom: 40px;
}
#contrast {
height: auto;
padding-bottom: 0;
}
.container-f {
background-color: #fff;
}
}
.container-f{
padding: 0;
}
/* 行业pad端 */
/* pad端 */
@media (min-width: 769px) and (max-width: 992px) {
.laserCutting-General ul {}
.laserCutting-General ul li {
width: 32%;
}
.laserCutting-General ul li.w-304 {
width: 27.5%;
}
.laserCutting-General ul li a {}
.laserCutting-General ul li a:first-child {}
}
@media (min-width: 992px) and (max-width: 1210px) {
.laserCutting-General ul {}
.laserCutting-General ul li {
width: 32%;
}
.laserCutting-General ul li.w-304 {
width: 27.5%;
}
.laserCutting-General ul li a {}
.laserCutting-General ul li a:first-child {}
}
/* 移动端 */
@media (max-width: 767px) {
.container-f {
background-color: #fff;
padding-bottom: 0;
padding-top: 0;
}
.line {
width: 100% !important;
}
.title_box {
filter: invert(0%);
}
.w-360 {
width: 100vw;
}
.w-612 {
width: 100%;
}
.mr-calc1120 {
margin-right: 0;
}
#Banner {
height: auto;
}
.banner {
height: auto;
}
.banner_title {
padding-top: 12vw;
padding-left:16px ;
padding-right: 16px;
}
.banner_title h1 {
margin-bottom: 2.133vw;
font-size: 12.933vw;
}
.banner_title p {
font-size: 3.33vw;
text-align: center;
margin: auto;
margin-bottom: 6vw;
line-height: 6.400vw;
}
.maxh-900,
.minh-5625vw {
max-height: 160vw !important;
height: 100vh !important;
}
#Banner {
height: auto;
max-height: none;
margin-top: 64px;
}
.banner {
height: 100%;
margin-top: 0 !important;
}
.bannerBtn {
font-size: 4.267vw;
line-height: 6.400vw;
padding: 2.667vw 6.400vw;
margin: auto;
}
.bannerBtn img {
top: 3.2vw;
right: 3.2vw;
width: 4.267vw;
height: 4.267vw;
}
/* 移动端第二屏 */
#secondly {
height: auto;
}
.secondly {
height: auto;
padding: 6.4vw 4.267vw;
}
.secondly h3 {
font-size: 6vw;
line-height: normal;
width: 80%;
margin: auto;
}
.secondly_left .pt-44 {
padding-top: 12vw;
}
.secondly div.br50 {
width: 9.600vw;
height: 9.600vw;
}
.secondly .clearfix .fl {
border-radius: 2.133vw;
}
.secondly .clearfix .fl .pt-48 {
padding-top: 8.533vw;
}
.secondly .br-20 {
border-radius: 5.333vw;
}
.secondly>.df-sb {
display: flex;
flex-wrap: wrap;
flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
}
.secondly_left {
width: 100%;
height: auto;
margin-bottom: 4.267vw;
}
.secondly_right {
width: 100%;
height: auto;
}
.secondly_right ul {
display: flex;
flex-wrap: wrap;
flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
}
.secondly_right li {
width: 100%;
height: auto;
margin-bottom: 4.267vw;
}
/* 移动端第三屏 */
#en_thirdly {
height: auto;
}
#thirdly {
height: auto;
}
.md_thirdly_title {
padding-top: 10.667vw;
}
.md_thirdly_title h2 {
font-size: 6.400vw;
line-height: 8.533vw;
margin-bottom: 3.200vw;
}
.md_thirdly_title p {
font-size: 3.733vw;
line-height: 5.867vw;
}
/* 移动端第六屏 */
#sixthly {
height: 116.267vw;
}
.sixthly {
height: auto;
padding: 0 4.267vw 8.000vw;
}
.sixthly_title {
position: inherit;
font-size: 6.400vw;
line-height: 8.533vw;
padding-top: 10.667vw;
padding-bottom: 8.533vw;
}
.sixthly_title h2 {
font-size: 6.400vw;
line-height: 8.533vw;
}
.sixthly_title p {
font-size: 3.733vw;
line-height: 5.867vw;
}
.sixthly_content {
position: inherit;
height: auto;
width: 100%;
padding-bottom: 10.667vw;
}
.sixthly_content video {
width: 100%;
height: auto;
border-radius: 3.200vw;
}
/* 移动端第七屏 */
.md_seventh {
height: 174.333vw;
padding-bottom: 9.867vw;
padding-top: 15vw;
}
/* 移动端横向滚动 */
.md_crosswise_swiper {
height: 174.333vw;
padding-bottom: 9.867vw;
padding-top: 9.867vw;
}
.md_crosswise-pagination {
bottom: 25vw !important;
position: absolute;
text-align: center;
z-index: 2;
}
.md_crosswise-pagination .swiper-pagination-bullet {
width: 2.133vw !important;
height: 2.133vw !important;
background: none;
border-radius: 50%;
border: 0.267vw solid#fff;
}
.md_crosswise-pagination .swiper-pagination-bullet-active {
background-color: #fff !important;
border-radius: 50%;
}
.md_crosswise-mySwiper .swiper-slide {
height: 112.000vw;
}
.md_crosswise_swiper_nav {
margin-bottom: 6.4vw;
padding-left: 4.267vw;
padding-right: 4.267vw;
height: 30vw;
}
.md_crosswise_swiper_nav h2 {
font-size: 6.400vw;
line-height: 8.533vw;
margin-bottom: 3.200vw;
}
.md_crosswise_swiper_nav p {
font-size: 3.2vw;
line-height: 3.867vw;
opacity: 0;
transform: translateY(-2.667vw);
width: 100%;
text-align: center;
}
.md_crosswise_swiper_nav span {
width: 12.8vw;
height: 0.267vw;
margin-top: 6.400vw;
}
.md_crosswise_swiper_nav h2 {
opacity: 0;
transform: translateY(-5.333vw);
}
.md_crosswise_swiper_nav h2.active {
transform: translateY(0) translateZ(0);
opacity: 1;
transition: opacity 0.2s linear,
transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.md_crosswise_swiper_nav p.active {
transform: translateY(0) translateZ(0);
opacity: 1;
transition: opacity 0.2s linear,
transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* 移动端第八屏 */
#eighth {
height: 216vw;
}
.md_eighth {
padding: 20vw 4.267vw 10.667vw;
height: 220.000vw;
}
.md_eighth_title h2 {
font-size: 6.400vw;
line-height: 8.533vw;
margin-bottom: 8.533vw;
}
.md_eighth-content {
height: auto;
}
.md_eighth-content .swiper-wrapper {}
.md_eighth-content .swiper-wrapper .swiper-slide {
height: auto;
}
.md_eighth-content .swiper-wrapper .swiper-slide img {
height: 112.000vw;
margin-bottom: 10.667vw;
border-radius: 3.200vw;
}
.md_eighth-content .swiper-wrapper .swiper-slide h2 {
font-size: 4.800vw;
line-height: 6.933vw;
margin-bottom: 3.200vw;
}
.md_eighth-content .swiper-wrapper .swiper-slide p {
font-size: 3.733vw;
line-height: 5.867vw;
margin-bottom: 5.867vw;
}
.md_eighth-content .swiper-wrapper .swiper-slide {}
.md_eighth-pagination {
display: flex;
justify-content: center;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1 !important;
background-color: #fff;
}
.swiper-pagination-bullet {
width: 6.400vw;
height: 0.533vw;
background-color: #fff;
opacity: 0.55;
border-radius: 2666.400vw;
}
#laserCutting-General {
padding-top: 11.733vw;
padding-bottom: 8.533vw;
padding-left: 4.267vw;
padding-right: 4.267vw;
height: auto;
background-color: #fff;
}
.laserCutting-General {
width: 100%;
text-align: center;
}
.laserCutting-General h2 {
font-size: 9.6vw;
line-height: 10.667vw;
margin-bottom: 2.133vw;
text-align: center;
}
.laserCutting-General div {
margin-bottom: 4.267vw;
}
.laserCutting-General p {
font-size: 3.733vw;
margin: auto;
text-align: center;
line-height: 135%;
width: 82.66vw;
}
.laserCutting-General a {
width: 100%;
display: block;
margin-top: 4.267vw;
font-size: 4.267vw;
}
/* mango */
#mango {
padding: 0vw 4.267vw;
background-color: #fff;
}
#mango h2 {
font-size: 6.400vw;
padding-bottom: 2.133vw;
width: 100%;
line-height: normal;
}
#mango p {
font-size: 3.733vw;
line-height: 5.867vw;
margin-bottom: 3.200vw;
}
.mango {
display: block;
display: flex;
flex-flow: column;
padding-bottom: 0;
}
.mango h3 {
font-size: 3.733vw;
line-height: 5.867vw;
}
.mango h3 b {
margin-bottom: 2.133vw;
}
.mango_left {
width: 100%;
order: 2;
}
.mango ul {
display: flex;
justify-content: space-between;
}
.mango ul li {
width: 100%;
height: 38.400vw;
margin-bottom: 0;
padding: 4.267vw;
}
.mango ul li .mango ul li:nth-child(2) {
padding-top: 5vw;
}
.mango ul .fs-48 {
font-size: 7.467vw;
line-height: normal;
}
.mango ul .fs-20 {
font-size: 3.733vw;
line-height: normal;
}
.mango ul .fs-40 {
font-size: 5.867vw;
line-height: normal;
}
.mango .w-848 {
width: 100%;
height: 62.4vw;
margin-bottom: 2.133vw;
order: 1;
}
.content-box {
box-sizing: border-box;
width: auto;
}
/* 机型对比 */
#contrast {
padding: 15.467vw 4.267vw;
padding-bottom: 0;
}
.contrast {
padding-bottom: 0;
}
.contrast_titie {
width: 100%;
position: absolute;
}
.contrast_titie h4 {
font-size: 3.2vw;
line-height: normal;
margin-bottom: 1.067vw;
}
.contrast_titie h3 {
font-size: 5.867vw;
line-height: normal;
}
.contrast_content {
padding-top: 20vw;
}
.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: 22.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;
height: auto;
padding-top: 2vw;
padding-bottom: 1vw;
}
.contrast_nav select {
font-size: 7vw;
width: 45vw;
margin: 0 3.2vw;
}
#contrast .contrast_nav h2 {
font-size: 5.867vw;
line-height: 5.867vw;
}
#contrast {
height: auto;
}
#mango {
height: auto;
padding-bottom: 10.667vw;
}
.dimWhite {}
.dimWhite .c-white {
color: #fff !important;
}
.dimWhite .btn_box>div {
color: #fff !important;
}
/* 第三屏 */
.new_content-nav {
padding-left: 0;
position: initial;
padding-bottom: 8.533vw;
}
.new_content-nav h2 {
font-size: 6.400vw;
line-height: 8.533vw;
line-height: normal;
margin-bottom: 5.333vw;
text-align: center;
color: #fff;
}
.new_content-nav p {
text-align: center;
font-size: 3.733vw;
line-height: 5.867vw;
line-height: normal;
}
#new_content {
padding-top: 10.667vw;
padding-bottom: 8.533vw;
padding-left: 4.267vw;
padding-right: 4.267vw;
height: 173.333vw;
}
#new_content img {
width: 100%;
height: auto;
border-radius: 3.200vw;
}
#video_shade_main span{
width: 34vw !important;
}
#video_shade_main p{
font-size: 3.8vw;
}
}
.dimWhite .bodor-menu .nav_r .li {
/* filter: invert(0%) !important; */
}
.dimWhite .bodor-menu .nav_r .li::after {
/* background-color: #000; */
}
.title_box a.btn_box {
filter: invert(0%);
}
/* 英文版新产品页样式-L */
/* .en_thirdly_title h2{
background: linear-gradient(101deg, #FFAE34 8.16%, #FF6B34 50.8%, #DB0507 80.05%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
} */
/* 动态变色字体 */
#home-banner-slogan {
font-size: 72px;
height: auto;
line-height: normal;
user-select: none;
text-align: center;
margin: auto;
}
.container-glizWQ {
position: relative;
}
/* @font-face {
font-family: "Oswald-SemiBold";
src: url("https://bodor.com/static/fonts/Oswald-SemiBold.otf");
font-display: swap;
font-weight: 600;
} */
.container-glizWQ .AXU2Ec1 {
background-image: conic-gradient(from 0deg at 50% -10%, rgb(255, 70, 16) -86.58deg, rgb(255, 188, 16) 99.21deg, rgb(255, 0, 53) 203.39deg, rgb(255, 155, 16) 273.42deg);
background-clip: text;
-webkit-background-clip: text;
-moz-background-clip: text;
-o-background-clip: text;
background-position-x: -50%;
color: transparent;
font-family: Oswald-SemiBold !important;
font-weight: 600;
}
.overlay-uXun_R {
/* -webkit-filter: blur(10px); */
/* filter: blur(10px); */
height: 100%;
left: 0px;
position: absolute;
top: 0;
width: 100%;
}
.overlay-uXun_R .AXU2Ec2 {
background-image: conic-gradient(from 0deg at 50% -10%, rgb(255, 70, 16) -86.58deg, rgb(255, 188, 16) 99.21deg, rgb(255, 0, 53) 203.39deg, rgb(255, 155, 16) 273.42deg);
mask-image: linear-gradient(90deg, transparent -15.5556%, black, transparent 84.4444%);
-moz-background-clip: text;
-o-background-clip: text;
-webkit-background-clip: text;
background-clip: text;
background-position-x: -50%;
color: transparent;
font-family: Oswald-SemiBold !important;
font-weight: 600;
}
/* 移动端 */
@media (max-width: 767px) {
.container {
padding-bottom: 2vw;
}
#en_thirdly {
height: 110vw;
}
.container-glizWQ {
width: 95%;
margin: auto;
}
.overlay-uXun_R {
top: -12.5vw;
display: none;
}
#home-banner-slogan {
font-size: 8.53vw;
line-height: 150%;
}
.container-glizWQ .AXU2Ec1,
.overlay-uXun_R .AXU2Ec2 {
font-size: 8.53vw;
line-height: 150%;
}
.secondly .clearfix>div {
width: 100%;
height: auto;
margin-right: 0;
margin-bottom: 5.333vw;
}
.secondly .clearfix>div h3 {
text-align: center;
}
#en_fourth {
height: 100vw;
padding-left: 4.267vw;
padding-right: 4.267vw;
}
.en_fourth {
padding-top: 10vw;
padding-bottom: 10vw;
}
.en_fourth_title {
margin-bottom: 5.333vw;
}
.en_fourth_title h2 {
font-size: 4.267vw;
line-height: 6.400vw;
margin-bottom: 2.133vw;
}
.en_fourth_title p {
font-size: 3.200vw;
line-height: 5.333vw;
}
.en_fourth_content {
height: auto;
}
#en_fifthly {
height: 200vw;
}
.en_fifthly {}
.en_fifthly .df-sb {
display: block;
}
#md_en_fifthly {
height: 100vw;
padding-left: 4.267vw;
padding-right: 4.267vw;
}
.md_en_fifthly {
padding: 10vw 4.267vw 0;
}
.md_en_fifthly_title {
margin-bottom: 5.333vw;
}
.md_en_fifthly_title h2 {
font-size: 4.267vw;
line-height: 6.400vw;
margin-bottom: 2.133vw;
}
.md_en_fifthly_title p {
font-size: 3.200vw;
line-height: 5.333vw;
}
.md_en_fifthly_content {
height: auto;
}
.mango_left li.h-264 h3 {
font-size: 4vw;
}
.mango_left li.h-264 strong {
font-size: 6vw;
line-height: 120%;
}
.mango_left li.h-296 h3 {
font-size: 3vw;
}
.mango_left li.h-296 strong.fs-24 {
font-size: 4.7vw;
line-height: 110%;
}
#newSellingPoint {
height: auto;
}
.newSellingPoint {
position: inherit;
}
.newSellingPoint {
padding: 15vw 4.267vw;
}
.newSellingPoint h2 {
font-size: 6.400vw;
margin-bottom: 6.400vw;
line-height: 8.533vw;
}
.newSellingPoint li {
width: 100%;
margin-bottom: 5.33vw;
}
.newSellingPoint ul {
display: block;
}
.parameter_box span {
color: #000 !important;
}
}
#newSellingPoint ul li {
border-radius: 8px;
border: 1px solid#FAFAFB;
background: #FFF;
transition: all .3s cubic-bezier(0, 0, 0.5, 1);
height: auto;
}
#newSellingPoint ul li svg {
fill: #171b25;
}
#newSellingPoint ul li .bg-F2F4F7 {
transition: all .3s cubic-bezier(0, 0, 0.5, 1);
}
#newSellingPoint ul li:hover {
box-shadow: 0px 10px 30px 0px rgba(0, 28, 85, 0.04);
transform: scale(1.0161290323);
}
#newSellingPoint ul li:hover .bg-F2F4F7 {
background: rgba(255, 70, 16, 0.1);
}
#newSellingPoint ul li:hover svg {
fill: #ff4610;
}
/* 第三屏 */
#thirdly {
height: 900vh;
}
.thirdly {
padding-top: 10%;
height: 100vh;
min-height: 810px;
}
#thirdly_content_box {
transition: 0.15s all cubic-bezier(0, 0.49, 0.58, 1);
}
.thirdly_content h2 {
background: linear-gradient(116deg, #fff 4.35%, #828898 87.45%, #fff 100.79%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
width: fit-content;
line-height: 127%;
}
.thirdly_content3 ul li {
/* padding: 24px 65px 24px 123px; */
height: 82px;
border-radius: 40px;
background: var(--400, #1a1b1e);
padding-right: 48px;
}
.thirdly_content3 ul li img {
opacity: 0.5;
}
.thirdly_content3 ul li span {
color: var(--200, #4e525b);
}
.thirdly_content3 ul li.active {
border: 2px solid var(--unnamed, #828898);
background: var(--300, #34363d);
}
.thirdly_content3 ul li.active img {
opacity: 1;
}
.thirdly_content3 ul li.active span {
color: #fff;
}
.thirdly_content3 {
top: 10vw;
}
.thirdly_content2 {
top: 1500px;
}
.thirdly_content3 {
top: 3000px;
}
.thirdly_right .powerVideoZindex {
z-index: 3;
opacity: 1;
}
.thirdly_content {
/* position: absolute; */
z-index: 1;
/* opacity: 0; */
transition: 2.2s all cubic-bezier(0, 0.49, 0.58, 1);
}
.fourthly h2 {
background: linear-gradient(116deg, #fff 4.35%, #828898 54.58%, #fff 100.79%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
width: fit-content;
}
.portraitAlgorithm_swiper {
height: 250vh;
}
.portraitAlgorithm_title h2 {
background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) -5.58%, #FFF 24.19%, rgba(255, 255, 255, 0.00) 53.94%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.scroll-bar ul {
transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.scroll-bar .card-box.first-card-box {
/* margin-left: calc((100vw - 1120px - 17px) / 2); */
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
.banner_bottom_text h2{
font-size: 48px;
}
#thirdly_content_box .w-496{
width: 466px;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.banner_bottom_text h2{
font-size: 32px;
}
#portraitAlgorithm_swiper{
padding-left: 0;
}
#portraitAlgorithm_swiper .portraitAlgorithm_swiper{
width: 100%;
}
.portraitAlgorithm_swiper p{
width: 100%;
}
.portraitAlgorithm_swiper ul{
width: 100%;
}
}
/* pad端 */
@media screen and (min-width: 768px) and (max-width: 1199px) {
#secondly{
height: auto;
width: 100%;
}
.banner_bottom_text h2{
}
.secondly{
width: 100%;
padding: 40px 32px;
}
.clearfix .fl{
height: auto;
}
.clearfix .w-712{
width: 62.5%;
}
.clearfix .w-388{
width: 34.2%;
}
#en_thirdly{
height: auto;
padding-top: 40px;
padding-bottom: 40px;
}
.en_thirdly{
width: 80%;
margin: auto;
}
.seventh_left{
width:45%;
}
.seventh_right{
width: 48%;
}
#portraitAlgorithm_swiper{
overflow-x: hidden;
}
.portraitAlgorithm_swiper {
margin-left: 0;
padding-left: 32px;
padding-right: 32px;
width: 100%;
height: auto;
}
.portraitAlgorithm_swiper .t-150{
top: 50px;
}
#portraitAlgorithm_content_li1{
max-width: 94vw !important;
min-width: 30vw !important;
height: 47vw;
}
#portraitAlgorithm_content_li2{
height: 47vw;
min-width: 30vw !important;
max-width: 94vw !important;
}
.thirdly{
padding-left: 32px;
padding-right: 32px;
}
.thirdly_left{
width: 48%;
}
.thirdly_right{
width: 50%;
}
#fourthly{
padding-left: 32px;
}
}
/* 移动端 */
@media (max-width: 767px) {
/* 第三屏 */
#md_thirdly {
padding-bottom: 14.933vw;
padding-left: 4.267vw;
padding-right: 4.267vw;
}
.md_thirdly_nav {
padding-top: 13.333vw;
}
.md_thirdly_nav h2 {
margin-bottom: 7.467vw;
font-size: 9.6vw;
line-height: 100%;
}
.md_thirdly_nav ul li {
padding-left: 2.4vw;
padding-right: 2.4vw;
}
.md_thirdly_nav h4 {
font-size: 6.4vw;
}
.md_thirdly_nav h4 b {
font-size: 12.8vw;
}
.md_thirdly_nav h4 span {
font-size: 3.2vw;
}
.md_thirdly_nav p {
font-size: 3.733vw;
}
/* 第六屏 */
#md_sixth {
padding-top: 14.667vw;
padding-bottom: 14.667vw;
}
.md_sixth_nav h2 {
font-size: 8.533vw;
margin-bottom: 2.133vw;
background: linear-gradient(116deg,
#fff 4.35%,
#828898 54.58%,
#fff 100.79%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
width: auto;
}
.md_sixth_nav p {
font-size: 3.2vw;
margin-bottom: 9.6vw;
}
.md_sixth-mySwiper .swiper-slide {
height: auto;
}
.md_sixth-mySwiper .sixth_right_v {
position: relative;
width: 100%;
height: 76vw;
}
.md_sixth-mySwiper {
padding-bottom: 12.267vw;
}
.md_sixth-pagination {
bottom: 0 !important;
position: absolute;
text-align: center;
z-index: 2;
}
.md_sixth-pagination .swiper-pagination-bullet {
width: 2.133vw !important;
height: 2.133vw !important;
background: none;
border-radius: 50%;
border: 0.267vw solid#fff;
}
.md_sixth-pagination .swiper-pagination-bullet-active {
background-color: #fff !important;
border-radius: 50%;
}
.md_sixth_btnBox {
width: 67.733vw;
margin: auto;
padding-top: 8vw;
}
.md_sixth_btnBox div {
width: 16vw;
opacity: 0.5;
}
.md_sixth_btnBox div.active {
opacity: 1;
}
.md_sixth_btnBox div img {
width: 16vw;
height: 16vw;
margin-bottom: 2.133vw;
}
.md_sixth_btnBox div p {
font-size: 3.733vw;
text-align: center;
height: 10.667vw;
}
#banner_bottom_textBox {
height: auto;
}
.md_banner_content {
padding-top: 30.933vw;
padding-bottom: 20.533vw;
}
.md_banner_content h2 {
font-size: 5.4vw;
background: linear-gradient(180deg,
#fff 40.5%,
rgba(255, 255, 255, 0.74) 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
width: fit-content;
margin-bottom: 5.867vw;
width: 80%;
}
.md_banner_content p {
font-size: 3.733vw;
line-height: 100%;
}
.md_banner_content div {
margin-bottom: 3.2vw;
margin-top: 3.2vw;
}
.md_banner_content b {
width: fit-content;
font-size: 19.2vw;
line-height: 100%;
margin: auto;
}
.md_banner_content svg {
margin: auto;
margin-top: 4.26vw;
margin-bottom: 4.26vw;
}
#portraitAlgorithm_swiper{
/* padding: 10.667vw; */
padding: 0;
}
.md_portraitAlgorithm_content {
padding: 10.667vw 4.267vw;
margin-bottom: 6.400vw;
}
.md_portraitAlgorithm_content h2 {
font-size: 6.400vw;
line-height: 8.533vw;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) -10.64%, #FFF 30.92%, rgba(255, 255, 255, 0.00) 72.45%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 3.200vw;
}
.md_portraitAlgorithm_content p {
font-size: 3.200vw;
line-height: 5.333vw;
}
#en_fifthly{
height: auto;
}
.en_fifthly{
width: 100%;
padding: 10.667vw 4.267vw;
}
.en_fifthly_title{
margin-bottom: 6.400vw;
}
.en_fifthly_title h2{
font-size: 6.400vw;
line-height: 8.533vw;
width: 100%;
}
.en_fifthly p{
font-size: 3.200vw;
line-height: 5.333vw;
width: 100%;
}
.en_fifthly_content{
width: 100%;
height: auto;
margin-bottom: 6.400vw;
border-radius: 2.133vw;
}
/* 第三屏 */
#md_thirdly {
padding-bottom: 14.933vw;
padding-left: 4.267vw;
padding-right: 4.267vw;
}
.md_thirdly_nav {
padding-top: 13.333vw;
}
.md_thirdly_nav h2 {
margin-bottom: 7.467vw;
font-size: 9.6vw;
line-height: 11.733vw;
}
.md_thirdly_nav ul li {
padding-left: 2.4vw;
padding-right: 2.4vw;
}
.md_thirdly_nav h4 {
font-size: 6.4vw;
}
.md_thirdly_nav h4 b {
font-size: 12.8vw;
}
.md_thirdly_nav h4 span {
font-size: 3.2vw;
}
.md_thirdly_nav p {
font-size: 3.733vw;
}
/* 第六屏 */
#md_sixth {
padding-top: 14.667vw;
padding-bottom: 14.667vw;
}
.md_sixth_nav h2 {
font-size: 8.533vw;
margin-bottom: 2.133vw;
background: linear-gradient(
116deg,
#fff 4.35%,
#828898 54.58%,
#fff 100.79%
);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
width: auto;
}
.md_sixth_nav p {
font-size: 3.2vw;
margin-bottom: 9.6vw;
}
.md_sixth-mySwiper .swiper-slide {
height: auto;
}
.md_sixth-mySwiper .sixth_right_v {
position: relative;
width: 100%;
height: 76vw;
}
.md_sixth-mySwiper {
padding-bottom: 12.267vw;
}
.md_sixth-pagination {
bottom: 0 !important;
position: absolute;
text-align: center;
z-index: 2;
}
.md_sixth-pagination .swiper-pagination-bullet {
width: 2.133vw !important;
height: 2.133vw !important;
background: none;
border-radius: 50%;
border: 0.267vw solid#fff;
}
.md_sixth-pagination .swiper-pagination-bullet-active {
background-color: #fff !important;
border-radius: 50%;
}
.md_sixth_btnBox {
width: 67.733vw;
margin: auto;
padding-top: 8vw;
}
.md_sixth_btnBox div {
width: 16vw;
opacity: 0.5;
}
.md_sixth_btnBox div.active {
opacity: 1;
}
.md_sixth_btnBox div img {
width: 16vw;
height: 16vw;
margin-bottom: 2.133vw;
}
.md_sixth_btnBox div p {
font-size: 3.733vw;
}
/* 移动端电压 */
#md_voltage {
padding-bottom: 14.933vw;
padding-left: 4.267vw;
padding-right: 4.267vw;
}
.md_voltage_nav {
padding-top: 13.333vw;
padding-bottom: 10.667vw;
}
.md_voltage_nav h2 {
margin-bottom: 7.467vw;
font-size: 9.6vw;
line-height: 11.733vw;
text-align: center;
}
.md_voltage_nav h4 {
font-size: 10.667vw;
text-align: center;
padding: 0;
margin-bottom: 0;
}
.md_voltage_nav p {
font-size: 3.733vw;
text-align: center;
}
/* 第四屏 */
#fourthly {
height: 177.867vw;
background-image: url(https://www.bodor.com/StaticFile/images/laser-welding-machine/handheld-laser-welding-machine/bodorwelder-1200/fourthly/md/0.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.fourthly {
height: auto;
padding-top: 17.067vw;
position: inherit;
}
.fourthly_nav h2 {
font-size: 7.2vw;
margin-bottom: 2.133vw;
text-align: center;
width: 100%;
line-height: 7.5vw;
}
.fourthly_nav p {
font-size: 3.267vw;
text-align: center;
line-height:3.567vw ;
}
/* 机型对比 */
#fifth {
padding-top: 10.667vw;
padding-left: 3.2vw;
padding-right: 3.2vw;
background-color: #fff;
}
.fifth_content div {
width: 44.8vw;
margin-left: 1.067vw;
margin-right: 1.067vw;
}
.fifth_content div img {
height: auto;
width: 100%;
margin-bottom: 6.933vw;
}
.fifth_content div h3 {
font-size: 4.202vw;
margin-bottom: 5.067vw;
}
.fifth_content div a {
font-size: 3.2vw;
margin-bottom: 5.067vw;
}
.fifth_content ul li {
padding-top: 5.6vw;
width: 100%;
}
.fifth_content hr {
width: 100%;
}
.fifth_content ul li h4 {
font-size: 3.733vw;
}
.fifth_content ul li p {
font-size: 3.2vw;
}
.fifth_content {
padding-top: 13.333vw;
padding-bottom: 18.667vw;
}
#learnMore {
padding-top: 0;
}
}
/* 第七屏 */
#en_seventh2 ul li:nth-child(2n-1) {
background-color: rgba(130, 136, 152, 0.06);
}
#en_seventh2 ul li {
padding-left: 20%;
border-radius: 8px;
}
#en_seventh2 ul li h4 {
width: 400px;
text-align: left;
}
#en_seventh2 ul li div {
width: 100%;
text-align: center;
display: flex;
justify-content: center;
}
/* pad端 */
@media screen and (min-width: 768px) and (max-width: 1200px){
#en_seventh2 {
padding-left: 32px;
padding-right: 32px;
}
}
@media (max-width: 767px) {
/* 第七屏 */
#en_seventh2 {
height: auto;
padding-bottom: 12.267vw;
}
.en_seventh2 {
margin-bottom: 9.6vw;
padding: 12.8vw 4.267vw 0;
}
.en_seventh2 h2 {
width: 100%;
text-align: center;
font-size: 6.4vw;
}
.en_seventh2 img {
width: 100%;
margin-bottom: 9.6vw;
}
.en_seventh2_btn {
border-radius: 13.333vw;
background: var(---, #000);
display: flex;
padding: 4.267vw 4.267vw 3.2vw 4.267vw;
justify-content: center;
align-items: center;
gap: 2.667vw;
}
.en_seventh2_btn span {
font-size: 3.733vw;
}
#en_seventh2 ul {
padding-left: 4.267vw;
padding-right: 4.267vw;
}
#en_seventh2 ul li {
padding: 5.6vw 0;
border-radius: 2.133vw;
display: block;
}
#en_seventh2 ul li h4 {
width: auto;
text-align: center;
font-size: 4.267vw;
font-weight: 600;
line-height: normal;
margin-bottom: 1.067vw;
}
#en_seventh2 ul li div {
width: auto;
text-align: center;
}
#en_seventh2 ul li div p {
font-size: 3.2vw 4.267vw;
line-height: normal;
letter-spacing: 0.001vw;
}
}#parametric{
transition: background 1.2s ease-in-out;
}
/* 第七屏 */
#parametric ul li:nth-child(2n-1) {
background-color: rgba(130, 136, 152, 0.06);
}
#parametric ul li {
padding-left: 20%;
border-radius: 8px;
}
#parametric ul li h4 {
width: 400px;
text-align: left;
}
#parametric ul li div {
width: 100%;
text-align: center;
display: flex;
justify-content: center;
}
#parametric img{
width: 50%;
}
/* pad端 */
@media screen and (min-width: 768px) and (max-width: 1200px){
#parametric {
padding-left: 32px;
padding-right: 32px;
}
}
@media (max-width: 768px) {
/* 第七屏 */
#parametric {
height: auto;
padding-bottom: 12.267vw;
}
.parametric {
margin-bottom: 9.6vw;
padding: 12.8vw 4.267vw 0;
}
.parametric h2 {
width: 100%;
text-align: center;
font-size: 6.4vw;
}
#parametric .parametric img {
width: 100%;
margin-bottom: 9.6vw;
}
.parametric_btn {
border-radius: 13.333vw;
background: var(---, #000);
display: flex;
padding: 4.267vw 4.267vw 3.2vw 4.267vw;
justify-content: center;
align-items: center;
gap: 2.667vw;
}
.parametric_btn span {
font-size: 3.733vw;
}
#parametric ul {
padding-left: 4.267vw;
padding-right: 4.267vw;
}
#parametric ul li {
padding: 5.6vw 0;
border-radius: 2.133vw;
display: block;
}
#parametric ul li h4 {
width: auto;
text-align: center;
font-size: 4.267vw;
font-weight: 600;
line-height: normal;
margin-bottom: 1.067vw;
}
#parametric ul li div {
width: auto;
text-align: center;
}
#parametric ul li div p {
font-size: 3.2vw 4.267vw;
line-height: normal;
letter-spacing: 0.001vw;
}
}
/* 移动端 */
@media (max-width: 768px) {
/* 第三屏 */
#md_thirdly {
padding-bottom: 14.933vw;
padding-left: 4.267vw;
padding-right: 4.267vw;
}
.md_thirdly_nav {
padding-top: 13.333vw;
}
.md_thirdly_nav h2 {
margin-bottom: 7.467vw;
font-size: 9.6vw;
line-height: 100%;
}
.md_thirdly_nav ul li {
padding-left: 2.4vw;
padding-right: 2.4vw;
}
.md_thirdly_nav h4 {
font-size: 6.4vw;
}
.md_thirdly_nav h4 b {
font-size: 12.8vw;
}
.md_thirdly_nav h4 span {
font-size: 3.2vw;
}
.md_thirdly_nav p {
font-size: 3.733vw;
}
/* 第六屏 */
#md_sixth {
padding-top: 14.667vw;
padding-bottom: 14.667vw;
}
.md_sixth_nav h2 {
font-size: 8.533vw;
margin-bottom: 2.133vw;
background: linear-gradient(116deg,
#fff 4.35%,
#828898 54.58%,
#fff 100.79%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
width: auto;
}
.md_sixth_nav p {
font-size: 3.2vw;
margin-bottom: 9.6vw;
}
.md_sixth-mySwiper .swiper-slide {
height: auto;
}
.md_sixth-mySwiper .sixth_right_v {
position: relative;
width: 100%;
height: 76vw;
}
.md_sixth-mySwiper {
padding-bottom: 12.267vw;
}
.md_sixth-pagination {
bottom: 0 !important;
position: absolute;
text-align: center;
z-index: 2;
}
.md_sixth-pagination .swiper-pagination-bullet {
width: 2.133vw !important;
height: 2.133vw !important;
background: none;
border-radius: 50%;
border: 0.267vw solid#fff;
}
.md_sixth-pagination .swiper-pagination-bullet-active {
background-color: #fff !important;
border-radius: 50%;
}
.md_sixth_btnBox {
width: 67.733vw;
margin: auto;
padding-top: 8vw;
}
.md_sixth_btnBox div {
width: 16vw;
opacity: 0.5;
}
.md_sixth_btnBox div.active {
opacity: 1;
}
.md_sixth_btnBox div img {
width: 16vw;
height: 16vw;
margin-bottom: 2.133vw;
}
.md_sixth_btnBox div p {
font-size: 3.733vw;
text-align: center;
height: 10.667vw;
}
#banner_bottom_textBox {
height: auto;
}
.md_banner_content {
padding-top: 30.933vw;
padding-bottom: 20.533vw;
}
.md_banner_content h2 {
font-size: 5.4vw;
background: linear-gradient(180deg,
#fff 40.5%,
rgba(255, 255, 255, 0.74) 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
width: fit-content;
margin-bottom: 5.867vw;
width: 80%;
}
.md_banner_content p {
font-size: 3.733vw;
line-height: 100%;
}
.md_banner_content div {
margin-bottom: 3.2vw;
margin-top: 3.2vw;
}
.md_banner_content b {
width: fit-content;
font-size: 19.2vw;
line-height: 100%;
margin: auto;
}
.md_banner_content svg {
margin: auto;
margin-top: 4.26vw;
margin-bottom: 4.26vw;
}
#portraitAlgorithm_swiper{
/* padding: 10.667vw; */
padding: 0;
}
.md_portraitAlgorithm_content {
padding: 10.667vw 4.267vw;
margin-bottom: 6.400vw;
}
.md_portraitAlgorithm_content h2 {
font-size: 6.400vw;
line-height: 8.533vw;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) -10.64%, #FFF 30.92%, rgba(255, 255, 255, 0.00) 72.45%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 3.200vw;
}
.md_portraitAlgorithm_content p {
font-size: 3.200vw;
line-height: 5.333vw;
}
#en_fifthly{
height: auto;
}
.en_fifthly{
width: 100%;
padding: 10.667vw 4.267vw;
}
.en_fifthly_title{
margin-bottom: 6.400vw;
}
.en_fifthly_title h2{
font-size: 6.400vw;
line-height: 8.533vw;
width: 100%;
}
.en_fifthly p{
font-size: 3.200vw;
line-height: 5.333vw;
width: 100%;
}
.en_fifthly_content{
width: 100%;
height: auto;
margin-bottom: 6.400vw;
border-radius: 2.133vw;
}
/* 第三屏 */
#md_thirdly {
padding-bottom: 14.933vw;
padding-left: 4.267vw;
padding-right: 4.267vw;
}
.md_thirdly_nav {
padding-top: 13.333vw;
}
.md_thirdly_nav h2 {
margin-bottom: 7.467vw;
font-size: 9.6vw;
line-height: 11.733vw;
}
.md_thirdly_nav ul li {
padding-left: 2.4vw;
padding-right: 2.4vw;
}
.md_thirdly_nav h4 {
font-size: 6.4vw;
}
.md_thirdly_nav h4 b {
font-size: 12.8vw;
}
.md_thirdly_nav h4 span {
font-size: 3.2vw;
}
.md_thirdly_nav p {
font-size: 3.733vw;
}
/* 第六屏 */
#md_sixth {
padding-top: 14.667vw;
padding-bottom: 14.667vw;
}
.md_sixth_nav h2 {
font-size: 8.533vw;
margin-bottom: 2.133vw;
background: linear-gradient(
116deg,
#fff 4.35%,
#828898 54.58%,
#fff 100.79%
);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
width: auto;
}
.md_sixth_nav p {
font-size: 3.2vw;
margin-bottom: 9.6vw;
}
.md_sixth-mySwiper .swiper-slide {
height: auto;
}
.md_sixth-mySwiper .sixth_right_v {
position: relative;
width: 100%;
height: 76vw;
}
.md_sixth-mySwiper {
padding-bottom: 12.267vw;
}
.md_sixth-pagination {
bottom: 0 !important;
position: absolute;
text-align: center;
z-index: 2;
}
.md_sixth-pagination .swiper-pagination-bullet {
width: 2.133vw !important;
height: 2.133vw !important;
background: none;
border-radius: 50%;
border: 0.267vw solid#fff;
}
.md_sixth-pagination .swiper-pagination-bullet-active {
background-color: #fff !important;
border-radius: 50%;
}
.md_sixth_btnBox {
width: 67.733vw;
margin: auto;
padding-top: 8vw;
}
.md_sixth_btnBox div {
width: 16vw;
opacity: 0.5;
}
.md_sixth_btnBox div.active {
opacity: 1;
}
.md_sixth_btnBox div img {
width: 16vw;
height: 16vw;
margin-bottom: 2.133vw;
}
.md_sixth_btnBox div p {
font-size: 3.733vw;
}
/* 移动端电压 */
#md_voltage {
padding-bottom: 14.933vw;
padding-left: 4.267vw;
padding-right: 4.267vw;
}
.md_voltage_nav {
padding-top: 13.333vw;
padding-bottom: 10.667vw;
}
.md_voltage_nav h2 {
margin-bottom: 7.467vw;
font-size: 9.6vw;
line-height: 11.733vw;
text-align: center;
}
.md_voltage_nav h4 {
font-size: 10.667vw;
text-align: center;
padding: 0;
margin-bottom: 0;
}
.md_voltage_nav p {
font-size: 3.733vw;
text-align: center;
}
/* 第四屏 */
#fourthly {
height: 177.867vw;
background-image: url(https://www.bodor.com/StaticFile/images/laser-welding-machine/handheld-laser-welding-machine/bodorwelder-1200/fourthly/md/0.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.fourthly {
height: auto;
padding-top: 17.067vw;
position: inherit;
}
.fourthly_nav h2 {
font-size: 7.2vw;
margin-bottom: 2.133vw;
text-align: center;
width: 100%;
}
.fourthly_nav p {
font-size: 3.267vw;
text-align: center;
}
/* 机型对比 */
#fifth {
padding-top: 10.667vw;
padding-left: 3.2vw;
padding-right: 3.2vw;
background-color: #fff;
}
.fifth_content div {
width: 44.8vw;
margin-left: 1.067vw;
margin-right: 1.067vw;
}
.fifth_content div img {
height: auto;
width: 100%;
margin-bottom: 6.933vw;
}
.fifth_content div h3 {
font-size: 4.202vw;
margin-bottom: 5.067vw;
}
.fifth_content div a {
font-size: 3.2vw;
margin-bottom: 5.067vw;
}
.fifth_content ul li {
padding-top: 5.6vw;
width: 100%;
}
.fifth_content hr {
width: 100%;
}
.fifth_content ul li h4 {
font-size: 3.733vw;
}
.fifth_content ul li p {
font-size: 3.2vw;
}
.fifth_content {
padding-top: 13.333vw;
padding-bottom: 18.667vw;
}
#learnMore {
padding-top: 0;
}
}
#parametric{
transition: background 1.2s ease-in-out;
}
/* 第七屏 */
#parametric ul li:nth-child(2n-1) {
background-color: rgba(130, 136, 152, 0.06);
}
#parametric ul li {
padding-left: 20%;
border-radius: 8px;
}
#parametric ul li h4 {
width: 400px;
text-align: left;
}
#parametric ul li div {
width: 100%;
text-align: center;
display: flex;
justify-content: center;
}
#parametric img{
width: 50%;
}
/* pad端 */
@media screen and (min-width: 768px) and (max-width: 1200px){
#parametric {
padding-left: 32px;
padding-right: 32px;
}
}
@media (max-width: 768px) {
/* 第七屏 */
#parametric {
height: auto;
padding-bottom: 12.267vw;
}
.parametric {
margin-bottom: 9.6vw;
padding: 12.8vw 4.267vw 0;
}
.parametric h2 {
width: 100%;
text-align: center;
font-size: 6.4vw;
}
#parametric .parametric img {
width: 100%;
margin-bottom: 9.6vw;
}
.parametric_btn {
border-radius: 13.333vw;
background: var(---, #000);
display: flex;
padding: 4.267vw 4.267vw 3.2vw 4.267vw;
justify-content: center;
align-items: center;
gap: 2.667vw;
}
.parametric_btn span {
font-size: 3.733vw;
}
#parametric ul {
padding-left: 4.267vw;
padding-right: 4.267vw;
}
#parametric ul li {
padding: 5.6vw 0;
border-radius: 2.133vw;
display: block;
}
#parametric ul li h4 {
width: auto;
text-align: center;
font-size: 4.267vw;
font-weight: 600;
line-height: normal;
margin-bottom: 1.067vw;
}
#parametric ul li div {
width: auto;
text-align: center;
}
#parametric ul li div p {
font-size: 3.2vw 4.267vw;
line-height: normal;
letter-spacing: 0.001vw;
}
}