@charset "utf-8";
#big_banner_wrap {
	width:1200px;
	height:460px;
	margin:60px auto 0;
	position:relative;
	color:#424242;
}
#banner_menu_wrap {
	width:235px;
	height:420px;
	float:left;
	position:absolute;
    z-index:600; padding:20px 0px;	
    background:#ffa602;
    /* background: rgba(0,0,0,0.7); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000', endColorstr='#99000000')\9;
}

.banner_menu_content {
	display:none;
    width:967px;
	z-index:610;
	position:absolute;
	left:235px;
	margin-top: -1px;
     height:460px;
     background:#f1f3f5;
}
.banner_menu_content_box {
	float:left;
    width:700px; 
    /* background-color:#fff; */
     margin:5px 0px 5px 20px;
      /*border-bottom:1px dashed #ddd;*/
}
.banner_menu_content_box:last-child{ border-bottom:0px dashed #ddd;}
.nav-two{width:170px; float:left;color:#333333; font-size:16px; font-weight:bold; height:40px;line-height:40px;
}
.nav-third{margin-left:175px;}
.nav-third a{ color:#333 !important;display: inline-block; margin-right: 20px;height:40px !important; line-height:40px; font-size:14px;}
.nav-third a:hover{
	color:#a1b916 !important;
}

.course-relevant{
    width:245px;
    height:460px;
    background: #f1f3f5;
    float:right;
    position: absolute;
    right:0;
}

.course-relevant h4{
    margin-top:20px;
    font-size:16px;
    color:#333;
    padding-left:10px;
}

.course-relevant ul{
    margin-top:20px;
    padding-left:10px;
}

.course-relevant ul li{
    height:35px;
    line-height: 35px;
}

.course-relevant ul li a{
    display: list-item;
    color:#666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.course-relevant ul li a:hover{
    color:#a1b916;
}

.course-relevant .course-relevant-img{
    width:215px; position:absolute; bottom:54px;
}

.course-relevant-img img{
    width:100%;
}


#big_banner_pic_wrap {
	width:1200px;
	height:460px;
	overflow:hidden;
	position:relative;
}
#big_banner_pic {
	width:6130px;
	height:460px;
	position:absolute;
	float:left;
}
#big_banner_pic li {
	width:1200px;
	height:460px;
	float:left;
	cursor:pointer;
}

.category-item{
	width: 100%; 
     height: 42px;
     padding-left: 10px;
    position: relative;
    transition: all 3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    cursor: pointer;
    box-sizing: border-box;
}
.category-item .title {
    position: relative;
    display: block;
    padding-left: 39px;
    height: 42px;
    line-height: 42px;
    color: #fff;
	 font-size:14px;
}
.category-item .title:hover{	
    color: #fff;
	}
.righticon {
    background-image: url(/Shared/images/member/201612/studyico.png);
    display: inline-block;
    -webkit-background-size: 100%;
    background-size: 100%;
    margin: 0px;
    padding: 0px 0px;
    width: 24px;
    height: 18px;
    vertical-align: middle;
    background-position: 0px -382px;
    transform: rotate(180deg);
	
	position: absolute;
    top: 12px;
    right: 10px;
    font-size: 16px;
    line-height: 16px;
    color: #e0e0e0;
}

#big_banner_change_wrap a {
    position: absolute;
    top: 50%;
    z-index: 599;
    width: 41px;
    height: 69px;
    margin-top: -35px;
    text-indent: -9999px;
    overflow: hidden;
    _zoom: 1;
    outline: 0;
}
.ui-prev {
    left: 0;
    background: url(/Shared/images/company/mall/icon-slides.png) no-repeat -84px 50%;
}
.ui-next {
    right: 0;
    background: url(/Shared/images/company/mall/icon-slides.png) no-repeat -125px 50%;
}
.ui-prev:hover {
    background-position: 0 50%;
}
.ui-next:hover {
    background-position: -42px 50%;
}

.ui-prev {
    left: 235px;
}
.category-preitem{
    width: 100%;
    height: 42px;
    padding-left: 30px;
    line-height:42px; color:#fff;
     font-size:16px;
    box-sizing: border-box;
	}