.quiet-smart-container{padding-bottom:6rem;background-color:#090c1b;background-image:url(/images/tech/quietsmart/quietsmart-bg.jpg);background-repeat:no-repeat;background-size:100%}.quiet-smart-container .banner{position:relative;color:#fff;max-width:1200px;margin:0 auto;height:50vw;padding:0 1rem}.quiet-smart-container .banner>h1{position:absolute;top:40%;font-family:HarmonyOS_Sans_Medium}.quiet-smart-container .title{font-size:3rem;margin-bottom:2rem}.quiet-smart-container .p{font-size:1.5rem}.quiet-smart-container.jp .title{font-size:2.5rem}.quiet-smart-container.jp .p{font-size:1.25rem}.quiet-smart-container .main{max-width:1200px;padding:0 1rem;margin:0 auto;color:#fff;overflow:hidden}.quiet-smart-container .main .page-title{text-align:center;margin-bottom:6rem}.quiet-smart-container .main .quiet-con{display:flex;justify-content:space-between}.quiet-smart-container .main .quiet-con>div{width:45%}.quiet-smart-container .main .quiet-con>div>img{width:100%}.quiet-smart-container .main .quiet-con>div>p{padding-top:3rem}.quiet-smart-container .main .quiet-con>div .quiet-title{display:flex;align-items:center;padding-bottom:2rem}.quiet-smart-container .main .quiet-con>div .quiet-title>img{width:4rem;margin-right:1rem}.quiet-smart-container .main .quite-bottom{display:flex;justify-content:space-between;margin-top:1rem}.quiet-smart-container .main .quite-bottom .left,.quiet-smart-container .main .quite-bottom .right{width:45%}.quiet-smart-container .main .quite-bottom span{color:#f6d34b;font-size:2rem;margin-bottom:1rem;display:block}.quiet-smart-container .main .quite-bottom p{font-size:1.5rem}.quiet-smart-container .main .quite-algorithm{padding:8rem 0 4rem}.quiet-smart-container .main .quite-algorithm .img{margin:5rem 0;font-size:0}.quiet-smart-container .main .quite-algorithm .img img{width:100%;height:auto}.quiet-smart-container .main .quite-img{padding:2rem 0 8rem;text-align:center;position:relative}.quiet-smart-container .main .quite-img .quite-img-bg{width:100%;height:auto}.quiet-smart-container .main .quite-img .quite-img-up{position:absolute;top:25%;left:20%;animation:quietImgUp 2s infinite;width:5rem}.quiet-smart-container .main .quite-img>div{display:flex;justify-content:space-evenly}.quiet-smart-container .main .quite-img>div>p{display:flex;align-items:center}.quiet-smart-container .main .quite-img>div>p:before{content:"";display:inline-block;width:2rem;height:2px;background-color:#f6d34b;margin-right:1rem}.quiet-smart-container .main .quite-img>div>p:first-child:before{background-color:#f6d34b}.quiet-smart-container .main .quite-img>div>p:last-child:before{background-color:#06cdf8}.quiet-smart-container .main .bottom>.title{margin-bottom:2rem}.quiet-smart-container .quiet-smart-scene-container{padding:5rem 0 3rem;min-height:100vh!important;overflow:hidden}.quiet-smart-container .quiet-smart-scene-container .quiet-smart-scene-block{position:relative}.quiet-smart-container .quiet-smart-scene-container .quiet-smart-scene-box{display:flex;flex-direction:row;margin:5rem 0}.quiet-smart-container .quiet-smart-scene-container .quiet-smart-scene-box .scene-img{width:33.3%;font-size:0}.quiet-smart-container .quiet-smart-scene-container .quiet-smart-scene-box .scene-img>img{width:100%;height:auto}.quiet-smart-container .quiet-smart-scene-container .quiet-smart-scene-box .bg-img-01,.quiet-smart-container .quiet-smart-scene-container .quiet-smart-scene-box .bg-img-02,.quiet-smart-container .quiet-smart-scene-container .quiet-smart-scene-box .bg-img-03{opacity:.5}.quiet-smart-container .quiet-smart-scene-container .noise-reduction-curve-box{position:absolute;top:-4rem;left:0;width:100%;display:flex;align-items:center;padding:0 10%}.quiet-smart-container .quiet-smart-scene-container .noise-reduction-curve-img{width:100%;position:relative;font-size:0}.quiet-smart-container .quiet-smart-scene-container .noise-reduction-curve-img .img-01{position:relative;opacity:1}.quiet-smart-container .quiet-smart-scene-container .noise-reduction-curve-img .curve-img{position:absolute;top:0;left:0;opacity:0}.quiet-smart-container .quiet-smart-scene-container .noise-reduction-curve-img>img{width:100%;height:auto}.quiet-smart-container .quiet-smart-scene-container .scene-footer{color:#fff;display:flex;justify-content:center;flex-direction:column;max-width:1200px;margin:0 auto;padding:4rem 1rem;transform:translateY(100%);opacity:0}@keyframes quietImgUp{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@media screen and (max-width:1050px){.quiet-smart-container .banner{height:50vw;padding:0 2rem}.quiet-smart-container .title{font-size:2rem}.quiet-smart-container .p{font-size:1.125rem}.quiet-smart-container .main{padding:0 2rem}}@media screen and (max-width:767px){.quiet-smart-container{background-size:250%;background-position:77% 0}.quiet-smart-container .p{text-align:center;font-size:1rem;line-height:1.3}.quiet-smart-container .banner{min-height:60vh}.quiet-smart-container .banner>h1{display:none;top:70%}.quiet-smart-container .title{font-size:2rem;text-align:center}.quiet-smart-container .main .page-title{text-align:center;padding-bottom:3rem}.quiet-smart-container .main .quiet-con{flex-wrap:wrap}.quiet-smart-container .main .quiet-con>div{width:100%}.quiet-smart-container .main .quiet-con>div>p{padding-top:0;width:100%;font-size:1rem;text-align:center}.quiet-smart-container .main .quiet-con>div .quiet-title{display:block;padding-bottom:2rem;text-align:center}.quiet-smart-container .main .quiet-con>div .quiet-title>img{margin-bottom:.5rem;width:4rem}.quiet-smart-container .main .quite-bottom{text-align:center;flex-wrap:wrap}.quiet-smart-container .main .quite-bottom .left,.quiet-smart-container .main .quite-bottom .right{width:100%}.quiet-smart-container .main .quite-bottom .right{margin-top:2rem}.quiet-smart-container .main .quite-bottom span{font-size:1.5rem}.quiet-smart-container .main .quite-bottom p{font-size:1rem;line-height:1.3}.quiet-smart-container .main .quite-img{padding:2rem 0 4rem}.quiet-smart-container .main .quite-img>div{flex-wrap:wrap;justify-content:flex-start}.quiet-smart-container .main .quite-img>div>p{font-size:1rem}.quiet-smart-container .main .quite-img .quite-img-up{width:2rem}.quiet-smart-container .main .bottom>p{font-size:1rem;text-align:center}.quiet-smart-container .main .quite-algorithm{text-align:center;padding:4rem 0 0}.quiet-smart-container .main .quite-algorithm .img img{width:120%;transform:translate3d(-7%,0,0)}.quiet-smart-container .quiet-smart-scene-container .quiet-smart-scene-box{margin:2rem 0}.quiet-smart-container .quiet-smart-scene-container .quiet-smart-scene-box .scene-img{width:100%}.quiet-smart-container .quiet-smart-scene-container .quiet-smart-scene-box .bg-img-01{position:relative;opacity:.45}.quiet-smart-container .quiet-smart-scene-container .quiet-smart-scene-box .bg-img-02,.quiet-smart-container .quiet-smart-scene-container .quiet-smart-scene-box .bg-img-03{position:absolute;top:0;left:0;opacity:0}.quiet-smart-container .quiet-smart-scene-container .noise-reduction-curve-box{top:4rem;padding:0 2%;width:100%}.quiet-smart-container .quiet-smart-scene-container .scene-footer{opacity:1;padding:2rem;transform:translateY(30%);line-height:1.3}}