.introduceContentImg{
    min-width:650px;
    height:410px;
    overflow:hidden;
}
.introduceContentImg img{
    width:100%;
    height:100%;
    object-fit:contain;
}
.introduceContent{
    display:flex;

}
.introduceContentInfoTitle{
    font-size:36px;
    font-family: '思源宋体heavy', sans-serif;
}
.introduceContentInfo{
    margin-left:40px;
}
.introduceContentInfoText{
    margin-top:40px;
}
.companyCardList{
    display: flex;
    justify-content: space-between;
    flex-direction:column;
}
.companyCard{
    display:flex;
    margin:20px 0;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    width:fit-content;
    padding: 20px;
}
.companyCardInfoTextItem{
    display:flex;
}
.companyCardInfo{
    display:flex;
    flex-direction:column;
    margin-left: 30px;
}
.companyCardImg{
    width:300px;
    height:200px;
    overflow:hidden;

}
.companyCardImg img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.companyCardInfo{
    width:400px;
}
.about_recommend{
    font-style: italic;
    color:#666
}
.companyCardInfoTitle{
    width: 100%;
    text-align: center;
    font-size: 18px;
}
.companyCardInfoTextItem div{
    color:#888;
}
.companyCardInfoTextItem>div:nth-child(1){
    white-space: nowrap;
}

.companyCardInfoText{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
@media screen and (max-width: 1280px) {
    .introduceContentImg{
        min-width: 550px;
        height: auto;
    }
}
@media screen and (max-width: 1024px) {
    .introduceContentImg{
        min-width: 450px;
        height: auto;
    }
}
@media screen and (max-width: 992px) {
    .introduceContentImg{
        width:100%;
        height: auto;
        min-width: 0;
    }
    .introduceContent{
        flex-direction: column;
    }
    .introduceContentInfo{
        margin-top: 20px;
        margin-left: 0px;
    }
    .companyCard{
        flex-direction: column;
        align-items: center;
    }
    .companyCardImg{
        width:100%;
        height: auto;
    }
    .companyCardInfo{
        width: 100%;
        height:auto;
    }
    .companyCardInfoTitle{
        text-align:left;
    }
    
}