/*案例开始*/
.case_main{ padding-bottom: 100px;}
.case_link{max-width: 1500px; width: 86%; margin:20px auto 0px auto;}
.case_link .all-items3 {width: 100%; display: -webkit-flex; /* Safari */ display: flex; flex-wrap:wrap;}
  /* 图片和文字组合样式 */
       .item3 {
            display: inline-block;
            width: calc(25% - 20px);
            margin: 10px;
            border: 1px solid #ccc;
            padding: 0px;
            box-sizing: border-box;
            cursor: pointer; text-align: center;
		   color: #555;
        }

       .item3 img {
            width: 100%;
            height: auto;
            padding: 10px;
        }
.item3 p{ background: #ededed; line-height: 2.5em;}
        /* 放大图片样式 */
       .image-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.8);
            z-index: 200;
            justify-content: center;
            align-items: center;
        }

       .modal-content {
            position: relative;
            max-width: 90%;
            max-height: 90%;
            opacity: 0;
            transform: scale(0.5);
            transition: opacity 0.3s ease, transform 0.3s ease;
        }

       .image-modal.show .modal-content {
            opacity: 1;
            transform: scale(1);
        }

       .modal-content img {
            width: 100%;
            height: auto;
            border: 3px solid white;
            /* 设置最大宽度和高度 */
            max-width: 90vw;
            max-height: 90vh;
        }

       .modal-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.9);
            color: white;
            border: none;
            padding: 10px;
            cursor: pointer; border-radius: 50px;
        }
.modal-arrow span{ font-size: 18px;}
       .modal-arrow.prev {
            left: -50px;
        }

       .modal-arrow.next {
            right: -50px;
        }

       .modal-info {
            position: absolute;
            bottom: -30px;
            left: 50%;
            transform: translateX(-50%);
            color: white;
        }

       .close-arrow {
            position: absolute;
            top: 10px;
            right: 10px;
            background-color: rgba(0, 0, 0, 0.5);
            color: white;
            border: none;
            padding: 5px 10px;
            cursor: pointer;
            font-size: 20px;
        }

.case_main .show{display:flex!important}
@media (max-width: 1400px){
.item3{width: calc(33.33% - 20px);}
}
@media (max-width: 760px){
.case_link{ width: 98%;}
.item3{width: calc(50% - 20px);}
	
}

/*案例结束*/