*{box-sizing:border-box;margin:0;padding:0;font-family:pingfang,PingFang SC,Century Gothic,microsoft yahei,Avenir,Helvetica,Arial,sans-serif}ul,li{list-style:none;margin:0;padding:0}a{text-decoration:none}.zoom-in{display:block;animation:in 2s}.zoom-out{display:none;animation:out 2s}@media(max-width: 768px){html,body{overflow-x:hidden}}.nav{width:80%;background:#fff;margin:160px auto 0;position:sticky;top:0;z-index:9;box-shadow:0 2px 10px 0 rgba(171,171,171,.24);border-radius:5px}.nav .nav-wrap{width:90%;max-width:1440px;height:60px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav .nav-wrap .nav-wrap-item{font-size:18px;color:#181a39;height:60px;line-height:60px;text-align:center;transition:all .2s ease-in}.nav-content{width:100%;background:#f5f6f8}.nav-content .content-center{width:80%;max-width:1440px;margin:0 auto;justify-content:space-between}.nav-content .scroll-box{padding-top:130px !important}.nav-content .title{font-size:36px;color:#181a39;line-height:46px;text-align:center}.nav-content .button{background:#ff9e00;border-radius:18px;font-size:16px;color:#fff;border:none;text-align:center}.nav-content .buttons{display:flex;justify-content:center;align-items:center}.nav-content .buttons .btn{width:160px;height:36px;margin:44px 10px;line-height:36px}.nav-content .buttons a:last-child .btn{font-size:16px;color:#ff9e00;background:#fff;border:1px solid #ff9e00}.part-title{font-size:36px;color:#181a39;line-height:46px;text-align:center;margin-bottom:80px}.partners{padding-top:114px !important}.partners .partners-wrap{background-position:center;background-repeat:no-repeat;text-align:center;border-radius:10px;min-height:300px;max-height:500px;padding-bottom:45px;background-image:url("https://cdn.uino.cn/thingjsx/index/partner-bg.png");background-size:cover}.partners .partners-wrap .partnerTitle{font-size:36px;color:#181a39;line-height:46px;padding:60px 0 30px 0}.partners .partners-wrap .text{width:50%;max-width:692px;margin:0 auto;font-size:16px;color:#6b707a;line-height:26px}.partners .partners-wrap .btn{width:200px;height:36px;margin:2% auto 0;line-height:36px}.doc-tool{padding-top:114px !important}.doc-tool .content{display:flex;align-items:center;justify-content:space-between;gap:66px}.doc-tool .content .card{width:46%;max-width:300px;height:110px;background:#fff;border-radius:10px;box-shadow:0px 0px 20px 0px #e4e4e4;position:relative}.doc-tool .content .card a{display:flex;align-items:center;height:100%}.doc-tool .content .card img{width:22px;margin:0 5% 0 10%;object-fit:cover}.doc-tool .content .card .card-title{font-size:20px;color:#181a39}.doc-tool .content .card .enter{font-size:20px;color:#ff7800;margin-left:8%}.beginner-guide{background:linear-gradient(to bottom, #fff, #F3F5F8);padding-bottom:320px;padding-top:114px !important}.beginner-guide .content{display:flex;justify-content:space-between;align-items:center}.beginner-guide .content .card{position:relative;width:32%;max-width:400px;background:#eceff4;border-radius:5px;box-shadow:0px 0px 20px 0px #e4e4e4;height:140px}.beginner-guide .content .card .card-title-button{position:absolute;z-index:1}.beginner-guide .content .card .card-title-button .card-title{font-size:18px;color:#181a39;margin:30px 0 25px 30px}.beginner-guide .content .card .card-title-button .btn{width:130px;height:30px;margin:0 0 36px 30px;line-height:30px}.beginner-guide .content .card .icon{position:absolute;top:25%;left:70%}@media screen and (min-width: 320px)and (max-width: 767px){.nav-content .content-center{width:92% !important}.partners .partners-wrap{padding-bottom:30px}.partners .partners-wrap .partnerTitle{font-size:24px;padding:30px 0 20px}.partners .partners-wrap .text{width:92%}.partners .partners-wrap button{margin:26px auto 0}}.solution{width:100%;margin:0 auto}.solution .solution{background-size:cover}.solution .solution .header{display:flex;align-items:center;max-width:1400px;width:80%;height:540px;margin:0 auto}.solution .solution .header .header-bg{width:40%;min-width:420px;margin-right:170px;text-align:left;color:#fff}@media screen and (max-width: 1024px){.solution .solution .header .header-bg{min-width:auto;margin-right:auto}}.solution .solution .header .header-bg .header-title{margin-right:20px;margin-bottom:18px}.solution .solution .header .header-bg .header-top{width:100%;display:flex;justify-content:flex-start;align-items:center}.solution .solution .header .header-bg .header-top .h1{font-size:28px;line-height:58px;letter-spacing:2px}.solution .solution .header .header-bg .header-content{font-size:16px;line-height:22px;text-align:justify}.solution .solution .header .header-bg .header-btns{margin-top:47px;font-weight:400;font-size:16px;color:#fff}.solution .solution .header .header-gif{position:relative;width:697px;min-width:684px;height:386px;border-radius:5px;background-repeat:no-repeat;background-size:cover}.solution .solution .header .header-gif video{width:100%;height:100%;object-fit:fill}.solution .solution .header .header-gif video::-webkit-media-controls-fullscreen-button{display:none}.solution .solution .header .header-gif video::-webkit-media-controls-play-button{display:none}.solution .solution .header .header-gif video::-webkit-media-controls-timeline{display:none}.solution .solution .header .header-gif video::-webkit-media-controls-current-time-display{display:none}.solution .solution .header .header-gif video::-webkit-media-controls-time-remaining-display{display:none}.solution .solution .header .header-gif video::-webkit-media-controls-mute-button{display:none}.solution .solution .header .header-gif video::-webkit-media-controls-toggle-closed-captions-button{display:none}.solution .solution .header .header-gif video::-webkit-media-controls-volume-slider{display:none}.solution .solution .header .header-gif .video-btn{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:130px;height:39px;display:flex;align-items:center;background:#fff;opacity:.8;border-radius:20px;padding:8px 25px;cursor:pointer}.solution .solution .header .header-gif .video-btn .watch{margin-right:15px;font-size:14px}.solution .solution .header .header-gif .video-btn .triangle{width:0;height:0;border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);border-left:5px solid #000}.solution #video-wrap{position:relative;min-height:400px}.solution .video-wrap-btn{position:absolute;z-index:99;left:0;right:0;margin:auto;bottom:80px;width:40px;height:70px;-webkit-animation:video-wrap-btn 4s linear infinite;animation:video-wrap-btn 4s linear infinite}@-webkit-keyframes video-wrap-btn{25%{-webkit-transform:translateY(-10px)}50%,100%{-webkit-transform:translateY(0)}75%{-webkit-transform:translateY(10px)}}@keyframes video-wrap-btn{25%{transform:translateY(-10px)}50%,100%{transform:translateY(0)}75%{transform:translateY(10px)}}.solution .btn-1,.solution .btn-2{cursor:pointer;padding:8px 20px;border-radius:23px;display:inline-block}.solution .btn-1 a,.solution .btn-2 a{color:#fff}.solution .btn-1{background:#ff9e00}.solution .btn-2{margin-left:30px;background:#fff;border:1px solid #ff9e00}.solution .btn-2 a{color:#ff9e00}.solution .nav{margin:0% auto 0}@media screen and (max-width: 1024px){.solution .nav{display:none}}.solution .nav .nav-wrap .nav-wrap-item-first{display:flex;cursor:pointer;align-items:center;text-align:center}.solution .nav .nav-wrap .nav-wrap-item-first .item-text{background-color:#ff9e00;line-height:30px;font-size:15px;color:#fff;border-radius:23px;padding:0px 20px}.solution .nav .nav-wrap .nav-wrap-item-reserve{border-bottom:2px solid rgba(0,0,0,0);color:#fff}.solution .nav-content{width:100%;margin:0 auto;background:linear-gradient(to bottom, #fff, #F3F5F8)}.solution .nav-content .content-center{width:80%;max-width:1400px;margin:0 auto}.solution .nav-content .scroll-box{padding-top:70px}.solution .nav-content .scheme-architecture{margin:0 auto;width:80%;max-width:1400px}.solution .nav-content .scheme-architecture .scheme-architecture-title{font-size:36px;color:#181a39;text-align:center;margin-bottom:80px}.solution .nav-content .scheme-architecture .scheme-architecture-wrap{width:100%;margin:0 auto;display:flex;justify-content:space-between}@media screen and (max-width: 1024px){.solution .nav-content .scheme-architecture .scheme-architecture-wrap{flex-direction:column}.solution .nav-content .scheme-architecture .scheme-architecture-wrap>div{margin:0 auto !important;width:100% !important}}.solution .nav-content .scheme-architecture .scheme-architecture-wrap .left-img img{width:100%;height:100%;object-fit:contain}.solution .nav-content .scheme-architecture .scheme-architecture-wrap .right-content{margin-left:2%;margin-top:.3%;width:50%}.solution .nav-content .scheme-architecture .scheme-architecture-wrap .right-content .content-wrap{background:#eceff4;padding-top:6%;border-radius:10px;position:relative}.solution .nav-content .scheme-architecture .scheme-architecture-wrap .right-content .content-wrap .img{position:absolute;right:5%;top:0%}.solution .nav-content .scheme-architecture .scheme-architecture-wrap .right-content .content-wrap .wrap-title{font-size:28px;color:#181a39;padding-left:5%}.solution .nav-content .scheme-architecture .scheme-architecture-wrap .right-content .content-wrap .wrap-text{font-size:16px;font-weight:400;color:#6b707a;line-height:26px;padding-left:5%;margin:3% 18% 5% 0;text-align:justify}.solution .nav-content .scheme-architecture .scheme-architecture-wrap .right-content .content-wrap .wrap-content{border-radius:10px;background-color:#fff;margin-left:5%;padding-top:5%;padding-bottom:5%;margin-right:5%}.solution .nav-content .scheme-architecture .scheme-architecture-wrap .right-content .content-wrap .wrap-content .content-title{font-size:18px;color:#181a39;margin-bottom:3%;margin-left:5%}.solution .nav-content .scheme-architecture .scheme-architecture-wrap .right-content .content-wrap .wrap-content .content-text-img{display:flex;flex-direction:column;margin:0 5%}.solution .nav-content .scheme-architecture .scheme-architecture-wrap .right-content .content-wrap .wrap-content .content-text-img .text-img-wrap{display:flex;text-align:justify}.solution .nav-content .scheme-architecture .scheme-architecture-wrap .right-content .content-wrap .wrap-content .content-text-img .text-img-wrap img{width:6px;height:7px;margin-right:3%;margin-top:2%}.solution .nav-content .scheme-architecture .scheme-architecture-wrap .right-content .content-wrap .wrap-content .content-text-img .text-img-wrap span{font-size:16px;color:#6b707a;line-height:26px}.solution .nav-content .scheme-architecture .scheme-architecture-wrap .right-content .content-wrap .wrap-content .content-text-img .application-scene-buttons{display:flex;align-items:center;padding-top:0;background:#ff9e00;border-radius:18px;font-size:16px;color:#fff;border:none;text-align:center;justify-content:flex-start !important}.solution .nav-content .scheme-architecture .scheme-architecture-wrap .right-content .content-wrap .wrap-content .content-text-img .application-scene-buttons a{cursor:pointer}.solution .nav-content .scheme-architecture .scheme-architecture-wrap .right-content .content-wrap .wrap-content .content-text-img .application-scene-buttons a .btn{width:160px;height:36px;margin:44px 10px;line-height:36px}.solution .nav-content .scheme-architecture .buttons a{cursor:pointer}.solution .nav-content .scheme-architecture .buttons a .btn{cursor:pointer}.solution .nav-content .application-scene{margin:0 auto;width:80%;max-width:1400px}.solution .nav-content .application-scene .application-scene-title{font-size:36px;color:#181a39;text-align:center;margin-bottom:80px}.solution .nav-content .application-scene .application-scene-content{display:flex;justify-content:space-between;margin:0 auto;flex-direction:column}.solution .nav-content .application-scene .application-scene-content .application-scene-content-wrap{display:flex;justify-content:space-between;margin-bottom:8%}.solution .nav-content .application-scene .application-scene-content .application-scene-content-wrap .left-img{width:50%}.solution .nav-content .application-scene .application-scene-content .application-scene-content-wrap .left-img img{width:100%;height:100%;object-fit:contain}.solution .nav-content .application-scene .application-scene-content .application-scene-content-wrap .content-wrap{width:50%;margin-top:3.5%}.solution .nav-content .application-scene .application-scene-content .application-scene-content-wrap .content-wrap .wrap-title{font-size:28px;color:#181a39}.solution .nav-content .application-scene .application-scene-content .application-scene-content-wrap .content-wrap .wrap-content .content-text-img .text-img-wrap{display:flex;text-align:justify}.solution .nav-content .application-scene .application-scene-content .application-scene-content-wrap .content-wrap .wrap-content .content-text-img .text-img-wrap img{width:41px;height:41px;margin-top:5%}.solution .nav-content .application-scene .application-scene-content .application-scene-content-wrap .content-wrap .wrap-content .content-text-img .text-img-wrap span{display:block;font-size:16px;font-weight:400;color:#6b707a;line-height:26px;margin:5% 0;padding-left:5%}.solution .nav-content .application-scene .application-scene-content .application-scene-content-wrap .content-wrap .wrap-content .content-text-img .buttons{justify-content:flex-start}.solution .nav-content .application-scene .application-scene-content .application-scene-content-wrap .content-wrap .wrap-content .content-text-img .buttons .click{cursor:pointer}.solution .nav-content .application-scene .application-scene-content .application-scene-content-wrap .content-wrap .wrap-content .content-text-img .buttons a{cursor:pointer}.solution .nav-content .application-scene .application-scene-content .application-scene-content-wrap .content-wrap .wrap-content .content-text-img .buttons a .btn{margin:0 10px}.solution .nav-content .application-scene .application-scene-content .application-scene-content-wrap:nth-child(5){margin-bottom:0}.solution .nav-content .application-scene .application-scene-content .application-scene-content-wrap:nth-child(1) .left-img,.solution .nav-content .application-scene .application-scene-content .application-scene-content-wrap:nth-child(3) .left-img,.solution .nav-content .application-scene .application-scene-content .application-scene-content-wrap:nth-child(5) .left-img{margin-right:5%}.solution .nav-content .application-scene .application-scene-content .application-scene-content-wrap:nth-child(2),.solution .nav-content .application-scene .application-scene-content .application-scene-content-wrap:nth-child(4){flex-direction:row-reverse}.solution .nav-content .application-scene .application-scene-content .application-scene-content-wrap:nth-child(2) .content-wrap,.solution .nav-content .application-scene .application-scene-content .application-scene-content-wrap:nth-child(4) .content-wrap{margin-right:5%}.solution .nav-content .highlight{background:linear-gradient(0deg, #F4F7FD);margin:0 auto;width:80%;max-width:1400px}.solution .nav-content .highlight .highlight-grid{display:grid;grid-template-columns:repeat(6, 1fr);grid-gap:40px;width:100%;margin:0 auto}.solution .nav-content .highlight .highlight-grid>div{padding:30px;border-radius:10px;background:#fff;box-shadow:0px 0px 20px 0px #e4e4e4}.solution .nav-content .highlight .highlight-grid>div:nth-child(1){grid-column:1/4}.solution .nav-content .highlight .highlight-grid>div:nth-child(2){grid-column:4/7}.solution .nav-content .highlight .highlight-grid>div:nth-child(3){grid-column:1/3}.solution .nav-content .highlight .highlight-grid>div:nth-child(4){grid-column:3/5}.solution .nav-content .highlight .highlight-grid>div:nth-child(5){grid-column:5/7}.solution .nav-content .highlight .highlight-grid .item-img-box{display:flex;justify-content:center;align-items:center;margin:0 0 20px 0;height:60px;width:60px;border-radius:50%;background-color:rgba(255,120,0,.05)}.solution .nav-content .highlight .highlight-grid .item-img-box .item-img{display:inline-block}.solution .nav-content .highlight .highlight-grid .item-h4{font-size:18px;font-weight:500;line-height:18px;color:#333}.solution .nav-content .highlight .highlight-grid .item-h4:nth-of-type(2){padding-top:7px}.solution .nav-content .highlight .highlight-grid .item-desc{position:relative;padding:30px 0 0 0;font-size:16px;line-height:26px;color:#6b707a;text-align:justify}.solution .nav-content .highlight .highlight-grid .item-desc::before{position:absolute;top:15px;left:0;width:30px;height:2px;background:#fe8914;border-radius:1px;content:""}.solution .nav-content .beginner-guide{padding-bottom:17%;margin:0 auto;width:80%;max-width:1400px;background:none}.solution .nav-content .beginner-guide .content{width:100% !important;flex-wrap:wrap}.solution .nav-content .template{width:80%;padding:80px 0;margin:0 auto;max-width:1400px}.solution .nav-content .template .template-title{width:80%;max-width:980px;margin:0 auto;text-align:center}.solution .nav-content .template .template-title .template-headline{color:#181a39;margin-bottom:20px}.solution .nav-content .template .template-title .h1{font-size:36px;line-height:38px;letter-spacing:2px}.solution .nav-content .template .template-title p{color:#6b707a;font-size:16px;line-height:22px;letter-spacing:2px}.solution .nav-content .template .template-content{max-width:1400px;margin:0 auto;margin-top:70px;display:flex;align-items:center;justify-content:space-between}.solution .nav-content .template .template-content .content-right{width:50%;display:flex;align-items:center}.solution .nav-content .template .template-content .content-right .succes-case{position:relative;z-index:2}.solution .nav-content .template .template-content .content-right .succes-case #fixed{left:-20%}.solution .nav-content .template .template-content .content-right .succes-case #fixed img{width:auto;max-width:100%;border:none;vertical-align:middle}.solution .nav-content .template .template-content .content-right .succes-case .fixed,.solution .nav-content .template .template-content .content-right .succes-case #fixed{width:100%;position:absolute;bottom:-14%;z-index:-1}.solution .nav-content .template .template-content .content-right .succes-case img{width:auto;max-width:100%;border:none;vertical-align:middle}.solution .nav-content .template .template-content .content-right-margin{margin-right:50px}.solution .nav-content .template .template-content .content-left{width:45%;display:flex;flex-wrap:wrap}.solution .nav-content .template .template-content .content-left .flex-row-public{vertical-align:middle;float:left;display:flex;margin-bottom:40px}.solution .nav-content .template .template-content .content-left .flex-row-public .text{color:#6b707a;margin:30px 0;text-align:justify}.solution .nav-content .template .template-content .content-left .flex-row-public .flex-p{width:80%;display:table-cell;vertical-align:middle;text-align:justify}.solution .nav-content .template .template-content .content-left .flex-row-public .flex-p .p{width:100%;color:#6b707a;line-height:26px}.solution .nav-content .template .template-content .content-left .flex-row-public .flex-p p{font-size:16px;line-height:22px;letter-spacing:2px}.solution .nav-content .template .template-content .content-left .flex-row-public .flex-row-f{display:table-cell;vertical-align:middle;width:100%;text-align:left}.solution .nav-content .template .template-content .content-left .flex-row-public .h2{color:#181a39;margin-bottom:30px;font-size:24px;line-height:34px;letter-spacing:2px}.solution .nav-content .template .content-paddingLeft{padding-left:100px}@media screen and (max-width: 1024px){.solution .nav-content .template .content-paddingLeft{padding:initial}.solution .nav-content .template .template-content{flex-direction:column}.solution .nav-content .template .template-content .content-right-margin{margin:auto}.solution .nav-content .template .template-content .content-left{margin-top:90px;width:100%}.solution .nav-content .template .template-content .content-left .h2{text-align:center}}.solution .nav-content .doc-tool .content{justify-content:space-between}.solution .nav-content .doc-tool .content .card{width:19%;max-width:none;min-width:230px}.solution .nav-content .doc-tool .content .card img{width:auto}.solution .nav-content .doc-tool .content .card a{cursor:pointer}.solution .nav-content .doc-tool .content .card a .card-title{font-size:19px}.solution .nav-content .doc-tool .content .card a .enter{margin-left:5%}.solution .nav-content .doc-tool .content .card:nth-child(1){margin-left:0%}.solution .nav-content .doc-tool .content .card:nth-child(4){margin-right:0%}@media screen and (max-width: 1920px){.solution .nav-content .doc-tool .content{gap:55px}}@media screen and (max-width: 1700px){.solution .nav-content .doc-tool .content{gap:40px}.solution .nav-content .doc-tool .content .card{width:22%}}@media screen and (max-width: 1204px){.solution .nav-content .doc-tool .content{flex-wrap:wrap}.solution .nav-content .doc-tool .content .card{width:46%}}@media screen and (max-width: 1024px){.solution .solution .header .header-bg{width:100% !important}.solution .solution .header .header-gif{display:none !important}.solution .nav-content .scroll-box{padding-top:90px !important}.solution .nav-content .highlight .highlight-grid>div:nth-child(3){grid-column:1/4}.solution .nav-content .highlight .highlight-grid>div:nth-child(4){grid-column:4/7}.solution .nav-content .highlight .highlight-grid>div:nth-child(5){grid-column:1/4}.solution .doc-tool .content{row-gap:30px}.solution .doc-tool .content .card{width:100% !important}.solution .doc-tool .content .card a .enter{margin-left:auto !important;margin-right:5%}.solution .beginner-guide .content .card{width:47%;background-size:cover;max-width:none;margin-bottom:30px}}@media screen and (min-width: 320px)and (max-width: 767px){.solution .application-scene .application-scene-content .application-scene-content-wrap{flex-direction:column !important;margin-bottom:15% !important}.solution .application-scene .application-scene-content .application-scene-content-wrap .left-img,.solution .application-scene .application-scene-content .application-scene-content-wrap .content-wrap{width:100% !important}.solution .application-scene .application-scene-content .application-scene-content-wrap .left-img .wrap-title,.solution .application-scene .application-scene-content .application-scene-content-wrap .content-wrap .wrap-title{text-align:center;font-size:26px !important}.solution .application-scene .application-scene-content .application-scene-content-wrap .application-scene-buttons{justify-content:center !important}.solution .application-scene .application-scene-content .application-scene-content-wrap:nth-child(1) .left-img,.solution .application-scene .application-scene-content .application-scene-content-wrap:nth-child(3) .left-img,.solution .application-scene .application-scene-content .application-scene-content-wrap:nth-child(5) .left-img{margin-right:0% !important}.solution .application-scene .application-scene-content .application-scene-content-wrap:nth-child(2),.solution .application-scene .application-scene-content .application-scene-content-wrap:nth-child(4){flex-direction:column !important}.solution .application-scene .application-scene-content .application-scene-content-wrap:nth-child(2) .content-wrap,.solution .application-scene .application-scene-content .application-scene-content-wrap:nth-child(4) .content-wrap{margin-right:0% !important}.solution .nav-content .highlight .highlight-grid>div{grid-column:1/7 !important;padding:20px !important}.solution .nav-content .highlight .highlight-grid>div .item-img-box{margin:0px 0 16px 0;height:40px;width:40px}.solution .nav-content .highlight .highlight-grid>div .item-img-box img{width:100%}.solution .beginner-guide .content .card{width:100%}}
