body{background:#222A3C}body .home .banner{position:relative}body .home .banner img{width:100%;display:block;object-fit:cover;height:20.83333vw}body .home .banner .t{position:absolute;left:5.20833vw;bottom:.41667vw;color:#FFF;font-weight:700;text-transform:uppercase}body .home .container{display:flex;justify-content:space-between}body .home .container .lbox{width:22.70833vw;background:#222A3C;padding:9.89583vw 3.28125vw 0 5.20833vw}body .home .container .lbox .nr{color:white;display:flex;flex-direction:column;gap:3.125vw}body .home .container .lbox .nr .item a{display:block}body .home .container .lbox .nr .item .a1{font-weight:700;text-transform:uppercase;transition:all 600ms}body .home .container .lbox .nr .item .a1.active,body .home .container .lbox .nr .item .a1:hover{color:#FAD27E}body .home .container .lbox .nr .item .sub{border-top:1px solid rgba(255,255,255,0.6);margin-top:.83333vw;padding-top:.83333vw;display:flex;flex-direction:column;align-items:flex-start;gap:.625vw}body .home .container .lbox .nr .item .sub a{font-weight:700;text-transform:uppercase;transition:all 600ms}body .home .container .lbox .nr .item .sub a:hover{color:#FAD27E}body .home .container .rbox{width:100%;flex:1;background:white;padding:3.38542vw 7.8125vw 2.29167vw 4.6875vw}body .home .container .rbox .p1{display:flex;gap:.41667vw;color:rgba(0,0,0,0.6);text-transform:uppercase}body .home .container .rbox .p1 span{font-style:italic;color:#D02820}body .home .container .rbox .p2{font-weight:700;text-transform:uppercase;padding-bottom:.67708vw;border-bottom:1px solid rgba(0,0,0,0.4)}body .home .container .rbox .list{margin:3.125vw 0 4.6875vw 0;display:grid;grid-template-columns:repeat(3, 1fr);gap:3.125vw 4.16667vw}body .home .container .rbox .list a{display:block;width:100%}body .home .container .rbox .list a .pic{overflow:hidden;position:relative}body .home .container .rbox .list a .pic .pro{width:100%;height:18.75vw;display:block;object-fit:cover;transition:all 600ms}body .home .container .rbox .list a .pic .tag{position:absolute;right:0;top:0;width:3.125vw}body .home .container .rbox .list a .colors{margin:.83333vw 0 .625vw 0;display:flex;gap:.36458vw;align-items:center}body .home .container .rbox .list a .colors .pics{display:grid;gap:.57292vw;grid-template-columns:repeat(6, 1fr)}body .home .container .rbox .list a .colors .pics img{width:100%;display:block;object-fit:cover;height:.72917vw}body .home .container .rbox .list a .colors p{color:rgba(0,0,0,0.6);line-height:1.5;text-transform:uppercase}body .home .container .rbox .list a .name{color:#292929;font-weight:700;line-height:1.5;text-transform:uppercase}body .home .container .rbox .list a:hover .pic .pro{transform:scale(1.05)}body .home .container .rbox .pager{display:flex;justify-content:center;gap:1.25vw;align-items:center}body .home .container .rbox .pager .prev img,body .home .container .rbox .pager .next img{width:1.25vw;display:block;filter:invert(1)}body .home .container .rbox .pager .nums{display:flex;align-items:center;gap:.52083vw}body .home .container .rbox .pager .nums a{display:inline-flex;padding:.41667vw .83333vw;justify-content:center;align-items:center;color:rgba(0,0,0,0.4);border-radius:6px;transition:all 600ms}body .home .container .rbox .pager .nums a:hover,body .home .container .rbox .pager .nums a.on{background:#D02820;color:white}@media screen and (max-width: 768px){body .home .banner{margin-top:60px}body .home .banner img{height:120px}body .home .banner .t{left:5%;bottom:20px;font-size:32px}body .home .container{flex-direction:column}body .home .container .lbox{width:100%;background:#222A3C;padding:20px  5%}body .home .container .lbox .nr{gap:20px}body .home .container .lbox .nr .item .sub{margin-top:10px;padding-top:10px;gap:8px}body .home .container .rbox{width:100%;padding:20px 5% 60px 5%}body .home .container .rbox .p1{font-size:14px;gap:5px}body .home .container .rbox .p2{font-size:16px;padding-bottom:10px}body .home .container .rbox .list{margin:20px 0 30px 0;grid-template-columns:1fr;gap:20px}body .home .container .rbox .list a .pic .pro{height:auto}body .home .container .rbox .list a .pic .tag{width:50px}body .home .container .rbox .list a .colors{margin:10px 0;gap:10px;justify-content:space-between}body .home .container .rbox .list a .colors .pics{gap:8px;width:100%}body .home .container .rbox .list a .colors .pics img{height:8px}body .home .container .rbox .list a .name{font-size:16px}body .home .container .rbox .pager{gap:15px}body .home .container .rbox .pager .prev img,body .home .container .rbox .pager .next img{width:20px}body .home .container .rbox .pager .nums{gap:8px}body .home .container .rbox .pager .nums a{padding:6px 12px;width:32px;height:32px;font-size:14px}}