.carousel16 .gpCarousel { position: relative; } .carousel16 .gpCarousel .slick-slider a span { padding-bottom: 38%; } .carousel16 .gpCarousel .slick-current a span img { transition: transform 6000ms linear 0s; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .carousel16 .gpCarousel .slick-arrow { display: block; width: 50px; height: 50px; line-height: 50px; color: #fff; overflow: hidden; cursor: pointer; transition: all 0.35s ease-in-out; background: rgba(15, 111, 185, 0.6); position: absolute; top: 50%; z-index: 9; margin-top: -25px; width: 50px; height: 50px; } .carousel16 .gpCarousel .slick-arrow.slick-prev { left: 10%; border-radius: 20px 0 0 20px; } .carousel16 .gpCarousel .slick-arrow.slick-next { right: 10%; border-radius: 0 20px 20px 0; } .carousel16 .gpCarousel .slick-arrow::after { display: none; } .carousel16 .gpCarousel .slick-txt { font-weight: bold; overflow: hidden; position: absolute; bottom: 0; width: 100%; height: 90px; line-height: 90px; color: #fff; background-color: rgba(6, 32, 64, 0.52); background: -webkit-linear-gradient(bottom, rgba(6, 32, 64, 0.52), rgba(6, 32, 64, 0)); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(top, rgba(6, 32, 64, 0.52), rgba(6, 32, 64, 0)); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(top, rgba(6, 32, 64, 0.52), rgba(6, 32, 64, 0)); /* Firefox 3.6 - 15 */ background: linear-gradient(to top, rgba(6, 32, 64, 0.52), rgba(6, 32, 64, 0)); /* 标准的语法 */ } .carousel16 .gpCarousel .slick-dots { right: 50%; transform: translateX(50%); bottom: 35px; } .carousel16 .gpCarousel .slick-dots li { width: 11px; height: 11px; display: inline-block; border-radius: 100%; background: #e8ecf6; box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.5); transition: all 0.2s ease; cursor: pointer; } .carousel16 .gpCarousel .slick-dots li button { display: none; } .carousel16 .gpCarousel .slick-dots li.slick-active { width: 67px; height: 11px; border-radius: 10px; } @media screen and (max-width: 1300px) { .carousel16.slick-prev { left: 10px; } .carousel16.slick-next { right: 10px; } } @media screen and (max-width: 768px) { .carousel16 .slick-txt { display: none; } .carousel16 .gpCarousel .slick-dots { bottom: 15px; } } .gp-title2 { padding: 13px 0; margin-bottom: 20px; border-bottom: 1px solid #0F6FB9; } .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; } .carousel71 a { display: block; position: relative; } .carousel71 a .mode1Pic { padding-bottom: 66.25%; } .carousel71 a .mode1txtbox { position: absolute; left: 0; bottom: 0; width: 100%; height: auto; padding: 15px 30px 24px; box-sizing: border-box; background: rgba(0, 0, 0, 0.6); } .carousel71 a .mode1txtbox .mode1txt { line-height: 1.25; margin-bottom: 10px; } .carousel71 a .mode1txtbox .mode1sum { line-height: 1.5; color: rgba(255, 255, 255, 0.7); } .carousel71 .slick-arrow { width: 40px; height: 88px; background: rgba(0, 0, 0, 0.3); border: 1px solid rgba(255, 255, 255, 0.3); z-index: 1; } .carousel71 .slick-arrow:after { display: none; } .carousel71 .slick-arrow:before { color: #fff; font-size: 40px; } .carousel71 .slick-dots { width: 100%; height: 6px; font-size: 0; left: 0; bottom: 0; margin: 0 -1px; overflow: hidden; } .carousel71 .slick-dots li { margin: 0; height: 6px; width: 20%; } .carousel71 .slick-dots li button { width: calc(100% - 2px); border-radius: 0; margin: 0 1px; background: rgba(255, 255, 255, 0.4); } .carousel71 .slick-dots li.slick-active button { background: #0F6FB9; } .block-list86 li>div { overflow: hidden; padding: 26px 0; border-bottom: 1px solid #c9c9c9; display: flex; } .block-list86 li>div .date { background: #bfbeac; color: #fff; width: 55px; height: 53px; float: left; text-align: center; } .block-list86 li>div .date .day { display: block; font-weight: normal; font-style: normal; line-height: 33px; } .block-list86 li>div .date .month { display: block; font-weight: normal; font-style: normal; line-height: 17px; } .block-list86 li>div a { display: block; color: #333; flex: 1; padding-left: 20px; line-height: 1.6; height: 3.2em; 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; } .block-list211 a { display: block; margin: 0 12.5px; padding: 15px 15px 45px; box-shadow: 0px 5px 9.2px 0.8px rgba(0, 0, 0, 0.08); transition: all 0.35s ease; } .block-list211 a .gpImgSize { padding-bottom: 62.333%; } .block-list211 a .gpArticleTitle { margin-top: 20px; line-height: 1.5; height: 3em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -ms-flexbox; /* IE 10 */ -webkit-line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-sizing: content-box; } .block-list211 a .gpArticleSummary { line-height: 1.7; margin-top: 20px; box-sizing: content-box; height: 3.4em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -ms-flexbox; /* IE 10 */ -webkit-line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical; } .block-list211 a .gpArticleDate { padding-top: 30px; color: #0F6FB9; } .block-list211 a .gpArticleDate::before { display: inline-block; width: 26px; height: 26px; line-height: 26px; border-radius: 50%; background-color: #0F6FB9; color: #fff; font-size: 16px; text-align: center; margin-right: 9px; } .block-list211 li:hover a { transform: translateY(-10px); } @media screen and (max-width: 540px) { .block-list211 li { width: 100%; } .block-list211 li a .gpArticleTitle, .block-list211 li a .gpArticleSummary, .block-list211 li a .gpArticleDate { margin-top: 10px; } } .carousel50 { position: relative; } .carousel50 li .item-info { background-color: #fff; overflow: hidden; padding-top: 4px; position: relative; display: flex; } .carousel50 li .item-info .item-img { width: 565px; } .carousel50 li .item-info .item-txt { flex: 1; padding: 35px 35px 0 35px; } .carousel50 li .item-info .item-txt h3 { font-weight: normal; overflow: hidden; margin-bottom: 12px; height: auto; line-height: 1.5; height: 3em; 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; } .carousel50 li .item-info .item-txt .p { color: #666666; line-height: 24px; overflow: hidden; margin-bottom: 12px; line-height: 1.5; height: 4.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-flexbox; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -moz-box-orient: vertical; } .carousel50 li .item-info .item-txt .date { display: block; color: #0F6FB9; line-height: 1; padding-left: 23px; position: relative; } .carousel50 li .item-info .item-txt .date i { display: block; width: 18px; height: 18px; position: absolute; left: 0px; top: -2px; } .carousel50 .slick-dots { right: 600px; bottom: 40px; } .carousel50 .slick-dots li { display: inline-block; cursor: pointer; transition: all 0.35s ease-in-out; text-align: center; position: relative; width: 40px; height: 2px; background-color: #ddd; margin-right: 20px; border-radius: 0; line-height: 0; } .carousel50 .slick-dots li button { display: none; } .carousel50 .slick-dots li:first-child { margin-left: 0; } .carousel50 .slick-dots li.slick-active { background-color: #0F6FB9; } .carousel50 .slick-arrow ,.carousel1 .slick-arrow { width: 40px; height: 40px; line-height: 43px; border-radius: 50%; position: absolute; right: 10px; left: auto; bottom: 10px; top: auto; background-color: rgba(0, 0, 0, 0.1); font-size: 0px; transition: all 0.1s ease; } .carousel50 .slick-arrow:hover,.carousel1 .slick-arrow:hover{ background-color: #0F6FB9; } .carousel50 .slick-arrow:hover:before ,.carousel1 .slick-arrow:hover:before{ color: #fff; } .carousel50 .slick-arrow:before ,.carousel1 .slick-arrow:before{ font-size: 24px; color: #0F6FB9; } .carousel50 .slick-arrow:after,.carousel1 .slick-arrow:after{ content: ''; width: 100%; height: 100%; left: 0px; background-color: inherit; font-size: 30px; color: #fff; } .carousel50 .slick-arrow:hover:after,.carousel1 .slick-arrow:hover:after{ background-color: #0F6FB9; } .carousel50 .slick-prev{ right: 60px; } .carousel1 .slick-prev{ top: calc(50% - 20px); bottom: auto; right: auto; left: 10px; } .carousel1 .slick-next{bottom: auto;top: calc(50% - 20px);} @media screen and (max-width: 1400px) { .carousel50 .slick-dots { right: 200px; } } @media screen and (max-width: 997px) { .carousel50 li .item-info .item-img { width: 400px; } .carousel50 .slick-dots { bottom: 5px; right: 0px; } .carousel50 .slick-arrow { display: none; } } @media screen and (max-width: 768px) { .carousel50 li .item-info { display: block; } .carousel50 li .item-info .item-img { width: 100%; } .carousel50 li .item-info .item-txt { padding: 20px 20px 0; } .carousel50 .slick-dots { padding-bottom: 20px; bottom: -40px; right: 50%; transform: translateX(50%); } .carousel50 li .item-info .item-txt h3 { font-weight: normal; overflow: hidden; margin-bottom: 12px; height: auto; line-height: 1.5; height: auto; } .carousel50 li .item-info .item-txt .p { color: #666666; line-height: 24px; overflow: hidden; margin-bottom: 12px; height: auto; } } @media screen and (max-width: 540px) { .carousel50 .slick-dots li { width: 30px; margin-right: 10px; } } .carousel44 a { display: block; padding-top: 133px; position: relative; overflow: hidden; margin: 0 5px; } .carousel44 a .mode3Pic { margin: 0 20px; position: relative; margin-top: -133px; } .carousel44 a .mode3Pic .mode3Img { padding-bottom: 140.08%; } .carousel44 a .name { padding: 18px 20px; font-weight: bold; box-sizing: border-box; color: #333333; position: relative; z-index: 10; background: none; } .carousel44 a i { width: 33px; height: 33px; position: absolute; right: 10px; bottom: 10px; line-height: 33px; text-align: center; color: #fff; background-color: #0F6FB9; } .carousel44 a .mode3Pic::before { content: ''; display: block; width: 103px; height: 1px; background: #e0c67e; position: absolute; left: 0; top: 0; } .carousel44 a::before { content: ''; display: block; width: 100%; height: 78%; position: absolute; left: 0; bottom: 0; background: #fff; } .carousel44 .slick-dots { bottom: -50px; position: absolute; width: 100%; text-align: center; } .carousel44 .slick-dots li { width: 8px; height: 8px; position: relative; margin: 0 6px; display: inline-block; *display: inline; *zoom: 1; } .carousel44 .slick-dots li button { background-color: #9B9B9B; } .carousel44 .slick-dots li.slick-active button { background: #0F6FB9; } @media screen and (max-width:996px) { .mode3Ul2 { margin-left: 0% !important; } }