body::-webkit-scrollbar{width:4px;height:4px;background-color:transparent}
body::-webkit-scrollbar-track{background-color:#ccc;border-radius:4px}
body::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:4px}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:10px;-webkit-tap-highlight-color:transparent}
body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}
li,ul{padding:0;margin:0;list-style:none}
a{color:#337ab7;text-decoration:none;background-color:transparent}
a:active,a:hover{outline:0}
a:focus,a:hover{color:#23527c;}
img{vertical-align:middle;border:0}
*,:after,:before{box-sizing:border-box}
@-ms-viewport{width:device-width}
.left{float:left}
.right{float:right}
.clear:after{content:"\20";display:block;height:0;clear:both}
.main {padding:40px 0;}
.bg1{background:#fdfeff}
.bg2{background:#fff}

header{position:absolute;left:50%;transform:translateX(-50%);z-index:7998;width:100%;margin:0 auto;background-color:transparent;transition:background-color .3s;height:64px;line-height:64px}
header .nav-list .nav-li{float:left;position:relative}
header .nav-list .nav-li a{font-size:16px;color:#0b2d57;}
header .nav-list .nav-li .txt{margin:0 10px;}
header .nav-list .nav-li .nav-logo{font-size:18px;font-weight:500;margin:0 20px;}
header .nav-list .nav-li .nav-logo img{position:relative;top:-1px;height:32px;image-rendering:-webkit-optimize-contrast}
header .nav-list .nav-li .login {background-color:#3773f5;color:#fff;border-radius:30px;padding:10px 35px;font-size:14px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;}
header:hover,header.hot{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08)}
header:hover:before{background-image:linear-gradient(rgba(0,0,0,.5),transparent)}
header:hover .nav-list .nav-li:after{background:rgba(0,0,0,.2)!important}
header .right { margin-right:20px;}

.banbox{background-image:url(../image/index-banner.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;width:100%;z-index:-1;padding:200px 0;text-align:center;}
.banbox .software-version{margin-bottom:20px}
.banbox .software-version .name{font-size:28px;line-height:60px;font-weight:400;color:#0b2d57;position:relative}
.banbox .software-version .name .version{display:block;width:72px;height:28px;line-height:28px;background:#fff;border-radius:14px 14px 14px 0;font-size:13px;font-weight:700;color:#3874fd;text-align:center;position:absolute;top:50%;right:0;-webkit-transform:translate(112%,-50%);transform:translate(112%,-50%)}
.banbox .caption{font-size:52px;line-height:60px;font-weight:600;margin-bottom:50px}
.banbox .desc{margin-bottom:50px}
.banbox .desc span{font-size:24px;line-height:18px;font-weight:400;color:#0b2d57;width:33.3333%;text-align:center}
.banbox .desc span.has-icon{position:relative;margin-left:50px}
.banbox .desc span.has-icon::before{display:inline-block;content:' ';width:16px;height:16px;background:rgba(4,51,128);position:absolute;top:50%;left:-14px;-webkit-transform:translate(-100%,-50%) rotate(45deg);transform:translate(-100%,-50%) rotate(45deg)}
.banbox .banbtn{margin-bottom:50px}
.banbox .banbtn a{border-radius:36px;box-shadow:0 16px 40px rgba(31,130,247,.25);padding:15px 55px 15px 45px;margin-right:20px;background:#fff;display:inline-block;font-size:22px;font-weight:400;text-decoration:none}
.banbox .banbtn a.download-btn {color:#fff;background-color:#1f82f7;}
.banbox .banbtn a.download-btn img{margin:0 5px}
.banbox .banbtn a.download-btn:hover{background:#4193f8}
.banbox .banbtn a.download-btn:active{background:rgba(255,255,255,.75)}
.banbox .banbtn a.buy-btn{color:#3672fc;border:1px solid #1f82f7;}
.banbox .banbtn a.buy-btn:hover{background:rgba(255,255,255,.75)}
.banbox .banbtn a.buy-btn:active{background:#fff}
.banbox .banbtn a.buy-btn img{margin:0 5px}
.banbox .system{font-size:16px;font-weight:400;}
.banbox .slogan{font-size:60px;font-weight:700;margin-bottom:50px}
.banbox .slogan-salience-word,.banbox .slogan-salience{position:relative;background:linear-gradient(165deg,#b9fbff 8.17%,#5ea9f9 29.61%,#55f 53.18%,#d5f 76.88%);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:8.5px}
.banbox .slogan .slogan-salience-word:after{bottom:-52px}
.banbox .slogan>.slogan-salience-word:after{content:"s";position:absolute;left:-4px;width:calc(100% + 20px);background:url(../image/text-line.svg) no-repeat center/contain}

.mainbox {width:1200px;margin:0 auto;padding:50px 0;}
.mainbox .title{text-align:center;}
.mainbox .title h1{font-size:36px;color:#001529;}
.mainbox .title p{font-size:18px;font-weight:400;color:#7d8ea8;line-height:200%;letter-spacing:1.5px;margin:15px 0;}
.mainbox .preview img{width:100%;border-radius:6px !important;box-sizing:border-box;box-shadow:0 0 15px 0 rgba(13,97,253,.1);}
@media screen and (max-width: 1200px) {
.mainbox {width:90%;}
}

.reasonlist{display:flex;justify-content:space-between;padding:50px 0;}
.reasonitem{width:260px;text-align:center;float:left}
.reasonitem>.imgbox{width:260px;height:230px;background:#fff;box-shadow:0 0 15px 0 rgba(13,97,253,.1);border-radius:6px;box-sizing:border-box;padding-top:30px;text-align:center}
.reasonitem>.imgbox img{width:80%;}
.reasonitem>h3{height:32px;font-size:24px;font-family:Microsoft YaHei-Regular,Microsoft YaHei;font-weight:400;color:#191b1e;line-height:28px;margin-top:24px}
.reasonitem>p{height:28px;font-size:18px;font-family:Microsoft YaHei-Light,Microsoft YaHei;font-weight:300;color:#5f7280;line-height:28px;margin-top:5px}
@media screen and (max-width: 1200px) {
.reasonitem>.imgbox{width:90%;height:66%;background:#fff;box-shadow:0 0 15px 0 rgba(13,97,253,.1);border-radius:6px;box-sizing:border-box;padding-top:30px;text-align:center}
}
.footdown{padding:50px 0;background:url(../image/footer-download.jpg) no-repeat;}
.footdown .text-box{margin:0 auto;width:740px;display:flex;justify-content:space-between;align-items:center}
.footdown .text-box p{font-size:30px;font-weight:400;}
.footdown .text-box .btn a{text-decoration:none;border-radius:20px;box-shadow:0 16px 40px rgba(31,130,247,.25);padding:10px 35px;margin-right:20px;color:#fff;background-color:#1f82f7;font-size:16px;font-weight:400;}
.footdown .text-box .btn a:hover{background:#0d76f7}
.footer{width:100%;padding:20px 0;background-color:#131227;text-align:center;color:#fff}