.han-box.course .bannerBox{position:relative;z-index:10}.han-box.course .bannerBox >img{position:relative;display:block;left:50%;top:0;transform:translateX(-50%)}.han-box.course .bannerNav{position:absolute;top:auto;height:58px;bottom:-29px;width:100%}.han-box.course .bannerNav >ul{width:100%;height:100%;background:#11a84e}.han-box.course .bannerNav >ul >li{width:25%;height:100%;float:left;cursor:pointer}.han-box.course .bannerNav >ul >li:hover >div{background:#089c44}.han-box.course .bannerNav >ul >li:hover ul{display:block}.han-box.course .bannerNav >ul >li.active >div{background:#089c44}.han-box.course .bannerNav >ul >li >div{width:100%;height:100%}.han-box.course .bannerNav >ul >li >div p{color:#fff;font-size:16px;font-family:Verdana;font-weight:700;width:100%;text-align:center;border-right:2px solid #fff}.han-box.course .bannerNav >ul >li:nth-last-of-type(1) >div p{border-right:0}.han-box.course .bannerNav >ul >li ul{width:100%;display:none;padding-top:20px;padding-bottom:30px;background:#00913b}.han-box.course .bannerNav >ul >li ul li{width:100%;height:35px;line-height:35px;padding-left:15px}.han-box.course .bannerNav >ul >li ul li a{font-size:12px;display:inline-block;height:100%;color:#fff;transition:300ms}.han-box.course .bannerNav >ul >li ul li a span{opacity:0;color:#fff;transform:translateX(-5px);transition:300ms}.han-box.course .bannerNav >ul >li ul li:hover a,.han-box.course .bannerNav >ul >li ul li.active a{transform:translateX(10px)}.han-box.course .bannerNav >ul >li ul li:hover a span,.han-box.course .bannerNav >ul >li ul li.active a span{opacity:1}