@charset "utf-8";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.8;font-family:'Microsoft Yahei',tahoma,arial,verdana,sans-serif;font-size:14px;color:#fff}a{text-decoration:none}li,ul{list-style:none;margin:0;padding:0}.title{font-size:48px;text-align:center;font-weight:800;margin-bottom:72px}html{overflow-y:scroll}html ::-webkit-scrollbar{width:6px;border-radius:3px;background-color:transparent}html ::-webkit-scrollbar-thumb{background-color:rgba(226,226,226,.1);border-radius:3px;width:6px}html ::-webkit-scrollbar-thumb:hover{background-color:rgba(226,226,226,.2)}body{font-family:'Microsoft Yahei',arial,verdana,sans-serif;font-size:14px}.home-page{min-width:1200px;overflow:hidden;background:#04050d;border-radius:0 0 100px 100px;position:relative}.home-page-wrap{width:1200px;margin:0 auto;height:100%;position:relative}.header{height:48px;margin-top:30px}.header .header-logo{width:220px;line-height:47px;float:left;font-size:0}.header .header-logo img{max-height:47px;max-width:220px;vertical-align:middle}.header .navbar{float:right}.header .navbar a{height:48px;font-size:16px;color:#fff;text-align:center;line-height:48px;border-radius:24px;display:inline-block;vertical-align:middle}.header .navbar .nav-item{width:78px;margin:0 5px;overflow:hidden}.header .navbar .nav-item:hover{background:rgba(224,227,229,.1)}.header .navbar .nav-item.active{color:#0dc2ff}.header .navbar .down-btn{width:128px;background:-webkit-linear-gradient(left,#1ee1ff 0,#0dc2ff 100%);background:linear-gradient(90deg,#1ee1ff 0,#0dc2ff 100%);margin-left:10px}.header .navbar .down-btn:before{content:'';background:url(../images/down-icon.png) no-repeat;width:13px;height:14px;display:inline-block;margin-right:6px}.header .navbar .down-btn:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.com-btn{width:97px;height:64px;line-height:64px;background:-webkit-linear-gradient(left,#1ee1ff 0,#0dc2ff 100%);background:linear-gradient(90deg,#1ee1ff 0,#0dc2ff 100%);border-radius:32px;display:block;font-size:18px;font-weight:700;position:relative;padding-left:91px;cursor:pointer}.com-btn i{background:url(../images/icon.png) no-repeat;background-size:cover;width:78px;height:82px;position:absolute;left:7px;top:-20px}.com-btn:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.com-btn:hover i{left:-5px;top:-41px;width:97px;height:103px;-webkit-filter:brightness(1);filter:brightness(1)}.btn-box .com-btn{margin:63px auto}.section01{margin-top:160px}.section03{background:url(../images/section4-bg.png) no-repeat bottom center;height:1500px}.accord{height:450px;width:830px;margin:0 auto}.accord li{width:192px;height:450px;border-radius:24px;overflow:hidden;margin:0 10px;float:left;position:relative;cursor:pointer;-webkit-transition:.3s;transition:.3s;opacity:1}.accord li.active{width:384px}.accord li.active .name{opacity:1}.accord li.active img{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.accord img{width:100%;height:100%;opacity:0;-webkit-transition:.1s;transition:.1s}.accord i{height:48px;border-radius:10px;display:block;position:absolute;left:24px;bottom:24px}.accord .i1{background:#fff url(../images/p1-icon.png) no-repeat center center;width:148px}.accord .i2{background:#fff url(../images/p2-icon.png) no-repeat center center;width:72px}.accord .i3{background:#fff url(../images/p3-icon.png) no-repeat center center;width:92px}.accord .name{font-size:24px;font-weight:800;color:#fff;position:absolute;left:24px;bottom:91px;opacity:0;-webkit-transition:.1s;transition:.1s}.example-img-box{width:1200px;height:468px;background:url(../images/example.png) no-repeat;position:relative;margin-top:201px}.example-img-box .title{position:absolute;text-align:left;top:50px;left:408px;line-height:60px}.ability{width:1020px;margin:0 auto 190px}.ability ul{margin:0 -30px}.ability ul:after{content:'';display:block;height:0;clear:both;visibility:hidden;font-size:0}.ability ul li{width:300px;height:360px;background:#171c29;border-radius:15px;float:left;margin:0 30px;text-align:center;cursor:pointer;padding-top:64px;box-sizing:border-box;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.ability ul li:hover{-webkit-transform:translateY(-24px);transform:translateY(-24px);background:url(../images/select-bg.png) no-repeat}.ability ul li i{width:140px;height:140px;display:block;margin:0 auto}.ability ul li .i1{background:url(../images/ability1.png) no-repeat}.ability ul li .i2{background:url(../images/ability2.png) no-repeat}.ability ul li .i3{background:url(../images/ability3.png) no-repeat}.ability ul li .ability-hd{font-size:24px;font-weight:800;margin-top:28px}.ability ul li .ability-desc{font-size:14px;margin-top:5px}.slider{position:relative;width:1200px;height:551px;overflow:hidden}.slider ul li{display:block;width:1200px;height:551px;position:absolute}.slider ul li img{width:1200px;height:551px}.slider .slider-btn{position:absolute;left:0;bottom:173px;z-index:10}.footer-box{background:#152539;z-index:1;margin-top:-100px;padding-bottom:75px;min-width:1200px;overflow:hidden}.footer-box .footer{width:1200px;margin:150px auto 0;position:relative}.footer-logo{background:url(../images/logo.png) no-repeat;width:220px;height:47px;display:block;margin-top:90px}.footer-info a{color:#fff;opacity:.4;display:block;cursor:pointer;line-height:42px}.footer-info a:hover{opacity:.8}.footer-info .footer-left{width:84px;padding-left:23px}.footer-info .footer-left h1{font-size:18px;font-weight:700;color:#fff;margin-top:60px}.footer-info .footer-right{position:absolute;right:26px;bottom:0}.belong{min-width:1200px;overflow:hidden;height:40px;background:#111e2e;line-height:40px;text-align:center;color:#65758a;font-size:14px}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.clear:after{content:'';display:block;height:0;clear:both;visibility:hidden;font-size:0}.modal-open{overflow:hidden;padding-right:0!important}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0;text-align:center;font-size:0;vertical-align:middle;white-space:nowrap}.modal:before{content:'';display:inline-block;vertical-align:middle;font-size:0;width:0;height:100%}.modal .fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}.modal .in .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0);font-size:12px}.modal-open .modal{overflow-x:auto;overflow-y:auto}.modal-dialog{min-width:480px;position:relative;margin:10px;white-space:normal;display:inline-block;vertical-align:middle;font-size:14px;color:#e2e2e2;text-align:left;border-radius:36px}.modal-content{position:relative;outline:0;padding:0 41px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.in{opacity:.5}.modal-header .close{position:absolute;z-index:100;right:20px;top:20px;border:none;text-indent:-9999px;cursor:pointer;outline:0;background:url(../images/modal-close.png) no-repeat -34px 0;width:32px;height:32px;overflow:hidden}.modal-header .close:hover{background-position:0 0}.modal-link{box-sizing:border-box;width:580px;height:312px;background:#171c29;border:1px solid #237793}.modal-link .modal-content{padding:22px 41px 40px 41px}.modal-link h3{font-size:30px;font-weight:800;margin-bottom:50px}.modal-link p{line-height:24px}.modal-link .p2{margin-top:18px}.modal-link .phone{background:url(../images/phone.png) no-repeat left center;padding-left:32px;display:inline-block;margin-right:36px}.modal-link .phone-box{width:498px;height:48px;margin:15px auto 0;line-height:48px;background:rgba(255,255,255,.05);border-radius:24px;overflow:hidden;padding:0 24px;box-sizing:border-box;color:rgba(255,255,255,.6)}.about-top{overflow:hidden;margin-top:100px}.about-top .about-top-left{float:left;margin-left:60px}.about-top .about-top-left .title{margin-bottom:10px;margin-top:90px;text-align:left}.about-top img{float:right;width:600px;height:302px}.company-box{text-align:center;margin-top:200px}.company-box h3{height:89px;line-height:89px;font-size:36px;font-weight:800;position:relative}.company-box h3:after{content:'';width:72px;height:4px;background:#0dc2ff;border-radius:2px;position:absolute;bottom:0;left:50%;margin-left:-36px}.company-box .company-txt{width:1091px;margin:0 auto 200px}.company-box .company-txt p{margin-top:25px}