#banner{
/*     background-image: url(../img/banner-business.jpg);  这里的图片会根据内容进行替换，所以使用style进行设置*/
    background-repeat: no-repeat;
    background-position: center center;
    height: 400px; /* 根据banner图片的高度进行设置 */
}
#banner .banner-contianer{
    margin-left: 5%;
    margin-right: 5%;
    height:100%;
}
#banner .banner-contianer h1{
    padding-top: 158.5px; /* 用于垂直居中 */
    font-size: 2.375em;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
    color: #02f6b9;
}
#banner .banner-contianer h3{
    padding-top: 0.5em;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 1.125em;
    text-align: center;
    color: #02f6b9;
}

@media(max-width:768px){

#banner{
        /* background-image: url(../img/banner-business-2.jpg);  在style中设置*/
        background-repeat: no-repeat;
        background-position: center center;
        height: 160px; /* 根据banner图片的高度进行直接设置 */
    }

    #banner .banner-contianer h1{
        padding-top: 51px; /* 用于垂直居中 */
        font-size: 1.625em;
    }
    #banner .banner-contianer h3{
        padding-top: 0.5em;
        font-size: 0.75em;
    }
}