.blog{padding:30px 0;background:#EEF2F7}.blog .title{line-height:1;margin-bottom:15px}.blog .sub-info{line-height:1.8;text-align:center;margin-bottom:20px}.blog .row{margin-bottom:-20px}.blog .row>div{margin-bottom:20px}.blog .block{border-radius:7px;background:#fff;border:1px solid var(--style-color)}.blog .img img{width:100%;border-radius:7px 7px 0 0;aspect-ratio:440 / 300}.blog .info-group{padding:20px}.blog .date{line-height:1;margin-bottom:12px}.blog .tit{margin-bottom:15px;line-height:calc(32 / 22)}.blog .info{color:#64748B;line-height:1.8;margin-bottom:20px}.blog .btn{width:fit-content;padding:0;line-height:1;border:none;color:var(--sub-color)}.blog .btn i{font-size:18px;margin-left:11px}.blog .page-wrap{margin-top:30px;gap:20px;display:flex;align-items:center;justify-content:center}.blog .page-list{display:flex}.blog .page-list li a,.blog .page-list li span{width:40px;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center}.blog .page-list li.active a{color:#fff;background:var(--style-color)}.blog .page-list li span{padding-bottom:6px}@media (min-width:576px){.blog .block{height:100%;display:flex;flex-direction:column;justify-content:space-between}.blog .info-group{flex:1;display:flex;flex-direction:column;justify-content:space-between}.blog .info-wrap{flex:1}}@media (min-width:1200px){.blog{padding:60px 0}.blog .title{margin-bottom:28px}.blog .sub-info{margin-bottom:32px}.blog .row{margin-left:-20px;margin-right:-20px;margin-bottom:-40px}.blog .row>div{padding:0 20px;margin-bottom:40px}.blog .block{position:relative;transition:all .3s}.blog .block:hover{transform:translateY(-10px);border-color:transparent}.blog .block::before{content:'';position:absolute;left:-3px;right:-3px;top:-3px;bottom:-3px;border-radius:7px;border:3px solid var(--style-color);transition:all .3s;opacity:0;visibility:hidden}.blog .block:hover::before{opacity:1;visibility:visible}.blog .block>*{position:relative;z-index:1}.blog .info-group{padding:40px 38px 36px}.blog .tit{margin-bottom:25px}.blog .tit:hover{color:var(--sub-color)}.blog .info{margin-bottom:30px}.blog .btn:hover{color:var(--btn-color)}.blog .btn i{font-size:23px}.blog .page-wrap{margin-top:60px;gap:40px}.blog .page-list li a,.blog .page-list li span{width:50px;height:50px}.blog .page-left:hover,.blog .page-list li:not(.active) a:hover,.blog .page-right:hover{color:var(--style-color)}.blog .page-list li span{padding-bottom:10px}}@media (min-width:1440px){.blog{padding-top:99px;padding-bottom:100px}.blog .page-wrap{margin-top:100px}}