body {
    background: #000;
}

.bigPic {
    width: 100%;
}

.bigPic img {
    width: 100%;
}

.callus {
    width           : 1200px;
    margin          : 107px auto;
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : flex;
    -webkit-box-pack: justify;
    -ms-flex-pack   : justify;
    justify-content : space-between;
    background      : #000;
}

p.desc-content {
    font-size: 16px;
}

.icon>i {
    display        : inline-block;
    width          : 44px;
    height         : 36px;
    background     : url("../images/wechat.png") no-repeat center center;
    background-size: contain;
    margin-right   : 38px;
    margin-top     : 34px;
    position       : relative;
}

.icon>i:nth-child(2) {
    background     : url("../images/xcx_logo.png") no-repeat center center;
    background-size: contain;
}

.icon>i:nth-child(3) {
    background     : url("../images/sina.png") no-repeat center center;
    background-size: contain;
}

.icon>i>img {
    position: absolute;
    left    : 1px;
    top     : 45px;
    width   : 100px;
    display : none
}

/* .icon>i:nth-child(2)>img {
    left: px;
}
.icon>i:nth-child(3)>img {
    left: -168px;
} */
.web-icon {
    display: none;
}

#companyAddress {
    width : 753px;
    height: 266px;
}

.icon>i:nth-child(1):hover {
    background     : url("../images/wechat-hover.png") no-repeat center center;
    background-size: contain;
}

.icon>i:nth-child(1):hover>img {
    display: block;
}

.icon>i:nth-child(2):hover {
    background     : url("../images/xcx-hover.png") no-repeat center center;
    background-size: contain;
}
.icon>i:nth-child(3):hover {
    background     : url("../images/sina-hover.png") no-repeat center center;
    background-size: contain;
}
.icon>i:nth-child(2):hover>img {
    display: block;
}
.icon>i:nth-child(3):hover>img {
    display: block;
}
@media (max-width:992px) {
    .bigPic {
        width     : 100%;
        margin-top: .71rem;
    }

    .bigPic img {
        width: 100%;
    }

    .form-desc>.desc-title {
        font-size: .26rem;
    }

    .form-desc hr {
        margin       : 0;
        margin-top   : .28rem;
        margin-bottom: .3rem;
        max-width    : .62rem;
    }

    .callus {
        width           : 6.67rem;
        margin          : 1.07rem auto;
        display         : block;
        -webkit-box-pack: justify;
        -ms-flex-pack   : justify;
        justify-content : space-between;
        background      : #000;
    }

    div.desc-content {
        position   : relative;
        font-size  : .16rem;
        line-height: .5rem;
    }

    #companyAddress {
        width : 6.67rem;
        height: 2.66rem;
    }

    .icon {
        display: none;
    }

    .web-icon {
        display : block;
        position: absolute;
        top     : -0.2rem;
        right   : 0;
    }

    .web-icon>i {
        display        : inline-block;
        width          : .44rem;
        height         : .36rem;
        background     : url("../images/wechat.png") no-repeat center center;
        background-size: contain;
        margin-right   : .25rem;
        margin-top     : .34rem;
    }

    .web-icon>i>img {
        width            : 5rem;
        position         : fixed;
        right            : 50%;
        top              : 50%;
        z-index          : 10000;
        transform        : translate(50%, -50%);
        -webkit-transform: translate(50%, -50%);
        -moz-transform   : translate(50%, -50%);
        -ms-transform    : translate(50%, -50%);
        -o-transform     : translate(50%, -50%);
    }
    .web-icon>i:nth-child(2) {
        background     : url("../images/xcx_logo.png") no-repeat center center;
        background-size: contain;
    }
    .web-icon>i:nth-child(3) {
        background     : url("../images/sina.png") no-repeat center center;
        background-size: contain;
    }

    .callus>img {
        margin-top: .44rem;
        width     : 100%;
    }
}