/* 屏幕尺寸小于等于 767px 时执行的样式 */
@media only screen and (max-width: 767px) {
    .project-xs { width: 100%; }
    .project-img-xs img { width: 160px; height: 160px; }
    .project-img-box-xs { width: 160px; }
    /* .p-item-sm {
        display: grid;
        grid-template-columns: repeat(auto-fit, 160px);
        column-gap: 53.3px;
    } */
    .project-item { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 20px; padding: 0 15px; }
}


/* 屏幕尺寸大于等于 768px 时执行的样式 */
@media only screen and (min-width: 768px) {
    .project-sm { width: 1200px; }
    .project-img-sm img { width: 260px; height: 260px; object-fit: cover; }
    .project-img-box-sm { width: 260px; }
    .h-sm { margin-left: 60px; }
    .p-item-sm {
        display: grid;
        grid-template-columns: repeat(auto-fit, 260px);
        column-gap: 53.3px;
    }
}
/* .banner { width: 100%; object-fit: cover; height: 260px; } */
.project-item { border-radius: 3px; margin-bottom: 20px; }
.project-tit { background-color: #F6F7F9; height: 40px; text-align: center; line-height: 40px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding: 0 5px; }
.page { display: flex; justify-content: center; margin-bottom: 20px; }


.d_tit { width: 100%; text-align: center; }
.det { text-align: center; font-size: 16px; color: #9a9a9a; padding: 25px 0; border-bottom: 1px solid #f0f0f0; }
.det span { display: inline-block; }
.content { line-height: 30px; padding: 25px 15px; }
.content p { text-indent: 2em; }
.content img { max-width: 98%; }