.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;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}
.layout{overflow:hidden;background:#f5f6f5}
.layout .style-info{margin-top:20px;padding:20px 15px 0;background:#fff}
.layout .style-info .main .left{position:relative;float:left;width:650px}
.layout .style-info .main .left .swiperShow{height:350px}
.layout .style-info .main .left .swiperCtrl{position:relative;overflow:hidden;margin-top:15px;width:580px;height:125px}
.layout .style-info .main .left .swiperCtrl .swiper-wrapper{margin:0 auto}
.layout .style-info .main .left .swiperCtrl .swiper-wrapper .swiper-slide{height:130px;background-size:cover}
.layout .style-info .main .left .ctrlNext,.layout .style-info .main .left .ctrlPrev{position:absolute;top:inherit;bottom:0;z-index:4;width:20px;height:125px;border:2px solid #b7b9b3;border-radius:5px;background:#fff;color:#b7b9b3;text-align:center;font-weight:700;font-size:24px;line-height:121px}
.layout .style-info .main .left .ctrlPrev{left:0}
.layout .style-info .main .left .ctrlNext{right:0}
.layout .style-info .main .right{float:right;width:450px}
.layout .style-info .main .right .top{margin-bottom:30px;padding-bottom:20px;border-bottom:1px dashed #ccc;color:#1a1f23;font-weight:600;font-size:16px}
.layout .style-info .main .right .top span{float:right;color:#1a1f23}
.layout .style-info .main .right .dl{margin-bottom:35px}
.layout .style-info .main .right .dl .dt{float:left;width:80px;color:#adadad}
.layout .style-info .main .right .dl .dd{float:left}
.layout .style-info .main .right .dl .dd .cont{margin-bottom:20px}
.layout .style-info .main .right .dl .dd .cont .img{float:left;width:80px;height:80px;object-fit:cover}
.layout .style-info .main .right .dl .dd .cont .info{float:left;color:#adadad}
.layout .style-info .main .right .dl .dd .cont .info p{margin-bottom:12px;padding-left:10px}
.layout .style-info .main .right .dl .dd .cont .info p span{color:#2b2b2b}
.layout .style-info .main .right .dl .dd .cont .info p i{padding-right:28px}
.layout .style-info .line{margin-top:20px;margin-right:-15px;margin-left:-15px;height:40px;border-top-right-radius:5px;border-top-left-radius:5px;background:#2b2c2b;color:#fff;text-align:center;line-height:40px}
.layout .style-info .extra{margin:30px auto 0;padding-bottom:20px;width:780px}
.layout .style-info .extra .text{margin:50px auto 0;line-height:24px}
.layout .style-info .extra .input{margin-top:30px}
.layout .style-info .extra .input .font{color:#2b2b2b;font-weight:600;font-size:16px}
.layout .style-info .extra .input .textarea{margin-top:20px;padding:15px;width:780px;height:200px;border-radius:3px;background:#f5f6f5;resize:none}
.layout .style-info .extra .input .submit{margin-top:15px;text-align:right}
.layout .style-info .extra .input .submit input{padding:5px 8px;border-radius:4px;background:#2b2b2b;color:#fff;cursor:pointer}
.layout .style-info .extra .comments{padding-top:40px}
.layout .style-info .extra .comments .comment{position:relative;margin-bottom:40px;padding:0 10px 20px 60px;border-bottom:1px dashed #adadad;background:url(../images/home/comment_user.jpg) no-repeat top left}
.layout .style-info .extra .comments .comment .time{margin-top:3px;color:#adadad;font-size:12px}
.layout .style-info .extra .comments .comment article{margin-top:12px;width:100%;color:grey;font-size:16px}
.layout .style-info .extra .comments .comment .zan{position:absolute;right:0;bottom:0;padding-left:25px;width:40px;height:40px;background:url(../images/home/zan.jpg) no-repeat top left;color:#adadad;font-size:12px;cursor:pointer}