.carousel10 { overflow: hidden; } .carousel10 .slick-images a { display: block; position: relative; overflow: hidden; } .carousel10 .slick-images a .slick-img { height: 0; padding-bottom: 21.19%; overflow: hidden; display: block; } .carousel10 .slick-images a .slick-txt { position: absolute; bottom: 0px; left: 0; width: 100%; overflow: hidden; text-shadow: 0 0 10px rgba(0, 0, 0, 0.8); padding: 15px 0; font-weight: bold; box-sizing: border-box; background: #000000; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6), transparent); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6), transparent); background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent); } .carousel10 .slick-images a .gp-f18 { color: #fff; line-height: 34px; font-weight: bold; } .carousel10 .slick-images .slick-arrow { width: 40px; height: 40px; color: #fff; line-height: 40px; text-align: center; position: absolute; border: none; bottom: 0; z-index: 88; cursor: pointer; transition: all 0.35s ease-in-out; background: none; overflow: hidden; font-size: 20px; background-color: rgba(0, 0, 0, 0.16); border: 2px solid #fff; border-radius: 50%; box-sizing: border-box; bottom: 0px; } .carousel10 .slick-images .slick-arrow:after { display: none; } .carousel10 .slick-images .slick-prev { margin-left: -600px; left: 50%; } .carousel10 .slick-images .slick-next { margin-right: -600px; right: 50%; } .carousel10 .slick-images .slick-dots { position: absolute; width: 200px; text-align: right; bottom: 20px; left: 50%; margin-left: 400px; z-index: 600; } .carousel10 .slick-images .slick-dots li button { width: 6px; height: 6px; position: relative; margin: 0 7px; display: inline-block; *display: inline; *zoom: 1; margin: 0 10px; background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; vertical-align: middle; transition: all 0.35s ease-out; } .carousel10 .slick-images .slick-dots li.slick-active button { width: 10px; height: 10px; background-color: #BA2527; } @media screen and (max-width: 1240px) { .carousel10 .slick-images .slick-prev { margin-left: -500px; } .carousel10 .slick-images .slick-next { margin-right: -500px; } .carousel10 .slick-images .slick-dots { margin-left: 300px; } } @media screen and (max-width: 996px) { .carousel10 .slick-images .slick-prev { margin-left: 0px; left: 30px; } .carousel10 .slick-images .slick-next { margin-right: 0; right: 30px; } .carousel10 .slick-images .slick-txt { line-height: 34px; height: 66px; } .carousel10 .slick-images .slick-dots { width: 100%; text-align: center; left: 0; margin-left: 0px; bottom: 8px; } } .gp-title2 { padding: 13px 0; margin-bottom: 20px; border-bottom: 1px solid #BA2527; } .gp-title2 span { display: inline-block; vertical-align: middle; } .gp-title2 h2 { font-weight: normal; display: inline-block; vertical-align: middle; margin-right: 10px; } .gp-title2 .more { padding-top: 10px; color: #999; } .block-list6 .slick-news .item-img1 { display: block; } .block-list6 .slick-news .item-img1 .gp-img-responsive { padding-bottom: 56.25%; } .block-list6 .slick-news .item-txt1 { padding: 15px 0; border-bottom: 1px dashed #ccc; margin-bottom: 5px; } .block-list6 .slick-news .item-txt1 h3 { line-height: 24px; overflow: hidden; margin-bottom: 12px; } .block-list6 .slick-news .item-txt1 .item-date1 { color: #BA2527; font-family: 'Arial'; margin-bottom: 12px; display: block; } .block-list6 .slick-news .item-txt1 .p1 { line-height: 24px; height: 72px; overflow: hidden; color: #999; } .block-list6 .slick-news .slick-dots { position: static; text-align: center; } .block-list5 div { overflow: hidden; border-bottom: 1px solid #e6e6e6; padding: 10px 0px 10px 15px; position: relative; transition: transform 0.35s ease-out; } .block-list5 div:hover { transform: translateX(10px); } .block-list5 div::before { content: ''; width: 5px; height: 5px; background-color: #BA2527; position: absolute; left: 0; top: 50%; margin-top: -2.5px; } .block-list5 div >a { display: block; line-height: 1.5; height: 1.5em; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; -moz-box-orient: vertical; } .block-list5 div >span { color: #666666; float: right; margin-left: 10px; } .block-list28 > li > a { display: block; border-bottom: #ccc 1px solid; padding-bottom: 15px; overflow: hidden; display: flex; } .block-list28 > li .listDate { display: block; width: 54px; background: #BA2527; float: left; text-align: center; font-family: Cambria; color: #fff; } .block-list28 > li .listDate .month { display: block; line-height: 1.3; } .block-list28 > li .listDate .day { display: inline-block; line-height: 1.5; } .block-list28 > li .artText { display: block; padding-left: 20px; line-height: 1.5; height: 3em; overflow: hidden; transition: all 0.3s ease; position: relative; flex: 1; 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-list28 > li > a:hover .artText { margin-left: 10px; } .block-list53 li { overflow: hidden; } .block-list53 li >div { padding: 10px 0; line-height: 1.6; border-bottom: 1px dashed #e6e6e6; display: flex; } .block-list53 li span { padding: 0 0 0 14px; height: 24px; border-left: 1px solid #e6e6e6; color: #999999; } .block-list53 li a { line-height: 1.6; height: 1.6em; overflow: hidden; display: block; flex: 1; padding-right: 20px; 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; } .carousel14 { padding: 0 30px; box-sizing: border-box; margin: 0 -10px; } .carousel14 .slick-slider a { display: block; margin: 0 10px; } .carousel14 .slick-slider a p { padding: 10px 5px; box-sizing: border-box; } .carousel14 .slick-arrow { width: 30px; height: 50px; background: #BA2527; text-align: center; line-height: 50px; font-weight: bold; color: #fff; border-radius: 3px; } .carousel14 .slick-arrow:after { display: none; }