@charset "utf-8";
/* Jcliu's CSS Document */
/* author: Jcliu */
/* 2025-05-26 */
/* 小屏样式 (默认) */
.jc_spec {
    background-color: #eee;
}
.jc_spec .jc_header {
    padding-bottom: 15%;
    background: #fff;
}
.jc_spec .jc_header .fa_wrapper {
    display: flex;
    flex-direction: column;
}
.jc_spec .jc_header .fa_wrapper .fa_right {
    order: -1;
}
.jc_spec .jc_header h1 {
    font-size: var(--f50);
    color: #fff;
    font-weight: 600;
    display: inline;
}
.jc_spec .jc_header i {
    font-size: var(--f40);
    color: #ccc;
    font-weight: 100;
}
.jc_spec .jc_header h3 {
    font-size: var(--f40);
    color: #0e3252;
    font-weight: 600;
}
.jc_spec .jc_header h4 {
    font-size: var(--f22);
    padding-top: 20px;
    color: #fff;
}
.jc_spec .jc_header .desc {
    font-size: var(--f16);
    margin: 30px 0;
    line-height: 2;
    color: #fff;
}
.jc_spec .jc_header a {
    display: inline-block;
    background: #21b2af;
    color: #fff;
    font-size: var(--f16);
    line-height: 50px;
    padding: 0 20px;
    min-width: 140px;
    text-align: center;
    border-radius: 5px;
    transition: all 0.5s;
}
.jc_spec .jc_header a:hover {
    background: var(--main-color);
}
.jc_spec .jc_header p a {
    line-height: 40px;
    min-width: 100px;
    font-size: 12px;
}
.jc_spec .fa_abtt {
    color: #0e3252;
    font-size: var(--f40);
    margin-bottom: var(--f30);
    font-weight: 400;
    text-transform: capitalize;
    line-height: 120%;
}
.jc_spec .fa_abtt span {
    color: #21b2af;
    font-weight: 600;
}
.jc_spec .fa_abtt i {
    font-weight: 100;
}
.jc_spec .jc_absubtt {
    margin-bottom: 20px;
    margin-top: -10px;
}
.jc_spec .fa_sum {
    font-size: var(--f16);
    line-height: 1.8;
    color: #444;
}
.jc_spec .fa_pic img {
    border-radius: 8px;
}
.fa_abbox .fa_right.fa_pic {
    margin-top: 20px;
}
.jc_Ab01 {
    background: #edf2f7;
}
.jc_Ab02 {
    background: url(../../images/bg006.webp);
    position: relative;
}
.jc_Ab02 .fa_abtt,
.jc_Ab04 .fa_abtt,
.jc_Ab02 .jc_absubtt,
.jc_Ab04 .jc_absubtt {
    color: #fff;
}
.jc_Ab02 .fa_sum,
.jc_Ab04 .fa_sum {
    color: rgba(255,255,255,0.9);
}
/* 大屏样式 */
@media only screen and (min-width: 769px) {
    .jc_spec .jc_header {
        padding-top: 10%;
    }
    .jc_spec .jc_header .fa_wrapper {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        margin: 5vw auto 0;
    }
    .jc_spec .jc_header .fa_wrapper .fa_right {
        order: 0;
    }
    .jc_spec .jc_header:nth-child(2n) .fa_wrapper {
        flex-direction: row-reverse;
    }
    .jc_spec .jc_header .fa_left {
        width: 45%;
    }
    .jc_spec .jc_header .fa_right {
        width: 40%;
    }
    .jc_spec .jc_header .fa_center {
        width: 100%;
        margin-top: 3vw;
    }
    .fa_abbox .fa_right.fa_pic {
        margin-top: 0;
    }
    .fa_abbox .fa_wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .fa_abbox .fa_left {
        width: 52%;
    }
    .fa_abbox .fa_right {
        width: 40%;
    }
    .jc_Ab01 .fa_wrapper,
    .jc_Ab03 .fa_wrapper,
    .jc_Ab05 .fa_wrapper {
        flex-direction: row-reverse;
    }
}
@media only screen and (min-width: 1365px) {
    .jc_spec .jc_header .fa_wrapper {
        margin: 0 auto;
    }
}