body{
    background-color: #2F3032;
}
.comm-head {
    position: relative;
    width: 100%;
    height: 10.5rem;
    background: url('../img/contact/bg.jpg') no-repeat 0 -2.8rem;
    background-size: 100% auto;
    overflow: hidden;
}
.comm-head h1{
    display: block;
    margin: 2.5rem 0 .3rem;
    text-align: center;
    font-size: .82rem;
    font-weight: 700;
    color: #fff;
}
.hr{
    display: block;
    width: 90%;
    margin: 0 auto .6rem;
    background-color: #cacaca;

}
.comm-head h2{
    display: block;
    margin-bottom: .2rem;
    text-align: center;
    font-size: .29rem;
    font-weight: 500;
    color: #fff;
}
.comm-head p{
    margin: .3rem auto 0;
    display: block;
    width: 3rem;
    padding-left: .5rem;
    position: relative;
    font-size: .25rem;
    color: #fff;
}
.comm-head i{
    display: block;
    position: absolute;
    top: 0;
    left: -0.1rem;
    width: .3rem;
    height: .3rem;
}
.comm-head p:nth-of-type(1) i{
    background: url('../img/contact/kefu.png');
    background-size: 100% auto;
}
.comm-head p:nth-of-type(2) i{
    background: url('../img/contact/phone.png');
    background-size: 100% auto;
}
.comm-head p:nth-of-type(3) i{
    background: url('../img/contact/addr.png');
    background-size: 100% auto;
}
.comm-head p:nth-of-type(4) i{
    background: url('../img/contact/mail.png');
    background-size: 100% auto;
}