.hero-image-card {
    font-size: 0;
}
.cp-hero-image-card.font-type-dark {
    --font-title-color: #222;
    --font-desc-color: #7c7c7c;
    --font-subitem-title: #000;
    --font-subitem-desc: #262626;
    --top-desc: rgba(0,0,0,.5);
}
.cp-hero-image-card.font-type-light {
    --font-title-color: #ddd;
    --font-desc-color: rgba(220, 220, 220);
    --font-subitem-title: #fff;
    --font-subitem-desc: #ccc;
    --top-desc: rgba(255,255,255,.5);
}
.cp-hero-image-card {
    padding: 3rem 14rem;
    min-height: .20833333vw;
    max-width: 192rem;
    margin: 0 auto;
    box-sizing: border-box;
    /* opacity: 0; */
    /* will-change: transform, opacity;
    transform: translate3d(0, 3.125vw, 0);
    transition: opacity .8s linear, transform .8s cubic-bezier(.26,.67,.48,.91), -webkit-transform .8s cubic-bezier(.26,.67,.48,.91); */
}
.cp-hero-image-card__animation{
    transform: translateZ(0) !important;
    opacity: 1 !important;
}
.cp-hero-image-card__content {
    margin-bottom: 5rem;

}
.cp-hero-image-card__content--eyebrow {
    font-size: 2rem;
    margin-bottom: 2rem;
    color: #7c7c7c;
    font-family: "genesis-text-office", sans-serif;
    box-sizing: border-box;
}
html[lang="zh-CN"]  .cp-hero-image-card__content--eyebrow {
    font-size: 1.6rem;
}
.cp-hero-image-card__content--title {
    color: var(--font-title-color);
    font-size: 4.8rem;
    font-weight: 400;
    /* letter-spacing: .20833333vw; */
    font-family: "genesis-head-office-light", sans-serif
}
html[lang="zh-CN"] .cp-hero-image-card__content--title {
    font-size: 3.84rem;
}

.cp-hero-image-card__content--desc {
    margin-top: 2rem;
    color: var(--top-desc);
    /* color: rgba(255,255,255,.5); */
    font-size: 2rem;
    /* margin-bottom: 4rem; */
    font-family: "genesis-text-office", sans-serif;
}
html[lang="zh-CN"] .cp-hero-image-card__content--desc {
    font-size: 1.6rem;
}
.cp-hero-image-card__sublist {
    width: 100%;
    margin-bottom: 4.5rem;
    display: flex;
    /* display: grid;
    grid-template-columns: repeat(auto-fill, minmax(39vw, 1fr));
    gap: 2vw 0; */
}

.cp-hero-image-card__sublist-subitem:first-child {
    padding-left: 0;
}
.cp-hero-image-card__sublist-subitem {
    flex: 1;
    /* flex: 1; */
    padding-left: 6rem;
}
.cp-hero-image-card__sublist-subitem:last-child {
    border: none;
}
.cp-hero-image-card__sublist-subitem-title {
    color: var(--font-subitem-title);
    font-size: 2rem;
    font-family: "genesis-text-office", sans-serif;

    font-weight: 400;
}
html[lang="zh-CN"] .cp-hero-image-card__sublist-subitem-title  {
    /* font-family: "genesis-head", sans-serif; */
    font-size: 1.6rem;
}

.cp-hero-image-card__sublist-subitem-desc {
    color: var(--font-subitem-desc);
    /* font-size: .9375vw; */
    font-size: 1.8rem;
    margin-top: 1.5rem;
    line-height: 1.556;
}
html[lang="zh-CN"] .cp-hero-image-card__sublist-subitem-desc {
    font-size: 1.6rem;
}
.cp-hero-image-card__sublist-2 {
    justify-content: space-between;
}
.cp-hero-image-card__sublist-2 .cp-hero-image-card__sublist-subitem{
    width: 41%;
    flex: none;
}
.cp-hero-image-card__imgBox {
    width: 100%;
    height: 42.70833333vw;
    overflow: hidden;
    position: relative;
}

