.box { width: 1200px; margin: 0 auto; } .f-r { float: right; } .ht15 { height: 15px; } .box-l { float: left; width: 50%; overflow: hidden; } .headline { padding:10px 20px; height: 380px; } .headline li { padding-bottom: 10px; min-height: 98px; } .headline h2 { color: #333; font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 8px; } .headline p { font-size: 14px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 60px; text-indent:2em; } .headline span a{ font-size: 15px; color:#000; float:right; } .headline span a:hover{ color:#c71414; } .headline h2:hover{ color: #c71414; } .news { padding: 10px 20px; border:1px solid #ccc; margin:8px; border-radius:5px; box-shadow:1px 2px 3px #ddd; min-height:280px; } .news-head { background: url(/uploads/image/pwimg/new-head.png)no-repeat; height: 45px; margin-bottom: 15px; } .news-head a{ color: #111; font-size: 24px; font-weight: bold; display: inline-block; text-align:center; width:100%; line-height: 28px; letter-spacing:1px; color:#c71414; padding-left:23px; } .news-head a:hover{ color: #ef1736; } .news li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom:1px dashed #ccc; } .news li:last-child{ border-bottom:none; } .news li span { padding-left: 20px; padding-right: 10px; } .news li a { line-height: 40px; font-size: 16px; } .news li a:hover { color: #ef1736; } .foot{margin-top:30px;color:#fff;text-align:center;line-height:24px;padding:20px;min-width:1100px;overflow:hidden;background:#036db7} .foot a{color:#fff} .foot .f_left{float:left;width:845px} .foot .f_left a{color:#fff} .foot .f_right{float:right;width:325px} .foot .f_right span{width:120px;height:80px;display:block;float:left;line-height:120px}