.breadcrumb>li+li:before{ content: ""!important; } .state{ padding: 0!important; margin: 0!important; } .my_type{ padding: 0!important; } .get_detail{ margin-top: 2%; padding-right: 26px; float: right; font-size:12px; font-family:Microsoft YaHei; font-weight:400; color:rgba(0,0,0,1); padding-bottom: 40px; } .new-list{ display: flex; flex-wrap: wrap; } .new-first{ background: #FFF; overflow: hidden; width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 44px; } .first-img{ width: 48%; overflow: hidden; } .news-lit img{ transition: all 1s; } .news-lit:hover img{ transform: scale(1.1); } .new-first-content{ width: 48%; padding-left: 4%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .news-lit:hover .get_detail{ color:#173CAF; } .first-tis{ margin: 7% 0 8% 0; } .new-first-title{ color: #000; font-size: 18px; font-family:Microsoft YaHei; font-weight:400; line-height: 30px; margin-top: 10%; } .new-desc{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; height: 60px; -webkit-box-orient: vertical; font-size:14px; font-family:Microsoft YaHei; font-weight:400; color:rgba(0,0,0,0.7); } .second-img{ overflow: hidden; } .new-second{ background: #FFF; width: 48%; } .second-new-title{ color: #000; font-size: 18px; font-family:Microsoft YaHei; font-weight:400; line-height: 30px; padding: 40px 40px 30px 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .second-new-desc{ padding: 0 40px; } .new-second .get_detail{ padding-right: 40px; } @media (width:1366px) { .news-lit img{ width: 100% !important; height: auto!important; } .first-tis{ margin: 8% 0 12% 0; } .new-first-title{ margin-top: 12%; } } @media (width: 1024px) { .new-second{ width: 47%; } } @media (max-width: 480px) { .banners{ height: 150px; overflow: hidden; } .banners img{ height: 150px!important; } .new-desc{ height: 75px; } .news-lit img{ width: 100% !important; height: auto!important; } .new-first{ margin-bottom: 10px!important; } .new-first-title{ margin-top: 15px; } .first-tis{ margin: 15px 0; } .second-new-title{ padding: 15px 0; } .second-new-desc{ padding: 15px 0 0 0; } .first-img{ width: 98%; } .second-new-title{ white-space: normal; } .new-first-content{ width: 98%; padding-left: 0; } .new-second{ background: #FFF; width: 98%; margin: 10px 0; } .new-second .get_detail{ padding-right: 0; } }