@media screen and (max-width:990px) { .enterprise { width: 100%; padding: 30px 15px; box-sizing: border-box; } .enterprise .enterpriseList{ width: 100%; margin-bottom: 15px; display: flex; flex-direction: column; } .enterprise .enterpriseList img{ width: 100%; height: 260px; } .enterprise .enterpriseList .title{ background: #f5f5f5; line-height: 55px; text-align: center; font-size: 15px; } .enterprise .enterpriseList:nth-child(3n+3){ margin-right: 0; } } @media screen and (min-width:991px) { .enterprise { width: 960px; padding: 0 ; margin: 30px auto; display: flex; flex-wrap: wrap; } .enterprise .enterpriseList{ width: calc(33.3% - 10px); margin-right: 15px; margin-bottom: 15px; display: flex; flex-direction: column; cursor: pointer; } .enterprise .enterpriseList img{ width: 100%; height: 260px; } .enterprise .enterpriseList .title{ background: #f5f5f5; line-height: 55px; text-align: center; font-size: 15px; font-weight: 550; } .enterprise .enterpriseList:hover .title{ color: #259F57; } .enterprise .enterpriseList:nth-child(3n+3){ margin-right: 0; } } @media screen and (min-width:1200px) { .enterprise { width: 1140px; margin: 30px auto; display: flex; flex-wrap: wrap; } .enterprise .enterpriseList{ width: calc(33.3% - 10px); margin-right: 15px; margin-bottom: 15px; } .enterprise .enterpriseList img{ width: 100%; height: 260px; } .enterprise .enterpriseList .title{ background: #f5f5f5; line-height: 55px; text-align: center; font-size: 15px; } .enterprise .enterpriseList:nth-child(3n+3){ margin-right: 0; } } @media screen and (min-width:1501px) { .enterprise { width: 1440px; margin: 30px auto; display: flex; flex-wrap: wrap; } .enterprise .enterpriseList{ width: calc(33.3% - 10px); margin-right: 15px; margin-bottom: 15px; } .enterprise .enterpriseList img{ width: 100%; height: 300px; } .enterprise .enterpriseList .title{ background: #f5f5f5; line-height: 55px; text-align: center; font-size: 15px; } .enterprise .enterpriseList:nth-child(3n+3){ margin-right: 0; } }