.project{
    width:100%;
    max-width:1780px;
    min-height:600px;
    margin:0 auto;
}
.project-title{
    display:flex;
    align-items:center;
    justify-content: space-between;
    font-size:16px;
    line-height:30px;
    margin-top:20px;
}
.down-all-btn {
    padding: 0 15px;
    font-size: 14px;
    color: #599bd4;
    display: block;
    min-width: 106px;
    line-height: 32px;
    border: 1px solid #599bd4;
    border-radius: 4px;
    flex-shrink: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}
.project-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}


.project-item {
    flex: 0 0 18%;
    border: 1px solid #000;
    padding: 10px;
    box-sizing: border-box;
    margin-top:1%;
    margin-right:1%;
}

.project-item img{
}

@media only screen and (min-width: 950px) and (max-width: 1920px) {
    .project {
        width:92.7vw;
        
    }
}
/* 大图弹窗（#img-pop）：与 #thumbs-pop 一致，容器收窄到60%宽，左右箭头贴近图片 */
#img-pop .pop-cont {
    width: 60%;
    max-height: 100%;
    position: relative;
}

/* 弹窗悬浮下载按钮：大号半透明圆形（黑半透明底 + 白色下载箭头，hover 变主题蓝）
   生成在每个 slide 的 .col（与图片同宽）内部：图片右侧30px、垂直居中 */
#img-pop .col {
    position: relative;
}
#img-pop .col .pop-down-btn {
    position: absolute;
    left: calc(100% + 30px);
    bottom: 0;
    z-index: 20;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.45);
    transition: background-color 0.2s ease;
}
/* 图标：伪元素绘制，滤镜只作用于图标，避免反转整个按钮背景 */
#img-pop .col .pop-down-btn::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 24px;
    height: 24px;
    transform: translate(-50%, -50%);
    background: url(../images/icon-down4.png) center center no-repeat;
    background-size: 24px 24px;
    filter: brightness(0) invert(1);
}
#img-pop .col .pop-down-btn:hover {
    background-color: #4791d0;
}

/* 大图弹窗：小图时可视窗口内垂直居中；大图不缩放，容器限高为窗口高度，图内滚动查看 */
#img-pop {
    display: flex;
    align-items: center;
    justify-content: center;
}
#img-pop .pic {
    max-height: calc(100vh - 40px) !important; /* 覆盖 slide 内联的 85vh，容器最高与窗口同高 */
    overflow-y: auto !important;              /* 图片保持原始尺寸，超出部分在容器内滚动 */
}
#img-pop .pic img {
    max-height: none;                         /* 不限制图片高度，不缩放 */
    width: auto;
    max-width: 100%;
}

/* 大图弹窗：去除内容上下边距，垂直方向完全贴合居中 */
#img-pop .cont {
    margin-top: 0 !important; /* 覆盖 .imgsSwp1 .cont 的 0.6vw 上边距 */
    margin-bottom: 0 !important; /* 覆盖 .imgsSwp1 .cont 的 0.6vw 下边距 */
}

/* 大图弹窗：小图时 slide 高度收拢并垂直居中，避免内容顶在窗口上方 */
#img-pop .swiper-slide {
    height: auto !important;               /* 覆盖 Swiper 拉伸的 slide 高度，随内容收缩 */
    display: flex;
    align-items: center;                   /* 内容不足整屏时在可视区内垂直居中 */
    justify-content: center;
    max-height: 100vh;
    box-sizing: border-box;
}
#img-pop .pic {
    margin: 0 auto;                        /* 水平方向也保持居中 */
}