.gp-title4 { padding: 8px 0; border-bottom: 1px solid #ccc; margin-bottom: 20px; } .gp-title4 h2 { height: 35px; line-height: 35px; font-weight: normal; position: relative; padding-left: 15px; } .gp-title4 h2::before { content: ''; width: 4px; height: 20px; background-color: #2c4780; position: absolute; left: 0; top: 50%; margin-top: -10px; } .gp-title4 h2 a { display: inline-block; vertical-align: middle; margin-right: 10px; } .gp-title4 h2 span { display: inline-block; vertical-align: middle; } .gp-title4 .more { padding-top: 8px; position: relative; z-index: 20; opacity: 0.7; padding-right: 10px; } .column-list2 li p { line-height: 1.7; display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 7; -webkit-box-orient: vertical; } .block-list125 li a { display: block; box-sizing: border-box; padding: 15px 0 15px 20px; background: url(../images/block-list125-li_bg.png) no-repeat left center; border-bottom: 1px solid #ededed; } .block-list125 li a span { color: #999999; margin-left: 10px; } .block-list125 li a p { color: #323232; line-height: 1.5; height: 1.5em; 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; } .block-list125 li a:hover p { color: #2c4780; } .block-list125 li:last-child a { border-bottom: none; } @media screen and (max-width:767px) { .block-list125 li a { font-size: 14px; padding: 10px 0 10px 20px; } } .block-list17 { margin: 0 -10px; position: relative; } .block-list17 li { overflow: hidden; } .block-list17 > a > img { opacity: 0.8; } .block-list17 .gp-img-responsive { padding-bottom: 56.25%; position: relative; margin: 0 10px; display: block; overflow: hidden; } .block-list17 .video_title { line-height: 1.5; overflow: hidden; padding: 10px 20px; position: absolute; left: 0; bottom: 0; z-index: 20; background-color: rgba(0, 0, 0, 0.5); color: #fff; width: 100%; box-sizing: border-box; } .block-list17 .play { width: 15%; position: absolute; left: 50%; bottom: 50%; transform: translate(-50%, 50%); transition: all 0.35s ease-out; max-width: 60px; } .block-list17 li:hover .play { left: 10px; bottom: 10px; transform: none; } .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: #2c4780; } .block-list87 li { overflow: hidden; } .block-list87 li >div { border-bottom: 1px dashed #bfbfbf; line-height: 2.5; display: flex; align-items: center; } .block-list87 li >div span { background-color: #f5e2e7; color: #666; width: 78px; height: 25px; line-height: 25px; text-align: center; } .block-list87 li >div a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; padding-right: 10px; outline: none; text-decoration: none; color: #333; flex: 1; line-height: 2.5; height: 2.5em; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; -moz-box-orient: vertical; } .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: #2c4780; 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; }