/*common*/
body { color: #222; }
.m_block { display: block }
.m_clearfix:after { content: "."; display: block; clear: both; height: 0; overflow: hidden }
.m_clearfix { zoom: 1 }
.fl-l { float: left; }
.fl-r { float: right; }
.wp { width:100%; margin: 0 auto; overflow: hidden; position: relative;background: #e7e3e0;}
.wp * { box-sizing: border-box; }
.w335 { width: 3.35rem; margin: 0 auto; }
/*banner*/
.banner { width: 100%; height: 2rem; background: url(images/banner.jpg); background-size: 3.75rem; overflow: hidden; }

/*part1*/
.part1 {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    position: relative;
}
.part1 img{
    display: block;
    width: 100%;
}
.part1 .btn{
    display: block;
    position: absolute;
    width:1.72rem;
    height:.26rem;
    top:5.03rem;
    transform:translate(-50%,-50%);/*左右，上下*/
    left: 50%;
}
@media screen and (min-width: 1024px) {
    html { font-size: 100px; }
    .g-hd{
        max-width: 640px;
        width: 100%;
    }
    .g-ft{
        max-width: 640px;
        margin: 0 auto;
    }
    .m-footer{
        max-width: 640px;
        left: 50%;
        transform: translateX(-50%);
    }
    .g-hd .g-hd-wp{
        width: 600px;
    }
    .part1 .btn{
        top: 856px;
        width:294px;
        height: 45px;
    }
}