/* * @author: administrator * @date: 2017-08-17 * @last modified by: administrator * @last modified time: 2017-08-21 */ .banner .swiper-container{ height: 400px; } .banner .swiper-slide{ height: 400px; width: 100%; } .banner .swiper-slide a{ height: 400px; display: block; } .banner .swiper-container .page { position: absolute; bottom: 10px; width: 100%; text-align: center; } .banner .swiper-container .swiper-pagination-switch { display: inline-block; width: 12px; height: 12px; border-radius: 12px; background: #5cc5f2; margin: 0 5px; opacity: 0.8; cursor: pointer; } .banner .swiper-container .swiper-active-switch { background: #e5da8a; } .course-tj{ padding-top: 50px; margin-bottom: 50px; } .course-tj .bd{ padding: 15px 25px; } .course-tj .bd ul{ margin-right: -23px; } .course-tj .bd li{ width: 270px; margin-right: 23px; float: left; } .course-tj .bd li .title{ font-size: 16px; } .course-tj .bd li p{ color: #999; } .course-tj .bd li img,.course-list .bd li img{ transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); -ms-transform: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); -moz-transform: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); -o-transform: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } .course-tj .bd li img:hover,.course-list .bd li img:hover{ transform: translate3d(0, -10px, 0); -webkit-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); } .course-list{ margin-bottom: 50px; } .course-list .hd{ float: left; padding-top: 20px; width: 180px; height: 314px; } .tyjs-list .hd{ background: no-repeat 0 0; } .hyjs-list .hd{ background:url(/uploads/image/swztimages/bg-wlxy2.png) no-repeat 0 0; } .course-list .hd h3{ color: #fff; font-size: 20px; font-weight: normal; text-align: center; } .course-list .hd ul{ padding: 10px 10px 10px 20px; } .course-list .hd ul li{ float: left; width: 75px; } .course-list .hd ul li a{ color: #fff; line-height: 30px; } .course-list .hd .more{ margin: 5px 20px 0 0; color: #fff; float: right; } .course-list .bd li{ float: left; margin-left: 24px; width: 180px; margin-bottom: 15px; } .course-list .bd li.first{ width: 379px; margin-bottom: 0; } .course-list .bd li.first .title{ font-size: 16px; } .course-list .bd li.first img{ width: 380px; height: 280px; } .course-list .bd li .count{ padding-left: 15px; color: #999; background: no-repeat 0 center; }