.banner{position:relative;border-radius:0 0 1.25vw 1.25vw;overflow:hidden;z-index:6}.banner img{width:100%;display:block;object-fit:cover;height:35.41667vw}.banner .text{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;color:white;padding:0 10.41667vw}.banner .text .t{line-height:1;text-transform:uppercase;font-weight:700}.container{padding:4.16667vw 10.41667vw;position:relative;z-index:5}.container::before{content:'';display:block;position:absolute;left:0;top:-1.5625vw;width:100%;height:19.89583vw;background:linear-gradient(0deg, #fff 0%, #0056AD 426.52%);z-index:-1}.container .tabs{display:flex;gap:1.25vw}.container .tabs span{padding:1.04167vw 2.08333vw;border-radius:16777200px;border:1px solid #0056AD;color:#0056AD;background:rgba(255,255,255,0.5);font-weight:700;letter-spacing:1.409px;text-transform:uppercase;line-height:1.42;transition:all 600ms;cursor:pointer}.container .tabs span:hover,.container .tabs span.on{background:#0056AD;color:#fff}.container .rec{position:relative;border-radius:1.25vw;overflow:hidden;margin:2.08333vw 0;display:block}.container .rec .bg{width:100%;display:block;height:31.25vw;object-fit:cover;transition:all 600ms}.container .rec .time{color:#fff;font-weight:700;line-height:1.22;position:absolute;left:3.125vw;top:2.08333vw;line-height:1.22}.container .rec .info{position:absolute;left:1.04167vw;right:1.04167vw;bottom:1.04167vw;border-radius:1.25vw;border-bottom:1px solid #FFF;background:linear-gradient(180deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.4) 100%);backdrop-filter:blur(6px);color:#fff;padding:1.25vw 2.08333vw}.container .rec .info .p1{font-weight:700;line-height:1.27;margin-bottom:1.40625vw}.container .rec .info .des{color:#FFF;margin-bottom:1.66667vw}.container .rec .more{display:flex;gap:.52083vw;font-weight:500;line-height:1.42;justify-content:flex-end}.container .rec .more svg{display:block;width:1.14583vw;height:auto}.container .rec:hover .bg{transform:scale(1.05)}.container .list a{display:flex;justify-content:space-between}.container .list a:not(:last-child){margin-bottom:2.08333vw}.container .list a .pic{width:32.08333vw;border-radius:1.25vw;position:relative;z-index:6}.container .list a .text{flex:1;padding:2.08333vw 3.125vw;padding-left:1.92708vw;position:relative;z-index:5}.container .list a .text .tag{padding:.52083vw 1.25vw;border-radius:16777200px;border:1px solid #0056AD;background:rgba(255,255,255,0.5);font-weight:700;color:#0056AD;letter-spacing:1.409px;text-transform:uppercase;line-height:1.42}.container .list a .text .pt{margin:1.25vw 0;color:#45556C;font-weight:700;line-height:1.27;padding-bottom:1.25vw;border-bottom:1px solid #45556C}.container .list a .text .des{color:#45556C;margin-bottom:2.60417vw}.container .list a .text .t_btn{display:flex;justify-content:space-between;align-items:center}.container .list a .text .t_btn p{color:#45556C;line-height:1.33}.container .list a .text .t_btn .icon{position:relative;width:1.66667vw;height:1.66667vw;border-radius:50%;background:#0056AD;overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:5}.container .list a .text .t_btn .icon::after{content:'';display:block;position:absolute;left:0;top:50%;width:100%;height:100%;background:#1967B5;border-radius:50%;transform:translateY(-50%) translateX(-100%);z-index:-1;transition:all 600ms}.container .list a .text .t_btn .icon .c{position:relative;overflow:hidden}.container .list a .text .t_btn .icon .c img{transition:all 600ms;display:block;width:.72917vw}.container .list a .text .t_btn .icon .c img:nth-child(2){position:absolute;left:0;top:0;transform:translateX(-100%)}.container .list a .text .t_btn .icon:hover::after{transform:translateY(-50%) translateX(-50%) scale(5)}.container .list a .text .t_btn .icon:hover .c img:nth-child(1){transform:translateX(100%)}.container .list a .text .t_btn .icon:hover .c img:nth-child(2){transform:translateX(0)}.container .list a .text::after{content:'';display:block;position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg, rgba(0,86,173,0.1) 0%, rgba(255,255,255,0) 100%),#fff;left:-1.6vw;width:calc(100% + 1.6vw);opacity:0;transition:all 600ms}.container .list a:hover .pic img{transform:scale(1.05)}.container .list a:hover .text::after{opacity:1}.container .pager{margin-top:3.02083vw;display:flex;justify-content:center;gap:4.16667vw;align-items:center}.container .pager .prev{position:relative;width:2.91667vw;height:2.91667vw;border-radius:50%;border:1px solid rgba(0,86,173,0.1);overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:5}.container .pager .prev::after{content:'';display:block;position:absolute;left:0;top:50%;width:100%;height:100%;background:#0056AD;border-radius:50%;transform:translateY(-50%) translateX(110%);z-index:-1;transition:all 600ms}.container .pager .prev .c{position:relative;overflow:hidden}.container .pager .prev .c img{transition:all 600ms;display:block;width:1.25vw}.container .pager .prev .c img:nth-child(2){position:absolute;left:0;top:0;transform:translateX(100%)}.container .pager .prev:hover::after{transform:translateY(-50%) translateX(-50%) scale(5)}.container .pager .prev:hover .c img{filter:brightness(0) invert(1)}.container .pager .prev:hover .c img:nth-child(1){transform:translateX(-100%)}.container .pager .prev:hover .c img:nth-child(2){transform:translateX(0)}.container .pager .next{position:relative;width:2.91667vw;height:2.91667vw;border-radius:50%;border:1px solid rgba(0,86,173,0.1);overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:5}.container .pager .next::after{content:'';display:block;position:absolute;left:0;top:50%;width:100%;height:100%;background:#0056AD;border-radius:50%;transform:translateY(-50%) translateX(-110%);z-index:-1;transition:all 600ms}.container .pager .next .c{position:relative;overflow:hidden}.container .pager .next .c img{transition:all 600ms;display:block;width:1.25vw}.container .pager .next .c img:nth-child(2){position:absolute;left:0;top:0;transform:translateX(-100%)}.container .pager .next:hover::after{transform:translateY(-50%) translateX(-50%) scale(5)}.container .pager .next:hover .c img{filter:brightness(0) invert(1)}.container .pager .next:hover .c img:nth-child(1){transform:translateX(100%)}.container .pager .next:hover .c img:nth-child(2){transform:translateX(0)}.container .pager .nums{display:flex;gap:1.25vw;color:#90A1B9;line-height:0.83}.container .pager .nums a{transition:all 600ms}.container .pager .nums a.on,.container .pager .nums a:hover{color:#0056AD}@media screen and (max-width: 768px){.banner{margin-top:60px;border-radius:0 0 16px 16px}.banner img{height:200px}.banner .text{top:50%;transform:translateY(-50%);padding:0 5%}.banner .text .t{font-size:24px;line-height:1.5;margin-bottom:10px}.container{padding:30px 5%}.container::before{height:120px;top:-30px}.container .tabs{flex-wrap:wrap;gap:10px}.container .tabs span{padding:12px 20px;font-size:14px;border-radius:30px}.container .rec{margin:25px 0;border-radius:16px}.container .rec .bg{height:250px}.container .rec .time{left:20px;top:15px;font-size:12px}.container .rec .info{left:10px;right:10px;bottom:10px;padding:15px;border-radius:12px}.container .rec .info .p1{font-size:18px;margin-bottom:10px}.container .rec .info .des{font-size:14px;margin-bottom:15px}.container .rec .more{gap:8px;font-size:14px}.container .rec .more svg{width:18px}.container .list a{flex-direction:column}.container .list a:not(:last-child){margin-bottom:25px}.container .list a .pic{width:100%;border-radius:12px;height:255px;object-fit:cover}.container .list a .text{padding:20px 0}.container .list a .text .tag{padding:6px 16px;font-size:12px;border-radius:20px}.container .list a .text .pt{margin:15px 0;font-size:16px;padding-bottom:15px}.container .list a .text .des{font-size:14px;margin-bottom:20px}.container .list a .text .t_btn p{font-size:14px}.container .list a .text .t_btn .icon{width:28px;height:28px}.container .list a .text .t_btn .icon .c img{width:12px}.container .list a .text::after{display:none}.container .list a:hover .pic img{transform:none}.container .pager{margin-top:30px;gap:30px}.container .pager .prev,.container .pager .next{width:40px;height:40px}.container .pager .prev .c img,.container .pager .next .c img{width:18px}.container .pager .nums{gap:15px}.container .pager .nums a{font-size:16px}}
