.qin18494 *{margin:0;padding:0;box-sizing:border-box}.qin18494{position:relative;overflow:hidden}.qin18494 .mainTitle{position:relative;color:#353535;font-size:34px;text-align:center;width:1200px;margin:10px auto;margin-top:99px;margin-bottom:50px}.qin18494 .line{position:absolute;top:10px;left:50%;transform:translateX(-50%);height:0;width:1px;background:#000;transition:height 1s}.qin18494 .nav{position:relative;display:flex;justify-content:center;align-content:center;margin:0 auto 50px;background:#fff}.qin18494 .nav::after{position:absolute;top:50%;left:50%;transform:translateX(-50%);content:'';display:block;width:1200px;height:1px;background:#ccc}.qin18494 .nav-items{position:relative;z-index:1}.qin18494 .nav .nav-item{position:relative;z-index:1;float:left;font-size:16px;padding:10px 20px;text-align:center;border:1px solid #ccc;border-right:0;background:#fff;color:#333;transition:.3s;white-space:nowrap}.qin18494 .nav .nav-item:first-child{border-radius:4px 0 0 4px}.qin18494 .nav .nav-item:nth-child(7n){border-right:1px solid #ccc;border-radius:0 4px 4px 0}.qin18494 .nav .nav-item:hover{background:#e6e6e6}.qin18494 .products{position:relative;width:1200px;margin:0 auto}.qin18494 .products .navigation{display:none;position:absolute;top:0;left:0;right:0}.qin18494 .products .navigation:nth-child(1){display:block}.qin18494 .products .navigation .banner-description{display:flex;align-items:flex-end;position:absolute;top:0;left:0;bottom:0;right:0}.qin18494 .products .navigation .banner-description:hover .container{opacity:1}.qin18494 .products .navigation .banner-description .container{opacity:0;width:100%;color:#fff;background:rgba(0,0,0,0.747);transition:opacity .3s}.qin18494 .products .navigation .banner-description .container .banner-name{padding:20px 10px 10px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qin18494 .products .navigation .banner-description .container .banner-docs{font-size:12px;padding:0 10px 30px;width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:50px}.qin18494 .products .navigation .grid-item{width:calc((100% - 45px) / 4)}.qin18494 .products .navigation .grid-item img{width:100%}@media screen and (max-width:1200px){.qin18494{padding:0 10px}.qin18494 .products{width:100%}.qin18494 .mainTitle{width:100%}.qin18494 .nav{width:100%}.qin18494 .nav::after{width:100vw}}@media screen and (max-width:768px){.qin18494 .nav-items{width:100%}.qin18494 .nav .nav-item{width:50%;border:1px solid #ccc;border-bottom:0;border-radius:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qin18494 .nav .nav-item:nth-child(2n){border-left:0}.qin18494 .nav .nav-item:first-child{border-radius:0}.qin18494 .nav .nav-item:nth-child(6){border-bottom:1px solid #ccc}.qin18494 .nav .nav-item:nth-child(7){border-radius:0;border-bottom:1px solid #ccc}.qin18494 .nav::after{display:none}}