.seize-customer {padding:70px 0;background:#fbfbfb}
.seize-customer .tit {text-align:center}
.seize-customer .tit h3 {font-size:clamp(20px,1.88vw,36px);font-weight:bold;color:#333;line-height:1;text-align:center;text-transform:uppercase;}
.seize-customer .tit h3 span {font-weight:700}
.seize-customer .tit p {font-size:17px;color:#5b5b5b;line-height:24px;margin:15px 0 0}
.seize-customer ul {margin:50px 0 0;overflow:hidden;display:-webkit-flex;display:flex}
.seize-customer ul li {height:600px;width:16%;position:relative;transition:.5s all ease;overflow:hidden}
.seize-customer ul li img {position:absolute;top:0;left:0;width:100%;height:600px;max-width:none;-o-object-fit:cover;object-fit:cover}
.seize-customer ul li .t {width:100%;height:100%;position:absolute;bottom:0;left:0;z-index:1;background:rgba(0,0,0,.43);display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}
.seize-customer ul li .t em {font-size:48px;font-weight:600;color:#fbfbfb}
.seize-customer ul li .t h5 {margin-top:50px;font-size:20px;line-height:25px;height:50px;font-weight:600;color:#fbfbfb;text-transform:uppercase}
.seize-customer ul li .txt {position:absolute;bottom:0;left:0;right:0;text-align:center;padding:25px 15px 20px;display:none}
.seize-customer ul li .txt h5 {font-size:24px;color:#fff;font-weight:600;text-shadow:2px 1px 2px #000;}
.seize-customer ul li .txt p {font-size:16px;color:#fbfbfb;margin:10px 0 0}
.seize-customer ul li .txt .more {margin:10px 0 0;width:190px;height:30px;line-height:30px;background:#fff;text-align:center;font-size:16px;display:inline-block;color:#000}
.seize-customer ul li .txt .more:hover {background:#e86d31}
.seize-customer ul li.active {width:52%}
.seize-customer ul li.active::after {display:none}
.seize-customer ul li.active .t {display:none}
.seize-customer ul li.active .txt {display:block}
                              
@media screen and (max-width:1600px) {}
@media screen and (max-width:1500px) {
.seize-customer ul li .txt h5 {font-size:22px}
}
@media screen and (max-width:1400px) {
.seize-customer ul li .t h5 {margin-top:160px;font-size:14px}
.seize-customer ul li .txt p {font-size:15px}
}
                              
@media screen and (max-width:1300px) {}
@media screen and (max-width:992px) {
 .seize-customer {padding:30px 40px;}
.seize-customer .tit p {font-size:16px}
.seize-customer ul {margin:25px -10px 0;}
.seize-customer ul li {height:auto;width:100%}
.seize-customer ul li+li {margin-top:15px}                
.seize-customer ul li img{position:static;width:100%;height:auto;}                
.seize-customer ul li .t {display:none}
.seize-customer ul li .txt {position:static;padding:15px 10px;display:block}
.seize-customer ul li .txt h5{font-size:20px;color:#333;text-shadow:none;}
.seize-customer ul li .txt p {font-size:15px;line-height:22px}
.seize-customer ul li .txt .more {margin:10px 0 0;width:150px;font-size:15px}
.seize-customer ul li.active {width:100%}
}
                   
@media screen and (max-width:768px) {                              
.seize-customer {padding:30px 30px;}    
.seize-customer ul li .txt h5{font-size:18px;}
}
 
@media screen and (max-width:576px) { 
.seize-customer {padding:30px 20px;}    
}
 
@media screen and (max-width:480px) {
.seize-customer {padding:30px 15px;}
.seize-customer ul li .txt h5{font-size:16px;}
}
  
@media screen and (max-width:992px) {
.seize-customer ul {flex-wrap:wrap;}
.seize-customer ul li {width:50%;margin:0;padding:10px;}
.seize-customer ul li.active {width:50%;}
.seize-customer ul li+li {margin-top:0;}
.seize-customer ul li .txt a {display:-webkit-box;-webkit-line-clamp:3; -webkit-box-orient:vertical;overflow:hidden;}
}
