.software {
    margin: 0 auto;
    font-size: 0
}

.software .au-headbg {
    max-width: 1920px;
    height: 400px;
    background: url(../images/software/sw_bg.png) no-repeat center;
    margin: 0 auto 80px
}

.software .sf-content {
    margin: 0 auto 100px
}

.software .sf-content .sf-content-left {
    float: left;
    margin-right: 81px;
    width: -moz-calc(100% - 86px - 500px);
    width: -webkit-calc(100% - 86px - 500px);
    width: calc(100% - 86px - 500px)
}

.software .sf-content .sf-content-left .sf-cl-text {
    padding-top: 16px
}

.software .sf-content .sf-content-left .sf-cl-text p {
    font-size: 18px;
    line-height: 35px;
    letter-spacing: 1px;
    color: #5a5a5a
}

.software .sf-content .sf-content-left .sf-cl-text p:first-child {
    padding-bottom: 34px
}

.software .sf-content .sf-content-right {
    display: inline-block
}

.software .sf-content .sf-content-right img {
    width: 500px;
    height: 298px;
    margin-top: 86px
}

.software .sf-mobile-content {
    display: none
}

@media (max-width:1199px) and (min-width:992px) {
    .software .sf-content .sf-banner {
        padding-top: 20px
    }
    .software .sf-content .sf-content-left {
        margin-right: 56px;
        width: calc(100% - 56px -500px);
        width: -moz-calc(100% - 56px -500px);
        width: -webkit-calc(100% - 56px -500px)
    }
    .software .sf-content .sf-content-left .sf-cl-text {
        padding-top: 0
    }
    .software .sf-content .sf-content-left .sf-cl-text p:first-child {
        padding-bottom: 10px
    }
}

@media (max-width:992px) {
    html {
        font-size: calc(100vw / 750 * 100)
    }
    .software .au-headbg {
        width: 100%;
        height: 2.16rem;
        background: url(../images/m_software/sw_bg.png) no-repeat center;
        margin: 0 auto .21rem;
        background-size: 100% 2.16rem
    }
    .software .sf-content {
        display: none
    }
    .software .sf-mobile-content {
        display: block;
        padding: 0 .2rem .6rem
    }
    .software .sf-mobile-content .sf-cl-text p {
        font-size: .3rem;
        line-height: .5rem;
        letter-spacing: .01rem;
        text-align: justify;
        color: #5a5a5a
    }
    .software .sf-mobile-content .sf-cl-img {
        padding-top: .2rem;
        font-size: 0
    }
    .software .sf-mobile-content .sf-cl-img img {
        width: 7.08rem;
        height: 4.67rem
    }
}