@media screen and (min-width: 0px) {
    body{
        font-size:12px;
    }
    .service .container {
        /*padding: 0px;*/
    }
    .banner-service {
        position: relative;
        color: #fff !important;
    }
    ..banner-service .banner-content-content {
        padding-top: 10px;
    }


    .banner-service p {
        padding: 0px;
    }
    .banner-service .banner-content {
        position: absolute;
        width: 300px;
        top: 0px;
        left: 25px;
        /*font-family: PingFang-SC-Medium;*/
        font-family: '微软雅黑';
        font-size: 12px;
        letter-spacing: 0px;
        text-align: justify;
    }

    .banner-service h2 {
        color: #fff !important;
        font-weight: 500;
        /*font-family: PingFang-SC-Semibold;*/
        font-family: '微软雅黑';
        font-size: 20px;
        letter-spacing: 0;
        line-height: 20px;
    }
    .characteristic {
        font-size: 12px; 
        padding-left: 50px;
        margin-top:30px;
    } 
    .service-modular .service-block {
        padding-top: 50px; 
        text-align: center;
    } 
    
    .characteristic-block{
        padding-top:10px;
    }
    .characteristic img {
        /*display: inline-block;*/
        width:31px;
        display:block;
        float:left;
    }
    .characteristic-title {
        /*display: inline-block;*/
        display: block; 
        color: #101010;
        letter-spacing: 0;
        vertical-align: middle;
        height: 31px;
        line-height: 31px;
        padding-left: 40px; 
    }
    .service-block-title{
        margin-top:10px;
    }
}

@media screen and (min-width: 479px) {
}



@media screen and (min-width: 767px) {
    body {
        font-size: 14px;
    }
    .banner-service .banner-content {
        width: 900px;
        top: 90px;
        left: 50px;
        font-size: 14px;
        font-weight:normal;
    }
        
        .banner-service h2 {
            font-size: 35pt;
            line-height: 48pt;
        }

    .banner-service .banner-content .banner-content-content {
        width: 525px;
        padding-top: 10px;
    }
    .characteristic {
        padding-top: 50px;
        padding-left: 150px;
    }
        .characteristic img {
            /*display: inline-block;*/
            display: block;
            float: left;
            width:62px;
        }
    .characteristic-title {
        /*display: inline-block;*/
        height:62px;
        line-height:62px; 
        padding-left: 80px;
    }
}

@media screen and (min-width: 959px) {

    .banner-service .banner-content {
        top: 150px;
        left: 50px;
    }

    .banner-service .banner_contract .banner-content-content {
        padding-top: 30px;
    }
    .service-modular .service-block {
        padding-top: 100px; 
    } 
    .characteristic {
        padding-top: 50px;
        padding-left: 90px;
    }
}

@media screen and (min-width: 1199px) {
    .characteristic {
        padding-top: 50px;
        padding-left: 120px;
        padding-bottom:100px;
    }
    .characteristic-title {
        /*display: inline-block;*/
        font-size: 20px;
        height: 62px;
        line-height: 62px; 
    }
}

@media screen and (min-width: 1200px) {
}