@media screen and (min-width: 541px){
    .content-main-box{
        height: 70rem;
        background-image: url(../images/outsourcing/background.png);
        background-repeat: no-repeat;
        background-position: bottom;
    }
    .business-nav{
        width: 75rem;
        height: 9.125rem;
        padding-top: 3.4375rem;
        margin: auto;
        font-size: 0;
        background-color: transparent;
    }
    .business-nav-item{
        display: inline-block;
        width: 24rem;
        height: 5.6875rem;
        margin: 0;
        margin-right: 1.4375rem;
        font-size: 1.75rem;
        text-align: center;
        line-height: 5.6875rem;
        color: #fff;
        border-radius: 10px;
        background-color: transparent;
        background-image: url(../images/outsourcing/unchecked.png);
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .business-main{
        width: 75rem;
        margin: auto;
        padding-top: 6.25rem;
    }

    .business-main-item{
        display: inline-block;
        width: 35.25rem;
        height: 20rem;
        margin-bottom: 3.5625rem;
        padding: 0px;
        box-shadow: 0px 0px 20px #c7c6c6;
        background-color: #fff;
        overflow: hidden;
    }
    .business-main-item:nth-child(odd){
        margin-right: 3.5625rem;
    }
    .business-list{
        height: 15.625rem;
        width: 29.375rem;
        margin: auto;
        margin-top: 2.1875rem;
        text-align: left;
    }
    .business-list-icon{
        position: relative;
        height: 3.8125rem;
    }
    .business-list-icon > img{
        position: absolute;
        bottom: 0;
    }
    .business-list-title{
        margin-top: 1.25rem;
        height: 1.5rem;
        line-height: 1.5rem;
        font-size: 1.5rem;
        font-weight: 700;
        color: #5c5c5c;
    }
    .business-list-content{
        margin-top: 1.875rem;
        height: auto;
        font-size: 1.125rem;
        color: #5b5b5b;
    }
    .content-main-box{
        height: 70rem;
        background-image: url(../images/outsourcing/background.png);
        background-repeat: no-repeat;
        background-position: bottom;
    }

    .business-nav-item:hover{
        background-image: url(../images/outsourcing/checked.png) !important;
    }
    .business-nav-item:last-of-type{
        margin: 0;
    }
    .business-item-active{
        background-image: url(../images/outsourcing/checked.png) !important;
    }
    .business-main{
        width: 75rem;
        margin: auto;
        padding-top: 6.25rem;
    }

    .business-main-item{
        display: inline-block;
        width: 35.25rem;
        height: 20rem;
        margin-bottom: 3.5625rem;
        padding: 0px;
        box-shadow: 0px 0px 20px #c7c6c6;
        background-color: #fff;
        overflow: hidden;
    }
    .business-main-item:nth-child(odd){
        margin-right: 3.5625rem;
    }
    .business-list{
        height: 15.625rem;
        width: 29.375rem;
        margin: auto;
        margin-top: 2.1875rem;
        text-align: left;
    }
    .business-list-icon{
        position: relative;
        height: 3.8125rem;
    }
    .business-list-icon > img{
        position: absolute;
        bottom: 0;
    }
    .business-list-title{
        margin-top: 1.25rem;
        height: 1.5rem;
        line-height: 1.5rem;
        font-size: 1.5rem;
        font-weight: 700;
        color: #5c5c5c;
    }
    .business-list-content{
        margin-top: 1.875rem;
        height: auto;
        font-size: 1.125rem;
        color: #5b5b5b;
    }
}

@media screen and (max-width: 540px){

    .business-nav{
        text-align: center;
        padding-top: 0.4375rem;
        margin: auto;
        font-size: 0;
        background: transparent;
    }
    .business-nav-item{
        display: block;
        font-size: 1.2rem;
        margin-bottom: 4px;
        text-align: center;
        line-height: 2.75rem;
        color: #fff;
        border-radius: 10px;
        background-color: transparent;
        background-image: url(../images/outsourcing/unchecked.png);
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .business-item-active{
        background-image: url(../images/outsourcing/checked.png) !important;
    }
    /*      外包部分      */
    .business-main-item{
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 320px;
        margin: 20px;
        padding: 20px;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    }
    .business-main-item > a {
        display: flex;
        justify-content: left;
    }
    .business-list > *{
        display: flex;
        justify-content: center;
    }
    .business-list {
        display: flex;
        justify-content: left;
        flex-direction: column;
        align-items: center;

    }
    .business-list-icon > img{
        width: 80%;
        justify-content: center;
    }
    .business-list > li{
        margin: 5px 0;
    }
    .business-list-title{
        color: #5c5c5c !important;
        font-size: 24px;
    }
    .business-list-content{
        text-align: left;
        color: #5b5b5b !important;
        font-size: 16px;
        line-height: 24px;
        padding: 0 20px;
    }
}