.cp-hero-image-card__imgBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: middle;
    transition: all .25s linear;
}
.cp-hero-image-card__imgBox video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cp-hero-image-card__imgBox img:hover {
    transform: scale(1.1);
}

.cp-hero-image-card__tips {
    position: absolute;
    bottom: 1.66666667vw;
    left: 1.66666667vw;
    color: hsla(0, 0%, 100%, .75);
    font-size: .83333333vw;
    line-height: 1.75;
    /* letter-spacing: .05208333vw; */
    z-index: 2;
}
@media screen and (max-width: 1919px) {
    .cp-hero-image-card {
        padding: 2rem 12rem;
    }
}
@media screen and (max-width: 1599px) {
    .cp-hero-image-card {
        padding: 2rem 10rem;
    }
    .cp-hero-image-card__sublist-subitem-title {
        font-size: 1.8rem;
    }
    html[lang='zh-CN']  .cp-hero-image-card__sublist-subitem-title {
        font-size: 1.44rem;
    }
    .cp-hero-image-card__sublist-subitem-desc {
        font-size: 1.6rem;
        line-height: 1.5;
        margin-top: 2rem;
    }
    html[lang="zh-CN"] .cp-hero-image-card__sublist-subitem-desc {
        font-size: 1.28rem;
    }
}
@media screen and (max-width: 1359px) {
    .cp-hero-image-card {
        padding: 2rem 7.6rem;
    }
    .cp-hero-image-card__sublist-subitem-title {
        font-size: 1.8rem;
    }
    html[lang='zh-CN']  .cp-hero-image-card__sublist-subitem-title {
        font-size: 1.44rem;
    }
    .cp-hero-image-card__sublist-subitem-desc {
        font-size: 1.6rem;
    }
    html[lang="zh-CN"] .cp-hero-image-card__sublist-subitem-desc {
        font-size: 1.28rem;
    }
}
@media (max-width: 1199px){
    /* .cp-hero-image-card__content--title {
        font-size: 3.2rem;
    } */
    /* .cp-hero-image-card__content--desc {
        font-size: 1.6rem;
    } */
    /* .cp-hero-image-card__content--eyebrow {
        font-size: 1.6rem;
    } */
}
@media (max-width: 1024px) {
    .cp-hero-image-card {
        padding: 2rem 2rem;
    }
    .cp-hero-image-card__sublist {
        flex-direction: column;
    }
    .cp-hero-image-card__content {
        margin-bottom: 4.75rem;
    }
    .cp-hero-image-card__sublist .cp-hero-image-card__sublist-subitem {
        padding: 0;
        width: 100%;
        margin-bottom: 3.5rem;
    }
    .cp-hero-image-card__sublist .cp-hero-image-card__sublist-subitem:last-child {
        margin-bottom: 0;
    }
    .cp-hero-image-card__imgBox {
        width: 100%;
        height: 39rem;
    }
}
@media screen and (max-width: 767px) {
    .cp-hero-image-card__content--eyebrow {
        font-size: 1.6rem;
    }
    html[lang="zh-CN"] .cp-hero-image-card__content--eyebrow {
        font-size: 1.28rem;
    }
    .cp-hero-image-card__content--title {
        font-size: 3.2rem;
    }
    html[lang="zh-CN"] .cp-hero-image-card__content--title {
        font-size: 2.56rem;
    }
    .cp-hero-image-card__content--desc {
        font-size: 1.6rem;
    }
    html[lang="zh-CN"] .cp-hero-image-card__content--desc {
        font-size: 1.28rem;
    }
    .cp-hero-image-card__sublist-subitem-title {
        font-size: 2rem;
    }
    html[lang='zh-CN'] .cp-hero-image-card__sublist-subitem-title {
        font-size: 1.6rem;
    }
    .cp-hero-image-card__sublist-subitem-desc {
        font-size: 1.8rem;
        margin-top: 1.3rem;
    }
    html[lang="zh-CN"] .cp-hero-image-card__sublist-subitem-desc {
        font-size: 1.44rem;
    }
}