/* 案例 */
.caselist-container{width: 100%;overflow: hidden;padding: 10px 0 120px;}
.caselist{width: 1280px;margin: 0 auto;padding-bottom: 80px;}
.caselist ul{margin-left: -2%;}
.caselist ul li{width: 47%;margin-left: 3%;float: left;margin-top: 48px;}
.caselist-pic{width: 100%;overflow: hidden;height: 330px;}
.caselist-pic img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-in-out;}
.caselist-words{width: 100%;height: 76px;line-height: 76px;padding: 0 20px;box-shadow: 0 4px 10px 0 #f8f8f8;position: relative;}
.caselist-words h6{font-size: 20px;color: #999;transition: all .3s ease-in-out;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width: 100%;padding-right: 32px;}
.caselist-words i{position: absolute;width: 24px;height: 76px;background: url('../images/alicon.png') no-repeat center center;top: 0;right: 24px;opacity: 0;transform: scale(0);transition: all .3s ease-in-out;}
.caselist ul li a:hover .caselist-pic img{transform: scale(1.1);}
.caselist ul li a:hover .caselist-words i{opacity: 1;transform: scale(1);}
.caselist ul li a:hover .caselist-words h6 {color: #e91c10;}



/* -------------------------PC端--------------------------- */

@media all and (max-width:1320px) {
    .caselist{width: 92%;}
}

@media all and (max-width:1200px) {
    .caselist {padding-bottom: 60px;}
    .caselist-container {padding: 10px 0 80px;}
}


/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {
    .caselist ul{margin-left: 0;}
    .caselist ul li {width: 100%;margin-left: 0%;margin-top: 20px;}
    .caselist-pic{height: auto;}
    .caselist-words {height: 54px;line-height: 54px;padding: 0 16px;}
    .caselist-words h6{font-size: 18px;}
    .caselist-words i{opacity: 1;transform: scale(1);height: 54px;}
    .caselist {padding-bottom: 40px;}
    .caselist-container {padding: 10px 0 44px;}
}