/* ------- shemax ------- */

.s_slide .wrap .cont .title p{
    font-size: 22px;
    font-weight: 300;
    margin-top: calc(20 / 22 * 1em);
    line-height: calc(30 / 22 * 1em);
    color: #818181;
}

.s_slide .swiper-slide{
    display: flex;
    align-items: flex-end;
}
.s_slide .swiper-slide.n1{padding-left: 240px; box-sizing: border-box; padding-bottom: 40px;}
.s_slide .swiper-slide.n1 img{height: 80%;}

.s_info.n1 .wrap .title{
    text-align: left;
}

.s_info.n1 .wrap .title h3{
    font-size: 60px;
}

.s_info.n1 .wrap .title small{
    font-size: 30px;
    color: var(--item_color);
    font-weight: 700;
    display: block;
    line-height: 1.3;
    margin-top: calc(16 / 30 * 1em);
}

.s_info.n1 .wrap .title p{
    font-size: 24px;
    /* color: #000; */
    margin-top: calc(16 / 24 * 1em);
}

.s_info.n1 .wrap .cont .flexBx{
    flex-wrap: nowrap;
    border: 1px solid rgba(0,0,0,0.2);
    padding: 3em 0;box-sizing: border-box;
}

.s_info.n3 .wrap .cont .flexBx{max-width: 1032px;margin: 0 auto;}
.s_info.n3 .wrap .cont .flexBx{gap: 30px;}
.s_info.n3 .wrap .cont .flexBx .imgBx{
    border: 1px solid rgba(0,0,0,0.2);
    box-sizing: border-box;
    width: calc((100% - 30px) / 2);
    position: relative;
}

.s_info.n3 .wrap .cont .flexBx .imgBx:first-child{
    padding: 4em;padding-left: 11em;
}
.s_info.n3 .wrap .cont .flexBx .imgBx:last-child{
    padding: 4em;padding-right: 11em;
}

.s_info.n3 .wrap .cont .flexBx .imgBx .s_box{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 170px;
    height: 170px;
    font-size: 24px;
    color: #fff;
    line-height: calc(30 / 24 * 1em);
    font-weight: 700;
    text-align: center;
}
.s_info.n3 .wrap .cont .flexBx .imgBx .s_box.n1{
    background: linear-gradient(115deg, #b51f28 0%, #264eb9 100%);
    left: -90px;
}
.s_info.n3 .wrap .cont .flexBx .imgBx .s_box.n2{
    background: linear-gradient(115deg, #2e94eb 0%, #0249be 100%);
    right: -90px;
}


.s_info.n4 .wrap .title h3{color: #fff;}
.s_info.n4 .wrap .title p{color: rgba(255,255,255,0.7);}

.s_mechanism .cont .flexBx{
    gap: 40px 25px;
}

.s_mechanism .cont .txtBx{max-width: unset;text-align: center;}

.s_product .productArea .imgBx .shadow {
    bottom: 0%;
    right: 17%;
    width: 210%;
    height: 4%;
}
.s_product .dot.n1{left: 17%;top: 12%;}
.s_product .dot.n2{left: 55%;top: 21%;}
.s_product .dot.n3{left: 54%;top: 41%;}
.s_product .dot.n4{left: 54%;top: 50%;}
.s_product .dot.n5{left: 100%;top: 45%;}
.s_product .dot.n6{left: 90%;top: 26%;}



@media screen and (max-width: 1680px) {}
@media screen and (max-width: 1440px) {
    .s_info.n1 .wrap .title h3 {
        font-size: max(calc(60 / 1440 * 100vw), 26px);
    }
    .s_info.n1 .wrap .title small{
        font-size: max(calc(30 / 1440 * 100vw), 22px);
    }
    .s_info.n1 .wrap .title p{
        font-size: max(calc(24 / 1440 * 100vw), 20px);
    }
}
@media screen and (max-width: 1280px) {
    .s_slide .wrap .cont .title p{
        font-size: clamp(20px, 20 / 1024 * 100vw, 22px);
    }
    .s_info.n1 .wrap .title p{font-size: 18px;}

    .s_info.n3 .wrap .cont .flexBx .imgBx .s_box{
        font-size: 20px;
    }
    .s_info .wrap .cont .flexBx{flex-direction: column;}

}
@media screen and (max-width: 1024px) {
    .s_info.n3 .wrap .cont .flexBx .imgBx .s_box{
        width: clamp(140px, 140 / 820 * 100vw, 170px);
        height: clamp(140px, 140 / 820 * 100vw, 170px);
    }
    .s_info.n3 .wrap .cont .flexBx .imgBx:first-child {
        padding: 2em; padding-left: 8em;
    }
    .s_info.n3 .wrap .cont .flexBx .imgBx:last-child {
        padding: 2em; padding-right: 8em;
    }
    .s_info.n3 .wrap .cont .flexBx .imgBx .s_box{font-size: 18px;}
}
@media screen and (max-width: 820px) {
    .s_info.n1 .wrap .title p{word-break: keep-all;}
    .s_info.n3 .wrap .cont .flexBx .imgBx{width: 90%;}
    .s_info .wrap .cont .flexBx .imgBx img{width: 100%;}
    .s_info.n3 .wrap .cont .flexBx .imgBx .s_box {
        width: clamp(100px, 100 / 500 * 100vw, 140px);
        height: clamp(100px, 100 / 500 * 100vw, 140px);
    }
    .s_info.n3 .wrap .cont .flexBx .imgBx .s_box.n1 {
        left: -45px;
    }
    .s_info.n3 .wrap .cont .flexBx .imgBx .s_box.n2 {
        right: -45px;
    }
    .s_info.n3 .wrap .cont .flexBx .imgBx .s_box{font-size: 16px;}
    .s_product .productArea .imgBx {
        width: 40vw;
        max-width: 300px;
    }
}
@media screen and (max-width: 500px) {

    .s_info.n1 .wrap .title h3{font-size: 20px;}
    .s_info.n1 .wrap .title small{font-size: 18px;}
    .s_info.n1 .wrap .title p{font-size: 16px;}

    .s_info.n3 .wrap .cont .flexBx .imgBx:first-child {padding-left: 5em;}
    .s_info.n3 .wrap .cont .flexBx .imgBx:last-child {padding-right: 5em;}

    .s_info.n3 .wrap .cont .flexBx .imgBx .s_box.n1 {
        left: 0;
        top: 35px;
    }
    .s_info.n3 .wrap .cont .flexBx .imgBx .s_box.n2 {
        right: 0;
        top: 35px;
    }

    .s_info.n3 .wrap .cont .flexBx .imgBx .s_box{
        width: 70px;height: 70px;
    }
    .s_info.n3 .wrap .cont .flexBx .imgBx .s_box {
        font-size: 14px;
    }
    .s_info .wrap .title p{word-break: keep-all;}
    .s_info.n4 .wrap .title p{word-break: keep-all;}

}
@media screen and (max-width: 360px) {}