/*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;}
.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; }
@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 a{
        width: 247px;
        height: 70px;
        bottom:166px;
        margin-left: 52px;
    }
    
}
/*part1*/
.part1 {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
}
.part1 img{
    width: 100%;
    display: block;
}
.part1 a{
    position: absolute;
}
.part1 .btn1{
    top:4.14rem;
    width: .89rem;
    height: .38rem;
    right: .33rem;
}
.part1 .btn2{
    width: 2.88rem;
    height: .33rem;
    bottom:.28rem;
    left:50%;
    margin-left: -1.44rem;
}