

.imgs_box {
    padding:2rem 0;
    display: flex;
    flex-wrap: wrap;
}
.imgs_box dl {
    margin-bottom: 2rem;
}
.imgs_box dl img{
    display: block;
}
.imgs_box dt {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
}
.imgs_box dd{
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 0.4rem;
    cursor:pointer;
}
.imgs_box dl:hover dd {
    background: var(--comcolor);
    color:#fff;
}

@media  screen and (min-width: 1200px){
    .imgs_box dl{
        width: 18.6%;
        margin-right: 2%;
        padding-right: 2%;
        border-right: 1px solid #e5e5e5;
    }
    .imgs_box dl:nth-child(5n){
        width: 17.6%;
        margin-right: 0;
        padding-right: 0;
        border-right: none;
    }
}
@media  screen and (min-width: 600px) and (max-width: 1200px){
    .imgs_box dl{
        width: 32.5%;
        margin-right: 2.5%;
        padding-right: 2.5%;
        border-right: 1px solid #e5e5e5;
    }
    .imgs_box dl:nth-child(3n){
        width: 30%;
        margin-right: 0;
        padding-right: 0;
        border-right: none;
    }
}
@media  screen and (max-width: 600px){
    .imgs_box dl{
        width: 50%;
        margin-right: 5%;
        padding-right: 5%;
        border-right: 1px solid #e5e5e5;
    }
    .imgs_box dl:nth-child(2n){
        width: 45%;
        margin-right: 0;
        padding-right: 0;
        border-right: none;
    }
}




.jiju_types {padding-top: 4rem;display: flex;flex-wrap: wrap;}
.jiju_types li {margin-bottom: 1rem;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);padding:1.5rem 0.5rem;}
.jiju_types li a {display: flex;align-items: center;justify-content: space-around;flex-direction: column;height: 100%;
    width: 100%;}
.jiju_types li a p {text-align: center;}
.jiju_types li.act,.case_types li:hover {background:var(--comcolor);color:#fff;}
.jiju_types li.act a,.case_types li:hover a {color:#fff;}

.jiju_list {padding:3rem 0;display: flex;flex-wrap: wrap;}
.jiju_list li {
    margin-bottom: 2rem;
    background: #F5F6F8;
    position: relative;
    padding: 0.8rem;}

.jiju_list li img {width:100%;}
.jiju_list li .title{font-size: 1rem;text-align: center;display: flex;align-items: center;justify-content: center;}
.jiju_list li:hover {color:#fff; background: var(--comcolor);}

@media  screen and (min-width: 1000px) {
    .jiju_types li {width:19%;margin-right:1.25%;}
    .jiju_types li:nth-child(5n) {margin-right: 0;}
    .jiju_list li {width:19%;margin-right:1.25%;}
    .jiju_list li:nth-child(5n) {margin-right: 0;}
}
@media  screen and (max-width: 1000px) and (min-width: 765px){
    .jiju_types li {width:32%;margin-right:2%;}
    .jiju_types li:nth-child(3n) {margin-right: 0;}

    .jiju_list li {width:32%;margin-right:2%;}
    .jiju_list li:nth-child(3n) {margin-right: 0;}
    .jiju_list li .title{font-size: 1rem;}
}
@media  screen and (max-width: 765px){
    .jiju_types {padding-top: 3rem;}
    .jiju_types li {width:49%;margin-right:2%;}
    .jiju_types li:nth-child(2n) {margin-right: 0;}

    .jiju_list {padding:2rem 0;}
    .jiju_list li {width:49%;margin-right:2%;}
    .jiju_list li:nth-child(2n) {margin-right: 0;}
    .jiju_list li .title{font-size: 1rem;}
}