html,body{
    height:100%;
}
/* 头部内容部分 */
.header{
    height:60px;
    width:100%;
    background:#FFFFFF;
}
.container{
    width: 100%;
    padding: 0 100px;
    box-sizing: border-box;
    margin:0px auto;
}
.logo{
    position: relative;
    top:0;
    width:60px;
    height:60px;
}
.title_txt{
    height: 60px;
    display: inline-block;
    font-size:16px;
    font-family:SourceHanSansCN-Bold,SourceHanSansCN;
    font-weight:bold;
    color:rgba(29,30,32,1);
    line-height: 60px;
}
/* 中间内容部分 */
.contentBox{
    width:100%;
}
.contentBox .bg_image{
width: 100%;
}
.middle{
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}
.middle .showImg{
    display: block;
    width: 284px;
    height: 608px;
}
.middle_right{
    display: inline-block;
    position: absolute;
    top:250px;
    left: 52%; 
}
.middle_right .download_btn{
    display: block;
    width: 250px;
    height: 117px;
    position: absolute;
    background: url(../img/down_btn.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 26px;
    margin-left: -10px;
}
.middle_right .download_btn_leader{
    display: block;
    width: 250px;
    height: 117px;
    position: absolute;
    left: 250px;
    background: url(../img/down_btn_leader.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 26px;
    margin-left: -10px;
}
.middle_right p span{
    display: block;
    font-size:40px;
    font-family:SourceHanSansCN-Bold,SourceHanSansCN;
    font-weight:bold;
    color:rgba(255,255,255,1);
}
.desc{
    width: 100%;
    box-sizing: border-box;
    padding: 5% 10%;
}
.desc img{
    width: 100%;
    margin-bottom: 150px;
}
/* 脚部内容部分 */
.footer{
    width: 100%;
    height: 68px;
    background: #FFFFFF;
    padding-top:12px;
    box-sizing: border-box; 
}
.footer p{
    text-align: center;
    font-size:12px;
    font-family:PingFangSC-Semibold,PingFang SC;
    font-weight:600;
    color:rgba(29,30,32,1);
    text-align: center;
    line-height: 17px;
}
.ip {
    cursor: pointer;
}
.ip:hover {
    text-decoration: underline;
}
/* 媒体查询 */
@media screen and (min-width: 0px) and (max-width: 992px) {
    .header {
        width: 100%;
        height:60px;
        background:#FFFFFF;
    }
    .header .container{
        padding: 0 20px;
    }

    .contentBox{
        width: 100%;
        background-size: auto;
    }
    .contentBox .middle_right {
        top:180px;
        /* left: 10%;  */
    }
    .middle_right p span{
        font-size:26px;
    }
    .middle_right .download_btn{
        width: 150px;
        height: 70px;
    }
    .middle_right .download_btn_leader{
        width: 150px;
        height: 70px;
        left: 150px;
    }
}