body{background-color:#fff!important}.main{position:relative;padding-top:50px}.overflow-hidden{overflow:hidden}.main .section-one{position:relative;background-image:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(231,234,243,.5) 100%);background-repeat:repeat-x;padding-top:30px}.main .section-one .banner-bottom{position:relative;z-index:0}.main .section-one .banner-bottom:before{content:'';position:absolute;left:0;right:0;bottom:0;height:10px;background:#fff}.main .section-container{position:relative;padding-top:158px;padding-bottom:90px;z-index:1}.main .container-header{width:1200px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;box-sizing:border-box}.main .container-header .row{display:flex;flex-wrap:wrap;margin-right:0;margin-left:0}.main .container-header .left-content{flex:0 0 50%;max-width:50%}.main .container-header .left-content .title{font-size:56px;font-weight:700;line-height:66px;color:#1e2022}.main .container-header .left-content .title span{color:#1890ff}.main .container-header .left-content .info{font-size:20px;font-weight:400;line-height:32px;color:#677788;padding-top:22px}.main .container-header .button-wrap{display:flex;height:51px;flex-direction:row;box-sizing:border-box;margin-top:36px}.main .container-header .button-wrap .btn-link{flex:0 0 auto;line-height:51px;text-align:center;margin-right:14px;border:1px solid #1890ff;border-radius:4px;font-size:16px;font-weight:400;color:#1890ff;padding:0 20px;transition:all .2s ease-in-out;box-sizing:border-box}.main .container-header .button-wrap .btn-link:nth-of-type(1){background-color:#1890ff;color:#fff;font-weight:700}.main .container-header .button-wrap .btn-link:hover{box-shadow:0 4px 11px rgba(55,125,255,.35);transform:translateY(-3px)}.main .container-header .more-item{padding-top:60px}.main .container-header .more-item .more-title{display:inline-block;vertical-align:top;line-height:18px;font-size:16px;font-weight:400;color:#677788;padding-right:18px;box-sizing:border-box}.main .container-header .more-item .more-list{display:inline-block;vertical-align:top;line-height:18px}.main .container-header .more-item .list-link{display:inline-block;vertical-align:top;padding-right:18px;font-size:16px;font-weight:400;line-height:18px}.main .container-header .more-item .list-link:last-child{flex:0 0 120px}.main .container-header .more-item .list-link a{color:#677788;text-decoration:underline}.main .container-header .more-item .list-link a:hover{color:#1890ff}.main .container-header .star-box{padding-top:22px;font-size:0}.main .container-header .star-item{display:inline-block;vertical-align:top;width:135px;height:20px;background-image:url(../../img/index/v3/stars.svg);background-position:center center;background-repeat:repeat-x;background-size:cover;box-sizing:border-box}.main .container-header .star-info{display:inline-block;vertical-align:top;font-size:16px;font-weight:400;color:#677788;line-height:20px;padding-left:24px}.main .section-container .transform-rotate-5{transform:rotate(-22deg)}.main .section-container .right-content{position:absolute;left:50%;top:100px;width:720px;height:516px;display:flex;flex-wrap:wrap}.main .section-container .right-content .content-banner{position:absolute;bottom:0}.main .section-container .right-content .content-banner-1{left:0;z-index:3;width:170px}.main .section-container .right-content .content-banner-2{left:60px;z-index:2;width:360px}.main .section-container .right-content .content-banner-3{left:50px;z-index:1;width:994px}.main .section-container .right-content .more-img{position:absolute;left:0;bottom:0;width:176px;height:200px;z-index:-1}.main .section-container .right-content .more-image{width:256px;height:247px;margin-left:-80px;margin-bottom:-48px}.main .section-container .right-content .more-image .img-fluid{max-width:100%;height:auto}.main .section-container .screen,.main .section-container .shadow{vertical-align:middle;border-style:none}.main .section-container .shadow{position:relative;z-index:2;max-width:100%;height:auto;user-drag:none;-webkit-user-drag:none}.main .section-container .screen{position:absolute;object-fit:cover;z-index:3}.main .section-container .content-box-4 .shadow{max-width:100%;height:auto;z-index:0}.main .section-container .content-box-1 .screen{top:4.8%;left:7.2%;width:85.8%;height:84%}.main .section-container .content-box-2 .screen{top:6.6%;left:5.2%;width:77.8%;height:81.2%}.main .section-container .content-box-3 .screen{top:2.4%;left:5%;width:89.4%;height:96%;border-radius:.5rem}.main .section-container .content-box-4 .screen{top:6.8%;left:12.3%;width:74.5%;height:79.9%}.main .section-container .content-box-1{position:relative;width:368px;height:260px;margin-right:24px;margin-bottom:24px;border-radius:1.5rem;box-shadow:0 12px 15px rgba(140,152,164,.1)}.main .section-container .content-box-2{position:relative;width:266px;height:369px;margin-bottom:24px;border-radius:1.5rem;box-shadow:0 12px 15px rgba(140,152,164,.1)}.main .section-container .content-box-3{position:relative;width:112px;height:222px;align-self:flex-start;border-radius:1.5rem;box-shadow:0 12px 15px rgba(140,152,164,.1)}.main .section-container .content-box-4{position:relative;width:557px;height:321px;margin-right:24px}.main .section-two{width:1084px;box-sizing:border-box;padding:128px 15px;margin-left:auto;margin-right:auto;text-align:center}.main .section-two .all-device{font-size:40px;font-weight:700;line-height:65px;color:#1e2022}.main .section-two .device-info{font-size:20px;font-weight:400;line-height:30px;color:#677788;padding-top:46px}.main .section-two .device-list{padding-top:80px;font-size:0}.main .section-two .device-item{display:inline-block;vertical-align:top;width:178px;height:210px;box-sizing:border-box;padding:20px 30px;background:#f8fafd;margin-right:40px;border-radius:3px;cursor:pointer;transition:all .2s ease-in-out}.main .section-two .device-item:hover{background-color:#f4f7fc;transform:translateY(-3px)}.main .section-two .device-item:last-child{margin-right:0}.main .section-two .device-item .device-img{height:114px;text-align:center}.main .section-two .device-item .device-img img{display:block;width:95%;margin:0 auto;transition:all .2s ease-in-out}.main .section-two .device-item:hover .device-img img{width:100%}.main .section-two .device-item .device-name{font-size:21px;font-weight:400;line-height:24px;color:#1e2022;text-align:center;padding-top:17px}.main .section-two .download-wrap{display:flex;padding-top:100px;text-align:center}.main .section-two .download-wrap .download-link{flex:0 0 auto;height:51px;line-height:51px;background:#1890ff;font-size:16px;font-weight:700;padding:0 20px;color:#fff;margin-left:auto;margin-right:auto;border-radius:4px;transition:all .2s ease-in-out}.main .section-two .download-wrap .download-link:hover{box-shadow:0 4px 11px rgba(55,125,255,.35);transform:translateY(-3px)}.main .section-three{position:relative;padding-top:20px;padding-bottom:50px}.main .section-three .three-content{width:1200px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;box-sizing:border-box}.main .section-three .left-content{position:relative;display:flex}.main .section-three .more-context{flex:0 0 70%}.main .section-three .context-title{font-size:40px;font-weight:700;line-height:48px;color:#1e2022}.main .section-three .context-info{font-size:20px;font-weight:400;color:#677788;line-height:30px;padding-top:46px}.main .section-three .context-wrap{padding-top:64px;width:100%;overflow:hidden}.main .section-three .context-box{float:left;width:50%;box-sizing:border-box;padding-bottom:50px}.main .section-three .context-box .box-img{display:block;width:64px;height:64px}.main .section-three .context-box .box-title{font-size:20px;font-weight:700;color:#1890ff;line-height:24px;padding-top:16px}.main .section-three .context-box .box-msg{font-size:16px;font-weight:400;color:#677788;line-height:30px;padding-top:16px}.main .section-three .free-btn{display:flex;padding-top:50px;width:1084px;margin-left:auto;margin-right:auto}.main .section-three .free-btn .btn-link{flex:0 0 auto;height:51px;background:#1890ff;color:#fff;font-size:16px;font-weight:700;line-height:51px;text-align:center;border-radius:4px;padding:0 20px;margin-left:auto;margin-right:auto;transition:all .2s ease-in-out}.main .section-three .free-btn .btn-link:hover{box-shadow:0 4px 11px rgba(55,125,255,.35);transform:translateY(-3px)}.main .section-three .right-content{transform:rotate(-22deg)}.main .section-three .content-image{position:absolute;left:70%;top:0;width:954px;display:flex;flex-wrap:wrap;flex-direction:row;transform:translate3d(13%,-79%,0)}.main .section-three .content-image .img-box{flex:1;box-sizing:border-box}.main .section-three .content-image .img-box>div{border-radius:1.5rem;box-shadow:0 0 15px 8px rgba(140,152,164,.15)}.main .section-three .content-image .img-box:nth-of-type(2){padding-top:50px}.main .section-three .content-image .img-box:nth-of-type(3){padding-top:260px}.main .section-three .content-image .more-img{display:block;width:100%;height:auto}.main .section-three .content-image .image-box1{width:298px;height:344px;margin-bottom:20px}.main .section-three .content-image .image-box2{width:298px;height:344px}.main .section-three .content-image .image-box3{width:298px;height:380px;margin-bottom:20px}.main .section-three .content-image .image-box4{width:298px;height:296px}.main .section-three .content-image .image-box5{width:298px;height:344px;margin-bottom:20px}.main .section-three .content-image .image-box6{width:298px;height:84px}.main .section-four{padding-top:80px;padding-bottom:60px}.main .section-four .user-content{position:relative;width:1200px;height:360px;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto;box-sizing:border-box;background:#f7faff}.main .section-four .text-center{height:360px}.main .section-four .text-slide{box-sizing:border-box;height:360px;padding:60px;text-align:center}.main .section-four .text-slide .user-text{display:block;font-size:20px;font-weight:400;line-height:32px;color:#1e2022;padding:0 50px 5px 50px}.main .section-four .text-slide .user-name{font-size:18px;font-weight:600;line-height:25px;color:#1e2022;padding-top:70px}.main .section-four .text-slide .user-more{font-size:12px;font-weight:400;line-height:20px;color:#677788}.main .section-four .text-progress{position:absolute;bottom:10px;left:50%;width:250px;height:12px;margin-left:-125px;z-index:2}.main .section-four .position-absolute{position:absolute;left:0;bottom:0;width:112px;height:112px;z-index:2}.main .section-four .position-absolute .img-wrap{width:160px;height:160px;margin-left:-48px;margin-bottom:-48px}.main .section-four .position-absolute .img-wrap img{display:block;width:100%}.main .section-five{padding-top:240px}.main .section-five .footer-bar{background-color:#21325b}.main .section-five .footer-center{display:flex;justify-content:space-between;position:relative;width:1200px;margin-left:auto;margin-right:auto;padding-bottom:100px;box-sizing:border-box;border-bottom:1px solid #3d5267}.main .section-five .left-message{display:flex;flex:0 0 auto;flex-direction:column;padding-top:78px}.main .section-five .left-message .title{flex:0 0 auto;font-size:40px;font-weight:700;line-height:56px;color:#fff}.main .section-five .download-link{width:156px;height:51px;background:#1890ff;color:#fff;font-size:16px;font-weight:700;line-height:51px;text-align:center;border-radius:4px;padding:0 20px;transition:all .2s ease-in-out;margin-top:60px;box-sizing:border-box}.main .section-five .download-link:hover{box-shadow:0 4px 11px rgba(55,125,255,.35);transform:translateY(-3px)}.main .section-five .right-image{position:absolute;top:-154px;right:-50px;width:592px;height:479px}.main .section-five .right-image .more-img{display:block;width:100%}.main .section-blog{width:1140px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;padding-top:100px}.main .section-blog .card{display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border-radius:.3125rem;box-shadow:0 12px 15px rgba(140,152,164,.1)}.main .section-blog .card-top{position:relative;display:flex;flex-direction:column;border-radius:.25rem .25rem 0 0;background-color:#377dff;padding:36px 78px 64px 78px}.main .section-blog .text-first{font-size:28px;font-weight:400;color:#fff;line-height:40px;padding-bottom:20px}.main .section-blog .text-white{font-size:48px;font-weight:700;color:#fff}.main .section-blog .position-absolute{position:absolute;left:0;right:0;bottom:-5px}.main .section-blog .card-body{padding:64px 78px}.main .section-blog .body-box{margin-bottom:18px}.main .section-blog .body-box .box-info{font-size:16px;font-weight:400;line-height:20px;color:#999;padding-bottom:30px}.main .section-blog .body-box .box-info a{color:#1890ff;text-decoration:underline}.main .section-blog .body-box .box-title{font-size:18px;font-weight:700;color:#333;line-height:24px;padding-bottom:20px}.swiper-container{width:100%;height:100%}.swiper-slide{text-align:center;font-size:18px;background:#f7faff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.swiper-pagination-bullet{width:40px;height:8px;margin-left:5px;margin-right:5px;background-color:#9f9f9f;border-radius:4px}.swiper-pagination-bullet-active{color:#fff;background:#c6dafd}