@font-face{font-display:swap;font-family:OPPO Sans;font-style:normal;font-weight:400;src:url(../fonts/OPPOSans-R.woff2) format("woff2")}@font-face{font-display:swap;font-family:OPPO Sans;font-style:normal;font-weight:500;src:url(../fonts/OPPOSans-M.woff2) format("woff2")}@font-face{font-display:swap;font-family:OPPO Sans;font-style:normal;font-weight:700;src:url(../fonts/OPPOSans-B.woff2) format("woff2")}@font-face{font-display:swap;font-family:FontquanXinYiGuanHeiTi;font-style:normal;font-weight:300;src:url(../fonts/FontquanXinYiGuanHeiTi-Regular.woff2) format("woff2")}body,html,li,p,ul{margin:0;padding:0}body,html{min-width:1240px;overflow-y:hidden}li,ul{list-style:none}p{margin-bottom:16px;padding:0}h3{margin-bottom:22px}div{box-sizing:border-box}.scroller{overflow:auto}.scroller::-webkit-scrollbar{height:4px;width:6px}.scroller::-webkit-scrollbar-thumb{background:#0000004d;border-radius:10px}.scroller::-webkit-scrollbar-track{background:transparent}a{text-decoration:none}.content-wrap,.module{position:relative;width:100%}.module{background-position:50%;background-repeat:no-repeat;margin:0 auto}.module .m-content{display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-width:1100px;width:62.5%}.module .m-content .header{align-items:center;display:flex;flex-direction:column;margin:80px auto 0;width:auto}.module .m-content .header p:first-child{color:#00153b;font-size:30px;font-weight:500;letter-spacing:2px}.module .m-content .header p:nth-child(2){color:#777;font-size:18px;font-weight:400;letter-spacing:1px}.module .m-content:before{content:"";display:table}.text{margin:0 auto;max-width:1200px}.text p{color:#00153b;text-align:center}.text p:first-child{font-size:30px;font-weight:500;margin-bottom:39px}.text p:nth-child(2){font-size:15px;font-weight:300;padding:0 50px}.text p:nth-child(3){font-size:15px;font-weight:700}.inline-block-sm,.inline-sm,.sm{display:none!important}.title-sm{color:#00153b;font-size:19px;font-weight:500;letter-spacing:1px;line-height:29px;margin-bottom:20px;text-align:center}.article-sm{color:#7e8296;font-size:13px;font-weight:400;letter-spacing:1px;line-height:26px;text-align:justify}.title-lg{font-size:30px;letter-spacing:2px;line-height:45px}.subtitle-lg,.title-lg{color:#00153b;font-weight:500;text-align:center}.subtitle-lg{font-size:19px;line-height:28px;margin-bottom:17px}.article-lg-lighter{color:#7e8296;font-size:14px;font-weight:300;letter-spacing:1px;line-height:26px;margin-bottom:0;text-align:justify}.article-lg-normal{color:#00153b;font-size:15px;font-weight:400;letter-spacing:1px;line-height:28px;text-align:center}.flex-col-center{display:flex;flex-direction:column;justify-content:center}.flex-col-between{display:flex;flex-direction:column;justify-content:space-between}.flex-row-center{display:flex;flex-direction:row;justify-content:center}.flex-row-around{display:flex;flex-direction:row;justify-content:space-around}.flex-row-start{display:flex;flex-direction:row;justify-content:flex-start}@media screen and (max-width:768px){body,html{min-width:0}.app{min-width:0!important}.scroller::-webkit-scrollbar{height:0;width:0}.lg{display:none!important}.sm{display:block!important}.inline-sm{display:inline!important}.inline-block-sm{display:inline-block!important}.module .m-content{min-width:0;width:90%}.module .m-content .header{margin-top:50px}.module .m-content .header p:first-child{font-size:20px;letter-spacing:1.36px;line-height:30px;margin-bottom:8px}.module .m-content .header p:nth-child(2){font-size:14px;letter-spacing:.95px;line-height:21px;margin-bottom:0}}.f24{font-size:24px!important}.product-floor1 .m-content .content-body,.product-floor1 .m-content .content-body-sm{margin-top:70px}.product-floor1 .m-content .content-body .item,.product-floor1 .m-content .content-body-sm .item{background-color:#fff;box-sizing:border-box;height:172px;margin-right:20px;padding:24px 34px;width:386px}.product-floor1 .m-content .content-body .item p,.product-floor1 .m-content .content-body-sm .item p{letter-spacing:1px;text-align:center;width:316px}.product-floor1 .m-content .content-body .item p:first-child,.product-floor1 .m-content .content-body-sm .item p:first-child{font-size:22px;font-weight:700}.product-floor1 .m-content .content-body .item p:last-child,.product-floor1 .m-content .content-body-sm .item p:last-child{font-size:18px;line-height:27px}.product-floor1 .m-content .content-body-sm{box-sizing:border-box}.product-floor1 .m-content .content-body-sm .item{background-color:#fff;box-sizing:border-box;height:172px;margin-bottom:10px;padding:24px 34px;width:100%}.product-floor1 .m-content .content-body-sm .item p{width:auto}.product-floor3 .m-content .content-body,.product-floor3 .m-content .content-body-sm{flex-wrap:wrap;margin-top:70px}.product-floor3 .m-content .content-body .item,.product-floor3 .m-content .content-body-sm .item{border:1px solid #b1c5db;border-radius:6px;box-sizing:border-box;cursor:pointer;height:auto;max-height:98px;min-height:98px;overflow:hidden;padding:0 36px 41px;transition:all .3s;width:326px}.product-floor3 .m-content .content-body .item:not(:nth-child(3n)),.product-floor3 .m-content .content-body-sm .item:not(:nth-child(3n)){margin-right:59px}.product-floor3 .m-content .content-body .item,.product-floor3 .m-content .content-body-sm .item{margin-bottom:27px}.product-floor3 .m-content .content-body .item div,.product-floor3 .m-content .content-body-sm .item div{color:#4c5d7c;font-size:20px;font-weight:500;height:98px;letter-spacing:1px;margin-bottom:0;position:relative}.product-floor3 .m-content .content-body .item div span,.product-floor3 .m-content .content-body-sm .item div span{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s;white-space:nowrap}.product-floor3 .m-content .content-body .item .line,.product-floor3 .m-content .content-body-sm .item .line{background:#2d77ff;height:1px}.product-floor3 .m-content .content-body .item p:last-child,.product-floor3 .m-content .content-body-sm .item p:last-child{color:#989e9f;font-size:18px;letter-spacing:1px;line-height:28px;margin-top:13px}.product-floor3 .m-content .content-body .item:hover,.product-floor3 .m-content .content-body-sm .item:hover{border:1px solid #2d77ff;max-height:240px}.product-floor3 .m-content .content-body .item:hover div>span,.product-floor3 .m-content .content-body-sm .item:hover div>span{color:#2d77ff;left:0;transform:translateY(10px)}.product-floor3 .m-content .content-body-sm .item{margin-right:0!important;width:auto}.docs-container{min-height:calc(100vh - 468px)}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.slide-up-animation{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.slide-up-animation.animate-in{opacity:1;transform:translateY(0)}