.carousel1 { position: relative; z-index: 5; overflow: hidden; } .carousel1 .slick-slide > a { display: block; background-color: #fff; position: relative; } .carousel1 .slick-slide .slick-img { display: block; height: 0; padding-bottom: 28.64%; overflow: hidden; } @media screen and (max-width:1480px) { .carousel1 .slick-txt2 { height: 70px; } } @media screen and (max-width:1240px) { .carousel1 .slick-txt2 { height: 60px; } } @media screen and (max-width:996px) { .carousel1 .slick-txt2 { height: 50px; } } .block-list293 li { display: flex; } .block-list293 li .date { margin-right: 40px; color: #333; font-weight: bold; } .block-list293 li .info { flex: 1; overflow: hidden; } .block-list293 li .info .title { display: block; color: #333; line-height: 1.5; } .block-list293 li .info .more { margin: 20px 0 0; } .block-list293 li .info .more a { display: inline-block; box-sizing: border-box; padding: 10px 15px; background: #800000; color: #fff; min-width: 150px; text-align: center; } .block-list293 li .info img { display: block; max-width: 100%; margin: 10px 0 0; } @media screen and (max-width:768px) { .block-list293 li { display: block; } .block-list293 li .date { margin: 0; } .block-list293 li .info .more { margin: 10px 0 0; } } .gp-title24 { padding: 10px 0; margin-bottom: 20px; border-bottom: 1px solid #800000; color: #800000; } .gp-title24 span { display: inline-block; vertical-align: middle; } .gp-title24 h2 { line-height: 1.5; display: inline-block; vertical-align: middle; margin-right: 10px; } .gp-title24 h2 a { text-decoration: underline; font-style: italic; } .gp-title24 .more { padding-top: 10px; color: #800000; } .block-list201 { margin: 0 -35px; overflow: hidden; } .block-list201 li { overflow: hidden; transition: all 0.3s ease-in-out; } .block-list201 li a { display: block; margin: 0 35px; padding-bottom: 25px; border-bottom: 1px solid #d9d9d9; } .block-list201 li a .date { line-height: 2.14; color: rgba(51, 51, 51, 0.5); } .block-list201 li a p { line-height: 1.5; height: 48px; overflow: hidden; color: #333333; margin-top: 10px; display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .block-list201 li:hover { transform: translateX(5px); } .block-list201 li:hover p { color: #800000; font-weight: bold; } .block-list201 li:hover .date { color: #800000; } @media screen and (max-width: 996px) { .block-list201 { margin: 0 -15px; } .block-list201 li a { margin: 0 15px; padding-bottom: 20px; } }