@media screen and (max-width:359px) and (min-width:320px) {
    html,body{
        font-size: 50px !important;
    }
}
@media screen and (max-width:374px) and (min-width:360px) {
    html,body{
        font-size: 56.25px !important;
    }
}
@media screen and (max-width:413px) and (min-width:375px) {
   html,body{
        font-size: 58.5px !important;
    }
}
@media screen and (max-width:639px)  and (min-width:414px){
   html,body{
        font-size: 64.6px !important;
    }
}@media screen and (min-width:640px) {
   html,body{
        font-size: 100px !important;
    }
}
html,body{ width: 100%; height: 100%;}
.wrap{ width: 100%; height: 100%; max-width: 640px; min-width: 320px; margin:0 auto;}

.banner{ padding-bottom:2.53rem; background: url(../images/banner.jpg) center no-repeat; background-size: cover;}
.content{ background:url(../images/main-bj.jpg) repeat-x; background-size: 1% 100%; text-align: center; padding: 10% 0;}
.content a{ display: inline-block; background-color: rgba(255,255,255,0.2); background-image: url(../images/icons.png); background-size: 6.4rem 7.76rem; background-repeat: no-repeat; width: 2.22rem; height: 1.92rem; font-size: 0.25rem; text-align: center; text-decoration: none; color: #ffffff; font-weight: bold; border: 1px solid rgba(255,255,255,0.5); line-height: 3.1rem; margin: 0.24rem 0.23rem;}
.content .btn-1{ background-position:-0.8rem 0; color: #040000; background-color: #f39800;}
.content .btn-2{ background-position:-3.65rem 0;}
.content .btn-3{ background-position:-0.8rem -2.04rem;}
.content .btn-4{ background-position:-3.65rem -2.04rem;}
.content .btn-5{ background-position:-0.8rem -4.55rem;}
.content .btn-6{ background-position:-3.55rem -4.55rem;}

.footer{ position: fixed; width: 100%; bottom: 0; left: 0;}
.footer .btn{ float: left; width: 50%; height: 0.76rem;}
.footer .btn a{ display: block; height: 100%; font-size: 14px; color: #ffffff; text-decoration: none; line-height: 0.76rem; text-align: center;}
.footer .btn-tel{ background: #69abe5;}
.footer .btn-online{ background: #509de1;}
.footer .btn .icon{ display: inline-block; width: 0.55rem; height: 0.55rem; background-image: url(../images/icons.png); background-repeat: no-repeat;  background-size: 6.4rem 7.76rem; vertical-align: middle; margin-right: 10px;}
.footer .btn-tel .icon{ background-position:-0.93rem -7.05rem;}
.footer .btn-online .icon{ background-position:-4.15rem -7.05rem;}