.container{margin-top:50px}
.container h1{padding-bottom:15px;width:100%;border-bottom:1px solid #adadad;color:#adadad;text-align:center;font-weight:700;font-size:48px;font-family:'Times New Roman'}
.container .choose{display:flex;margin-top:40px;padding-bottom:15px;text-align:center;justify-content:space-around}
.container .choose a{position:relative;color:#adadad;font-size:18px;transition:.5s}
.container .choose a:after{position:absolute;bottom:-12px;left:50%;width:30px;height:3px;border-radius:5px;background:#2b2b2b;content:'';opacity:0;transition:.5s;transform:translateX(-50%)}
.container .choose a:hover{color:#2b2b2b}
.container .choose a:hover:after{opacity:1}
.container .choose .active{color:#2b2b2b}
.container .choose .active:after{opacity:1}
.container .description{margin-top:30px;color:#2b2b2b;text-indent:2em;line-height:24px}
.container .banner{margin-top:30px;height:500px}
.container .banner .swiper-pagination-bullet{margin:0 8px;width:12px;height:12px;background:#2b2c2b;opacity:1;transition:.5s}
.container .banner .swiper-pagination{bottom:30px}
.container .banner .swiper-pagination-bullet-active{width:30px;border-radius:30px}
.container .products{margin-top:30px}
.container .products .product{float:left;margin-bottom:20px;margin-left:15px;width:390px}
.container .products .product img{width:390px;height:292px;object-fit:cover}
.container .products .product:nth-child(3n-2){margin-left:0}
.container .products .product .tag{position:relative;height:36px;text-align:left;line-height:36px}
.container .products .product .tag span{margin-right:5px;padding:2px 5px;border-radius:15px;background:#f2f2f2;color:#adadad}
.container .products .product .tag .info{position:absolute;top:6px;right:20px;height:24px;color:#adadad;font-size:12px;line-height:24px}
.container .products .product .tag .info:after{position:absolute;top:4px;right:-20px;width:16px;height:16px;border-radius:50%;background:#adadad;color:#fff;content:"→";text-align:center;line-height:16px}
.space-info{overflow:hidden;padding-bottom:50px;background:#f5f5f5}
.space-info .main{margin-top:40px}
.space-info .main .left{float:left;padding:20px;width:240px;height:570px;background:#fff}
.space-info .main .left .area{color:#2b2b2b;font-size:36px}
.space-info .main .left .type{position:relative;margin-top:30px;padding-right:20px;text-align:right}
.space-info .main .left .type span:after{position:absolute;top:50%;right:0;width:16px;height:16px;border-radius:50%;background:#2b2b2b;color:#fff;content:"→";text-align:center;line-height:16px;transform:translateY(-50%)}
.space-info .main .left .small{margin-top:15px;width:100%;height:200px;object-fit:cover}
.space-info .main .left .dl{margin-top:28px;font-size:12px}
.space-info .main .left .dl .dt{float:left;width:60px;color:#adadad}
.space-info .main .left .dl .dt i{padding-right:24px}
.space-info .main .left .dl .dd{float:right;width:140px}
.space-info .main .left .dl .dd p{overflow:hidden;margin-bottom:20px;text-overflow:ellipsis;white-space:nowrap}
.space-info .main .right{float:right;padding:15px;width:940px;height:570px;background:#fff}
.space-info .main .right .swiper-slide{height:485px;object-fit:cover}
.space-info .main .right .swiper-pagination-bullet{margin:0 8px;width:12px;height:12px;background:#2b2c2b;opacity:1;transition:.5s}
.space-info .main .right .swiper-pagination{bottom:30px}
.space-info .main .right .swiper-pagination-bullet-active{width:30px;border-radius:30px}
.space-info .main .right .info{margin-top:20px;padding-right:25px;background:url(../img/tag.jpg) no-repeat right center;text-align:right}