.case,.video,.product{background:#f5f5f5}
.video { padding-bottom: 1rem;}
.appli{padding:1rem 0;}
.appli-one{padding:100px 0 36px}
.appli-ul{margin: 0 -15px;}
.appli-ul li{float:left;width:33.333%;padding:0 15px;margin-top:27px;}
.appli-ul li>div{background:#fff}
.appli-ul li a{display:block}
.appli-img{overflow:hidden;position:relative}
.video-play{position:absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);content:"";width: 1.28rem;height: 1.28rem;min-width: 40px;min-height: 40px;background: url(../images/payer.png) no-repeat center;background-size:100%}
.appli-img img{width:100%;transition:ease .5s}
.appli-tit{padding:15px;text-align: center;}
.appli-logo{font-size:0;text-align:right;height:81px;width:214px;float:right}
.appli-logo img{max-width:100%;display:inline-block}
.appli-tit h3{font-size:18px;font-weight: bold;line-height:30px;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.appli-tit span{display:block;font-size:16px;line-height:26px;color:#666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.appli-tit p{max-height:48px;margin-top:1px;font-size:16px;line-height:26px;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.appli-tit span em{color:#b32831;margin-left:8px}
.appli-page{margin-top:40px}
.appli-ul li:hover .appli-tit h3{color:#b32831}
.case .appli-ul li:hover .appli-tit,.product .appli-ul li:hover .appli-tit{-webkit-box-shadow: 0 .1rem .1rem #e7e7e7;-moz-box-shadow: 0 .1rem .1rem #e7e7e7;box-shadow: 0 0.1rem 0.1rem #e7e7e7;}
@media(max-width:1459px){
.appli-logo{width:160px}
}
@media(max-width:1259px){
.appli-ul li{padding:0 10px;margin-top:20px}
.appli-ul{margin:0 -10px 0}
.appli-logo{width:130px;height:75px}
.appli-tit p{margin-top:10px}
}
@media(max-width:991px){
.appli-logo{width:80px;height:45px}
}
@media(max-width:767px){
.appli-ul li{width:50%}
.appli-tit p,.appli-tit span{font-size:14px}
.appli-page{margin-top:25px}
}
@media(max-width:640px){
.appli-ul li{width:100%}
.appli-logo{width:100px;height:56px}
.appli-tit h3,.appli-tit span{white-space:inherit;text-overflow:inherit;overflow:inherit}
}