.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(180deg, #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}.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}.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:3.4375vw 5.20833vw 11.5625vw 5.20833vw}.container .tabs{display:flex;gap:2.8125vw}.container .tabs span{cursor:pointer;min-width:13.17708vw;height:3.48958vw;display:flex;align-items:center;justify-content:center;border-radius:2.60417vw;background:#F9F9F9;color:#000;text-transform:capitalize;transition:all 600ms;margin-bottom:2.91667vw}.container .tabs span.on{background:#000;color:#fff}.container .title .t{color:#000;font-weight:600;text-transform:capitalize;margin-bottom:.67708vw}.container .title .intro{font-weight:300;text-transform:capitalize}.container .title .des{margin-top:2.60417vw;color:#666;font-weight:300;text-transform:capitalize}.container .title .des ul{padding-left:1.30208vw}.container .title .des ul li{list-style:disc}.container .pics{margin-top:6.45833vw;display:flex;flex-direction:column;gap:1.45833vw}.container .pics .pic_2{display:flex;justify-content:space-between;gap:1.45833vw}.container .pics .pic_2.reverse{flex-direction:row-reverse}.container .pics .pic_2 .pic_c{width:59.53125vw;border-radius:2.60417vw;overflow:hidden;position:relative}.container .pics .pic_2 .pic_c::before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0.3;z-index:5;background:linear-gradient(180deg, #000 0%, transparent 102.52%)}.container .pics .pic_2 .pic_c img{width:100%;height:25.88542vw;display:block;object-fit:cover;transition:all 600ms}.container .pics .pic_2 .pic_c:hover img{transform:scale(1.05)}.container .pics .pic_2 .pic_d{width:100%;flex:1;border-radius:2.60417vw;overflow:hidden;position:relative}.container .pics .pic_2 .pic_d::before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0.3;z-index:5;background:linear-gradient(180deg, #000 0%, transparent 102.52%)}.container .pics .pic_2 .pic_d img{width:100%;height:25.88542vw;display:block;object-fit:cover;transition:all 600ms}.container .pics .pic_2 .pic_d:hover img{transform:scale(1.05)}.container .pics .pic_1{border-radius:2.60417vw;overflow:hidden;position:relative}.container .pics .pic_1::before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0.3;z-index:5;background:linear-gradient(180deg, #000 0%, transparent 102.52%)}.container .pics .pic_1 img{width:100%;height:25.88542vw;display:block;object-fit:cover;transition:all 600ms}.container .pics .pic_1:hover img{transform:scale(1.05)}@media screen and (max-width: 768px){.banner{border-radius:0 0 30px 30px;margin-top:60px}.banner .bg{height:150px}.banner .text{bottom:20px;padding:0 5%}.banner .text .t{font-size:24px}.banner .text .breadmenu{gap:15px;flex-wrap:wrap}.banner .text .breadmenu a{font-size:12px;gap:5px}.container{padding:30px 5% 60px 5%}.container .tabs{gap:15px}.container .tabs span{min-width:150px;height:45px;border-radius:25px;font-size:16px;margin-bottom:20px}.container .title .t{margin-bottom:10px;font-size:24px}.container .title .intro{font-size:14px;margin-bottom:20px}.container .title .des{margin-top:20px;font-size:14px}.container .title .des ul{padding-left:20px}.container .pics{margin-top:30px;gap:20px}.container .pics .pic_2{flex-direction:column;gap:20px}.container .pics .pic_2.reverse{flex-direction:column}.container .pics .pic_2 .pic_c{width:100%;border-radius:25px}.container .pics .pic_2 .pic_c img{height:250px}.container .pics .pic_2 .pic_d{width:100%;border-radius:25px}.container .pics .pic_2 .pic_d img{height:250px}.container .pics .pic_1{border-radius:25px}.container .pics .pic_1 img{height:250px}}