.list_box {
    display: flex;
    /* justify-content: space-around; */
    flex-wrap: wrap;
    padding-bottom: 40px;
}

.list_box_item {
    width: 30%;
    margin: 0 1%;
    margin-bottom: 20px;
    border-radius: 5px;
    overflow-x: hidden;
    transition: all .4s;
}

.list_box_item:hover {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
}

.list_box_itemimg {
    border-radius: 5px;
    overflow: hidden;
    height: 260px;
}

.list_box_itemimg img {
    width: 100%;
    transition: all .4s;
}

.list_box_itemtxt {
    height: 66px;
    line-height: 66px;
    text-align: center;
    color: #333;
	background: #f3f3f3;
}

.list_box_item:hover img {
    transform: scale(1.1);
}

@media screen and (max-width: 992px) {
    .list_box_item {
        width: 47.5%;
    }
    .list_box {
        padding-bottom: 30px;
    }
}

@media screen and (max-width: 768px) {
    .list_box {
        padding-top: 30px;
    }
    .list_box_item {
        width: 95%;
    }
}

#baguetteBox-overlay .full-image figcaption {
    line-height: 3.8;
    background-image: -webkit-gradient(linear, -40% 0%, 60% 0%, from(#004ed4), to(#4784de));
    color: #fff;
}
/* 案例中心 */

.caseList{ padding-top: 0px;}
.caseList ul{ overflow: hidden; margin: 0 -20px;}
.caseList ul li{ float: left; width:  32%; margin: 0 20px 45px 20px; }
.caseList ul li:nth-child(4n){margin-right:0px;}
.caseList ul li .img{ width: 100%; line-height: 0; overflow: hidden;-webkit-transition: 0.5s ease;border: 10px solid #eaeaea;
  -moz-transition: 0.5s ease;
 -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
   transition: 0.5s ease;}
.caseList ul li .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.caseList ul li:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.caseList ul li .text{ background: #eaeaea; padding: 15px 30px 20px 30px;}
.caseList ul li .text h6{ font-size: 17px;  height: 20px; overflow: hidden;text-align: center;}
.caseList ul li .text .info{ font-size: 16px; line-height: 24px; height: 48px; margin-bottom: 15px;margin-top: 15px; overflow: hidden; color: #565656;}
.caseList ul li .text .more{ font-size: 12px; font-weight: bold; color: #106ecb;}
.caseList ul li .text .more::before{ content: ""; display: inline-block; margin: 3px 20px 3px 0; width: 57px; height: 1px; background: #d6d6d6;}
.caseList ul li:hover .text{ background: #106ecb;}
.caseList ul li:hover h6{ color: #fff;}
.caseList ul li:hover .text a{ color: #fff;}
.caseList ul li:hover .info{ color: #fff;}
.caseList ul li:hover .more{ color: #fff;}
.caseList ul li:hover .text .more::before{ background: #fff;}
@media (max-width:1400px ) {
.caseList{ padding-top: 00px;}
.caseList ul li{ width: 22%;}
	.caseList ul li .text h6{ font-size: 14px; height: 20px;}
}
@media (max-width:1023px ) {
.caseList{ padding-top: 0px;}
.caseList ul{ margin: 0;}
.caseList ul li{ width: 31.3%; margin: 0 1% 15px 1%;}
.caseList ul li .text{ padding: 5px 10px 8px 10px;}
.caseList ul li .text h6{ font-size: 16px; margin: 5px 0 0 0; height: 22px;}
.caseList ul li .text .info{ font-size: 14px; line-height: 20px; height: 40px; margin-bottom: 5px;}
.caseList ul li .text .more{ font-size: 12px;}
.caseList ul li .text .more::before{ margin: 3px 10px 3px 0; width: 27px;}
}
@media (max-width:768px ) {
.caseList ul li{ width: 48%; margin: 0 1% 15px 1%;}
}
@media (max-width:640px ) {
.caseList ul li{ width: 100%; margin: 0 0 15px 0;}
}