.banner {
    height: 21.77vw;/*418px*/
    background: url(../img/proIntroBanner.jpg) no-repeat center center;
}
/* tab切换 */
.tabTit{
    width: 100%;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.titItem{
    width: 190px;
    height: 40px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 20px;
    cursor: pointer;
    background: #e7e8eb;
    color: #000;
    font-size: 18px;
}
.select{
    color: #ef7d00;
}
.contItem{
    display: none;
}
#con div.show {
    display: block;
}
/* tab切换 end */
.xiLeiBox{
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
    width: 970px;
    margin: 0 auto;
}
.xiLeiItem{
    width: 261px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 50px;
    margin-right: 92px;
}

.xiLeiItem .xiLeiBtn a{
    color: #333;
}

.xiLeiItem:hover .xiLeiTit{
    color: #ef7d00;
}

.xiLeiItem:hover .xiLeiBtn{
    border: 1px solid #ef7d00;
}
.xiLeiItem:hover .xiLeiBtn a{
    color: #ef7d00;
}

.xiLeiItem:nth-child(3n){
    margin-right: 0;
}
.xiLeiImg{
    width: 261px;
}
.xiLeiTit{
    font-weight: bold;
    margin: 15px 0 0;
}
.xiLeiText{
    font-size: 10px;
    margin: 6px 0 15px 0;
}
.xiLeiBtn{
    width: 100px;
    height: 28px;
    border: 1px solid #000;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 2px;
}