.container{width:1140px;margin:0 auto}.icon-play,.icon-right{vertical-align:-2px}.hide{display:none}body{margin:0}.section{position:relative;overflow:hidden}.section h1,.section h2,.section h3,.section h4,.section p,.section ul,.section li{margin:0;padding:0;font-weight:400;font-style:normal}.section .title{font-size:56px;line-height:1;color:#212121;font-family:dinoffcpro-condbold}.section .sub-title{font-size:28px;line-height:32px;color:#5c6670;margin-top:10px}.section .content{font-size:18px;line-height:24px;color:#5c6670;margin-top:60px}.section.white .content{color:#d1d3d3}.section .link-block{margin-top:30px;font-size:18px;line-height:1.4}.section .link{display:inline-block}.section .link a{color:#df001f;transition:all ease-out .3s}.section .link span{transition:all ease-out .3s;display:inline-block;padding-left:2px}.section .link:hover a{opacity:.65}.section .link:hover span{transform:translate3d(5px,0,0);opacity:.65}.section .info{font-size:14px;color:#a4a9ad;line-height:1.3}.section-footer{height:400px;background:#333;position:relative;overflow:hidden}.section-footer .abs-text{position:absolute;left:50%;top:141px;margin-left:-473px}.section-footer .title{margin:0;padding:0;font-size:30px;line-height:1;color:#f5f5f5;margin-bottom:10px}.section-footer .content{font-size:20px;line-height:1.2;color:#a4a9ad;margin:0;margin-bottom:30px}.section-footer .link{display:inline-block}.section-footer .link a{font-size:18px;color:#df001f;line-height:1.4}.section-footer .link span{transition:all ease-out .3s;display:inline-block;padding-left:2px}.section-footer .link:hover a{opacity:.65}.section-footer .link:hover span{transform:translate3d(5px,0,0);opacity:.65}.m-style .section .title{font-size:.64rem;line-height:.64rem;padding-left:.4rem;padding-right:.4rem}.m-style .section .sub-title{margin-top:.1rem;font-size:.4rem;line-height:.48rem;padding-left:.4rem;padding-right:.4rem}.m-style .section .content{margin-top:.6rem;font-size:.32rem;line-height:.42rem;padding-left:.4rem;padding-right:.4rem;width:100%}.m-style .section .link{padding-left:.4rem}.m-style .section-footer{height:4rem;background-size:cover;background-position:-9rem 0}.m-style .section-footer .abs-text{left:.4rem;margin-left:auto;top:1rem;z-index:10}.m-style .section-footer .title{font-size:.4rem;line-height:1.4}.m-style .section-footer .content{margin-top:.1rem;font-size:.32rem;line-height:.4rem;margin-bottom:.3rem}.abs-text{position:absolute;left:50%}.abs-img{position:absolute;left:50%}.pro-nav-head{height:50px;line-height:50px;width:100%;position:absolute;top:70px;color:#d1d3d3;z-index:300}.pro-nav-head .container{border-bottom:1px solid #ccc}.pro-nav-head.hideFloat{display:none;opacity:0}.pro-nav-head.fixed{position:fixed;color:#000;opacity:1;top:0;display:block;box-shadow:0 1px 2px 0 rgba(0,0,0,.1);background:#fefefe;background-color:rgba(255,255,255,.98);-webkit-transition-property:background-color,-webkit-backdrop-filter;transition-property:background-color,backdrop-filter,-webkit-backdrop-filter}.pro-nav-head.fixed .container{border-bottom:0}@supports (-webkit-backdrop-filter:initial) or (backdrop-filter:initial){.pro-nav-head.fixed{-webkit-backdrop-filter:saturate(180%) blur(30px);backdrop-filter:saturate(180%) blur(30px);background-color:rgba(255,255,255,.7)}}.pro-nav-head .pro-name{float:left;font-size:14px;padding-left:30px;height:50px;line-height:50px;color:#5c6670;width:150px;margin:0}.pro-nav-head .pro-features{float:right;font-size:13px}.pro-nav-head .pro-features a{color:#5c6670;text-decoration:none;display:inline-block}.pro-nav-head .pro-features a.current{color:#a4a9ad}.pro-nav-head .pro-features a:hover{color:#a4a9ad}.pro-nav-head .pro-features .tab-href{margin-right:30px}.pro-nav-head .pro-features .btn{height:25px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;background:#df001f;color:#fff;font-size:14px;border-radius:4px;display:none}.pro-nav-head.fix-bar{position:fixed;top:0;z-index:100;opacity:.95;transition:all .6s ease-out;background:rgba(247,247,247,.9);border-radius:4px}.pro-nav-head.fix-bar .pro-name{color:#0e0e0e}.pro-nav-head.fix-bar .pro-features a{color:#0e0e0e}.pro-nav-head.fix-bar .pro-features .current{color:#df001f}.pro-nav-head.fix-bar .pro-features .btn{color:#fff}.pro-nav-head.hide-bar{top:-50px}@media only screen and (max-width:1119px){.container{width:970px}}.section-head{height:777px}.section-head .abs-img{margin-left:0;top:175px;width:719px}.section-head .abs-text{margin-left:-540px;top:225px;z-index:10;width:570px}.section-head .link-list{margin-top:100px}.section-head .link-href{display:inline-block;margin-right:30px;transition:all ease-out .3s}.section-head .link-href img{width:135px}.section-head .link-href:hover{opacity:.65}.section-civic{text-align:center;background-color:#f5f5f5;padding-bottom:20px}.section-civic .title{margin-top:120px}.section-civic .content{width:488px;margin-left:auto;margin-right:auto}.section-civic .civic-img{width:665px}.section-civic .info{font-size:12px;color:#a4a9ad;margin-top:89px}.section-smart{height:1230px}.section-smart .img-a{margin-left:-506px;width:260px;top:449px}.section-smart .img-b{margin-left:-130px;top:220px;width:260px}.section-smart .img-c{margin-left:240px;top:499px;width:260px}.section-smart .text-a{margin-left:-535px;top:108px;width:355px}.section-smart .text-b{margin-left:204px;top:40px;width:355px}.section-smart .text-c{margin-left:-148px;top:779px;width:355px}.section-center{height:725px}.section-center .abs-img{width:482px;margin-left:-564px;top:55px}.section-center .abs-text{width:562px;top:180px;text-align:center}.section-center .re-list{margin-top:60px;*zoom:1;*display:block}.section-center .re-list:after{content:".";display:block;height:0;clear:both;visibility:hidden}.section-center .re-list li{width:116px;height:100px;border-radius:4px;border:1px solid #a4a9ad;float:left;margin-right:30px}.section-center .re-list li:last-child{margin-right:0}.section-center .re-list li .re-content{line-height:16px}.section-center .re-title{width:96px;height:40px;margin-left:auto;margin-right:auto;padding-top:10px;padding-bottom:10px;border-bottom:solid 1px #a4a9ad}.section-center .re-title img{width:40px}.section-center .img-a img,.section-center .img-b img{margin-top:5px}.section-center .re-content{font-size:14px;color:#5c6670;line-height:37px}.section-download{height:400px;text-align:center;background-color:#f5f5f5}.section-download .title{margin-top:100px}.section-download .link-block{width:310px;margin-left:auto;margin-right:auto;margin-top:60px}.section-download .link-href{transition:all ease-out .3s;display:inline-block;width:135px;margin-right:35px}.section-download .link-href img{width:135px}.section-download .link-href:hover{opacity:.65}.section-download .link-href:last-child{margin-right:0}.section-progress{height:345px;text-align:center}.section-progress .title{margin-top:90px}.section-footer{background-repeat:no-repeat;background-image:url(n-19_c98b259a.jpg);background-position:center center}.m-style .section-head{height:16.33rem}.m-style .section-head .abs-text{width:100%;left:0;margin-left:0;top:.31rem;text-align:center}.m-style .section-head .link-list{margin-top:.6rem}.m-style .section-head .link-href{margin-right:0}.m-style .section-head .link-href:nth-child(2){margin-left:.3rem}.m-style .section-head .abs-img{width:10.08rem;left:50%;top:7.51rem;margin-left:-4.84rem}.m-style .section-civic{padding-bottom:.4rem}.m-style .section-civic .title{margin-top:1.2rem}.m-style .section-civic .civic-img{width:6.65rem;margin-top:.9rem}.m-style .section-smart{height:52.2rem}.m-style .section-smart .text-a{margin-left:0;left:0rem;top:.2rem}.m-style .section-smart .img-a{width:5.22rem;top:5.6rem;margin-left:-2.61rem}.m-style .section-smart .text-c{margin-left:0;width:100%;left:0;top:16.78rem;height:7.48rem;background-image:linear-gradient(to bottom,#f5f5f5,#fff)}.m-style .section-smart .text-c .title{margin-top:.9rem}.m-style .section-smart .img-b{width:5.22rem;top:24.56rem;margin-left:-2.61rem}.m-style .section-smart .text-b{margin-left:0;width:100%;left:0;top:35.84rem;height:5.18rem;background-image:linear-gradient(to bottom,#f5f5f5,#fff)}.m-style .section-smart .text-b .title{margin-top:.8rem}.m-style .section-smart .img-c{width:5.22rem;top:41.52rem;margin-left:-2.61rem}.m-style .section-center{height:18.94rem}.m-style .section-center .abs-img{width:9.64rem;margin-left:-5rem;top:7.94rem}.m-style .section-center .abs-text{top:1.8rem;width:5.56rem;margin-left:-2.63rem}.m-style .section-center .re-title{height:1.2rem}.m-style .section-center .re-list{margin-top:.6rem}.m-style .section-center .re-list li{margin-bottom:.4rem;margin-right:.4rem}.m-style .section-center .re-list li:nth-child(2){margin-right:0}.m-style .section-center .re-list li:nth-child(4){margin-right:0}