.clients-content{width:100%;margin-bottom:20px;padding:0px}
.clients-content p:nth-child(1){font-size:18px;text-align:center;color:var(--summarycolor);font-weight:var(--fontweight7)}
.clients-content h4{margin:2% 0;font-size:42px;text-align:center;font-weight:var(--fontweight5);color:var(--fontcolor)}
.clients-content h4 span{color:#1e386b}
.clients-content ul{width:100%;display:flex;justify-content:center;text-align:center;flex-wrap:wrap}
.clients-content ul li{width:20%;box-sizing:border-box;padding:4%;box-shadow:0 0 0 rgba(0,0,0,.4);transition:all .2s linear;border-radius:var(--border)}
.clients-content ul li img{width:100%}
.clients-content ul li:hover{box-shadow:0 0 4px rgba(0,0,0,.4)}

.case .case-list ul li{width:23.5%;margin-right:2%;position:relative;margin-bottom:2%;overflow:hidden;border-radius:var(--border)}
.case .case-list ul li:nth-child(4n){margin-right:0px}
.case .case-list ul li .img img{width:100%}
.case .case-list ul li .show{position:absolute;bottom:10px;left:10px;background-color:#1e386b;color:#FFF;width:70%;border-radius:var(--border);box-sizing:border-box;padding:4%;opacity:0;transition:all .2s linear}
.case .case-list ul li .show a{display:flex;align-items:center;text-transform:lowercase}
.case .case-list ul li .show a em{color:#1e386b;font-size:24px;font-weight:var(--fontweight5)}
.case .case-list ul li .show .box{width:40px;height:40px;border-radius:50%;background-color:#FFF;display:flex;align-items:center;justify-content:center;margin-right:6px;transition:all .2s linear}
.case .case-list ul li .show .title{font-size:20px;font-weight:var(--fontweight5);margin:10px 0px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.case .case-list ul li .show .title .des{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.case .case-list ul li:hover .show{opacity:1}
.case .case-list ul li:hover .img img{transform:scale(1.03)}
.case .case-list ul li .show a:hover .box{box-shadow:0 0 6px #FFF}


.case .case-list{margin:4% 0;display:none}
.case .case-list.active{display:block}
.case .case-list ul{display:flex;align-items:center;flex-wrap:wrap}
.case .case-list ul li{width:23.5%;margin-right:2%;position:relative;margin-bottom:2%;overflow:hidden;border-radius:var(--border)}
.case .case-list ul li:nth-child(4n){margin-right:0px}
.case .case-list ul li .img img{width:100%}
.case .case-list ul li .show{position:absolute;bottom:10px;left:10px;background-color:#1e386b;color:#FFF;width:70%;border-radius:var(--border);box-sizing:border-box;padding:4%;opacity:0;transition:all .2s linear}
.case .case-list ul li .show a{display:flex;align-items:center;text-transform:lowercase}
.case .case-list ul li .show a em{color:#1e386b;font-size:24px;font-weight:var(--fontweight5)}
.case .case-list ul li .show .box{width:40px;height:40px;border-radius:50%;background-color:#FFF;display:flex;align-items:center;justify-content:center;margin-right:6px;transition:all .2s linear}
.case .case-list ul li .show .title{font-size:20px;font-weight:var(--fontweight5);margin:10px 0px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.case .case-list ul li .show .title .des{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.case .case-list ul li:hover .show{opacity:1}
.case .case-list ul li:hover .img img{transform:scale(1.03)}
.case .case-list ul li .show a:hover .box{box-shadow:0 0 6px #FFF}