/*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,.part1 .btn2,.part1 .btn3,.part1 .btn4{
    width: .65rem;
    height: .25rem;
    right: .4rem;
}
.part1 .btn1{
    top:12.66rem;
}
.part1 .btn2{
    top:13.67rem;
}
.part1 .btn3{
    top:14.69rem;
}
.part1 .btn4{
    top:15.7rem;
}
.part1 .btn5{
    width: 1.08rem;
    height: .26rem;
    bottom: .35rem;
    left: .4rem;
}
/*part3*/
.part3 { }
/*part4*/
.part4 { }
/*part5*/
.part5 { }
/*part6*/
.part6 { }
/*part7*/
.part7 { }
/*part8*/
.part8 { }
/*part9*/
.part9 { }