.card img,
.message-img {
    transition: transform 0.3s ease;
}

.card img:hover,
.message-img:hover {
    transform: scale(1.1);
}


.encryption>div {
    transition: transform 0.3s ease;
    box-sizing: border-box;
    background-color: #F3F3F3;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.encryption>div:hover {
    transform: translateY(-10px);
}


.flexCard1 {
    position: relative;
    text-align: center;
}

.flexItem>div {
    background-color: #fff;
}

.bgc {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(900 * var(--vw-1920));
    background-color: rgba(1, 1, 1, 0.6);
    z-index: 9;
}

.flexCard .nh5 img,
.flexCard2 img,
.imgtext img {
    border-radius: 10px;
}



.banner {
    position: relative;
    text-align: center;
    margin-top: calc(64 * var(--vw-1920));
}

.banner img {
    height: calc(900 * var(--vw-1920));
}

.banner .title {
    position: absolute;
    width: 100%;
    top: calc(292 * var(--vw-1920));
    left: 0;
    font-size: calc(150 * var(--vw-1920));
    line-height: calc(140 * var(--vw-1920));
    font-weight: 800;
    color: #71eebe;
}

.banner .text {
    position: absolute;
    width: 100%;
    top: calc(606 * var(--vw-1920));
    left: 0;
    font-size: calc(60 * var(--vw-1920));
    line-height: calc(47 * var(--vw-1920));
    font-weight: 400;
    color: #fff;
}

.flexCard {
    display: flex;
    justify-content: space-between;
    padding: calc(120 * var(--vw-1920)) calc(260 * var(--vw-1920));
    gap: calc(206 * var(--vw-1920));
}

.flexCard>div img {
    width: calc(480 * var(--vw-1920));
    height: calc(520 * var(--vw-1920));
}

.flexCard .title {
    font-size: calc(48 * var(--vw-1920));
    font-weight: 600;
    line-height: calc(48 * var(--vw-1920));
    color: #078656;
}

.flexCard .text {
    font-size: calc(30 * var(--vw-1920));
    font-weight: 400;
    line-height: calc(40 * var(--vw-1920));
    color: #000000;
    margin-top: calc(60 * var(--vw-1920));
}

.flexCard1 .tkb {
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
    top: calc(80 * var(--vw-1920));
    font-size: calc(48 * var(--vw-1920));
    font-weight: 600;
    line-height: calc(48 * var(--vw-1920));
    color: #ffffff;
}

.flexCard1>img {
    width: 100%;
    height: calc(600 * var(--vw-1920));

}

.flexItem {
    position: absolute;
    top: calc(200 * var(--vw-1920));
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    gap: calc(12 * var(--vw-1920));
}

.flexItem>div {
    padding: 0 calc(38 * var(--vw-1920));
    width: calc(459 * var(--vw-1920));
    height: calc(340 * var(--vw-1920));
    border-radius: calc(24 * var(--vw-1920));
}

.flexItem>div>img {
    width: calc(68 * var(--vw-1920));
    height: calc(68 * var(--vw-1920));
    margin-top: calc(70 * var(--vw-1920));
    margin-bottom: calc(40 * var(--vw-1920));
}

.flexItem .title {
    font-size: calc(30 * var(--vw-1920));
    font-weight: 600;
    line-height: calc(48 * var(--vw-1920));
    color: #000000;
    margin-bottom: calc(20 * var(--vw-1920));
}

.flexItem .text {
    font-size: calc(20 * var(--vw-1920));
    font-weight: 400;
    line-height: calc(27 * var(--vw-1920));
    color: #000000;
}

.dtitle {
    font-size: calc(48 * var(--vw-1920));
    font-weight: 600;
    line-height: calc(48 * var(--vw-1920));
    color: #078656;
    text-align: center;
    padding: calc(120 * var(--vw-1920)) 0;
    padding-bottom: calc(60 * var(--vw-1920));
}

.dtext {
    font-size: calc(30 * var(--vw-1920));
    font-weight: 400;
    line-height: calc(40 * var(--vw-1920));
    color: #000000;
    text-align: center;
    margin-bottom: calc(50 * var(--vw-1920));
}

.imgtext {
    position: relative;
    margin: 0 calc(260 * var(--vw-1920));
}

.imgtext>img {
    width: calc(1400 * var(--vw-1920));
    height: calc(592 * var(--vw-1920));
}

.imgtext>ul {
    position: absolute;
    /* background-color: rgba(1, 1, 1, 0.6); */
    /* bottom: calc(48 * var(--vw-1920)); */
    top: 50%;
    transform: translateY(-50%);
    left: calc(57 * var(--vw-1920));
    font-weight: 400;
    font-size: calc(30 * var(--vw-1920));
    color: #ffffff;
    line-height: calc(43 * var(--vw-1920));
}

.imgtext>ul li {
    margin-bottom: calc(10 * var(--vw-1920));
}

.flexCard2 {
    display: flex;
    justify-content: center;
    gap: calc(61 * var(--vw-1920));
    margin-top: calc(60 * var(--vw-1920));
    margin-bottom: calc(120 * var(--vw-1920));
}

.flexCard2>div img {
    width: calc(670 * var(--vw-1920));
    height: calc(444 * var(--vw-1920));
}

.flexCard2>div .title {
    font-size: calc(48 * var(--vw-1920));
    font-weight: 600;
    line-height: calc(48 * var(--vw-1920));
    color: #078656;
    margin-top: calc(26 * var(--vw-1920));
}

.flexCard2>div .text {
    font-size: calc(30 * var(--vw-1920));
    font-weight: 400;
    line-height: calc(40 * var(--vw-1920));
    color: #000000;
    margin-top: calc(24 * var(--vw-1920));
}