body {background-image:url('bg.jpg');
    text-align: center;
    color: #ffffff;
    font: 16px "Microsoft YaHei", Arial, Tahoma;

}
li{
    list-style:none;
}
.top{
    margin-top:200px;
}
.top li{
    text-align: center;
}
.p30{
    width: 40%;
    float: left;
    line-height: 60px;
    border-right: solid 1px #ffffff;
    font-size: 22px;
}
.p70{
    width: 59%;
    float: left;
    text-align: left;

}
.p70>div{
    padding-left: 25px;
    font-size: 20px;
}
.f48{
    font-size: 48px;
}
.w520{
    width: 520px;
}
.f28{
    font-size: 28px
}
a{color:#ffffff;text-decoration:none;}
a:hover{text-decoration:underline;}

a.rounded-btn,.rounded-btn{color:#fff;-webkit-border-radius:5px;border-radius:5px;background-color:#a3c41f;font-weight:700;font-family:'Arial',sans-serif;display:inline-block;border:0;}
a.rounded-btn:hover{background-color:#EEEEEE!important;color:#000000;text-decoration:none;}

@media screen  and (max-width:540px) {
    body{
        width: 95%;
    }
    .p30{
        width: 100%;
        float: left;
        line-height: 60px;
        border-right: solid 0px #ffffff;
        font-size: 22px;
    }
    .p70{
        width: 100%;
        float: left;
        text-align: center;

    }
    .f48{
        font-size: 28px;
    }
    .w520{
        width: 100%;
    }
    .f28{
        font-size: 20px
    }
    .top{
        margin-top:60px;
    }
}