html{width:100%;height:100%;font-weight:100}*{box-sizing:border-box;line-height:1;margin:0;padding:0;font-family:inherit!important}ul li{list-style:none}a{text-decoration:none}body{position:relative;margin:0;padding:0;width:100%;height:100%;min-width:1200px;min-height:100%;overflow:auto;box-sizing:border-box;-webkit-font-smoothing:antialiased;font-family:'PingFang SC','Microsoft Yahei','helvetica neue','hiragino sans gb',arial,'microsoft yahei ui',simsun,sans-serif!important}body:after,body:before{display:table;content:""}header{position:fixed;left:0;top:0;height:62px;text-align:center;display:block;z-index:100;width:100%;border-bottom:1px solid rgba(255,255,255,.2)}header .header-inner{position:absolute;left:0;top:0;width:100%;height:100%}header .header-inner .logo{display:inline-block;float:left;height:62px;line-height:62px;vertical-align:top;background-repeat:no-repeat;background-position:left center;background-size:auto 32px;margin-left:90px;margin-right:150px}header .header-inner .logo .dark,header .header-inner .logo .white{vertical-align:middle;width:auto;height:32px}header .header-inner nav{position:relative;display:inline-block;float:right;height:100%;line-height:62px;vertical-align:top;font-size:0;margin-right:30px}header .header-inner nav>span{position:relative;display:inline-block;vertical-align:middle;text-decoration:none;font-size:14px;color:#fff;padding:0 30px;line-height:62px}header .header-inner nav>span>span{cursor:default;transition:opacity .3s}header .header-inner nav>span>a{color:#fff;transition:opacity .3s}header .header-inner nav>span .menu-dropdown{position:absolute;left:10px;display:block;padding:10px 40px 10px 20px;text-align:left;background:#fff;border-radius:2px;transform:translate3d(0,-20px,0);transition-property:transform,opacity;transition-duration:.4s,.4s;opacity:0;pointer-events:none}header .header-inner nav>span .menu-dropdown.active,header .header-inner nav>span .menu-dropdown:hover{pointer-events:all;opacity:1;transform:translate3d(0,0,0)}header .header-inner nav>span .menu-dropdown a{display:block;color:#555;font-size:14px;padding:10px 0;cursor:pointer;transition:opacity .3s}header .header-inner nav>span .menu-dropdown a:hover{opacity:.8}header .header-inner nav>span .menu-dropdown:after,header .header-inner nav>span .menu-dropdown:before{position:absolute;content:'';border-style:solid;bottom:100%;cursor:pointer}header .header-inner nav>span .menu-dropdown:after{left:33px;border-color:transparent transparent #fff;border-width:9px 12px}header .header-inner nav>span .menu-dropdown:before{display:none;left:32px;border-color:transparent transparent #eee;border-width:10px 13px}header .header-inner nav>span:hover>a,header .header-inner nav>span:hover>span{opacity:.7}header .header-inner nav>span:nth-child(2):hover .menu-dropdown{pointer-events:all;opacity:1;transform:translate3d(0,0,0)}header .header-inner .show{display:inline-block;float:right;height:62px;line-height:62px}header .header-inner .show .btn{display:inline-block;color:#fff;font-size:13px;padding:7px 15px;margin-right:46px;border-radius:2px;border:1px solid rgba(255,255,255,.5);transition:opacity .3s}header .header-inner .show .btn:hover{opacity:.7}header.nav-normal{transition-property:background-color;transition-duration:.1s;background-color:transparent}header.nav-normal .header-inner{min-width:1260px;transition-property:background-color;transition-duration:.1s;background-color:transparent}header.nav-normal .header-inner .logo .white{display:inline-block!important}header.nav-normal .header-inner .logo .dark{display:none!important}header.nav-normal.active{transition-property:background-color;transition-duration:.5s;box-shadow:0 0 10px rgba(0,0,0,.05);background-color:#fff}header.nav-normal.active .header-inner{transition-property:background-color;transition-duration:.5s;box-shadow:0 0 10px rgba(0,0,0,.05);background-color:#fff}header.nav-normal.active .header-inner .logo .white{display:none!important}header.nav-normal.active .header-inner .logo .dark{display:inline-block!important}header.nav-normal.active .header-inner nav>span{color:#000}header.nav-normal.active .header-inner nav>span>a{color:#000}header.nav-normal.active .header-inner nav .menu-dropdown{border:1px solid #eee}header.nav-normal.active .header-inner nav .menu-dropdown:before{display:block}header.nav-normal.active .header-inner .show .btn{color:#000;border:1px solid rgba(0,0,0,.5)}.main{position:relative;height:auto;display:block}.main:after,.main:before{display:table;content:""}.main .wall{position:relative}.main .wall:after,.main .wall:before{display:table;content:""}.main .wall.gray{background-color:#f8f8f8}.main .wall.banner-wrapper{overflow:hidden;height:506px;moz-user-select:-moz-none;-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.main .wall .fixed-width{position:relative;margin-left:auto;margin-right:auto}.main .wall .fixed-width:after,.main .wall .fixed-width:before{display:table;content:""}.main .prod-banner-wrapper{position:relative;background-color:#071928;height:506px}.main .prod-banner-wrapper:before{position:absolute;top:0;left:35%;right:0;bottom:0;content:'';opacity:.2}.main .prod-banner-wrapper .banner-content{margin:0 auto;max-width:1280px;padding:0 40px;padding-left:8%;position:relative;height:100%;font-size:0}.main .prod-banner-wrapper .left,.main .prod-banner-wrapper .right{display:inline-block}.main .prod-banner-wrapper .left{width:35%}.main .prod-banner-wrapper .left p{line-height:1.5;text-align:left}.main .prod-banner-wrapper .left .banner-title{font-size:30px;margin-bottom:10px}.main .prod-banner-wrapper .left .desc{font-size:16px}.main .prod-banner-wrapper .right{width:65%;text-align:right;height:100%}.main .prod-banner-wrapper .sub-nav{position:absolute;left:0;right:0;bottom:0;background:rgba(255,255,255,.1);height:54px;z-index:10}.main .prod-banner-wrapper .sub-nav .inner-container{margin:0 auto;max-width:1280px;padding:0 40px;font-size:0}.main .prod-banner-wrapper .sub-nav .inner-container a{display:inline-block;width:25%;color:#fff;font-size:14px;line-height:54px;text-align:center;cursor:pointer;transition:background .3s}.main .prod-banner-wrapper .sub-nav .inner-container a:hover{background:rgba(255,255,255,.1)}.main section{position:relative}.main section .page-anchor{background:0 0;position:absolute;top:-60px}@media all and (min-width:1300px){.wall.banner-wrapper>.ppt.ads .frontCover .cover.c-left{margin-right:0!important}}.wall.banner-wrapper #particles-js canvas{position:absolute;left:0;top:0;z-index:0}.wall.banner-wrapper>.ppt{width:100%;height:100%;line-height:670px;display:none}.wall.banner-wrapper>.ppt.active{display:block}footer{position:relative;background-color:#353e44;color:#fff}footer a{color:#fff}footer .inner-container{margin:0 auto;max-width:1280px;padding:0 40px;font-size:0}footer .f-up{height:280px;padding-top:54px}footer .f-up ul{display:inline-block;vertical-align:top}footer .f-up ul:nth-child(1){width:25%;padding-left:20px}footer .f-up ul:nth-child(2){width:38%}footer .f-up ul:nth-child(3){width:26%}footer .f-up ul:nth-child(4){width:10%}footer .f-up ul:nth-child(4) li:first-child{padding-left:10px}footer .f-up ul li{font-size:14px;margin-bottom:12px}footer .f-up ul li:nth-child(1){margin-bottom:30px;padding-right:8px}footer .f-up ul li .code{width:88px;background:#fff;border-radius:4px}footer .f-up ul li .code img{height:100%}footer .f-down{height:44px;line-height:44px;text-align:left;border-top:1px solid rgba(255,255,255,.1)}footer .f-down a{font-size:14px;color:rgba(255,255,255,.5)}.fd-title{display:block;overflow:hidden;width:1040px;margin-left:auto;margin-right:auto;text-align:left;font-size:24px;color:#4c4c4c;letter-spacing:9px}.fm-mask{position:fixed;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:101;background-color:rgba(0,0,0,.1);display:none}.fm-mask .applyDemo{position:absolute;width:470px;z-index:9;background-color:#fff;padding:50px 40px 30px;border-radius:4px;box-shadow:0 0 14px rgba(0,0,0,.1)}.fm-mask .applyDemo .disabled{pointer-events:none;opacity:.6}.fm-mask .applyDemo .close{position:absolute;top:12px;right:14px;font-size:14px;color:#a5a5a5;cursor:pointer}.fm-mask .applyDemo>.content>.input-area>.slice{margin-bottom:12px;font-size:0;white-space:nowrap;overflow:hidden}.fm-mask .applyDemo>.content>.input-area>.slice:last-child{margin-bottom:20px}.fm-mask .applyDemo>.content>.input-area>.slice>.left,.fm-mask .applyDemo>.content>.input-area>.slice>.middle,.fm-mask .applyDemo>.content>.input-area>.slice>.right{vertical-align:top;display:inline-block;height:40px;line-height:40px;font-size:14px}.fm-mask .applyDemo>.content>.input-area>.slice>.left{width:72px;text-align:right;padding-right:16px}.fm-mask .applyDemo>.content>.input-area>.slice>.left>span{color:#a5a5a5}.fm-mask .applyDemo>.content>.input-area>.slice.select{overflow:visible;position:relative}.fm-mask .applyDemo>.content>.input-area>.slice.select>.middle .selectValue{cursor:pointer;position:relative;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;-o-user-select:none;user-select:none}.fm-mask .applyDemo>.content>.input-area>.slice.select>.middle .selectValue::after{position:absolute;right:10px;top:16px;content:'';width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:8px solid #5c5c5c}.fm-mask .applyDemo>.content>.input-area>.slice.select>.middle .selectMenu{display:none;position:absolute;top:44px;width:100%;height:auto;border-radius:4px;background-color:#fff;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:1}.fm-mask .applyDemo>.content>.input-area>.slice.select>.middle .selectMenu ul{max-height:204px;overflow:auto;border-radius:4px}.fm-mask .applyDemo>.content>.input-area>.slice.select>.middle .selectMenu ul li{color:#5c5c5c;padding:10px 0;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;-o-user-select:none;user-select:none}.fm-mask .applyDemo>.content>.input-area>.slice.select>.middle .selectMenu ul li:hover{background-color:#eee}.fm-mask .applyDemo>.content>.input-area>.slice.select>.middle .selectMenu ul li.active{background-color:#eaeaea}.fm-mask .applyDemo>.content>.input-area>.slice.select.licenseType ul{height:204px}.fm-mask .applyDemo>.content>.input-area>.slice.select.licenseType ul.fstSelect{float:left;width:50%;border-right:1px solid #e8e8e8}.fm-mask .applyDemo>.content>.input-area>.slice.select.licenseType ul.fstSelect .arrow{float:right;color:#ccc;padding-right:8px}.fm-mask .applyDemo>.content>.input-area>.slice.select.licenseType ul.secSelect{display:none;float:right;width:50%}.fm-mask .applyDemo>.content>.input-area>.slice.select.licenseType ul.secSelect li{padding-right:10px;overflow:hidden;text-overflow:ellipsis}.fm-mask .applyDemo>.content>.input-area>.slice>.middle{position:relative;width:300px}.fm-mask .applyDemo>.content>.input-area>.slice>.middle>div,.fm-mask .applyDemo>.content>.input-area>.slice>.middle>input{box-sizing:border-box;vertical-align:top;text-indent:14px;width:100%;height:40px;line-height:36px;padding-top:1px;padding-bottom:1px;color:#5c5c5c;border:1px solid #eee;background-color:#eee;border-radius:4px}.fm-mask .applyDemo>.content>.input-area>.slice>.middle>div:focus,.fm-mask .applyDemo>.content>.input-area>.slice>.middle>input:focus{outline:0}.fm-mask .applyDemo>.content>.input-area>.slice>.middle ::-webkit-input-placeholder{font-size:14px;color:#a5a5a5}.fm-mask .applyDemo>.content>.input-area>.slice>.middle ::-moz-placeholder{font-size:14px;color:#a5a5a5}.fm-mask .applyDemo>.content>.input-area>.slice>.middle :-ms-input-placeholder{font-size:14px;color:#a5a5a5}.fm-mask .applyDemo>.content>.input-area>.slice>.middle input:-moz-placeholder{font-size:14px;color:#a5a5a5}.fm-mask .applyDemo>.content>.input-area>.slice>.right{text-align:right;width:14px}.fm-mask .applyDemo>.content>.input-area>.slice>.right>span{font-size:14px;color:#a5a5a5}.fm-mask .applyDemo>.content>.btn-area{font-size:0;text-align:center}.fm-mask .applyDemo>.content>.btn-area>button{display:inline-block;width:200px;height:40px;line-height:40px;text-align:center;text-decoration:none;border-radius:4px;background-color:#4298c7;font-size:15px;color:#fff;border:none;outline:0}.fm-mask .applyDemo>.content>.btn-area>button:hover{background-color:#68add2}.fm-mask .applyDemo>.content>.btn-area>button:active,.fm-mask .applyDemo>.content>.btn-area>button:focus,.fm-mask .applyDemo>.content>.btn-area>button:visited{border:none;outline:0}.fm-mask .applyDemo>.content>.tip{margin-top:16px;text-align:center}.fm-mask .applyDemo>.content>.tip>span{font-size:12px;color:#a5a5a5}