.carousel28 { position: relative; } .carousel28 .gpCarousel { position: relative; } .carousel28 .gpCarousel .slick-slider a { display: block; } .carousel28 .gpCarousel .slick-slider a span { padding-bottom: 37.5%; } .carousel28 .gpCarousel .slick-slider a .slick-txt { display: block !important; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 1300px; height: auto; } .carousel28 .gpCarousel .slick-slider a .slick-txt .txt1 { position: relative; box-sizing: border-box; padding: 18px 45px 30px; border-radius: 11.84px; background: rgba(255, 255, 255, 0.6); background-size: cover; } .carousel28 .gpCarousel .slick-slider a .slick-txt .txt1::before { /* content: "";display: block;width: 100%;height: 100%;filter: blur(0px);position: absolute;left: 0%;top: 0%;border-radius: 11.84px; background: rgba(255, 255, 255, 0.6); */ } /* .carousel28 .gpCarousel .slick-slider a .slick-txt .txt1::after{ content: "";display: block;width: 100%;height: 100%; position: absolute;left: 0%;top: 0%;border-radius: 11.84px; background: rgba(255, 255, 255, 0.6);z-index: 1; } */ .carousel28 .gpCarousel .slick-slider a .slick-txt .more { width: 155px; height: 52px; line-height: 50px; border-radius: 28.58px; background: url(../images/more_bg1.png) no-repeat; background-size: 100% 100%; color: #fff; text-align: center; display: block; margin: 77px auto 0; } /* */ .carousel28 .gpCarousel .slick-slider a .slick-txt .top { text-shadow: 0px 5px 5px rgba(43, 0, 0, 0.49); color: #ff0006; font-family: "segoepr"; font-size: 59.198544px; font-weight: 700; line-height: 104px; line-height: 1.7; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /* -webkit-line-clamp: 1; */ -webkit-box-orient: vertical; -moz-box-orient: vertical; position: relative; z-index: 2; } .carousel28 .gpCarousel .slick-slider a .slick-txt .bot { text-shadow: 0px 5px 5px rgba(43, 0, 0, 0.49); color: #ff0006; font-family: Arial; font-size: 34px; font-weight: 400; line-height: 89px; text-align: center; line-height: 1.34; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /* -webkit-line-clamp: 2; */ -webkit-box-orient: vertical; -moz-box-orient: vertical; position: relative; z-index: 2; } .carousel28 .gpCarousel .slick-slider a .slick-txt h3 { box-sizing: border-box; position: relative; } .carousel28 .gpCarousel .slick-slider a .slick-txt p { box-sizing: border-box; padding: 0 60px 0 20px; } .carousel28 .gpCarousel .slick-arrow { left: auto; width: 55px; height: 55px; line-height: 55px; top: auto; right: 60px; transform: translateY(0); color: rgba(255, 255, 255, 0.5); border-radius: 0; font-size: 20px; } .carousel28 .gpCarousel .slick-arrow::after { width: 100%; height: 100%; left: 0; background: rgba(0, 0, 0, 0.2); } .carousel28 .gpCarousel .slick-arrow.slick-prev { bottom: 92px; } .carousel28 .gpCarousel .slick-arrow.slick-prev::after { border-radius: 0px; } .carousel28 .gpCarousel .slick-arrow.slick-next { bottom: 36px; } .carousel28 .gpCarousel .slick-arrow.slick-next::after { border-radius: 0; } .carousel28 .gpCarousel .slick-dots { right: 85px; bottom: 50%; transform: translateY(50%); } .carousel28 .gpCarousel .slick-dots li { width: 2px; height: 22px; display: block; margin: 10px 0; } .carousel28 .gpCarousel .slick-dots li button { background: rgba(255, 255, 255, 0.5); } .carousel28 .gpCarousel .slick-dots li.slick-active button { background: #ffffff; } .page-list34 .block-list91 li { transition: all 0.3s ease-in-out; } .page-list34 .block-list91 li a { display: flex; position: relative; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1); align-items: center; } .page-list34 .block-list91 li a .mode1lImg { width: 280px; overflow: hidden; z-index: 100; } .page-list34 .block-list91 li a .mode1lImg .mode1lPic { padding-bottom: 56.43%; } .page-list34 .block-list91 li a .deac { display: block; width: 160px; height: 44px; background: rgba(186, 37, 40, 0.45); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, rgba(186, 37, 40, 0), #ba2528); /* Opera 11.1 - 1.0 */ background: -moz-linear-gradient(right, rgba(186, 37, 40, 0), #ba2528); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, rgba(186, 37, 40, 0), #ba2528); position: absolute; right: 0; bottom: -8px; z-index: 2; } .page-list34 .block-list91 li a .mode1lInfor { padding: 20px 20px; box-sizing: border-box; flex: 1; overflow: hidden; position: relative; z-index: 10; margin-right: 10px; } .page-list34 .block-list91 li a .mode1lInfor p { overflow: hidden; text-overflow: ellipsis; color: #333333; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; height: 1.6em; line-height: 1.6; } .page-list34 .block-list91 li a .mode1lInfor .date { padding-left: 29px; color: #999999; line-height: 32px; position: relative; } .page-list34 .block-list91 li a .mode1lInfor .date::before { content: ""; display: block; width: 20px; height: 18px; background: url(../images/dbx.png) no-repeat; position: absolute; left: 0; top: 7px; } .page-list34 .block-list91 li:hover { transform: translateX(5px); } .column-list4 { margin: 0 0 0 30px } @media screen and (max-width: 1400px) { .carousel28 .gpCarousel .slick-slider a .slick-txt .more { margin: 40px auto 0; } .carousel28 .gpCarousel .slick-slider a .slick-txt { width: 90vw; height: auto; } .carousel28 .gpCarousel .slick-slider a .slick-txt .txt1 { border-radius: 11.84px; } .carousel28 .gpCarousel .slick-slider a .slick-txt .top { font-size: 50px; font-weight: 700; line-height: 1.7; text-align: center; } .carousel28 .gpCarousel .slick-slider a .slick-txt .bot { font-size: 50px; line-height: 1.34; } } @media screen and (max-width: 1240px) { .carousel28 .gpCarousel .slick-slider a .slick-txt .more { margin: 30px auto 0; } .carousel28 .gpCarousel .slick-dots { right: 30px; } .carousel28 .gpCarousel .slick-arrow { left: 10px; right: auto; top: 50%; } .carousel28 .gpCarousel .slick-arrow.slick-prev { transform: translateY(-100%); } } @media screen and (max-width: 996px) { .carousel28 .gpCarousel .slick-slider a .slick-txt .more { margin: 20px auto 0; } .carousel28 .gpCarousel .slick-slider a .slick-txt .txt1 { padding: 15px 20px; } .carousel28 .gpCarousel .slick-slider a .slick-txt { top: auto; transform: translateX(-50%); bottom: 10%; } .carousel28 .gpCarousel .slick-slider a .slick-txt .top { font-size: 35px; font-weight: 700; line-height: 1.5; } .carousel28 .gpCarousel .slick-slider a .slick-txt .bot { font-size: 40px; line-height: 1.34; } .carousel28 .gpCarousel .slick-slider a .slick-txt .more { width: 140px; height: 45px; line-height: 45px; border-radius: 23px; } } @media screen and (max-width: 995px) { .column-list4 { margin: 0px; } } @media screen and (max-width: 768px) { .carousel28 .gpCarousel .slick-slider a .slick-txt { bottom: 5%; } .carousel28 .gpCarousel .slick-slider a .slick-txt .more { margin: 5px auto 0; width: 130px; height: 40px; line-height: 40px; border-radius: 20px; } .carousel28 .gpCarousel .slick-slider a .slick-txt .txt1 { padding: 10px 15px; } .carousel28 .gpCarousel .slick-slider a .slick-txt .top { font-size: 20px; font-weight: 700; line-height: 1.5; } .carousel28 .gpCarousel .slick-slider a .slick-txt .bot { font-size: 25px; line-height: 1.34; } .carousel28 .slick-txt { display: none; } .carousel28 .gpCarousel .slick-arrow { width: 30px; height: 30px; line-height: 30px; border-radius: 50%; } .carousel28 .gpCarousel .slick-arrow.slick-prev { left: 10px; right: auto; top: 50%; transform: translateY(-50%); } .carousel28 .gpCarousel .slick-arrow.slick-next { right: 10px; left: auto; top: 50%; transform: translateY(-50%); } .carousel28 .gpCarousel .slick-dots { top: auto; bottom: 10px; right: auto; left: 50%; transform: translateX(-50%); } .carousel28 .gpCarousel .slick-dots li { display: inline-block; width: 5px; height: 5px; border-image-repeat: 50%; margin: 0 3px; } .column-list4 .gp-article p { margin-top: 0 !important; } } @media screen and (max-width: 479px) { .carousel28 .gpCarousel .slick-slider a .slick-txt .more { width: 105px; height: 30px; line-height: 30px; border-radius: 15px; font-size: 14px; } .carousel28 .gpCarousel .slick-slider a .slick-txt .top { line-height: 1.7; /* -webkit-line-clamp: 1; */ } .carousel28 .gpCarousel .slick-slider a .slick-txt .bot { line-height: 1.34; /* -webkit-line-clamp: 1; */ } .carousel28 .gpCarousel .slick-slider a .slick-txt .txt1 { padding: 5px 10px; } } @media screen and (max-width: 414px) { .carousel28 .gpCarousel .slick-slider a .slick-txt .top { line-height: 1.5; /* -webkit-line-clamp: 1; */ } .carousel28 .gpCarousel .slick-slider a .slick-txt .bot { line-height: 1.3; /* -webkit-line-clamp: 1; */ } }