/*案例tab*/
.case-tab{
   margin: 55px 20px 15px 57px;
}
.case-tab a{
    display: inline-block;
    width: 112px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #a1a5b2;
    border:1px solid #eaeeed;
    margin-bottom: 30px;
    margin-right: 37px;
    padding: 0 5px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.case-tab a.active{
    color: #fff;
    background: linear-gradient(90deg,#009fe8,#4c88ee);
}
.case-tab a:hover{
    color: #fff;
    background: linear-gradient(90deg,#009fe8,#4c88ee);
}




.case-item{
    border:1px solid #eaeeed;
    margin-bottom: 42px;
    transition: .25s;
    /*transform: translateY(0);*/
}
.case-item:hover{
    border:1px solid #3191ec;
    /*transform: translateY(-10px);*/
    box-shadow:0 0 13px rgba(0, 159, 232, 0.2);
}
.case-img{
    overflow: hidden;
}
.case-img img{
    transition-duration:0.5s;
}

.case-item:hover .case-img img{
    opacity: 0.8;
    transform: scale(1.05);
    -webkit-transform: scale(1.05); /*Safari 和 Chrome*/
    -moz-transform: scale(1.05); /*Firefox*/
    -ms-transform: scale(1.05); /*IE9*/
    -o-transform: scale(1.05); /*Opera*/
}
.case-text{
    padding: 25px 20px;
}
.case-text p{
    margin: 0;
    font-size: 14px;
    margin-bottom: 10px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.case-text h1{
    margin: 0;
    font-size: 16px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}




/* 小屏幕 */
@media (max-width: 768px){ 
.case-tab {
    margin: 35px 0 20px;
}
.case-tab a {
    display: inline-block;
    width: 96px;
    height: 34px;
    line-height: 32px;
    margin-bottom: 10px;
    margin-right: 15px;
}
.case-item {
    margin-bottom: 20px;
}
}



/* 中等屏幕（桌面显示器） */
@media (max-width: 992px) { 


}

/* 大屏幕（大桌面显示器） */
@media (max-width: 1200px){ 


}