.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; } .gp-title2 { padding: 13px 0; margin-bottom: 20px; border-bottom: 1px solid #0956AE; } .gp-title2 h2 { line-height: 1.5; font-weight: normal; } .gp-title2 .more { padding-top: 10px; color: #999; } .block-list23 > li { overflow: hidden; } .block-list23 > li >span { width: 41.92%; overflow: hidden; margin-right: 20px; } .block-list23 > li >span a { display: block; transition: transform 0.35s ease-out; } .block-list23 > li >span a span { display: inline-block; padding: 5px; color: #999; } .block-list23 > li >span a h3 { font-weight: normal; line-height: 26px; height: 52px; } .block-list23 > li div h3 { font-size: 16px; line-height: 24px; } .block-list23 > li div span { font-size: 16px; display: block; text-align: right; margin: 7px 0 10px 0; } .block-list23 > li div p { color: #999999; line-height: 26px; height: 52px; overflow: hidden; } .block-list53 li { padding: 10px 0; line-height: 24px; border-bottom: 1px dashed #e6e6e6; overflow: hidden; } .block-list53 li span { float: right; padding: 0 0 0 14px; height: 24px; border-left: 1px solid #e6e6e6; color: #999999; margin: 0 0 0 10px; } .block-list53 li a { line-height: 24px; overflow: hidden; height: 24px; display: block; } .block-list16 { min-height: 400px; } .block-list16 > li { margin-bottom: 25px; } .block-list16 > li > a { display: block; overflow: hidden; } .block-list16 > li .list-date7 { display: block; width: 54px; height: 54px; border: 1px solid #999; float: left; text-align: center; } .block-list16 > li .list-date7 .month { display: block; height: 24px; line-height: 24px; } .block-list16 > li .list-date7 .day { display: inline-block; height: 30px; line-height: 30px; } .block-list16 > li .artText { display: block; margin-left: 76px; line-height: 24px; height: 48px; overflow: hidden; transition: all 0.3s ease; position: relative; } .block-list16 > li > a:hover .artText { margin-left: 80px; } .block-list44 { margin-top: 20px; } .block-list44 li { margin-bottom: 20px; } .block-list44 li a { display: block; margin: 0 20px; border: 1px solid #eee; padding: 20px; position: relative; overflow: hidden; box-shadow: none; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .block-list44 li a .item-notice01 { overflow: hidden; } .block-list44 li a .item-notice01 p { margin-bottom: 10px; padding-bottom: 10px; letter-spacing: 1px; height: 44px; line-height: 24px; overflow: hidden; position: relative; z-index: 98; } .block-list44 li a .item-notice01 p:after { content: ''; clear: both; position: absolute; left: 0; bottom: 0; width: 30px; height: 1px; background: #eee; } .block-list44 li a .item-notice01 span.time { color: #999999; display: block; position: relative; z-index: 70; padding-left: 16px; } .block-list44 li a .item-notice01 .time::before { content: ''; display: block; width: 15px; height: 15px; background: url(../images/date.png) no-repeat; position: absolute; left: 0; top: 2px; } .block-list44 li a:before { content: ''; display: block; clear: both; position: absolute; width: 100%; background: #0956AE; height: 100%; top: 0; left: 0; transition: all 0.3s ease-in-out; opacity: 0; *background: #ffffff; background: #ffffff; } .block-list44 li a:after { width: 100%; height: 100%; position: absolute; top: 0; right: 0; content: ''; clear: both; display: block; opacity: 0; z-index: 9; transition: all 0.3s ease-in-out; opacity: 0; } .block-list44 li a:hover { *background: #0956AE; background: #0956AE; box-shadow: 0px 3px 10px rgba(240, 135, 83, 0.2); color: #fff; } .block-list44 li a:hover span.time { color: #fff; } .block-list44 li a:hover span.time::before { background: url(../images/date2.png) no-repeat; } .block-list9 > li { height: 45px; line-height: 45px; overflow: hidden; position: relative; transition: transform 0.35s ease-out; } .block-list9 > li div > a { display: block; } .block-list9 > li div > span { font-family: 'Arial'; color: #666666; float: right; font-size: 14px; margin-left: 10px; } .block-list9 > li:hover { transform: translateX(10px); }