.main{ width: 1200px; margin: 50px auto 70px; overflow: hidden; /* display: flex; justify-content: space-between; align-items: center; */ } .info{ float: left; width: calc(100% - 670px); /* margin: 15px 0; */ } .main p{ /* text-indent: 32px; */ line-height: 30px; /* margin-bottom: 5px; */ } .info>p{ text-indent: 32px; line-height: 34px; margin-bottom: 10px; font-size: 16px; } .img{ float: right; width: 600px; margin-left: 70px; height: 100%; /* background: #f5f5f5; */ border-radius: 60px 0 60px 0; /* padding: 100px 0; */ } .img p{ /* margin-bottom: 17px; */ margin-top: 8px; } .baogao_img{ } .baogao_img ul{ margin: 20px auto; overflow: hidden; } .baogao_img li{ float: left; /* width: calc(100%/3 - 7px); margin-right: 10px; */ /* width: calc(100%/3 - 14px); */ width: calc(100%/5 - 16px); margin-right: 20px; margin-bottom: 20px; } .baogao_img li:nth-child(5n){ margin-right: 0; } .baogao_img li img{ width: 100%; height: auto; } /* .baogao_img>img:first-child{ margin-right: 70px; } */ .title{ margin-bottom: 50px; font-weight: bold; font-size: 18px; } .content{ margin-bottom: 100px; } @media screen and (max-width: 750px) { .main { width: 96%; padding:0; margin: 20px auto; } .main img{ width: 100%!important; height: auto!important; } .info,.img { float: none; width: 100%; } .img { margin-left: 0; background:none; border-radius: 0; padding: 15px 0; } .baogao_img li{ width: calc(100%/2 - 10px); } .baogao_img li:nth-child(5n){ margin-right: 15px; } .baogao_img li:nth-child(2n){ margin-right: 0; } }