#header .logo{align-items: center;height: 4rem;line-height: 4rem;margin-right:2rem;}
#header img{height: 22px;vertical-align: middle;}
#header ul{display:inline-block;margin: .5rem 0;}
#header ul li{display: inline-block;padding: .75rem;}
#header ul li a{color: #000;font-size: 1rem;}
#header ul li a:hover{text-decoration: underline;}
#header .download{color: #000;border: .125rem solid #000;display: block;padding: .3125rem .9375rem;line-height: 1.5;float: right;border-radius: 0;position: relative;transform: translateY(50%);}
#header .download:hover{color: #fff;background-color: #000;}
.banner{height: 424px;margin-top: 0px;background-position: center;background-repeat: no-repeat;text-align: center;}
.banner .title{position: relative;padding-top: 70px;font-size: 50px;color: #fff;}
.banner .images{display: inline-block;margin-top: 60px;}
.banner .images img{width: 100%;}
.card-box {margin: 60px auto 0;text-align: left;width: 1240px;}
.card-box .card-item{text-align: center;position: relative;display: inline-block;width: 340px;height: 420px;margin: 0 35px 20px;border-radius: 5px;box-shadow: 0 0 5px 1px #d4d4d4;vertical-align: top;}
.card-box .card-item .images{margin: 40px 0;height: 110px;}
.card-box .card-item .images img{height: 100%;}
.card-box .card-item .title{color: #333;font-size: 18px;font-weight: bold;}
.card-box .card-item .version{width: 82%;color: #92959d;font-size: 13px;text-align: center;margin: 10px auto 0;}
.card-box .card-item .content,.card-box .card-item .info{width: 82%;margin: 20px auto 0;color: #333;font-size: 13px;text-align: left;}
.card-box .card-item .download{width: 100%;margin: 0 auto;text-align: center;height: 100px;line-height: 100px;position: absolute;bottom: 5px;}
.card-box .card-item .download a{
    height: 34px;
    line-height: 34px;
    width: 90px;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    background-color: #66CCCC;
    font-size: 13px;
    color: #fff;
    cursor: pointer;
    pointer-events: auto;
    transition: height 0.35s, line-height, 0.35s, border-radius, 0.35s;
    -webkit-transition: all 0.35s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    position: relative
}
.card-box .card-item .download a:hover{height: 90px;line-height: 90px;border-radius: 50%;text-decoration: underline;}
#footer{margin-top: 100px;}
@media screen and (max-width: 1240px){
    .card-box{width: 825px;}
}
@media screen and (max-width: 825px){
    .card-box {
        width: 100%;
        text-align: center;
    }
    #header ul{margin: 0;}
    #header .download{transform: translateY(-50%);}
}
@media screen and (max-width: 767px){
    .card-box .card-item {
        width: 300px;
        margin: 0 auto 20px;
    }
    #header ul li {
        display: inline-block;
        padding: .2rem;
    }
}