#banner { position: relative; width: 100%; } #slider-pager { position: absolute; bottom: 10%; z-index: 10; width: 100%; margin: 0; padding: 0; font-size: 0; text-align: center; list-style-type: none; } #slider-pager li { display: inline-block; *display: inline; *zoom: 1; } #slider-pager li a{ position: relative; display: block; height: 40px; width: 200px; padding-top: 20px; text-align: center; color: #FFFFFF; font-weight: bold; font-size: 16px; border-top: 1px solid; border-color: #FFFFFF; transition: all .3s ease; } #slider-pager li a span{ position: absolute; top: -8px; left: 92px; display: block; width: 16px; height: 16px; border-radius: 8px; background: #FFFFFF; transition: all .3s ease; } #slider-pager .rslides_here a{ color: #0bc4d0; border-color: #0BC4D0; } #slider-pager .rslides_here a span{ background: #0BC4D0; } #slider-pager li:hover a{ color: #0bc4d0 !important; border-color: #0BC4D0 !important; } #slider-pager li:hover a span{ background: #0BC4D0 !important; } #main{ padding: 50px 0 48px 0; background: #efefef; } .pt-title{ height: 44px; line-height: 44px; margin-bottom: 8px; } .pt-title-text{ padding-left: 34px; font-size: 18px; color: #333333; background-position: left center; background-repeat: no-repeat; } .pt-title-more{ font-size: 14px; color: #868686; } .icon_01{ background-image: url(../images/icon_01.png); } .icon_02{ background-image: url(../images/icon_02.png); } .icon_03{ background-image: url(../images/icon_03.png); } .pt{ width: 340px; height: 522px; padding: 13px 20px 25px 20px; box-shadow: 0 0 4px #ddd; background: #FFFFFF; } .pt1-list{ } .pt1-list li{ height: 54px; padding: 12px 0; } .pt1-date{ width: 60px; height: 52px; text-align: center; border: 1px solid #cbcbcb; } .pt1-d{ height: 25px; line-height: 25px; font-size: 16px; color: #FFFFFF; background: #14dedf; } .pt1-y{ height: 27px; line-height: 27px; font-size: 12px; color: #333333; } .pt1-info{ width: 260px; } .pt1-title{ height: 26px; line-height: 26px; /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/ } .pt1-title a{ font-size: 14px; color: #333333; } .pt2{ margin-left: 30px; } .pt2-top1{ padding-bottom: 12px; border-bottom: 1px solid #c4c4c4; } .pt2-top1-img{ width: 338px; height: 118px; border: 1px solid #cbcbcb; background-repeat: no-repeat; background-size: 100%; background-position: center center; } .pt2-top1-img a{ display: block; width: 100%; height: 100%; } .pt2-top1-title{ height: 28px; line-height: 28px; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pt2-top1-title a{ font-size: 14px; color: #333333; } .pt2-top1-title a:hover{ } .pt2-list li{ position: relative; height: 44px; padding: 8px 0; } .pt2-title{ height: 44px; line-height: 22px; padding-left: 15px; background: url(../images/bg_item.png) left 10px no-repeat; } .pt2-title a{ font-size: 14px; color: #333333; } .pt2-date{ position: absolute; right: 0;bottom: 9px; font-size: 14px; color: #666666; }