.banner{width:100%;position:relative;}
.banner img{width:100%;}
.banner .txt{color:#fff;position:absolute;width:100%;left:0;top:0;height:100%;}
.banner .txt .container{display:flex;align-items:center;height:100%;}
.banner .txt .box{width:800px;margin:0 auto;text-align:center;}
.banner .txt h3{font-size:48px;padding:50px 0 0}
.banner .txt p{font-size:24px;}
.banner .txt a{color:#fff;border-radius:5px;padding:10px 20px;background:#07519e;text-shadow:-1px 5px 10px rgba(0,0,0,0.63);}
.banner .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;}


.list h3{text-align:center;font-size:38px;padding:40px 0;font-weight:bold;}
.list ul{padding:20px 0 40px;display:flex;gap:16px;flex-wrap:wrap;justify-content:space-around;border-bottom:4px solid #F4F4F4;;}
.list ul li{width:23%;background:#F4F4F4;position:relative;}
.list ul li::before{content:'';position:absolute;width:100%;height:4px;background:#838383;bottom:-42px;display:none;}
.list ul li:hover::before{transition:transform 0.5s ease;display:block;}
.list ul li .img{overflow:hidden;}
.list ul li .img img{width:100%;transition:transform 0.5s ease;}
.list ul li .img:hover img{transform:scale(1.1);}
.list ul li .txt{padding:20px;color:#2A2A2A;}
.list ul li .txt h4{color:#2A2A2A;font-size:18px;font-weight:bold;padding-bottom:10px;}


.xs{display:none;}
@media (max-width:900px){
    .lg{display:none;}
    .xs{display:block;}
    .banner .txt p{font-size:14px}
    .banner .txt h3{font-size:2.2rem;padding:0;}

    .list h3{font-size:1.8rem;padding:2rem 0 0;}
    .list ul{display:block;padding:1rem;border:none;}
    .list ul li{width:100%;margin:1.4rem 0;}
    .list ul li .txt{padding:2rem 2rem 3rem;}
    .list ul li .txt p{font-size:1rem}
}