.banner{position:relative}.banner img{width:100%;display:block;object-fit:cover;height:100vh}.banner .text{position:absolute;left:12.5vw;bottom:8.85417vw;color:#404040}.banner .text .t{font-weight:700;margin-bottom:.83333vw}.banner .text .des{line-height:1.5}.container{padding:2.70833vw 12.5vw 5.20833vw 12.5vw}.container .sec1 .pt{color:#070707;line-height:1.5;letter-spacing:.075vw;margin-bottom:2.70833vw}.container .sec1 a{display:flex;justify-content:space-between;gap:3.48958vw}.container .sec1 a .pic{width:39.53125vw;border-radius:1.04167vw;overflow:hidden}.container .sec1 a .pic img{width:100%;display:block;height:26.35417vw;transition:all 600ms;object-fit:cover}.container .sec1 a .pic:hover img{transform:scale(1.05)}.container .sec1 a .text{width:100%;flex:1}.container .sec1 a .text .time{color:#404040;font-weight:350;line-height:1.5;margin:3.125vw 0 .52083vw 0}.container .sec1 a .text .p1{color:#404040;line-height:1.5;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.container .sec1 a .text .des{font-weight:350;line-height:1.5;color:#070707;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:1.25vw 0 4.6875vw 0}.container .sec1 a .text .see{color:#431F83;line-height:1.5;margin-top:.52083vw}.container .sec2{margin-top:5.20833vw}.container .sec2 .types{display:flex;gap:.83333vw;position:relative;z-index:10}.container .sec2 .types .item{width:24.47917vw;position:relative}.container .sec2 .types .item .d1{display:flex;justify-content:space-between;height:3.125vw;padding:0 .88542vw;align-items:center;border-radius:5px;border:1px solid #000;color:#404040;cursor:pointer}.container .sec2 .types .item .d1 p{opacity:.5;transition:all 600ms}.container .sec2 .types .item .d1 img{width:.72917vw;display:block}.container .sec2 .types .item .d2{position:absolute;left:0;top:100%;width:100%;padding-top:.83333vw;z-index:10;display:none}.container .sec2 .types .item .d2 .nr{border-radius:5px;border:1px solid #000;background:#fff}.container .sec2 .types .item .d2 .nr p{padding:.83333vw 0;text-align:center;color:rgba(64,64,64,0.5);border-bottom:1px solid #D9D9D9;cursor:pointer;transition:all 600ms}.container .sec2 .types .item .d2 .nr p:hover{color:#431F83}.container .sec2 .types .item .d2 .nr p:last-child{border-bottom:none}.container .sec2 .list{display:grid;grid-template-columns:repeat(3, 1fr);gap:4.47917vw .83333vw;margin:2.70833vw 0 4.89583vw 0}.container .sec2 .list a{display:block;width:100%}.container .sec2 .list a .pic{width:100%;border-radius:1.04167vw;overflow:hidden}.container .sec2 .list a .pic img{width:100%;display:block;object-fit:cover;height:15.625vw;transition:all 600ms}.container .sec2 .list a .tags{display:flex;align-items:center;gap:1.19792vw;margin:2.70833vw 0 .83333vw 0}.container .sec2 .list a .tags span{border-radius:5px;background:#431F83;color:white;padding:.15625vw 1.04167vw}.container .sec2 .list a .tags p{color:#070707;font-weight:350;line-height:1.5}.container .sec2 .list a .pt{color:#070707;line-height:1.5;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.container .sec2 .list a .des{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:.83333vw 0 1.30208vw 0}.container .sec2 .list a:hover .pic img{transform:scale(1.05)}.container .sec2 .pager{display:flex;justify-content:center;gap:2.08333vw;align-items:center}.container .sec2 .pager .nums a{color:#000;line-height:1.5}.container .sec2 .pager .nums a.on,.container .sec2 .pager .nums a:hover{color:#431F83}.container .sec2 .pager .btns{display:flex;gap:.83333vw}.container .sec2 .pager .btns a svg{display:block;width:2.08333vw}.container .sec2 .pager .btns a svg path{stroke:#404040;transition:all 600ms}.container .sec2 .pager .btns a:hover svg path{stroke:#431F83}@media screen and (max-width: 768px){.banner{margin-top:60px}.banner img{height:200px}.banner .text{left:5%;bottom:40px}.banner .text .t{font-size:24px;margin-bottom:10px}.banner .text .des{font-size:16px}.container{padding:30px 5%}.container .sec1 .pt{margin-bottom:20px}.container .sec1 a{flex-direction:column;gap:20px}.container .sec1 a .pic{width:100%;border-radius:10px}.container .sec1 a .pic img{height:200px}.container .sec1 a .text .time{margin:0 0 10px 0;font-size:14px}.container .sec1 a .text .p1{font-size:18px}.container .sec1 a .text .des{margin:15px 0;font-size:14px}.container .sec1 a .text .see{font-size:16px}.container .sec2{margin-top:40px}.container .sec2 .types{padding-bottom:10px;gap:10px}.container .sec2 .types .item{width:50%}.container .sec2 .types .item .d1{height:35px;padding:0 15px}.container .sec2 .types .item .d1 p{font-size:14px}.container .sec2 .types .item .d1 img{width:12px}.container .sec2 .types .item .d2{padding-top:10px}.container .sec2 .types .item .d2 .nr a{padding:10px 0;font-size:14px}.container .sec2 .list{grid-template-columns:1fr;gap:30px 0;margin:30px  0}.container .sec2 .list a .pic{border-radius:10px}.container .sec2 .list a .pic img{height:215px}.container .sec2 .list a .tags{margin:20px 0 10px 0;gap:15px}.container .sec2 .list a .tags span{padding:2px 15px}.container .sec2 .list a .tags p{font-size:14px}.container .sec2 .list a .pt{font-size:16px}.container .sec2 .list a .des{margin:10px 0 15px 0;font-size:14px}.container .sec2 .pager{gap:20px}.container .sec2 .pager .nums{gap:10px}.container .sec2 .pager .nums a{font-size:14px}.container .sec2 .pager .btns{gap:10px}.container .sec2 .pager .btns a svg{width:24px}}
