body{font-size: 20px;background-color: #4f99d9}
body,html,div,a,h2,h3,h4,p{margin:0;padding:0;}
img{list-style: none;border:none;max-width: 100%;}
.content{width: 800px;margin:0 auto;overflow:hidden;height: 340px;top: 50%;;margin-top: -170px;position: absolute;left: 50%;margin-left: -400px;}
.con-lf{width: auto;float: left;padding-top: 45px;}
.con-rt{width: auto;float: right;}
.f-img,.f-logo{padding:10px 0;max-width: 350px;}
h2{font-size: 145px;color:#fff;}
h3{font-size: 40px;color:#fff;margin-top: -20px;}
h4{font-size: 30px;color:#fff;font-weight: normal;}
.f-btns {padding-top: 18px;}
.f-btns a{font-size: 20px;text-align: center;width: 116px;height: 37px;line-height: 37px;color:#fff;float: right;text-decoration: none;background-color: #41c3ff;transition: all 0.3s ease-in-out;}
.f-btns a:first-child{float: left;background-color: #f18d00}
.f-btns a:hover{opacity: 0.8;}
@media screen  and (max-width:1440px) {
    .content{width: 700px;margin-left: -350px;}
}
@media screen  and (max-width:998px) {
    .content{width: auto;margin:5% 0;position: static;padding:0 5%;height: auto;}
}
@media screen  and (max-width:768px) {
    .f-logo{margin:0 auto;width: 80%;}
    .f-img{display: none;}
    .con-lf{float: none;text-align: center;}
    .con-rt{float: none;text-align: center;}
    .f-btns{text-align: center;}
    .f-btns a{float: none;display: inline-block;margin:0 15px;font-size: 16px;width: 100px;}
    .f-btns a:first-child{float: none;}
    h2{font-size: 100px;}
    h3{font-size: 30px;}
    h4{font-size: 20px;}
}