body,h1,h2,h3,h4,p {
    margin: 0;
    padding: 0
}

body {
    font-family: tahoma,arial,Hiragino Sans GB,\\5B8B\4F53,sans-serif
}

.w {
    position: relative;
    width: 1080px;
    margin: 0 auto;
    color: #333333
}



.header-wrap{
    height: 60px;
    line-height: 60px;
    color: #aaa;
    font-size: 30px;
    font-weight: bold;
}

.banner-wrap {
    position: relative;
    background: #5ca2b8;
    height: 450px;
    width: 100%;
    min-width: 1080px;
    overflow: hidden
}

.banner-wrap .phone{
    position: absolute;
    left: 120px;
    top: 30px;
    border-radius: 10px;
    box-shadow: 4px -4px 8px rgba(0,0,0,.2);
}
.banner-wrap .phone-img{
    width: 300px;
    height: 500px;
    border-radius: 10px;
}
.banner-wrap .brand-info {
    text-align: center;
    position: absolute;
    margin: 0 auto;
    top: 180px;
    right: 260px;
    color: #fff;
}

.banner-wrap .brand-info .title {
    font-size: 55px
}

.banner-wrap .brand-info .slogan {
    font-size: 28px
}

.banner-wrap .brand-info .qrcode {
    display: inline-block;
    margin: 0 12px;
}

.banner-wrap .brand-info .qrcode-img {
    width: 180px;
    height: 180px;
    margin-top: 25px
}
.intro {
    padding-bottom: 70px;
    text-align: center
}

.intro .title {
    font-size: 42px;
    padding: 50px 0 40px
}

.intro .intro-detail {
    font-size: 24px;
    line-height: 40px
}

.superiority {
    padding-bottom: 80px;
    background: #FCFCFC;
    text-align: center
}

.superiority .title {
    font-size: 42px;
    padding: 60px 0 40px
}

.superiority .detail-con {
    overflow: hidden
}

.superiority .detail-con .detail {
    float: left;
    width: 33.3333%;
    padding: 10px 0
}

.superiority .detail-con .detail .image {
    width: 92px
}

.superiority .detail-con .detail .detail-title {
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: bold
}

.superiority .detail-con .detail .desc {
    line-height: 26px
}
.footer {
    background: #3E424F;
    position: relative
}

.footer .contact-con {
    padding: 70px 0 40px 70px;
    color: #797F93
}

.footer .contact {
    line-height: 45px
}

.footer .qrcode-con {
    position: absolute;
    right: 38px;
    top: 35px;
    color: #797F93
}

.footer .qrcode-con .title {
    font-size: 22px
}

.footer .qrcode-con .desc {
    margin-top: 4px;
    font-size: 16px
}

.footer .qrcode-con .qrcode {
    width: 105px;
    height: 105px;
    margin-top: 8px
}

.footer .qrcode-con .qrcode-desc {
    font-size: 14px
}

.footer .record-con {
    padding: 26px 0;
    color: #797F93;
    text-align: center;
    font-size: 12px;
    border-top: 1px solid #474B58
}

.footer .record-con .record{
    font-size: 13px;
    line-height: 22px;
}
.footer .record-con .record .beian{
    color: #797F93;
    text-decoration: none;
}
.footer .record-con .record .beian:hover{
    text-decoration: underline;
}