body .home .container{padding:4.16667vw 8.33333vw;position:relative;overflow:hidden}body .home .container::before{content:"";position:absolute;left:-6.82292vw;top:8.90625vw;width:37.39583vw;height:37.39583vw;border-radius:50%;opacity:0.12;background:linear-gradient(0deg, #0055D5 0%, #0055D5 100%),#D9D9D9;filter:blur(308.75px);z-index:-1}body .home .container::after{content:"";position:absolute;right:-11.45833vw;top:27.29167vw;width:37.39583vw;height:37.39583vw;border-radius:50%;opacity:0.12;background:linear-gradient(0deg, #0055D5 0%, #0055D5 100%),#D9D9D9;filter:blur(308.75px);z-index:-1}body .home .container .sr input{width:100%;border:1px solid #D4D4D4;background:#FFF;outline:none;padding:1.5625vw 2.08333vw;font-size:.9375vw}body .home .container .types{display:flex;gap:2.08333vw;padding:3.125vw 0 1.04167vw 0;border-bottom:1px solid #D4D4D4}body .home .container .types span{color:#858585;line-height:1.11;letter-spacing:0.36px;text-transform:capitalize;cursor:pointer;transition:all 600ms}body .home .container .types span.on{color:#000}body .home .container .rs{margin:.83333vw 0 2.08333vw 0;line-height:1.5;letter-spacing:0.36px}body .home .container .boxs .box{display:none}body .home .container .boxs .box.on{display:block}body .home .container .boxs .box .pager{display:flex;justify-content:center;gap:1.875vw;align-items:center;margin-top:4.16667vw}body .home .container .boxs .box .pager .prev,body .home .container .boxs .box .pager .next{width:2.08333vw;height:2.08333vw;display:flex;justify-content:center;align-items:center;border-radius:50%;background:var(--bg, #1673FF)}body .home .container .boxs .box .pager .nums{display:flex;gap:1.04167vw}body .home .container .boxs .box .pager .nums a{width:2.08333vw;height:2.08333vw;display:flex;justify-content:center;align-items:center;border-radius:50%;color:rgba(0,0,0,0.6);padding-bottom:.20833vw;transition:all 600ms}body .home .container .boxs .box .pager .nums a:hover,body .home .container .boxs .box .pager .nums a.on{background:var(--bg, #1673FF);color:#fff}body .home .container .boxs .box.p_box .list{display:grid;grid-template-columns:repeat(4, 1fr);gap:1.5625vw}body .home .container .boxs .box.p_box .list a{display:block;border-radius:.83333vw;overflow:hidden;background:#FFF;padding:1.66667vw 1.25vw 2.70833vw;width:100%;box-shadow:0 0 10px rgba(0,0,0,0.05)}body .home .container .boxs .box.p_box .list a .pic{overflow:hidden}body .home .container .boxs .box.p_box .list a .pic img{display:block;width:100%;height:13.28125vw;transition:all 600ms}body .home .container .boxs .box.p_box .list a .tag{margin:.83333vw 0 .625vw;border-radius:1000px;display:inline-block;padding:.20833vw .83333vw;color:#fff;background:var(--bg, linear-gradient(90deg, #4DA7FE 0%, #244290 100%))}body .home .container .boxs .box.p_box .list a .pt{font-weight:500;color:#071D49}body .home .container .boxs .box.p_box .list a .pt span{font-weight:400}body .home .container .boxs .box.p_box .list a .des{margin:.72917vw 0 1.66667vw;color:#696969}body .home .container .boxs .box.p_box .list a .more{display:flex;align-items:center;gap:.88542vw;color:#1673FF;font-weight:700;line-height:1.6;text-transform:uppercase}body .home .container .boxs .box.p_box .list a .more svg{display:block;width:.57292vw;height:auto}body .home .container .boxs .box.p_box .list a:hover .pic img{transform:scale(1.05)}body .home .container .boxs .box.n_box .list{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.66667vw}body .home .container .boxs .box.n_box .list a{display:block;width:100%}body .home .container .boxs .box.n_box .list a .pic{overflow:hidden;border-radius:.625vw}body .home .container .boxs .box.n_box .list a .pic img{display:block;width:100%;height:13.95833vw;object-fit:cover}body .home .container .boxs .box.n_box .list a .tag{margin:2.08333vw 0 .625vw;border-radius:51px;background:var(--bg, linear-gradient(90deg, #4DA7FE 0%, #244290 100%));display:inline-block;color:#FFF;line-height:1.5;padding:.20833vw .83333vw .26042vw}body .home .container .boxs .box.n_box .list a .pt{font-weight:500;line-height:1.5;margin:.41667vw 0 2.5vw;color:#071D49}body .home .container .boxs .box.n_box .list a .time{display:flex;justify-content:space-between;align-items:center;color:#4B5563}body .home .container .boxs .box.n_box .list a .time .more{display:flex;align-items:center;gap:.41667vw;position:relative;padding:.20833vw 0}body .home .container .boxs .box.n_box .list a .time .more::after{content:'';display:block;position:absolute;left:0;bottom:0;width:0;height:1px;background:#4B5563;transition:all 600ms;opacity:.8;transform:scale(0.99)}body .home .container .boxs .box.n_box .list a .time .more:hover::after{width:100%}@media screen and (max-width: 768px){body .home .container{padding:30px 5%}body .home .container .sr input{padding:15px 20px;font-size:16px}body .home .container .types{gap:20px;padding:30px 0 10px 0}body .home .container .rs{margin:8px 0 20px 0}body .home .container .boxs .box.p_box .list{grid-template-columns:1fr;gap:20px;margin:30px 0}body .home .container .boxs .box.p_box .list a{padding:20px;border-radius:12px}body .home .container .boxs .box.p_box .list a .pic img{height:200px}body .home .container .boxs .box.p_box .list a .tag{margin:12px 0 10px;padding:4px 12px}body .home .container .boxs .box.p_box .list a .des{margin:10px 0 20px;font-size:14px;height:40px}body .home .container .boxs .box.p_box .list a .more{font-size:14px;gap:10px}body .home .container .boxs .box.p_box .list a .more svg{width:10px}body .home .container .boxs .box.n_box .list{grid-template-columns:1fr;gap:25px}body .home .container .boxs .box.n_box .list a .pic{border-radius:8px}body .home .container .boxs .box.n_box .list a .pic img{height:180px}body .home .container .boxs .box.n_box .list a .tag{margin:12px 0 8px;padding:4px 12px;font-size:14px}body .home .container .boxs .box.n_box .list a .pt{margin:5px 0 15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body .home .container .boxs .box .pager{gap:10px;margin-top:30px}body .home .container .boxs .box .pager .prev,body .home .container .boxs .box .pager .next{width:25px;height:25px}body .home .container .boxs .box .pager .prev svg,body .home .container .boxs .box .pager .next svg{width:5px}body .home .container .boxs .box .pager .nums{gap:8px}body .home .container .boxs .box .pager .nums a{width:25px;height:25px;font-size:14px}}
