.summary.summary-info.title {
        font-family: LanTingCuHei, "Microsoft Yahei", sans-serif
    }
    @keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-20% , 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}
    

    .clearfix {
        zoom: 1
    }
    .clearfix:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden
    }

    .btn--primary {
        display: block;
        width: 254px;
        height: 70px;
        background: url(../images/downloadbtn.png) no-repeat
    }
    .btn--primary:hover {
        background-position: -254px 0
    }
    .btn--outline {
        display: block;
        width: 222px;
        height: 70px;
        background: url(../images/t01dc1e03dd5606770a.png) no-repeat
    }
    .btn--outline:hover {
        background-position: -222px 0
    }

    .container {
        background: #0c0c0c;color: #fff;
        font-family:LanTingHei,"Microsoft Yahei", sans-serif;
        min-width: 1240px;
        margin: 0 auto;
    }

    .navs {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 60px;
        width: 100%;
        z-index: 99999;
        background-color: #0c0c0c
    }
    .navs .navs-inner{
        width:1100px;
        margin:0 auto
    }
    .navs .navs-inner .navsbar{
        float:left;
        margin-left:370px
    }
    .navs .navs-inner .navsbar li{
        list-style:none;
        position:relative;
        float:left;
        width:93px;
        text-align:center
    }
    .navs .navs-inner .navsbar li a{
        display:block;
        width:100%;
        height:100%;
        color:#fff;
        line-height:60px;
        font-size: 14px
    }
    .navs.navs-inner.navsbar li:hover a {
        color: #3ee36a
    }
    .navs .navs-inner .navsbar li.history{
        position:relative;
    }
    .navs .navs-inner .navsbar li.history .drop-down{
        display:none;
        position:absolute;
        top:50px;
        left:-18px;
        width:128px;
        height:146px;
        padding:6px;
        background:#0c0c0c;
        box-sizing: border-box;
        border: 1px solid #303030;
        zoom:1
    }
    .navs .navs-inner .navsbar li.history .drop-down .drop-down-inner a{
        box-sizing:border-box;
        display:block;
        width:100%;
        height:44px;
        line-height:44px;
        font-size:14px;
        color:#fff
    }
    .navs.navs-inner.navsbar li.history.drop-down.drop-down-inner a.old-version {
        line-height: 14px;
        padding-top: 6px
    }
    .navs.navs-inner.navsbar li.history.drop-down.drop-down-inner a.old-version span {
        display: block;
        margin-top: 1px;
        font-size: 12px;
        color: #6d6d6d
    }
    .navs .navs-inner .navsbar li.history .drop-down .drop-down-inner a:hover{
        color:#3ee36a
    }
    .navs.navs-inner.navsbar li.history.drop-down.drop-down-inner a:hover span {
        color: #838383
    }
    .navs .navs-inner .navsbar li.history .drop-down .drop-down-inner::after,.navs .navs-inner .navsbar li.history .drop-down .drop-down-inner::before{
        content:"";
        position:absolute;
        width:0;
        height:0
    }
    .navs .navs-inner .navsbar li.history .drop-down .drop-down-inner::before{
        top:-16px;
        left:54px;
        border:8px solid transparent;
        border-bottom-color:#303030
    }
    .navs.navs-inner.navsbar li.history.drop-down.drop-down-inner::after {
        top: -12px;
        left: 56px;
        border: 6px solid transparent;
        border-bottom-color: #0c0c0c
    }
    .navs .navs-inner .navsbar li.history:hover .drop-down{
        display:block
    }
    .summary{
        height:743px;
        margin:0;
        background-repeat:no-repeat;
  
    }
    .summary .summary-info{
        position:relative;
        width:1240px;
        height:586px;
        padding-top:87px;
        margin:0 auto
    }
    .summary .summary-info .title{
        font-size:48px;
        line-height:60px;
        font-weight:500;
        color:#fff;
        text-align: center
    }
    .summary.summary-info.btn {
        margin: 10px auto 0
    }
    @media(max-width: 1600px) {
        .overview {
            width: 1100px
        }
        .overview__image--light {
            width: 1050px;
            height: 992px;
            right: -136px;
            top: -400px
        }
        .overview__image--spaceman {
            width: 481px;
            height: 482px;
            right: 180px;
            top: -200px
        }
        .overview__image--monitor {
            width: 550px;
            height: 346px;
            top: -147px
        }
        .navs.navs-inner {
            width: 1100px
        }
        .navs.navs-inner.navsbar {
            margin-left: 230px
        }
    }

    * {
        margin: 0;
        padding: 0;
    }

    .alogo {
        display: block;
        float: left;
        margin-top: 13px;
        margin-left: 10px;
        width: 207px;
        height: 34px;
    }

    .alogo img {
        width: 100% ;
        height: 100% ;
    }
    body{
        font: 14px/28px "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53";
        font-family: 'STHeiti', 'Microsoft YaHei', Helvetica, Arial, sans-serif;
        background: #f6f6f6;
        font-size: 0;
    }
    .summary .summary-info .btn{
        margin: 10px auto 0;
    }
    .alogo{
        display: block;
        float: left;
        margin-top: 13px;
        margin-left: 10px;
        width: 207px;
        height: 34px;
    }
    .alogo img{
        width: 100%;
        height: 100%;
    }
    .footer{
        width: auto;
        background: #333333;
        color: #9a9a9a;
        font-size: 12px;
    }
    .footer>div{
        width: 1200px;
        margin: 0 auto;
        padding: 20px 0 30px;
        background: #333333;
    }
    .footer>div .link{
        color: white;
        line-height: 30px;
    }
    .footer>div .link-1{
        font-size: 13px;
        font-weight: bold;
    }
    .footer>div a{
        color: white;
        text-decoration: none;
    }