.banner{position:relative;width:100%;min-height:500px;background:rgba(0,0,0,.02);overflow:hidden;border-bottom:solid 1px rgba(0,0,0,.01)}.banner img{display:block;width:100%;height:auto;margin-top:-180px}.banner .text-box{position:absolute;left:100px;top:130px;text-transform:uppercase}.banner .text-box h4{font-size:60px;text-align:center}.banner .text-box p{margin-top:20px;width:460px;line-height:30px;font-size:20px;color:#666}.product-list{margin:20px 0;padding:20px 18px}.product-list ul{width:100%;min-height:300px}.product-list ul li.product-type-title{width:100%;height:50px;line-height:50px;text-align:center;font-size:20px;padding-top:10px}.product-list ul li{position:relative;overflow:hidden;cursor:pointer}.product-list ul li .product-box{height:400px;margin:10px auto;border:1px solid rgba(0,0,0,.04);overflow:hidden}.product-list ul li p{padding:10px 20px;font-size:16px;color:rgba(0,0,0,.6);line-height:24px}.product-intro{height:310px;width:100%;padding:20px;overflow:hidden;display:flex;justify-content:center;align-items:center}.product-intro img{display:block;height:100%;width:auto}.product-list ul li .product-detail{position:absolute;top:0;left:15px;right:15px;height:400px;border:1px solid rgba(0,0,0,.04);background:rgba(255,255,255,.85);transform:translate(0,400px);visibility:hidden;transition:.2s all;font-size:15px;color:rgba(0,0,0,.8);line-height:30px;padding:20px;text-align:left;white-space:pre-wrap}.product-list ul li:hover .product-detail{transform:translate(0,10px);visibility:visible}@media (max-width:768px){.banner{min-height:300px}.banner img{margin-top:0}.banner .text-box{position:absolute;left:10px;top:100px}.banner .text-box h4{font-size:30px;text-transform:uppercase;text-align:center}.banner .text-box p{width:280px;margin-top:10px;padding-left:5px;line-height:30px;font-size:14px;color:#666}.product-list{padding:5px 4px}.product-list ul li .product-detail{font-size:16px;color:rgba(0,0,0,.8);line-height:32px;padding:24px 20px;text-align:left}}