top: 0;
display: flex;
align-items: flex-end;
}

.a50-four {
position: relative;
}

.designed-content {
width: 100%;
text-align: center;
flex-shrink: 0;
}

.a50-one-img {
width: 100%;
height: 6.7rem;
}

.a50-one-img img {
width: 100%;
height: 100%;
object-fit: cover;
}

.designed-content h2 {
width: 10.60rem;
margin: 1rem auto 0.25rem;
line-height: 1.5;
letter-spacing: 0;
font-family: titleFontBold;
}

.designed-description {
width: 10.60rem;
margin: 0 auto;
line-height: 1.5;
color: #b3b3b3;
font-family: articleFontRegular;
}

.designed-highlight {
color: white;
line-height: 1.5;
font-family: articleFontRegular;
}

.designed-small {
line-height: 1.5;
color: #828084;
font-family: articleFontThin;
margin-top: 0.1rem;
}

.hear-button {
margin-top: 0.4rem;
padding: 0 0.4rem;
line-height: 0.58rem;
border-radius: 0.3rem;
border: solid 1px rgba(255, 255, 255, 0.5);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
display: inline-block;
letter-spacing: 1px;
color: #ffffff;
font-family: articleFontRegular;
}

.hear-button span {
opacity: 1;
color: #ffffff;
}

.a50-four .common-slide {
width: 100%;
height:6rem;
display: flex;
justify-content: center;
flex-shrink: 0;
margin-bottom: 0.5rem;
}

.a50-four .common-slide .p1 {
width:4.2rem;
height: 100%;
background-color: #f8f9fa;
border-radius: 0.15rem;
margin-right: 0.15rem;
padding: 0 0.4rem;
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: center;
}
.a50-four .common-slide .h3-title {
color: #000;
padding-bottom: 15px;
padding-top:10px;
}
.a50-four .common-slide .p1 span {
letter-spacing: 0px;
line-height: 1.5;
color:#848484;
font-family: articleFontRegular;
}

.a50-four .common-slide .p1 span.highlight {
font-family: articleFontRegular;
font-weight: bold;
display: inline;
color: #000;
}

.a50-four .common-slide .p2 {
width: 9.2rem;
height: 100%;
overflow: hidden;
border-radius: 0.15rem;
position: relative;
}

.a50-four .common-slide .p2 img {
width: 100%;
height: 100%;
object-fit: cover;
}

.a50-four .common-slide .p2 video {
width: 100%;
height: 100%;
object-fit: cover;
}

@media screen and (max-width: 768px) {
.designed-container {
position: static;
align-items: flex-start;
padding-top: 0.3rem;
flex-wrap: wrap;
}

.designed-content h2 {
width: 100%;
padding: 0 0.2rem;
}

.designed-description {
width: 100%;
padding: 0 0.4rem;
}

.designed-small {
padding: 0 0.4rem;
}

.section-one {
display: none;
}

.a50-four .common-slide {
flex-wrap: wrap;
height: auto;
margin-bottom: 0;
}

.a50-four .common-slide .p1 {
background-color: transparent;
width: 100%;
margin-right: 0;
margin-bottom: 0.4rem;
}

.a50-four .common-slide .p1 span {
color: #848484;
}

.a50-four .common-slide .p2 {
margin-bottom: 1rem;
}

.a50-four .common-slide .p1 span.highlight {
color: #000;
}
}

Immediate Alerts for Maximum Safety

The emergency button and automatic alarm provide rapid notifications in critical situations, keeping your team safe and informed.

Alarm functions for
occupational safety:

No-movement Alarm

Alarm functions for
occupational safety:

Running Alarm

Alarm functions for
occupational safety:

Man-down Alarm

$(function() {
var screenWidth = $(window).outerWidth()
var screenHeight = $(window).outerHeight()
var hasPlayed = false
if (screenWidth >768) {
var scrollSum = screenWidth // 控制滑动速度
var itemNum = 3
var scrollLength = 0
var lastScrollTop = null;

$(‘.designed-container’).css(‘top’, screenHeight – $(‘.designed-container’).height())
$(‘.section-one’).css(‘height’, scrollSum + 300)

$(window).on(‘scroll’, function() {
if (isInViewport($(‘.section-one’))) {
if (lastScrollTop === null) {
var top = $(‘.section-one’).offset().top
var scrollVal = $(window).scrollTop()
if (scrollVal – top (scrollSum – 400) && !hasPlayed) {
document.getElementById(‘a50_video’).play()
hasPlayed = true
}
}
})
} else {
$(window).on(‘scroll’, function() {
if (isInViewport($(‘#a50_video’)) && !hasPlayed) {
document.getElementById(‘a50_video’).play()
hasPlayed = true
}
})
}
});