.sutong-cases {padding:40px 0;position:relative}
.sutong-cases .tit {text-align:center;}
.sutong-cases .tit h3 {font-size:40px;font-weight:700;line-height:1;}
.sutong-cases .tit h3::after {display:block;content:'';width:80px;height:5px;background:var(--color-primary);margin:15px auto 0;}
.sutong-cases ul {margin:50px -20px 0;display:flex;flex-wrap:wrap}
.sutong-cases ul li {width:50%;padding:20px;}
.sutong-cases ul li>a {position:relative;overflow:hidden;display:block}
.sutong-cases ul li img {display:block;width:100%;aspect-ratio:1.2 / 1;object-fit:cover;}
.sutong-cases ul li .txt {position:absolute;left:0;top:0;right:0;bottom:0;width:100%;z-index:105;padding:0 34px 29px;transition:opacity .2s,transform .35s;display:flex;justify-content:flex-end;-webkit-flex-direction:column;flex-direction:column}
.sutong-cases ul li .txt::after {content:"";background:var(--color-primary);opacity:0.85;height:0;position:absolute;left:0;right:0;bottom:0;transition:all .3s ease 0s}
.sutong-cases ul li .txt>* {position:relative;z-index:10}
.sutong-cases ul li .txt h6 {font-size:20px;font-weight:700;color:#fff;line-height:1;transition:all .5s ease 0s;text-shadow:2px 2px 4px #666;text-shadow:2px 3px 0px rgb(48,49,139);}
.sutong-cases ul li .txt p {font-size:24px;color:#fff;line-height:1;transition:all .5s ease 0s;margin:15px 0 0;font-weight:700;text-shadow:2px 3px 0px rgb(48,49,139);}
.sutong-cases ul li .txt .more {display:inline-block;font-size:14px;font-weight:500;color:#fff;margin:25px 0 0;text-shadow:1px 1px 0px rgb(48,49,139);}
.sutong-cases ul li .txt .more i {color:#fff;font-size:12px;border-radius:50%;width:26px;height:26px;border:1px solid #fff;line-height:24px;display:inline-block;text-align:center;margin-right:20px}

@media screen and (min-width:992px) {
.sutong-cases ul li:hover .txt::after {height:100%}
.sutong-cases ul li:hover .txt h6{transform:translateY(-30px);}
.sutong-cases ul li:hover .txt p {transform:translateY(-30px);}
.sutong-cases ul li:hover .more i {background:#fafbfb;color:var(--color-primary);border-color:#fafbfb}
}

@media screen and (max-width:1441px) {
.sutong-cases .tit h3{font-size:38px;}
}

@media screen and (max-width:1367px) {
.sutong-cases .tit h3{font-size:36px;}
.sutong-cases ul {margin:50px -20px 0}
.sutong-cases ul li .txt h6 {font-size:19px}
}

@media screen and (max-width:1281px) {
.sutong-cases {padding:60px 0;}
.sutong-cases .tit h3{font-size:34px;}
.sutong-cases ul {margin:48px -15px 0}
.sutong-cases ul li {padding:12px 15px}
.sutong-cases ul li .txt {padding:0 25px 20px}
.sutong-cases ul li .txt h6{font-size:18px;}
.sutong-cases ul li .txt p{font-size:22px;}
.sutong-cases ul li .txt .more {margin:20px 0 0}
}
@media screen and (max-width:1171px) {
.sutong-cases .tit h3{font-size:32px;}
}

@media screen and (max-width:992px) {
.sutong-cases .tit h3{font-size:31px;}
.sutong-cases ul {margin:25px -15px 0}
.sutong-cases ul li .txt {padding:0 20px 18px}
.sutong-cases ul li .txt .more {display:none}
}
@media screen and (max-width:768px) {
.sutong-cases{padding:40px 0 30px}
.sutong-cases .tit h3{font-size:28px;}
.sutong-cases .tit h3::after{width:50px;height:3px;}
.sutong-cases ul {margin:20px -10px 0}
.sutong-cases ul li {width:50%;padding:10px}
.sutong-cases ul li .txt {padding:0 15px 15px}
.sutong-cases ul li .txt h6 {font-size:16px}
.sutong-cases ul li .txt p{font-size:20px;}
}
@media screen and (max-width:576px) {
.sutong-cases .tit h3{font-size:26px;}
.sutong-cases ul li .txt{padding:0 10px 10px;}
.sutong-cases ul li .txt .more {display:none}
.sutong-cases ul li .txt h6 {font-size:15px}
.sutong-cases ul li .txt p{font-size:18px;}
}
@media screen and (max-width:480px) {
.sutong-cases .tit h3{font-size:24px;}
.sutong-cases ul {margin:14px 0 0}
.sutong-cases ul li {width:100%;padding:6px 0}
.sutong-cases ul li .txt h6{font-size:14px;text-shadow: 1px 1px 0px rgb(48,49,139);}
.sutong-cases ul li .txt p{font-size:17px;text-shadow: 1px 1px 0px rgb(48,49,139);}

}

@media screen and (max-width:420px) {
.sutong-cases .tit h3{font-size:22px;}
}