.picMian{ padding-left: 30px; text-align: center; margin-top: 28px; } .picDetail{ max-width: 725px; margin-left: auto; margin-right: auto; padding: 10px; background-color: #c5c5c5; margin-top:40px; } .list{ display: inline-block; } .swiper-container{ background-color:transparent; margin-top:60px; margin-bottom:80px; } .swiper-container img{ max-width:100%; height:auto; } .swiper-slide{ height: 400px; display: table; } .swiper-slide>div{ max-width:725px; display: table-cell; vertical-align: middle; } .swiper-slide div img{ width:auto; max-width: 70%; max-height: 330px; } .imgArea{ display: inline-block; padding: 10px 15px; background-color: #F5F5F5; } .title{ text-align: center; font-size: 16px; margin-top:20px; margin-bottom:40px; } @media screen and (max-width: 767px){ .swiper-slide>div{} .swiper-slide{ height: 200px; } .picMian{ padding-left: 0px; } .swiper-container img{ position: relative; top: 20px; } .swiper-slide div img{ max-width:100%; min-width:100%; max-height: none; } .intro { margin-left: -10px; margin-right: -10px; padding-top: 0px; padding-bottom: 08px; } .swiper-container{ margin-top:0px; margin-bottom:0px; } .title{ padding-left: 18px; padding-right: 18px; } }