﻿.sswhsjcss {
}

    .sswhsjcss .jsitem {
        padding: 40px 0px;
    }

    .sswhsjcss .jsflex {
        width: 90%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        gap: 10px; /* 子元素之间的间距，可选，替换成margin也可以 */
    }
    /* 奇数个.jsitem：保持jstu在左、jsxx在右（默认flex排列就是从左到右，可省略此规则，写出来更清晰） */
    .sswhsjcss .js1, .sswhsjcss .js3, .sswhsjcss .js5 {
        flex-direction: row;
    }

    /* 偶数个.jsitem：反转排列，jstu在右、jsxx在左 */
    .sswhsjcss .js2, .sswhsjcss .js4 {
        flex-direction: row-reverse;
    }

    .sswhsjcss .item2, .sswhsjcss .item4 {
        background-color: #eeeeee;
    }

    .sswhsjcss .jstu {
        width: 49%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .sswhsjcss .jstu img {
            display: block;
            width: 100%;
        }

    .sswhsjcss .jsxx {
        width: 49%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    /* 第1个jsbg */
    .sswhsjcss .bg1, .sswhsjcss .bg3 {
        background-image: url(/img/ifimg/whjsbg1.jpg);
    }
    /* 第2个jsbg */
    .sswhsjcss .bg2, .sswhsjcss .bg4 {
        background-image: url(/img/ifimg/whjsbg2.jpg);
    }
    /* 必加：背景图显示相关样式（否则背景图可能看不见） */
    .sswhsjcss .jsbg {
        box-sizing: border-box;
        width: 100%; /* 宽度铺满父容器，可修改 */
        height: 60px; /* 必须设置高度，否则元素高度为0，背景图看不见 */
        background-repeat: no-repeat; /* 禁止背景图重复 */
        background-size: cover; /* 背景图铺满容器（可选，也可用contain） */
        background-position: center; /* 背景图居中显示 */
    }


    .sswhsjcss .enbt {
        font-size: 23px;
        font-weight: bold;
        line-height: 40px;
    }

    .sswhsjcss .anbt {
        font-size: 20px;
/*        font-weight: bold;*/
        line-height: 40px;
        margin-bottom: 20px;
    }

    .sswhsjcss .enms {
        height: 60px;
        line-height: 30px;
        color:#666;
    }

    .sswhsjcss .anms {
        height: 60px;
        line-height: 30px;
        margin-bottom: 20px;
        color: #666;
    }

    .sswhsjcss .morebg {
        background-color: #accd06;
        border-radius: 25px;
        height: 50px;
        width: 160px;
    }

        .sswhsjcss .morebg a {
            display: block;
            width: 150px;
            background-color: #333;
            color: #FFF;
            border-radius: 25px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            font-size: 14px;
            transition: width 0.3s ease;
        }

            .sswhsjcss .morebg a:hover {
                width: 100%;
                color: #FFF;
            }
