.banner{border-radius:0 0 3.125vw 3.125vw;overflow:hidden;position:relative}.banner::before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0.7;background:linear-gradient(0deg, #000 0%, transparent 102.52%)}.banner .bg{width:100%;display:block;height:42.86458vw;object-fit:cover}.banner .text{position:absolute;left:0;bottom:4.6875vw;width:100%;padding:0 6.40625vw}.banner .text .t{color:#FFF;font-weight:600;line-height:1.06;text-transform:uppercase;margin-bottom:2.08333vw}.banner .text .breadmenu{display:flex;align-items:center;gap:2.39583vw}.banner .text .breadmenu a{display:flex;align-items:center;gap:.41667vw;opacity:.6;color:#fff;transition:all 600ms}.banner .text .breadmenu a img{transform:rotate(45deg);transition:all 600ms;width:1.5625vw}.banner .text .breadmenu a:hover{opacity:1}.banner .text .breadmenu a:hover img{transform:rotate(0)}.banner .text .breadmenu a.on{font-weight:700;opacity:1}.banner .text .breadmenu a.on img{transform:rotate(0)}.container{padding:6.66667vw 5.20833vw 0 5.20833vw}.container .sec1 .title .t{color:#000;font-weight:700;text-transform:capitalize;margin-bottom:1.35417vw}.container .sec1 .title .intro{font-weight:275;text-transform:capitalize}.container .sec1 .list{margin:4.84375vw 0 9.27083vw 0;display:grid;grid-template-columns:repeat(3, 1fr);gap:4.58333vw 1.5625vw}.container .sec1 .list a{display:block;width:100%}.container .sec1 .list a .pic{width:100%;border-radius:2.60417vw;overflow:hidden;position:relative}.container .sec1 .list a .pic::before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0.3;z-index:5;background:linear-gradient(0deg, #000 0%, transparent 102.52%)}.container .sec1 .list a .pic img{width:100%;height:24.84375vw;display:block;object-fit:cover;transition:all 600ms}.container .sec1 .list a .text{padding:1.71875vw 3.54167vw 0 2.5vw}.container .sec1 .list a .text .p1{font-weight:700;margin-bottom:.41667vw;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.container .sec1 .list a .text .des{font-weight:275;text-transform:capitalize;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.container .sec1 .list a:hover .pic img{transform:scale(1.05)}.container .sec1 .pager{display:flex;justify-content:center;align-items:center;gap:1.25vw}.container .sec1 .pager .prev img,.container .sec1 .pager .next img{display:block;width:1.25vw}.container .sec1 .pager .nums{display:flex;gap:.46875vw}.container .sec1 .pager .nums a{display:flex;width:1.97917vw;height:2.08333vw;align-items:center;justify-content:center;border-radius:.52083vw;transition:all 600ms}.container .sec1 .pager .nums a:hover,.container .sec1 .pager .nums a.on{background:#000;color:#fff}.container .sec2{padding:10.15625vw 0;display:flex;justify-content:space-between;gap:12.70833vw}.container .sec2 .lt{width:30.88542vw;font-weight:600;line-height:1.15;text-transform:capitalize;margin-top:1.66667vw}.container .sec2 .rbox{width:100%;flex:1}.container .sec2 .rbox .list .item{padding:2.5vw 0;border-top:1px solid rgba(0,0,0,0.1)}.container .sec2 .rbox .list .item:last-child{border-bottom:1px solid rgba(0,0,0,0.1)}.container .sec2 .rbox .list .item .d1{display:flex;justify-content:space-between;gap:6.30208vw;align-items:center;cursor:pointer}.container .sec2 .rbox .list .item .d1 p{width:100%;flex:1;font-weight:500;text-transform:capitalize}.container .sec2 .rbox .list .item .d1 .icon{width:2.1875vw;height:2.1875vw;border-radius:.41667vw;background:#F9F9F9;display:flex;align-items:center;justify-content:center}.container .sec2 .rbox .list .item .d1 .icon img{width:1.45833vw;display:block;transition:all 600ms}.container .sec2 .rbox .list .item .d2{width:100%;display:none}.container .sec2 .rbox .list .item .d2 .nr{width:37.29167vw;margin-top:.88542vw;color:#666;font-weight:300;text-transform:capitalize}.container .sec2 .rbox .list .item.active .d1 .icon img{transform:rotate(45deg)}@media screen and (max-width: 768px){.banner{border-radius:0 0 30px 30px;margin-top:60px}.banner .bg{height:200px}.banner .text{bottom:20px;padding:0 5%}.banner .text .t{font-size:24px;margin-bottom:20px}.banner .text .breadmenu{gap:5px 10px;flex-wrap:wrap;font-size:12px}.banner .text .breadmenu a{gap:5px}.banner .text .breadmenu a img{width:15px}.container{padding:30px 5%}.container .sec1 .title .t{margin-bottom:10px;font-size:24px}.container .sec1 .list{margin:30px  0;grid-template-columns:1fr;gap:20px}.container .sec1 .list a .pic{border-radius:25px}.container .sec1 .list a .pic img{height:280px}.container .sec1 .list a .text{padding:20px}.container .sec1 .list a .text .p1{margin-bottom:5px;font-size:18px}.container .sec1 .pager{gap:15px}.container .sec1 .pager .prev img,.container .sec1 .pager .next img{width:20px}.container .sec1 .pager .nums{gap:5px}.container .sec1 .pager .nums a{width:32px;height:34px;border-radius:10px;font-size:14px}.container .sec2{padding:60px 0 30px 0;flex-direction:column;gap:20px}.container .sec2 .lt{width:100%;font-size:20px;margin-top:0;line-height:1.3}.container .sec2 .rbox .list .item{padding:20px 0}.container .sec2 .rbox .list .item .d1{gap:20px}.container .sec2 .rbox .list .item .d1 p{font-size:14px}.container .sec2 .rbox .list .item .d1 .icon{width:36px;height:36px;border-radius:6px}.container .sec2 .rbox .list .item .d1 .icon img{width:22px}.container .sec2 .rbox .list .item .d2 .nr{width:100%;margin-top:12px;font-size:14px}}