.sutong-pro-list-banner {background:#f7f7f7;padding:60px 0;}
.sutong-pro-list-banner .box {position:relative;display:flex;align-items:center;justify-content:space-between;}
.sutong-pro-list-banner .txt {z-index:2;position:relative;padding:30px 0px 30px 80px;width:60%;}
.sutong-pro-list-banner .box::after {content:"";background:#fff;position:absolute;top:0;bottom:0;width:60%;}
.sutong-pro-list-banner .txt h2 {font-size:40px;color:#000;font-weight:700;line-height:1;margin:25px 0 0;}
.sutong-pro-list-banner .txt p {font-size:18px;color:#000;line-height:32px;margin:10px 0 0;}
.sutong-pro-list-banner .txt a {margin:20px 0 0;font-size:24px;display:inline-flex;align-items:center;color:#000;}
.sutong-pro-list-banner .txt a i {margin:2px 0 0 10px;font-size:24px;}
.sutong-pro-list-banner .list {width:45%;margin-left:80px;position:relative;}
.sutong-pro-list-banner .swiper-slide a{display:block;}
.sutong-pro-list-banner .swiper-slide img{width:100%;aspect-ratio:1.51 / 1;object-fit:cover;}

.sutong-pro-list-banner .list .swiper-button-next {right:-45px;position:absolute;width:40px;height:50px;background:#224db7;}
.sutong-pro-list-banner .list .swiper-button-prev {left:-45px;position:absolute;width:40px;height:50px;background:#224db7;}
.sutong-pro-list-banner .list .swiper-button-prev::after,.sutong-pro-list-banner .list .swiper-button-next::after {display:none;}
.sutong-pro-list-banner .list .swiper-button-prev i,.sutong-pro-list-banner .list .swiper-button-next i {font-size:26px;color:#fff;}
.sutong-pro-list-banner .list .swiper-pagination-bullets {position:static;display:none;margin:20px 0 0}
.sutong-pro-list-banner .list .swiper-pagination-bullet {width:12px;height:12px;margin:0 4px;background:#ccc;border-radius:50%;opacity:1}
.sutong-pro-list-banner .list .swiper-pagination-bullet-active {background:#224DB7;}


@media screen and (max-width:1550px) {
.sutong-pro-list-banner .txt{padding:30px 0 30px 60px;}
.sutong-pro-list-banner .txt h2{font-size:38px;}
.sutong-pro-list-banner .txt p{line-height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9;overflow:hidden;}
}

@media screen and (max-width:1441px) {
.sutong-pro-list-banner .txt{padding:30px 0 30px 50px;}
.sutong-pro-list-banner .txt img{height:50px;}
.sutong-pro-list-banner .txt h2{font-size:36px;}
.sutong-pro-list-banner .txt p{font-size:17px;line-height:28px;}
.sutong-pro-list-banner .txt a{font-size:22px;}
}

@media screen and (max-width:1367px) {
.sutong-pro-list-banner .txt h2{font-size:34px;}
.sutong-pro-list-banner .txt a{font-size:21px;}
}

@media screen and (max-width:1281px) {
.sutong-pro-list-banner .txt{padding:30px 0 30px 40px;}
.sutong-pro-list-banner .txt img{height:45px;}
.sutong-pro-list-banner .txt h2{font-size:32px;}
.sutong-pro-list-banner .txt p{font-size:16px;line-height:26px;}
.sutong-pro-list-banner .txt a{font-size:20px;}
}

@media screen and (max-width:1171px) {
.sutong-pro-list-banner .txt h2{font-size:30px;}
}

@media screen and (max-width:992px) {
.sutong-pro-list-banner .box{display:block;}
.sutong-pro-list-banner .txt{padding:30px;width:100%;background:#fff;}
.sutong-pro-list-banner .txt h2 {font-size:28px;}
.sutong-pro-list-banner .box::after{display:none;}
.sutong-pro-list-banner .list{width:100%;margin:30px 0 0;}
.sutong-pro-list-banner .list .swiper-button-prev,.sutong-pro-list-banner .list .swiper-button-next{display:none;}
.sutong-pro-list-banner .list .swiper-pagination-bullets{display:block;}


}

@media screen and (max-width:768px) {
.sutong-pro-list-banner {padding:30px 0;}
.sutong-pro-list-banner .txt{text-align:center;}
.sutong-pro-list-banner .txt h2 {font-size:26px;}
.sutong-pro-list-banner .txt p{margin:20px 0 0;line-height:24px;text-align:left;}
.sutong-pro-list-banner .txt a{font-size:18px;}
.sutong-pro-list-banner .txt a i{font-size:20px;}
.sutong-pro-list-banner .list{margin:25px 0 0}
}

@media screen and (max-width:640px) {
.sutong-pro-list-banner .txt img{display:none;}
.sutong-pro-list-banner .txt h2 {font-size:25px;margin:0;}
.sutong-pro-list-banner .txt{padding:25px;}
.sutong-pro-list-banner .txt p{margin:15px 0 0;}
.sutong-pro-list-banner .txt a{font-size:17px;margin:15px 0 0;}
}

@media screen and (max-width:480px) {
.sutong-pro-list-banner .txt h2 {font-size:24px;}
}

@media screen and (max-width:420px) {
.sutong-pro-list-banner .txt h2 {font-size:22px;}
}
