.top{background:transparent;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent}.header_top{height:0}.footer{margin-top:0}.home-nav{}.About-us{margin-top:228px;margin-bottom:200px}.About-us .content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;width:1200px}.About-us .content .right{width:470px}.About-us .content .right .About_h3{width:100%;height:42px;font-size:42px;font-family:Helvetica-Bold,Helvetica;font-weight:700;color:#fff;line-height:42px;margin-top:67px;margin-bottom:20px}.About-us .content .right .About_h3 img{width:34px;height:34px;margin-right:30px}.About-us .content .right .title{height:26px;font-size:26px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff;line-height:30px;margin-bottom:33px}.About-us .content .right .desc{font-size:16px;color:#ffffff80;line-height:32px;overflow:hidden}.About-us .content .right .button{height:48px;background:#113ec5;border-radius:4px;margin-top:46px;cursor:pointer;font-family:PingFangSC-Medium,PingFang SC;-webkit-transition:all .8s ease;-o-transition:all .8s ease;transition:all .8s ease;position:relative;display:inline-block}.About-us .content .right .button:hover{background:#0f38b3}.About-us .content .right .button img{width:22px;height:26px;margin-left:20px}.About-us .content .right .btn-8{border:none}.About-us .content .right .btn-8 svg{width:30px;margin-left:15px}.About-us .content .right .btn-8 svg path{fill:#fff}.About-us .content .right .btn-8 span{position:relative;display:block;width:100%;font-size:20px;padding:0 20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%}.About-us .content .right .btn-8:before,.About-us .content .right .btn-8:after{position:absolute;content:"";right:0;bottom:0;-webkit-transition:all .8s ease;-o-transition:all .8s ease;transition:all .8s ease}.About-us .content .right .btn-8:before{height:0%;width:2px}.About-us .content .right .btn-8:after{width:0%;height:2px}.About-us .content .right .btn-8:hover:before{height:100%}.About-us .content .right .btn-8:hover:after{width:100%}.About-us .content .right .btn-8:hover{background:#0f38b3}.About-us .content .right .btn-8 span:hover{color:#fff}.About-us .content .right .btn-8 span:before,.About-us .content .right .btn-8 span:after{position:absolute;content:"";left:0;top:0;background:#1c4bde;-webkit-transition:all .8s ease;-o-transition:all .8s ease;transition:all .8s ease}.About-us .content .right .btn-8 span:before{width:2px;height:0%}.About-us .content .right .btn-8 span:after{height:2px;width:0%}.About-us .content .right .btn-8 span:hover:before{height:100%}.About-us .content .right .btn-8 span:hover:after{width:100%}.About-us .content .right .btn-8:hover svg path{fill:#1c4bde}.About-us .content .left{width:760px;height:548px;margin-left:-110px;margin-right:83px}.About-us .content .left img{width:100%;height:100%}.container-about{padding-left:0;padding-right:0}.m-about-us{margin-top:100px;margin-bottom:40px}.m-about-us .m-about-h3{margin-top:60px;font-size:24px;font-family:Helvetica-Bold,Helvetica;font-weight:700;color:#fff;line-height:24px;text-align:center}.m-about-us .m-about-pic{height:309px;overflow:hidden;position:relative}.m-about-us .m-about-pic img{width:100%;position:absolute}.m-about-us .m-title{margin-top:14px;font-size:16px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff;line-height:16px;text-align:center}.m-about-us .m-desc{font-size:13px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:rgba(255,255,255,.8);line-height:28px;margin-top:24px;margin-left:18px;margin-right:18px}.m-about-us .m-button{width:180px;height:40px;background:#113ec5;border-radius:4px;color:#fff;cursor:pointer;margin:0 auto;margin-top:30px;position:relative}.m-about-us .m-button span{position:relative;display:block;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%;font-size:14px;font-weight:600;color:#fff;line-height:14px}.m-about-us .m-button svg{width:16px;margin-left:5px}.m-about-us .m-button svg path{fill:#fff}.m-about-us .m-button img{width:22px;height:26px;margin-left:20px}.Advantages{width:100%;margin-bottom:330px}.Advantages .row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;align-items:center;margin:0 -10px}.Advantages .row>[class*=col-]{display:flex;flex-direction:column}.top .container{background-color:transparent}.container,.Advantages{}body{background-color:#1b1c28!important}.Advantages .container .Advantages_title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:40px;opacity:.8}.Advantages .container .Advantages_title:hover{opacity:1}.Advantages .container .Advantages_title .Advantages_h3{font-size:50px;font-weight:600;color:#1c4bde}.Advantages .container .Advantages_title .Advantages_h3 img{width:34px;height:34px;margin-right:30px}.Advantages .container .ad_top{margin-top:110px}.Advantages .container .item_top{margin-top:41px}.Advantages .container .item{height:100%;padding-bottom:20px;margin-bottom:30px;background:linear-gradient(136deg,#2D3245 0%,rgba(45,50,69,0) 100%);border-radius:6px}.Advantages .container .item .ad_icon{width:60px;height:60px;margin-top:20px;margin-left:10px}.Advantages .container .item .ad_icon img{width:100%}.Advantages .container .item .title{font-size:24px;color:#fff;line-height:24px;text-align:left;margin-top:56px;margin-left:15px}.Advantages .container .item .desc{font-size:14px;margin-top:30px;margin-left:15px;margin-right:15px;font-weight:400;line-height:26px;font-family:PingFangSC-Medium,PingFang SC;color:rgba(255,255,255,.8);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.Advantages .container .col-md-6 .item{height:212px}.Advantages .container .col-md-6 .item .ad_icon{width:90px;height:90px}.Advantages .container .col-md-6 .item .col-md-10{margin-top:20px}.Advantages .container .col-md-6 .item .col-md-10 .title{margin-top:25px;margin-bottom:20px}.Advantages .container .col-md-6 .item .col-md-10 .desc{margin-right:40px}.example_container{background:url(/img/example_top_bg.png) no-repeat center top;background-repeat:no-repeat;background-size:100% 524px}.Example{margin-bottom:100px}.Example .container .Advantages_title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;opacity:.8;padding-top:100px}.Example .container .Advantages_title:hover{opacity:1}.Example .container .Advantages_title .Example_h3{font-size:18px;font-weight:600;color:#fff}.Example .container .Advantages_title .Example_h3 img{width:8px;height:4px;margin-left:10px}.Example .container .m-code_head{height:50px;background:0 0;border-radius:10px 10px 0 0;border:1px solid #a0b7ff;margin-top:40px}.Example .container .m-code_head .code_img{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:19px 0 0 26px}.Example .container .m-code_head .code_img .garden{width:12px;height:12px;border-radius:50%;margin-left:8px}.Example .container .m-code_head .code_img .red{background:#ff605f}.Example .container .m-code_head .code_img .yellow{background:#ffd331}.Example .container .m-code_head .code_img .green{background:#32df95}.Example .container .m-code-view{margin-bottom:60px;border-radius:0 0 6px 6px;border-left:1px solid #5b76f1;border-right:1px solid #5b76f1;border-bottom:1px solid #5b76f1}.Example .container .m-code-view .m-code-left .list li{padding:15px 0 15px 10px;border-bottom:1px solid #e6e6e6;cursor:pointer}.Example .container .m-code-view .m-code-left .list li .title{font-size:18px;font-weight:600;margin-bottom:5px;color:#151d36}.Example .container .m-code-view .m-code-left .list li .desc{font-size:14px;color:#151d36}.Example .container .m-code-view .m-code-left .list .select{background:#5b76f1;-webkit-box-shadow:2px 2px 17px 0 #e5e9f0;box-shadow:2px 2px 17px 0 #e5e9f0;color:#fff}.Example .container .m-code-view .m-code-left .list .select .title{color:#fff}.Example .container .m-code-view .m-code-left .list .select .desc{color:#fff}.Example .container .code_view{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-top:40px;margin-bottom:140px}.Example .container .code_view .code_left{padding-top:80px}.Example .container .code_view .code_left .list li{border-left:4px solid rgba(255,255,255,.7);background:unset;padding:15px 0 15px 30px;cursor:pointer}.Example .container .code_view .code_left .list li .title{font-size:24px;color:rgba(255,255,255,.7);line-height:24px;margin-bottom:5px}.Example .container .code_view .code_left .list li .desc{font-size:14px;color:#151d36}.Example .container .code_view .code_left .list li:hover{color:#fff}.Example .container .code_view .code_left .list li:hover .title{color:#fff}.Example .container .code_view .code_left .list li:hover .desc{color:#fff}.Example .container .code_view .code_left .list li.select{border-left:4px solid #113ec5}.Example .container .code_view .code_left .list .select{color:#fff}.Example .container .code_view .code_left .list .select .title{color:#fff}.Example .container .code_view .code_left .list .select .desc{color:#fff}.Example .container .code_view .code_right{background-image:url(/img/code_bg@2x.png);background-repeat:no-repeat;background-size:780px 645px;background-position:top right}.Example .container .code_view .code_right .code_head{height:80px;background:#5b76f1;border-radius:10px 10px 0 0;border:1px solid #a0b7ff}.Example .container .code_view .code_right .code_head .code_img{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:33px 0 0 40px}.Example .container .code_view .code_right .code_head .code_img .garden{width:14px;height:14px;border-radius:50%;margin-left:12px}.Example .container .code_view .code_right .code_head .code_img .red{background:#ff605f}.Example .container .code_view .code_right .code_head .code_img .yellow{background:#ffd331}.Example .container .code_view .code_right .code_head .code_img .green{background:#32df95}.Example .container .code_view .code_right .code_body{height:540px;margin-left:250px;margin-top:48px;overflow:auto;line-height:2.3}.Example .container .code_view .code_right .code_body .code_page_item pre{border:none;padding:15px;background-color:unset;color:#fff}.code_fixed_back .code_model .code_view{padding:0}.code_fixed_back .code_model .code_view pre{border:none;padding:5px;background-color:unset;color:#fff}.Example .container .code_view .code_right .code_body .grzBLt{font-size:14px;font-weight:500;color:#262b40;margin-right:20px}.Example .container .code_view .code_right .code_body .cVTXYw{font-size:14px;font-weight:500;color:#262b40}.Team{width:100%;height:1020px;background-image:url(../img/team_back.png);background-size:100% 100%}.Team .container .m-team-list{margin-top:40px;padding:0 15px}.Team .container .m-team-list .li{background:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;padding:15px 0 15px 15px;margin-bottom:20px;border-radius:10px}.Team .container .m-team-list .li .label{font-size:14px;font-family:'';font-weight:400;color:#fff;letter-spacing:1px;background:#1c4bde;position:absolute;right:0;top:0;border-radius:4px 10px 0 4px}.Team .container .m-team-list .li .left-pic{width:76px;height:76px;margin-right:15px}.Team .container .m-team-list .li .left-pic img{width:100%;overflow:hidden;border-radius:50%}.Team .container .m-team-list .li .right-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.Team .container .m-team-list .li .right-content .name{font-size:20px;font-weight:600;margin-bottom:10px;color:#272b3e}.Team .container .m-team-list .li .right-content p{font-size:12px;font-weight:600;color:#272b3e}.Team .container .Team_title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-top:107px}.Team .container .Team_title .Team_h3{font-size:50px;font-weight:600;color:#1c4bde;letter-spacing:1px}.Team .container .Team_title .Team_h3 img{width:34px;height:34px;margin-right:30px}.Team .container .Team_list{margin-top:115px;position:relative}.Team .container .Team_list .item{position:absolute;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .65s ease-in-out;transition:-webkit-transform .65s ease-in-out;-o-transition:transform .65s ease-in-out;transition:transform .65s ease-in-out;transition:transform .65s ease-in-out,-webkit-transform .65s ease-in-out}.Team .container .Team_list .item img{width:100%;border-radius:50%}.Team .container .Team_list .touxiang3{width:240px;height:240px;top:55px;left:320px}.Team .container .Team_list .touxiang3 img{border:2px solid #c8d88a}.Team .container .Team_list .touxiang4{width:240px;height:240px;top:55px;left:767px}.Team .container .Team_list .touxiang4 img{border:2px solid #c8d88a}.Team .container .visible+.Team_title{opacity:1;-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0)}.Team .container .visible .animation-dot{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.Team .container .visible .animation-dot:nth-of-type(1){-webkit-transition-delay:.075s;-o-transition-delay:.075s;transition-delay:.075s}.Team .container .visible .animation-dot:nth-of-type(2){-webkit-transition-delay:.15s;-o-transition-delay:.15s;transition-delay:.15s}.Team .container .visible .animation-dot:nth-of-type(3){-webkit-transition-delay:.225s;-o-transition-delay:.225s;transition-delay:.225s}.Team .container .visible .animation-dot:nth-of-type(4){-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}.Team .container .visible .animation-dot:nth-of-type(5){-webkit-transition-delay:.375s;-o-transition-delay:.375s;transition-delay:.375s}.Team .container .visible .animation-dot:nth-of-type(6){-webkit-transition-delay:.45s;-o-transition-delay:.45s;transition-delay:.45s}.Team .container .visible .animation-dot:nth-of-type(7){-webkit-transition-delay:.525s;-o-transition-delay:.525s;transition-delay:.525s}.Team .container .visible .animation-dot:nth-of-type(8){-webkit-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s}.Team .container .visible .animation-dot:nth-of-type(9){-webkit-transition-delay:.675s;-o-transition-delay:.675s;transition-delay:.675s}.Team .container .visible .animation-dot:nth-of-type(10){-webkit-transition-delay:.75s;-o-transition-delay:.75s;transition-delay:.75s}.more{width:120px;height:20px;line-height:20px;text-align:right;border-radius:4px;font-size:20px;margin-left:auto;margin-right:0;cursor:pointer;font-weight:600;color:#fff;-webkit-transition:all .8s ease;-o-transition:all .8s ease;transition:all .8s ease;position:relative;display:inline-block}.more img{width:57px;height:15px}.wrapper{margin-left:0;margin-right:0;width:100%;opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0);-webkit-transition:opacity 8s cubic-bezier(.17,.17,.06,1),-webkit-transform 3s cubic-bezier(.17,.17,.06,1);transition:opacity 8s cubic-bezier(.17,.17,.06,1),-webkit-transform 3s cubic-bezier(.17,.17,.06,1);-o-transition:opacity 8s cubic-bezier(.17,.17,.06,1),transform 3s cubic-bezier(.17,.17,.06,1);transition:opacity 8s cubic-bezier(.17,.17,.06,1),transform 3s cubic-bezier(.17,.17,.06,1);transition:opacity 8s cubic-bezier(.17,.17,.06,1),transform 3s cubic-bezier(.17,.17,.06,1),-webkit-transform 3s cubic-bezier(.17,.17,.06,1)}.wrapper.visible{opacity:1;-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0)}@media(max-width:768px){.Team{height:auto;background-image:none}.Team .container .Team_title{padding:40px 0}.Team .container .Team_title .Team_h3{font-size:26px}.Team .container .Team_title .Team_h3 img{width:22px;height:22px;margin-right:10px}.Advantages{padding-bottom:0;margin-bottom:20px;background-image:none}.Advantages .row{margin:0 8px}.Advantages .container .item{margin-bottom:18px}.Advantages .container .ad_top{margin-top:50px}.Advantages .container .item .ad_icon{width:44px;height:44px;margin-top:15px;margin-left:5px}.Advantages .container .item .title{font-size:16px;line-height:16px;margin-top:24px;margin-left:30px}.Advantages .container .item .desc{font-size:13px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:rgba(255,255,255,.8);line-height:22px;margin-left:30px;margin-top:14px}.Advantages .container .col-md-6 .item .ad_icon{width:44px;height:44px}.Advantages .container .col-md-6 .item .col-xs-10{width:91.66666667%}.Advantages .container .col-md-6 .item .col-md-10 .desc{margin-right:15px}.Advantages .container .Advantages_title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;opacity:1;margin-bottom:30px;margin-top:100px;padding-right:18px}.Advantages .container .Advantages_title .Advantages_h3{font-size:26px;font-weight:600;color:#1c4bde;letter-spacing:1px}.Advantages .container .Advantages_title .Advantages_h3 img{width:22px;height:22px;margin-right:15px}.more{width:46px;height:20px;line-height:18px;text-align:right}.more img{width:46px;height:14px}.Advantages .wrapper,.Example .wrapper{padding-left:0;padding-right:0}.Advantages .container .col-md-6 .item{height:auto}.Advantages .container .col-md-6 .item .col-xs-10{margin-top:8px}.Advantages .container .col-md-3 .item .col-xs-10{margin-top:8px}.more span{font-size:10px;font-weight:400;color:#fff}}@media(max-width:992px){.example_container{background:url(/img/example_top_bg_m.png) no-repeat center top;background-repeat:no-repeat;background-size:100% 102px;margin-top:120px}.Example{margin-bottom:0;padding:0 18px}.Example .container .Advantages_title{padding-top:50px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;display:flex;align-items:center;opacity:1}.Example .container .Advantages_title .Example_h3{font-size:18px}.Example .container .Advantages_title .Example_h3 img{width:8px;height:4px;margin-left:10px}.Example .container .code_view{margin-bottom:0}.Example .container .code_view .code_right{width:100%;height:auto;background-image:url(/img/code_bg_m.png);background-repeat:no-repeat;background-size:100% 100%;background-position:top center}.Example .container .code_view .code_right .code_body{margin-top:30px;margin-left:0;margin-right:10px}.Example .container .m-code-view .m-code-left .list li .title{color:#909095}}@media(min-width:1200px){.Advantages .container .col-md-3 .item{width:285px;height:318px}.Advantages .container .col-md-6 .item{width:590px;height:212px}}