.banner{position:relative}.banner img{width:100%;display:block;object-fit:cover;height:25vw}.banner .text{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;text-align:center;color:white}.banner .text .t{line-height:1.1;font-weight:400;text-transform:uppercase;font-family:var(--main-font)}.container{background:#EBF5FF;padding:5.41667vw 9.53125vw 6.25vw 8.33333vw}.container .wrap{display:flex;justify-content:space-between;gap:4.16667vw}.container .wrap .lbox{width:16.97917vw}.container .wrap .lbox .pbox{position:sticky;left:0;top:5.20833vw}.container .wrap .lbox .t{font-family:var(--main-font);color:#003460;text-transform:uppercase;line-height:1.5;padding-bottom:.52083vw;border-bottom:1px solid rgba(0,52,96,0.679)}.container .wrap .lbox .type_wrap{margin-top:2.08333vw}.container .wrap .lbox .type_wrap .item:not(:last-child){margin-bottom:2.08333vw}.container .wrap .lbox .type_wrap .item .d1{display:flex;justify-content:space-between;align-items:center;cursor:pointer;opacity:.6;transition:all 600ms}.container .wrap .lbox .type_wrap .item .d1 .lt{display:flex;align-items:center;gap:.78125vw;color:#003460}.container .wrap .lbox .type_wrap .item .d1 .lt p{font-family:var(--main-font);text-transform:capitalize;line-height:1.875}.container .wrap .lbox .type_wrap .item .d1 .lt span{width:.3125vw;height:.3125vw;border-radius:50%;background:#003460;display:block;margin-top:.10417vw}.container .wrap .lbox .type_wrap .item .d1 .icon img{display:block;width:1.25vw;transition:all 600ms}.container .wrap .lbox .type_wrap .item .d1.active,.container .wrap .lbox .type_wrap .item .d1:hover{opacity:1}.container .wrap .lbox .type_wrap .item .d1.active .icon img,.container .wrap .lbox .type_wrap .item .d1:hover .icon img{transform:rotate(90deg)}.container .wrap .lbox .type_wrap .item .d2{margin:.26042vw 0 0 1.04167vw;display:none}.container .wrap .lbox .type_wrap .item .d2 .nr .second_list:not(:last-child){margin-bottom:.26042vw}.container .wrap .lbox .type_wrap .item .d2 .nr .second_list .oItem{position:relative}.container .wrap .lbox .type_wrap .item .d2 .nr .second_list .oItem .icon{position:absolute;right:0;top:50%;transform:translateY(-50%);opacity:.6}.container .wrap .lbox .type_wrap .item .d2 .nr .second_list .oItem .icon img{display:block;width:1.25vw;transition:all 600ms}.container .wrap .lbox .type_wrap .item .d2 .nr .second_list .oItem p{color:#003460;opacity:.6;transition:all 600ms;line-height:1.5;text-transform:capitalize;position:relative;font-weight:500;cursor:pointer}.container .wrap .lbox .type_wrap .item .d2 .nr .second_list .oItem p::before{content:'';display:block;position:absolute;background:linear-gradient(90deg, rgba(0,108,200,0.6) 0%, rgba(20,19,19,0) 100%);inset:0;transition:all 600ms;width:0;z-index:-1}.container .wrap .lbox .type_wrap .item .d2 .nr .second_list .oItem p:not(:last-child){margin-bottom:.15625vw}.container .wrap .lbox .type_wrap .item .d2 .nr .second_list .oItem:hover p,.container .wrap .lbox .type_wrap .item .d2 .nr .second_list .oItem.on p{color:#fff}.container .wrap .lbox .type_wrap .item .d2 .nr .second_list .oItem:hover p::before,.container .wrap .lbox .type_wrap .item .d2 .nr .second_list .oItem.on p::before{width:100%}.container .wrap .lbox .type_wrap .item .d2 .nr .second_list .oItem:hover .icon,.container .wrap .lbox .type_wrap .item .d2 .nr .second_list .oItem.on .icon{opacity:1}.container .wrap .lbox .type_wrap .item .d2 .nr .second_list .oItem:hover .icon img,.container .wrap .lbox .type_wrap .item .d2 .nr .second_list .oItem.on .icon img{transform:rotate(90deg)}.container .wrap .lbox .type_wrap .item .d2 .nr .second_list .third{margin:.26042vw 0 0 2.08333vw;display:none}.container .wrap .lbox .type_wrap .item .d2 .nr .second_list .third p{width:fit-content;color:#62819C;font-weight:500;transition:all 600ms;text-transform:capitalize;position:relative;cursor:pointer}.container .wrap .lbox .type_wrap .item .d2 .nr .second_list .third p::after{content:'';display:block;position:absolute;left:0;bottom:0;width:0;height:1px;transform:scale(0.99);transition:all 600ms;background:#000}.container .wrap .lbox .type_wrap .item .d2 .nr .second_list .third p:not(:last-child){margin-bottom:.41667vw}.container .wrap .lbox .type_wrap .item .d2 .nr .second_list .third p:hover{color:#003460}.container .wrap .lbox .type_wrap .item .d2 .nr .second_list .third p:hover::after{width:100%}.container .wrap .rbox{flex:1;padding-top:.3125vw}.container .wrap .rbox .tags{display:flex;align-items:center;border-bottom:1px solid #003460;padding-bottom:.9375vw;gap:1.25vw;margin-bottom:2.08333vw}.container .wrap .rbox .tags p{color:rgba(0,52,96,0.5);font-weight:500}.container .wrap .rbox .tags .items{display:flex;gap:1.25vw}.container .wrap .rbox .tags .items span{cursor:pointer;color:rgba(0,52,96,0.5);font-weight:500;text-transform:capitalize;border-bottom:2px solid transparent;padding:0 .41667vw;height:1.66667vw;display:flex;align-items:center;justify-content:center;transition:all 600ms}.container .wrap .rbox .tags .items span:hover,.container .wrap .rbox .tags .items span.on{border-color:#003460;color:#003460}.container .wrap .rbox .list .box{display:grid;grid-template-columns:repeat(3, 1fr);gap:2.08333vw 3.54167vw}.container .wrap .rbox .list .box:not(:last-child){margin-bottom:2.08333vw}.container .wrap .rbox .list .box a{display:block;width:100%}.container .wrap .rbox .list .box a.row-2{grid-column:1 / span 2;position:relative}.container .wrap .rbox .list .box a.row-2 .pic2{height:100%;border-radius:1.04167vw;overflow:hidden}.container .wrap .rbox .list .box a.row-2 .pic2 img{width:100%;object-fit:cover;display:block;height:100%;transition:all 600ms}.container .wrap .rbox .list .box a.row-2 .st{position:absolute;left:1.875vw;bottom:1.14583vw}.container .wrap .rbox .list .box a.row-2 .st p{font-family:var(--main-font);line-height:1.5;text-transform:capitalize;color:#fff}.container .wrap .rbox .list .box a.row-2:hover .pic2 img{transform:scale(1.05)}.container .wrap .rbox .list .box a .pic{position:relative;border-radius:.625vw;overflow:hidden}.container .wrap .rbox .list .box a .pic::before{content:'';display:block;position:absolute;inset:0;border-radius:11.7px;background:linear-gradient(0deg, rgba(0,52,96,0.35) 0%, rgba(0,52,96,0) 100%);opacity:0;transition:all 600ms}.container .wrap .rbox .list .box a .pic img{width:100%;display:block;object-fit:cover;height:17.70833vw}.container .wrap .rbox .list .box a .text{margin-top:1.25vw;display:flex;justify-content:space-between;align-items:flex-end;gap:1.04167vw}.container .wrap .rbox .list .box a .text .lt{flex:1;color:#003460;line-height:1;text-transform:capitalize}.container .wrap .rbox .list .box a .text .lt .pt{font-family:var(--main-font);letter-spacing:0.72px;margin-bottom:.375vw}.container .wrap .rbox .list .box a .text .lt .des{width:5.98958vw;font-size:.57292vw;line-height:1.1}.container .wrap .rbox .list .box a .text .rc{display:flex;gap:.15625vw}.container .wrap .rbox .list .box a .text .rc span{display:block;border:1px solid #fff;width:.57292vw;height:.57292vw;border-radius:2.60417vw;background:var(--color)}.container .wrap .rbox .list .box a:hover .pic::before{opacity:1}.container .wrap .rbox .more .load{display:flex;width:11.14583vw;height:3.64583vw;padding-bottom:.10417vw;justify-content:center;align-items:center;border-radius:2.08333vw;border:1px solid #003460;background:#003460;cursor:pointer;color:#fff;text-align:center;text-transform:uppercase;margin:3.38542vw 0 0 14.89583vw;transition:all 600ms}.container .wrap .rbox .more .load:hover{background:#fff;color:#003460;border-color:#fff}@media screen and (max-width: 768px){.banner{margin-top:60px}.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 .wrap{flex-direction:column;gap:40px}.container .wrap .lbox{width:100%}.container .wrap .lbox .pbox{position:static}.container .wrap .lbox .t{padding-bottom:10px;font-size:18px}.container .wrap .lbox .type_wrap{display:none;margin-top:20px}.container .wrap .lbox .type_wrap .item:not(:last-child){margin-bottom:20px}.container .wrap .lbox .type_wrap .item .d1 .lt{gap:10px}.container .wrap .lbox .type_wrap .item .d1 .lt p{font-size:16px}.container .wrap .lbox .type_wrap .item .d1 .lt span{width:6px;height:6px;margin-top:2px}.container .wrap .lbox .type_wrap .item .d1 .icon img{width:20px}.container .wrap .lbox .type_wrap .item .d2{margin:5px 0 0 15px}.container .wrap .lbox .type_wrap .item .d2 .nr .second_list:not(:last-child){margin-bottom:5px}.container .wrap .lbox .type_wrap .item .d2 .nr .second_list .oItem .icon img{width:20px}.container .wrap .lbox .type_wrap .item .d2 .nr .second_list .oItem p{font-size:14px;line-height:1.5}.container .wrap .lbox .type_wrap .item .d2 .nr .second_list .oItem p:not(:last-child){margin-bottom:5px}.container .wrap .lbox .type_wrap .item .d2 .nr .second_list .third{margin:5px  0 0 30px}.container .wrap .lbox .type_wrap .item .d2 .nr .second_list .third p{font-size:14px}.container .wrap .lbox .type_wrap .item .d2 .nr .second_list .third p:not(:last-child){margin-bottom:4px}.container .wrap .rbox{flex:1;padding-top:0}.container .wrap .rbox .tags{flex-direction:column;align-items:flex-start;gap:10px;padding-bottom:15px;margin-bottom:20px}.container .wrap .rbox .tags .items{gap:15px}.container .wrap .rbox .tags .items span{padding:0 8px;height:32px;font-size:14px}.container .wrap .rbox .list .box{grid-template-columns:repeat(2, 1fr);gap:20px}.container .wrap .rbox .list .box:not(:last-child){margin-bottom:20px}.container .wrap .rbox .list .box a.row-2{grid-column:2 span}.container .wrap .rbox .list .box a.row-2 .pic2{border-radius:10px}.container .wrap .rbox .list .box a.row-2 .pic2 img{height:auto}.container .wrap .rbox .list .box a.row-2 .st{left:20px;bottom:15px}.container .wrap .rbox .list .box a.row-2 .st p{font-size:16px}.container .wrap .rbox .list .box a .pic{border-radius:10px}.container .wrap .rbox .list .box a .pic img{height:auto}.container .wrap .rbox .list .box a .text{margin-top:15px;gap:15px}.container .wrap .rbox .list .box a .text .lt .pt{font-size:16px;margin-bottom:5px}.container .wrap .rbox .list .box a .text .lt .des{width:100%;font-size:12px}.container .wrap .rbox .list .box a .text .rc{gap:3px}.container .wrap .rbox .list .box a .text .rc span{width:10px;height:10px}.container .wrap .rbox .more .load{width:160px;height:50px;border-radius:25px;margin:40px auto 0 auto;font-size:14px}}
