body .home{background:url(../images/nbg.png) no-repeat;background-size:100%}body .home .container{padding-top:17.60417vw}body .home .container .title{width:60.10417vw;margin:0 auto;text-align:center;position:relative;font-size:3.95833vw;line-height:1.31;text-transform:capitalize}body .home .container .title .sp1{color:#2690C5}body .home .container .title p{position:relative;z-index:1;text-transform:capitalize}body .home .container .title img{position:absolute;top:.625vw;right:-13.54167vw;animation:moveDown 2s forwards linear;transform:rotate(-15deg);opacity:0;width:37.60417vw}@keyframes moveDown{to{transform:rotate(0);opacity:1}}body .home .container .recommend{margin:13.125vw 8.48958vw 0 3.64583vw}body .home .container .recommend a{display:flex;justify-content:space-between}body .home .container .recommend a .pic{width:47.55208vw;padding:1.82292vw;border-radius:2px;border:1px solid #F7F7F7;background:#FFF;box-shadow:0px 8px 25.1px 0px rgba(0,0,0,0.05);overflow:hidden}body .home .container .recommend a .pic img{width:100%;height:25.10417vw;object-fit:cover;transition:all 600ms}body .home .container .recommend a .pic:hover img{transform:scale(1.01)}body .home .container .recommend a .text{width:33.17708vw}body .home .container .recommend a .text .time{color:#999;line-height:1;margin-top:3.80208vw}body .home .container .recommend a .text .pt{margin:1.04167vw 0;transition:all 600ms}body .home .container .recommend a .text .des{color:#999;line-height:1.4;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}body .home .container .recommend a .text .more{margin-top:2.08333vw;display:flex;align-items:center;line-height:1.11;transition:all 600ms}body .home .container .recommend a .text .more img{width:.78125vw;margin-left:.52083vw}body .home .container .recommend a .text .more:hover{color:#2690C5}body .home .container .recommend a:hover .text .pt{color:#2690C5}body .home .container .types{padding-top:6.25vw}body .home .container .types .t_f{display:flex;justify-content:center;gap:12.5vw}body .home .container .types .t_f span{border:1px solid rgba(233,233,233,0.5);background:#F9F9F9;min-width:8.07292vw;font-weight:300;padding:.26042vw 1.04167vw;text-align:center;text-transform:uppercase;cursor:pointer;transition:all 600ms}body .home .container .types .t_f span:hover,body .home .container .types .t_f span.on{background:#2690C5;color:white}body .home .container .types .t_s{display:flex;justify-content:center;gap:.52083vw;margin:4.16667vw 0}body .home .container .types .t_s span{border:1px solid rgba(233,233,233,0.5);background:#F9F9F9;min-width:7.29167vw;font-weight:300;padding:.26042vw 1.04167vw;text-align:center;text-transform:capitalize;cursor:pointer;transition:all 600ms}body .home .container .types .t_s span:hover,body .home .container .types .t_s span.on{background:#47C3F1;color:white}body .home .container .types .boxs .box{display:none}body .home .container .types .boxs .box.show{display:block}body .home .container .list{display:grid;grid-template-columns:repeat(3, 1fr);gap:4.16667vw 2.08333vw;margin:0 3.64583vw}body .home .container .list a{display:block;width:100%;border-radius:2px;border:1px solid #F7F7F7;background:#FFF;box-shadow:0px 8px 25.1px 0px rgba(0,0,0,0.05);padding:2.60417vw 2.08333vw 1.30208vw 2.08333vw}body .home .container .list a .pic{overflow:hidden}body .home .container .list a .pic img{width:100%;height:14.58333vw;display:block;object-fit:cover;transition:all 600ms}body .home .container .list a .pt{margin:.67708vw 0 1.04167vw 0;line-height:1.5;height:3.125vw;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:all 600ms}body .home .container .list a .tag{display:flex;justify-content:space-between;align-items:center}body .home .container .list a .tag .time{color:#999;line-height:1.25}body .home .container .list a .tag .more{display:flex;align-items:center;line-height:1.11;transition:all 600ms}body .home .container .list a .tag .more img{width:.78125vw;margin-left:.52083vw}body .home .container .list a:hover .pic img{transform:scale(1.05)}body .home .container .list a:hover .pt{color:#2690C5}body .home .container .list a:hover .tag .more{color:#2690C5}body .home .container .pager{display:flex;justify-content:center;margin:4.16667vw 0 6.25vw 0;align-items:center;gap:.52083vw}body .home .container .pager a img{width:1.25vw}body .home .container .pager .nums a{padding:0 .52083vw;color:#8B8B8B;line-height:1.6}body .home .container .pager .nums a.on{color:#000;font-weight:600}@media screen and (max-width: 768px){body .home{background-size:cover}body .home .container{padding:100px 5% 50px 5%;overflow:hidden}body .home .container .title{width:100%;font-size:28px}body .home .container .title img{width:200px;right:-75px;top:18px;display:none}body .home .container .recommend{margin:40px 0}body .home .container .recommend a{flex-direction:column}body .home .container .recommend a .pic{width:100%;padding:15px}body .home .container .recommend a .pic img{height:200px}body .home .container .recommend a .text{width:100%;margin-top:20px}body .home .container .recommend a .text .time{margin-top:10px}body .home .container .recommend a .text .pt{margin:15px 0}body .home .container .recommend a .text .des{-webkit-line-clamp:4}body .home .container .recommend a .text .more{margin-top:20px}body .home .container .recommend a .text .more img{width:12px;margin-left:10px}body .home .container .types{padding-top:60px}body .home .container .types .t_f{gap:10px;flex-wrap:wrap}body .home .container .types .t_f span{min-width:auto;padding:5px 20px;font-size:14px}body .home .container .types .t_s{margin:15px 0;flex-wrap:wrap;gap:10px}body .home .container .types .t_s span{min-width:auto;padding:5px 15px;font-size:14px}body .home .container .list{grid-template-columns:1fr;gap:20px;margin:0}body .home .container .list a{padding:20px}body .home .container .list a .pic img{height:180px}body .home .container .list a .pt{height:auto;margin:15px 0}body .home .container .list a .tag .more img{width:12px;margin-left:10px}body .home .container .pager{margin:40px 0}body .home .container .pager a img{width:22px}body .home .container .pager .nums a{padding:0 8px}}