.abIcon{
    margin:17px 0 20px 0 ;
    font-family: "iconfont" !important;
    font-size: 50px;
    font-style: normal;
    color: #C72E33;
    text-align: center;
    display: block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.titleImg{
    background: url(../../about/images/about1.jpg) no-repeat;
    background-size: cover;
}
.main{
    width: 100%;
    height: auto;
}
.abInfo{
    width: 60%;
    height: auto;
    margin: 140px auto;
    border: 2px solid #E5E5E5;
    background-color: white;
    box-shadow: 0 0 20px #E5E5E5;
}
.ab-top{
    width: 100%;
    display: grid;
    grid-template-columns: 50% 50%;
}
.ab-top p,
.ab-address p{
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
}
.ab-top b,
.ab-address b{
    display: block;
    text-align: center;
    margin-top: 15px;
    font-size: 16px;
}
.ab-phone{
    height: 252px;
    border-right: 2px solid #E5E5E5;
}
.ab-phone:hover,
.ab-email:hover{
    box-shadow: 0 0 30px #E5E5E5;
}
.ab-email{
    height: 252px;
}
.ab-address{
    width: 100%;
    height: auto;
    padding-bottom: 30px;
    border-top: 2px solid #E5E5E5 ;
}

/* 多端自适应页面 1050px */
@media all and (max-width:1050px){
    .abInfo{
        width: 80%;
    }
}
/* 多端自适应页面 888px */
@media all and (max-width:888px){
    .abInfo{
        width: 99%;
        margin: 0 auto ;
    }
}
/* 多端自适应页面 650px */
@media all and (max-width:650px){
    .ab-top{
        width: 100%;
        display: block;
        grid-template-columns: 50% 50%;
    }
    .ab-phone{
        height: 300px;
        border: none;
        border-bottom: 2px solid #E5E5E5;
        box-shadow: none;
    }
    .ab-phone:hover,
    .ab-email:hover{
        box-shadow: none;
    }
}