.newsListCon { width: 100%; margin-top: 40px; } .newsListCon .mainCon { width: 1400px; margin: 0 auto; } .newsListCon .mainCon .conBox { margin: 0 auto; } .newsListCon .mainCon .con { width: 100%; margin-bottom: 40px; } .newsListCon .mainCon .clearfix { width: 100%; padding: 40px; border: 1px solid #dfdfdf; border-top: none; background: #fff; position: relative; margin: 0 0; } .newsListCon .mainCon .clearfix:first-child { border-top: 1px solid #dfdfdf; } .newsListCon .mainCon .clearfix a{ display: flex; } .newsListCon .mainCon .dt { width: 220px; height: 170px; overflow: hidden; } .newsListCon .mainCon .dt img { display: block; transition: all 2s ease-out; width: 220px; height: 169px; background: #000; object-fit: cover; } .newsListCon .mainCon .clearfix:hover .dt img { transform: scale(1.2); } .clearfix .dd:hover h3{ color: #000; font-weight: bold; } .newsListCon .mainCon .dd { flex: 1; height: 170px; position: relative; margin-left: 28px; } .newsListCon .mainCon .dd h3 { font-size: 20px; font-weight: normal; width:70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .newsListCon .mainCon .dd h3 a { color: #000000; text-decoration: none; } .newsListCon .mainCon .dd .ddp { font-size: 14px; color: #666666; line-height: 24px; margin-top: 17px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; } .newsListCon .mainCon .dd .label { font-size: 12px; color: #999999; display: block; padding-left: 26px; position: absolute; left: 0; bottom: 0; background: url(../images/newslist_icon03.png) no-repeat left center; line-height: 16px; } .newsListCon .mainCon .dd .label a:hover { color: #d40019; } .newsListCon .mainCon .dd .rq { display: block; font-size: 16px; font-family: arial; height: 16px; position: absolute; top: 6px; right: 20px; padding-left: 24px; padding-top: 2px; color: #999; } .newsListCon .mainCon .dd .more { display: block; width: 36px; height: 36px; background: url(../images/list_circle.png) no-repeat left top; overflow: hidden; position: absolute; left: 6px; bottom: 17px; } .newsListCon .mainCon .clearfix:hover .more { background-position: left bottom; } .newsListCon .mainCon .clearfix:hover h3 a { color: #d40019; } .newsListCon .mainCon .clearfix:hover { box-shadow: 0 0 10px 6px #eeeeee; z-index: 99; } @media screen and (max-width: 1400px) { .newsListCon .mainCon{ width: 96%; } .newsListCon .mainCon .dd{ margin-left: 0px; } } @media screen and (max-width: 993px) { .newsListCon .mainCon .clearfix a{ flex-direction: column; } .newsListCon .mainCon .dt{ display: none !important; } .newsListCon .mainCon .clearfix { padding: 25px; } .newsListCon .mainCon .dd{margin-left: 0px;} .newsListCon .mainCon .dd .rq{display: none;} .newsListCon .mainCon .dd h3{width: 100%;font-size: 16px;} .newsListCon .mainCon .dd .more{display: none !important;} .newsListCon .mainCon .dd .ddp{font-size: 13px;color: #666666;line-height: 20px;margin-top: 4px;} } /*新闻详细*/ .newconts{ padding: 40px 0; } .news_xx01 { font-size: 22px; line-height: 40px; text-align: center; color: #333; font-weight: 700; } .news_xx02 { text-align: center; font-size: 14px; color: #999; line-height: 35px; padding-bottom: 10px; border-bottom: 1px dashed #ddd; } .news_xx03 { padding: 20px; font-size: 14px; line-height: 30px; color: #666; } .news_xx03 .lishipic { padding: 5px; border: 1px solid #eee; } .news_xx03 p { font-size: 14px; line-height: 30px; color: #666; } .news_xx03 img { display: block; margin: 20px auto; } .news_xx03 table { width: 100% !IMPORTANT; border: 1px solid #ddd !IMPORTANT; border-collapse: collapse !IMPORTANT; font-size: 12PX !IMPORTANT; word-break: break-all; word-wrap: break-word; } .news_xx03 table td { border: 1px solid #ddd !IMPORTANT; padding: 5px !IMPORTANT; } .news_sx { padding: 0 20px; height: 40px; border: 1px solid #e1e1e1; line-height: 40px; color: #555; margin-top: 35px; font-size: 14px; background: #f5f5f5; } .news_sx a { color: #fe6716; } .n_s { width: 48%; float: left; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .n_x { width: 48%; float: right; text-align: right; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }