.detail-banner{position:relative;width:100%}.detail-banner .detail-banner-box{position:absolute;top:0;left:0;padding:0 .3rem;padding-top:2.5rem;width:100%;height:100%;background-color:rgba(0,0,0,0.3);z-index:1}.detail-banner .detail-title{margin-top:.1rem;font-size:.64rem;font-weight:bold;color:#fff;line-height:.64rem}.detail-banner .detail-text{padding-top:.06rem;font-size:.36rem;font-weight:400;color:#fff;line-height:.4rem}.detail-banner .detail-content{display:flex;align-items:center;width:100%}.detail-banner .detail-content .detail-item{display:flex;flex-direction:column;align-items:center;margin-right:.36rem}.detail-banner .detail-content .detail-item .detail-icon{width:1.8rem}.detail-banner .detail-content .detail-item .detail-text{font-size:.26rem;font-weight:400;color:#fff;line-height:.4rem;opacity:.8}.detail-img{width:100%;opacity:0;transition:all .3s}.research{position:relative;padding-top:.65rem;padding-bottom:.82rem;width:100%;background-color:#1d1d1d}.research .title{padding:0 .3rem;padding-bottom:.35rem;font-size:.36rem;font-weight:bold;color:#fff;line-height:.46rem}.research .one{margin-left:.3rem;width:calc(100% - .3rem)}.research .two{margin-top:.2rem}.way{padding:0 .3rem;padding-top:.95rem;background:#f6f6f6}.way .title{font-size:.36rem;font-weight:bold;color:#232222;line-height:.46rem}.way .content{padding-top:.1rem;padding-bottom:.4rem;font-size:.3rem;font-weight:300;color:#232222;line-height:.46rem;opacity:.8}.way .detail-img{margin:0 auto;max-width:100%;width:fit-content}.way .one{margin-bottom:.57rem}.brand{padding-top:1.45rem;padding-bottom:1.05rem}.brand .title{padding:0 .3rem;padding-top:.5rem;font-size:.36rem;font-weight:bold;color:#232222;line-height:.46rem}.brand .detail-img{margin:0 auto;max-width:100%;width:fit-content}.brand .contents{padding:0 .3rem;padding-top:.3rem;font-size:.3rem;font-weight:300;color:#232222;line-height:.46rem;opacity:.8}.case-intro{padding-top:1rem;padding-bottom:.7rem}.case-intro .case-title{padding:0 .3rem;padding-bottom:.5rem;font-size:.7rem;font-weight:bold;color:#333;line-height:.7rem}.case-intro .case-content{padding:0 .3rem;font-size:.3rem;font-weight:300;color:#232222;line-height:.46rem;opacity:.8}.case-intro .case-small-title{padding:0 .3rem;font-size:.36rem;font-weight:bold;color:#232222;line-height:.46rem}.case-intro .detail-img{max-width:100%}.case-intro .case-one{padding-top:.65rem}.case-intro .case-one .detail-img{display:block;margin-top:.27rem}.case-intro .case-two{padding-top:.6rem}.case-intro .case-two .case-content{padding:.2rem .3rem;font-size:.3rem;font-weight:300;color:#232222;line-height:.46rem;opacity:.8}.case-intro .case-two .detail-img{display:block;margin-top:.4rem;margin-left:.3rem;width:calc(100% - .3rem)}.case-intro .case-three{position:relative;padding:0 .3rem;margin-top:.3rem}.case-intro .case-three .case-small-title{position:absolute;left:.4rem;top:.7rem}.case-intro .case-three .case-content-box{position:absolute;left:.4rem;top:1.3rem}.case-intro .case-three .case-content-box .case-content{font-size:.3rem;font-weight:300;color:#232222;line-height:.46rem;opacity:.8}.case-intro .case-four{padding-top:.7rem}.case-intro .case-four .detail-img{margin-top:.15rem;margin-left:.3rem;width:calc(100% - .6rem)}.case-intro .case-five{padding-top:.75rem}.case-intro .case-five .detail-img{display:block;margin-top:.25rem;margin-left:.3rem;width:calc(100% - .6rem)}.image{position:relative;width:100%}.image.show .detail-img{opacity:1}.video{display:flex;width:100%}.video .video-item{position:relative;width:50%;height:5.35rem;background-color:#000}.video .video-item .video-item-video{position:absolute;top:50%;left:0;transform:translateY(-50%);display:block;width:100%}.video .video-item .video-item-content{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;cursor:pointer;z-index:2}.video .video-item .video-item-content .video-item-shadow{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(0,0,0,0.3)}.video .video-item .video-item-content .video-item-shadow .video-item-icon{width:.64rem}.video.width{justify-content:center}.video.width .video-item{width:12rem;height:6.75rem}.video.width .video-item .video-item-video{width:12rem}