@font-face{font-family:HarmonyOS Sans SC-Bold;src:url(../media/HarmonyOS_Sans_SC_Bold.81ffa02a.woff2)}@font-face{font-family:HarmonyOS Sans SC-Medium;src:url(../media/HarmonyOS_Sans_SC_Medium.8b7ce691.woff2)}@font-face{font-family:HarmonyOS Sans SC-Light;src:url(../media/HarmonyOS_Sans_SC_Light.71a2bc62.woff2)}@font-face{font-family:HarmonyOS Sans SC-Black;src:url(../media/HarmonyOS_Sans_SC_Black.3143103b.woff2)}@font-face{font-family:HarmonyOS Sans SC-Regular;src:url(../media/HarmonyOS_Sans_SC_Regular.770ad489.woff2)}@font-face{font-family:HarmonyOS_Sans SC-Thin;src:url(../media/HarmonyOS_Sans_SC_Thin.d3faa2a3.woff2)}.mobile-case-container{padding-bottom:100px}.mobile-case-container .nav-list .nav-item{font-family:HarmonyOS Sans SC-Regular;font-size:16px}.mobile-case-container .nav-list .Mui-selected{font-family:HarmonyOS Sans SC-Medium;color:#5931c5!important}.mobile-case-container .nav-con{justify-content:center;padding:0 3%;display:flex}.mobile-case-container .nav-con .img{max-width:100%;max-height:100%;display:block}.mobile-case-container .nav-con iframe{width:100%;height:400px}.mobile-case-container .nav-con>video,.mobile-case-container .nav-con>img{-o-object-fit:cover;object-fit:cover;max-width:100%;height:400px;max-height:100%;display:block}
@font-face{font-family:HarmonyOS Sans SC-Bold;src:url(../media/HarmonyOS_Sans_SC_Bold.81ffa02a.woff2)}@font-face{font-family:HarmonyOS Sans SC-Medium;src:url(../media/HarmonyOS_Sans_SC_Medium.8b7ce691.woff2)}@font-face{font-family:HarmonyOS Sans SC-Light;src:url(../media/HarmonyOS_Sans_SC_Light.71a2bc62.woff2)}@font-face{font-family:HarmonyOS Sans SC-Black;src:url(../media/HarmonyOS_Sans_SC_Black.3143103b.woff2)}@font-face{font-family:HarmonyOS Sans SC-Regular;src:url(../media/HarmonyOS_Sans_SC_Regular.770ad489.woff2)}@font-face{font-family:HarmonyOS_Sans SC-Thin;src:url(../media/HarmonyOS_Sans_SC_Thin.d3faa2a3.woff2)}.nav-wrap{z-index:10;background-color:#fff;height:64px;position:sticky;top:0;box-shadow:1px 3px 6px 1px #00000029}.nav-wrap .nav-item{font-family:HarmonyOS Sans SC-Regular}.nav-wrap .Mui-selected{font-family:HarmonyOS Sans SC-Medium;color:#5931c5!important}.hardware-wrap-list{padding:0 30px}.hardware-wrap-list .mobile-hardware-wrap{padding:40px 0 0}.hardware-wrap-list .mobile-hardware-wrap .title{color:#404040;font-family:HarmonyOS Sans SC-Medium;font-size:16px;line-height:21px}.hardware-wrap-list .mobile-hardware-wrap .desc{color:#404040;margin-top:12px;font-family:HarmonyOS Sans SC-Light;font-size:16px;line-height:21px}.hardware-wrap-list .mobile-hardware-wrap .hardware-list{margin-top:20px}.hardware-wrap-list .mobile-hardware-wrap .hardware-item{background-size:cover;position:relative}.hardware-wrap-list .mobile-hardware-wrap .hardware-item .img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.hardware-wrap-list .mobile-hardware-wrap .hardware-item .item-con{padding:20px 0 0}.hardware-wrap-list .mobile-hardware-wrap .hardware-item .item-con .item-title{color:#404040;padding-left:10%;font-family:HarmonyOS Sans SC-Medium;font-size:14px;line-height:20px}.hardware-wrap-list .mobile-hardware-wrap .hardware-item .item-con .item-desc{color:#404040;margin-top:8px;padding-left:10%;font-family:HarmonyOS Sans SC-Light;font-size:10px;line-height:14px}.hardware-wrap-list .mobile-hardware-wrap .hardware-item .item-con .item-pic{flex-grow:1;justify-content:center;align-items:center;height:150px;display:flex}.hardware-wrap-list .mobile-hardware-wrap .hardware-item .item-con .item-pic img{max-width:100%;max-height:100%;display:block}
@font-face{font-family:HarmonyOS Sans SC-Bold;src:url(../media/HarmonyOS_Sans_SC_Bold.81ffa02a.woff2)}@font-face{font-family:HarmonyOS Sans SC-Medium;src:url(../media/HarmonyOS_Sans_SC_Medium.8b7ce691.woff2)}@font-face{font-family:HarmonyOS Sans SC-Light;src:url(../media/HarmonyOS_Sans_SC_Light.71a2bc62.woff2)}@font-face{font-family:HarmonyOS Sans SC-Black;src:url(../media/HarmonyOS_Sans_SC_Black.3143103b.woff2)}@font-face{font-family:HarmonyOS Sans SC-Regular;src:url(../media/HarmonyOS_Sans_SC_Regular.770ad489.woff2)}@font-face{font-family:HarmonyOS_Sans SC-Thin;src:url(../media/HarmonyOS_Sans_SC_Thin.d3faa2a3.woff2)}.pc-case-container{margin-top:80px}.pc-case-wrapper{height:732px;margin:0 auto;display:flex}.pc-case-wrapper .left{border-left:2px solid #eee;flex-shrink:0;align-items:center;width:33.73%;padding-left:4.21%;display:flex}.pc-case-wrapper .left .nav-list{width:100%;height:100%;overflow-y:auto}.pc-case-wrapper .left .nav-list .nav-item{color:#404040;cursor:pointer;margin-bottom:32px;font-family:HarmonyOS Sans SC-Light}.pc-case-wrapper .left .nav-list .nav-item.active{font-family:HarmonyOS Sans SC-Bold}.pc-case-wrapper .left .nav-list .nav-item:last-child{margin-bottom:0}.pc-case-wrapper .right{flex-grow:1;justify-content:center;align-items:center;height:100%;display:flex}.pc-case-wrapper .right .img{max-width:100%;max-height:100%;display:block}.pc-case-wrapper .right iframe{border:none;width:100%;height:100%}.pc-case-wrapper .right>video,.pc-case-wrapper .right>img{-o-object-fit:cover;object-fit:cover;max-width:100%;max-height:100%;display:block}
@font-face{font-family:HarmonyOS Sans SC-Bold;src:url(../media/HarmonyOS_Sans_SC_Bold.81ffa02a.woff2)}@font-face{font-family:HarmonyOS Sans SC-Medium;src:url(../media/HarmonyOS_Sans_SC_Medium.8b7ce691.woff2)}@font-face{font-family:HarmonyOS Sans SC-Light;src:url(../media/HarmonyOS_Sans_SC_Light.71a2bc62.woff2)}@font-face{font-family:HarmonyOS Sans SC-Black;src:url(../media/HarmonyOS_Sans_SC_Black.3143103b.woff2)}@font-face{font-family:HarmonyOS Sans SC-Regular;src:url(../media/HarmonyOS_Sans_SC_Regular.770ad489.woff2)}@font-face{font-family:HarmonyOS_Sans SC-Thin;src:url(../media/HarmonyOS_Sans_SC_Thin.d3faa2a3.woff2)}.pc-hardware-container .pc-hardware-wrapper{max-width:1760px;margin:0 auto;display:flex}.pc-hardware-container .pc-hardware-wrapper .left{flex-shrink:0;margin-right:16px}.pc-hardware-container .pc-hardware-wrapper .left .nav-list{opacity:.83;border-radius:10px;flex-direction:column;align-items:center;display:flex;position:sticky;top:0;box-shadow:1px 3px 6px 1px #00000029}.pc-hardware-container .pc-hardware-wrapper .left .nav-list .nav-item{cursor:pointer;color:#404040;justify-content:center;align-items:center;font-family:HarmonyOS Sans SC-Medium;text-decoration:none;display:flex}.pc-hardware-container .pc-hardware-wrapper .left .nav-list .nav-item.active{color:#fff;background-color:#5931c5;border-radius:10px}.pc-hardware-container .pc-hardware-wrapper .right{border-radius:10px;flex-grow:1;box-shadow:1px 3px 6px 1px #00000029}.pc-hardware-container .pc-hardware-wrapper .right .pc-hardware-wrap .title{font-family:HarmonyOS Sans SC-Medium}.pc-hardware-container .pc-hardware-wrapper .right .pc-hardware-wrap .desc{font-family:HarmonyOS Sans SC-Light}.pc-hardware-container .pc-hardware-wrapper .right .hardware-list .hardware-item{cursor:pointer;box-sizing:border-box;position:relative;overflow:hidden}.pc-hardware-container .pc-hardware-wrapper .right .hardware-list .hardware-item .img{width:100%;max-width:100%;height:auto;display:block}.pc-hardware-container .pc-hardware-wrapper .right .hardware-list .hardware-item .item-con{box-sizing:border-box;flex-direction:column;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pc-hardware-container .pc-hardware-wrapper .right .hardware-list .hardware-item .item-con .item-title{color:#404040;font-family:HarmonyOS Sans SC-Medium}.pc-hardware-container .pc-hardware-wrapper .right .hardware-list .hardware-item .item-con .item-desc{color:#404040;font-family:HarmonyOS Sans SC-Light}.pc-hardware-container .pc-hardware-wrapper .right .hardware-list .hardware-item .item-con .item-btn{color:#404040;align-items:center;font-family:HarmonyOS Sans SC-Light;display:flex}.pc-hardware-container .pc-hardware-wrapper .right .hardware-list .hardware-item .item-con .item-btn img{margin-left:6px}.pc-hardware-container .pc-hardware-wrapper .right .hardware-list .hardware-item .item-con .item-pic{flex-grow:1;justify-content:center;align-items:center;height:50%;display:flex}.pc-hardware-container .pc-hardware-wrapper .right .hardware-list .hardware-item .item-con .item-pic img{max-width:100%;max-height:100%;display:block}
@font-face{font-family:HarmonyOS Sans SC-Bold;src:url(../media/HarmonyOS_Sans_SC_Bold.81ffa02a.woff2)}@font-face{font-family:HarmonyOS Sans SC-Medium;src:url(../media/HarmonyOS_Sans_SC_Medium.8b7ce691.woff2)}@font-face{font-family:HarmonyOS Sans SC-Light;src:url(../media/HarmonyOS_Sans_SC_Light.71a2bc62.woff2)}@font-face{font-family:HarmonyOS Sans SC-Black;src:url(../media/HarmonyOS_Sans_SC_Black.3143103b.woff2)}@font-face{font-family:HarmonyOS Sans SC-Regular;src:url(../media/HarmonyOS_Sans_SC_Regular.770ad489.woff2)}@font-face{font-family:HarmonyOS_Sans SC-Thin;src:url(../media/HarmonyOS_Sans_SC_Thin.d3faa2a3.woff2)}.list-container .title-wrap{max-width:1760px;margin:0 auto}.list-container .title-wrap .line{background-color:#5931c5;width:148px;height:1px}.list-container .title-wrap .title{color:#404040;font-family:HarmonyOS Sans SC-Medium}.case-wrapper .case-title{text-align:center;font-family:HarmonyOS Sans SC-Medium}
@font-face{font-family:HarmonyOS Sans SC-Bold;src:url(../media/HarmonyOS_Sans_SC_Bold.81ffa02a.woff2)}@font-face{font-family:HarmonyOS Sans SC-Medium;src:url(../media/HarmonyOS_Sans_SC_Medium.8b7ce691.woff2)}@font-face{font-family:HarmonyOS Sans SC-Light;src:url(../media/HarmonyOS_Sans_SC_Light.71a2bc62.woff2)}@font-face{font-family:HarmonyOS Sans SC-Black;src:url(../media/HarmonyOS_Sans_SC_Black.3143103b.woff2)}@font-face{font-family:HarmonyOS Sans SC-Regular;src:url(../media/HarmonyOS_Sans_SC_Regular.770ad489.woff2)}@font-face{font-family:HarmonyOS_Sans SC-Thin;src:url(../media/HarmonyOS_Sans_SC_Thin.d3faa2a3.woff2)}html,body{scroll-behavior:smooth}