.security1 {
  padding: 160rem 0 120rem;
}

.public-title {
  margin-bottom: 60rem;
  text-align: center;
}

.security1 .row {
  max-width: 1200rem;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  gap: 24rem;
}
.security1 .row > div {
  border-radius: var(--Corner-Radius-RC08, 8px);
  border: 1px solid var(--Neutral-Stroke, rgba(0, 0, 0, 0.12));
  background: var(--Neutral-BG_A, #fff);
  padding: 32rem;
  flex: 0 0 588rem;
  text-align: center;
}
.security1 .row img {
  width: 80rem;
  height: 80rem;
  margin-bottom: 24rem;
  border-radius: 50%;
}
.security1 .row .p2 {
  color: var(--Text-Primary, #000);
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 24rem; /* 150% */
  margin-bottom: 8rem;
}
.security1 .row br {
  display: none;
}
.security1 .row a {
  border-radius: var(--Corner-Radius-Full, 999px);
  border: 1px solid var(--Function-Active-Normal, #a52933);
  display: flex;
  height: 40rem;
  padding: 8rem 24rem;
  justify-content: center;
  align-items: center;
  gap: 4rem;
  margin-top: 24rem;
  color: var(--Function-Active-Normal, #a52933);
  text-align: center;
  font-family: Sinter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 157.143% */
  width: fit-content;
  margin-inline: auto;
}
.security1 .row a:hover {
  color: var(--ebc-text-primary_white) !important;
  background-color: var(--ebc-basecolor-active-500);
}
@media (max-width: 996px) {
  .security1 {
    padding: 80rem 0 160rem;
  }
  .public-title {
    margin-bottom: 80rem;
  }
  .security1 .row {
    max-width: calc(100vw - 64rem);
    gap: 48rem;
  }
  .security1 .row > div {
    padding: 64rem 32rem;
    flex: 0 0 685rem;
  }
  .security1 .row img {
    width: 128rem;
    height: 128rem;
    margin-bottom: 48rem;
  }
  .security1 .row .p2 {
    color: var(--Text-Primary, #000);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    margin-bottom: 16rem;
  }
  .security1 .row a {
    margin-top: 48rem;
    display: flex;
    height: 40px;
    padding: 8px 24px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: var(--Corner-Radius-Full, 999px);
    border: 1px solid var(--Function-Active-Normal, #a52933);
    color: var(--Function-Active-Normal, #a52933);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
  }
}

.security2 {
  padding: 120rem 0;
  background: var(--Neutral-BG_B, #f7f7f7);
}

.security2 .row {
  display: flex;
  flex-direction: column;
  gap: 24rem;
  max-width: 1200rem;
  margin-inline: auto;
}

.security2 .row .br {
  display: block;
  margin-bottom: 14rem;
}

.security2 .row > div {
  display: flex;
  align-items: center;
  border-radius: var(--Corner-Radius-RC08, 8px);
  background: var(--Neutral-BG_A, #fff);
  justify-content: space-between;
}

.security2 .row > div img {
  max-width: 304rem;
  height: auto;
  margin-inline: auto;
}
.security2 .row > div .con-box {
  padding: 32rem 24rem;
  flex: 0 0 816rem;
}
.security2 .row > div .con-box .p1 {
  color: var(--Text-Primary, #000);
  font-size: 20rem;
  font-style: normal;
  font-weight: 500;
  line-height: 28rem; /* 140% */
  margin-bottom: 16rem;
}

.security2 .row > div .con-box .p2 {
  color: var(--Text-Secondary, rgba(0, 0, 0, 0.64));
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: 24rem; /* 171.429% */
  margin-bottom: 24rem;
}
.security2 .row > div .con-box a:hover {
  color: var(--ebc-text-primary_white) !important;
  background-color: var(--ebc-basecolor-active-500);
}
.security2 .row > div .con-box a {
  border-radius: var(--Corner-Radius-Full, 999px);
  border: 1px solid var(--Function-Active-Normal, #a52933);
  display: flex;
  height: 40px;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  color: var(--Function-Active-Normal, #a52933);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 157.143% */
  width: fit-content;
}
  .security2 .securityImg{
    text-align: center;
    flex: 1;
  }
.security2 .row > div:nth-child(3) img{
height: 120rem;
width: auto;
}
.security2 .row > div:nth-child(3) img:nth-child(1){
  margin-right: 44rem;
}
.security2 .row > div:nth-child(4) img{
  width: 224rem;
  height: auto;
}
.security2 .row > div:nth-child(4) img:nth-child(1){
  margin-bottom: 32rem;
}
@media (max-width: 996px) {
  .security2 {
    padding: 160rem 32rem;
  }
  .security2 .row .br {
  margin-bottom: 28rem;
}
  .security2 .row > div {
    width: 100%;
    flex-direction: column;
  }
  .security2 .row > div .securityImg{
    flex: 0 0 240rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 138rem;
  }
  .security2 .row > div:nth-child(3) .securityImg img{
    margin:0;
    width: 128rem;
    height: auto;
  }
  .security2 .row > div:nth-child(4) .securityImg{
    flex: 0 0 320rem;
    flex-direction: column;
    gap: 48rem;
  }
  .security2 .row > div:nth-child(4) .securityImg img{
    margin: 0;
    width: 300rem;
    height: auto;
  }
  .security2 .row > div .con-box {
    flex: 1;
    padding: 48rem 32rem;
  }
  .security2 .row > div img {
    max-width: 256px;
    margin-block: auto;
  }
  .security2 .row > div .con-box .p1 {
    font-size: 32rem;
    font-style: normal;
    font-weight: 500;
    line-height: 48rem;
    margin-bottom: 32rem;
  }
  .security2 .row > div .con-box .p2 {
    font-size: 28rem;
    line-height: 48rem;
    margin-bottom: 48rem;
  }
  .security2 .row > div .con-box a {
    display: flex;
    height: 40px;
    padding: 8px 24px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    align-self: stretch;
    border-radius: var(--Corner-Radius-Full, 999px);
    border: 1px solid var(--Function-Active-Normal, #a52933);
    color: var(--Function-Active-Normal, #a52933);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
    width: 100%;
  }
}

.security3{
  padding: 120rem 0;
  overflow: hidden;
}

.security3 .slide-box{
  display: flex;

}
.security3 .slide-box>div{
  margin-inline: 40rem;
 flex:0 0 300rem;
 text-align: center;
}
.security3 .slide-box>div img{
 width: auto;
  height: 310rem;
}

.seeMore{
  display: none;
}
@media (max-width: 996px) {
   .security3{
    padding: 160rem 0;
   }
  .security3 .slide-box{
 flex-direction: column;
 gap: 96rem;
  align-items: center;
}
.security3 .slide-box>div img{
 width: 452rem;
  height: auto;
}
.security3 .slide-box.hiddenBox>div:nth-child(n+6){
  display: none;
}
.seeMore{
  display: block;
  text-align: center;
  margin-top: 80rem;
  color:  #A52933;

}
.seeMore .iconfont{
  transform: rotate(90deg);
  display: inline-block;
}
.seeMore.active .iconfont{
  transform: rotate(-90deg);

}
}