.content-wrap-water { width: 100%; min-width: 1390px; max-width: 1920px; display: flex; justify-content: center; } .content-wrap-water .content { width: 1390px; } .content-wrap-water .content .news-title { text-align: center; padding-top: 90px; padding-bottom: 20px; color: #111111; font-size: 30px; font-weight: 600; } .content-wrap-water .content .news-info { font-size: 16px; color: #666666; text-align: center; padding-bottom: 60px; } .content-wrap-water .content .img-wall { width: 1390px; } .img-wall .width1 { margin-bottom: 10px; width: 680px; transition: all 0.2s; border: 1px solid #ebebeb; } .img-wall .width1 img { width: 680px; height: auto; } .img-wall .width1 .main-news-title { /* background-color: #009bdb; color: #ffffff;*/ width: 680px; box-sizing: border-box; padding: 45px 40px; font-size: 18px; } .img-wall .width1:hover { transform: scale(1.03); } .img-wall .width2:hover { transform: scale(1.03); } .img-wall .width2 { margin-bottom: 10px; width: 330px; border: 1px solid #ebebeb; box-sizing: border-box; background-color: #f8f8f8; transition: all 0.2s; } .img-wall .width2 img { width: 330px; height: auto; } .img-wall .width2 .sec-news-title { width: 330px; box-sizing: border-box; padding: 35px 30px; color: #111111; font-size: 18px; } .img-wall .width2 .news-time { box-sizing: border-box; color: #666666; font-size: 12px; width: 330px; padding: 14px 30px; } .img-wall .width2 .sec-news-info { width: 330px; box-sizing: border-box; padding: 35px 30px; padding-top: 0px; font-size: 14px; color: #666666; } .content-wrap-water .content .load-more { width: 192px; height: 48px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 16px; border-radius: 8px; background-color: #009bdb; margin: 0 auto; margin-top: 90px; margin-bottom: 90px; cursor: pointer; } .content-wrap-water .content .load-more:hover { background-color: royalblue; } @media screen and (max-width: 414px){ /*.main-title,.foot,.copy-right{display:none;}*/ .main{width: 100%} .content-wrap-water{min-width: auto;} .content-wrap-water .content{width: 100%} .content-wrap-water .content .news-title{padding-top: 50px} .content-wrap-water .content .img-wall{width: 100%;height: auto} .img-wall .width1{width: 100%} .img-wall .width1 img{width: 100%} .img-wall .width1 .main-news-title{width: 100%;padding:15px;} .img-wall .width2{width: 100%} .img-wall .width2 img{width: 100%} .img-wall .width2 .sec-news-title{width: 100%} .img-wall .width2 .news-time{width: 100%} .img-wall .width2 .sec-news-info{width: 100%} }