*{ margin: 0; padding: 0; } li{ list-style: none; } a{ text-decoration: none; } .bodys{ min-width: 1200px; margin: auto; font-size: 16px; color: #000; } /*banner*/ .banner{ width: 100%; } .banner > img{ width: 100%; } /*新闻资讯*/ .journalism{ width: 80%; margin: auto; overflow: hidden; box-sizing: border-box; padding-bottom: 80px; } .jour-title{ width: 260px; height: 50px; border-bottom: 1px solid #ccc; text-align: center; margin: 50px auto 0; } .sp{ font-size: 14px; width: 120px; color: #ccc; background: #fff; margin: 22px auto 0; } /*内容*/ .cont{ width: 100%; margin-top: 60px; overflow: hidden; } .cont > div{ width: 32%; float: left; border: 1px solid #ccc; box-sizing: border-box; margin-bottom: 20px; } .cont > div:nth-child(3n-1){ margin-left: 2%; margin-right: 2%; } .backgr{ width: 45%; height: 120px; background-color: #f1f1f1; border-radius: 10px; margin: 1% 2%; display: flex; align-items: center; justify-content: center; } .backgr > img{ width: 90%; } .text{ width: 50%; } .mokuai > div{ float: left; } .p-title{ font-weight: bold; margin: 20px 0 10px 0; } .p-text{ color: #ccc; font-size: 14px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; } /*分页*/ .page{ float: right; width: 526px; overflow: hidden; } .si-bor{ /*width: 20px;*/ height: 30px; border: 1px solid #ccc; border-radius: 4px; text-align: center; line-height: 30px; padding: 4px 8px; margin: 0 8px; } .si-bor:hover{ background: #CDCDCD; cursor: pointer; } .page > div{ float: left; }