//pc端样式 .main { width: 100%; max-width: 1920px; margin: 0 auto; padding-top: 71px; } .desCon{ width: 100%; text-align: center; padding-top: 120px; .desTop{ width: 100%; max-width: 1300px; margin: 0px auto; display: flex; text-align: left; padding-bottom: 46px; &>div{ width: 50%; } } .desTopImg{ width: 100%; max-width: 1500px; margin: 0px auto; padding-bottom: 140px; img{ width: 100%; display: block; } } .desLi{ width: 100%; max-width: 1300px; margin: 0px auto; padding-bottom: 150px; img{ width: 100%; display: block; margin-bottom: 50px; } .title{ font-size: 36px; margin-bottom: 16px; } .text{ text-align: left; } &:last-child{ padding-bottom: 130px; } } } @media screen and (min-width: 801px) and (max-width: 1400px) { } @media screen and (min-width:800px){ } .mTxt{ display: none; } //移动端样式 @media screen and (max-width:800px) { .pcTxt{ display: none; } .mTxt{ display: block; } .main{ padding-top: 61px; } .desCon{ padding-top: 50px; box-sizing: border-box; padding-left: 15px; padding-right: 15px; // .text{ // font-size: 14px; // line-height: 22px; // } .desTop{ padding-bottom: 30px; flex-wrap: wrap; .title{ text-align: center; margin-bottom: 20px; } &>div{ width: 100%; } } .desTopImg{ padding-bottom: 70px; } .desLi{ padding-bottom: 70px; img{ margin-bottom: 28px; } .title{ font-size: 15px; line-height: 20px; } &:last-child { padding-bottom: 70px; } } } }