@charset "UTF-8";
/***************首页 start************/
.header_box{
    position:relative;
    height:100vh;
}
#header.mini{  top: -114px;}
#top{
    width:calc(100% - 100px);
    min-width:1400px;
    background:transparent;
    margin:0 auto;
}
#nav{
    width:calc(100% - 100px);
    background:rgba(255,255,255,0.6);
    border-radius:8px;
    border:0;
    margin:0 auto;
}
.layui-nav{
    background:transparent;
}
#header.mini #top{width:100%;}
#header.mini #nav{
    width:100%;
    background:#fff;
    border-radius:0;
}
/*轮播图 start*/
#banner{
    position:relative;
    width:100%;
    min-width:1400px;
    height:100vh;
    text-align: center;
    overflow:hidden;
}
#banner a{
    display:block;
    width:100%;
    height:100vh;
    text-align:center;
    overflow:hidden;
}
#banner a img{
    width:100%;
    max-width:100%;
    min-width:1400px;
    min-height:100vh;
}
.swiper-wrapper{
    transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
}
.swiper-slide{
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-button-prev,
.swiper-button-next{
    width:50px;
    height:50px;
    line-height:50px;
    text-align: center;
    color:#fff;
}
.swiper-button-next i,
.swiper-button-prev i{
    font-size:28px;
}
/*轮播图 end*/

/*搜索框 start*/
.sy_search{
    position:absolute;
    z-index:9;
    bottom:8vh;
    left:50%;
    transform:translate(-50%,0);
    width:850px;
    background:#fff;
    border-radius:15px;
    box-shadow: 0px 6px 19.8px 2.2px rgba(247, 52, 0, 0.3);
    padding:15px;
    overflow:hidden; 
    box-sizing: border-box;
}
.sy_search input{
    width:100%;
    line-height:26px;
    border:0;
    margin-bottom:15px;
}
.zy_list{
    display:flex;
    gap:20px;
    width:calc(100% - 150px);
    padding:4px 0;
    overflow:hidden;
}
.zy_list li{
    padding:0 20px;
    line-height:32px;
    background:#fff7f7;
    border-radius:30px;
    font-size:14px;
    cursor: pointer;
    transition:all 0.3s;
}
.zy_list li:hover,.zy_list li.sel{
    background:#fb5323;
    color:#fff;
}
.sousuo_btn{
    position:absolute;
    right:15px;
    bottom:15px;
    width:110px;
    height:40px;
    line-height:40px;
    background-image: -moz-linear-gradient( -40deg, rgb(251,83,35) 0%, rgb(253,118,51) 56%, rgb(255,152,67) 100%);
    background-image: -webkit-linear-gradient( -40deg, rgb(251,83,35) 0%, rgb(253,118,51) 56%, rgb(255,152,67) 100%);
    background-image: -ms-linear-gradient( -40deg, rgb(251,83,35) 0%, rgb(253,118,51) 56%, rgb(255,152,67) 100%);
    border-radius:40px;
    color:#fff;
    text-align: center;
}
.sousuo_btn img{vertical-align:-8px;}
.sousuo_btn:hover{
    color:#fff;
    opacity:0.9;
}
/*搜索框 end*/

/*快速入口 start*/
#classify{
    width:100%;
    min-width:1400px;
    height:450px;
    background:url("../images/classify_bg.jpg") no-repeat center top;
    padding:40px 0 0;
    overflow:hidden;
    box-sizing: border-box;
}
.classify_box{
    position:relative;
    overflow:hidden;
}
.classify_title{
    width:100%;
    margin-bottom:20px;
    text-align:center;
}
.classify{
    display:flex;
    width:100%;
    gap:20px;
    margin:0 auto;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.classify2{
    width:calc(100% - 205px);
}
.classify li{
    position:relative;
    padding:10px;
    text-align: center;
    overflow:hidden;
    box-sizing: border-box;
}
.classify1 li{width:calc(100%/7);}
.classify2 li{width:calc(100%/6);}
.classify li a{
    position:relative;
    z-index:2;
    display:block;
    width:164px;
    color:#000;
    font-size:17px;
    padding:20px 5px;
    text-overflow:ellipsis;
    white-space:nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.classify li img{
    width:50px;
}
.classify li span{
    display:block;
    width:100%;
    margin-top:5px;
    overflow:hidden;
}
.classify li a::before{
    content: "";
    position: absolute;
    left:-50%;
    top:-50%;
    width:0;
    height:0;
    transition: all .45s; 
}
.classify li a:hover::before{
    left:0;
    top:0;
    z-index:-1;
    width:100%;
    height:100%;
    background:#fff;
    border-radius:10px;
    box-shadow: 0px 0px 10px 1.5px rgba(152, 152, 152, 0.1);   
    box-shadow: 0px 0px 10px 1.5px rgba(247, 52, 0, 0.3);
}
/*快速入口 end*/

/*AI就业助手 start*/
#ai_box{
    position:relative;
    width:100%;
    min-width:1400px;
    padding:40px 0;
    overflow:hidden;
    box-sizing: border-box;
}
.ai_enter{
    display:flex;
    gap:20px;
    width:100%;
}
.ai_enter li{
    position:relative;
    width:20%;
    height:375px;
    background:#ffedec;
    border-radius:10px;
    padding:40px 35px;
    transition:all 0.45s;
    overflow:hidden;
    box-sizing: border-box;
    cursor: pointer;
}
.ai_enter li.active{width:40%;}
.ai_enter li.item1{background:url(../images/ai_tu1.jpg) no-repeat center left;}
.ai_enter li.item2{background:url(../images/ai_tu2.jpg) no-repeat center left;}
.ai_enter li.item3{background:url(../images/ai_tu3.jpg) no-repeat center left;}
.ai_enter li.item4{background:url(../images/ai_tu4.jpg) no-repeat center left;}

.ai_enter li.item1.active{background:#ffedec url(../images/ai_tb1.png) no-repeat right bottom;}
.ai_enter li.item2.active{background:#ffedec url(../images/ai_tb2.png) no-repeat right bottom;}
.ai_enter li.item3.active{background:#ffedec url(../images/ai_tb3.png) no-repeat right bottom;}
.ai_enter li.item4.active{background:#ffedec url(../images/ai_tb4.png) no-repeat right bottom;}

.ai_enter li h2{
    min-width:195px;
    color:#fff;
    font-size:20px;
    font-weight:bold;
    text-align: center;
}
.ai_enter li p{
    min-width:195px;
    color:#fff;
    line-height:1.8;
    margin:25px 0;
    text-align:justify;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ai_enter li.active h2,.ai_enter li.active p{
    width:100%;
    color:#333;
    text-align: justify;
    -webkit-line-clamp:5;
}
.ai_enter li a{
    position:absolute;
    left:35px;
    bottom:80px;
    width:150px;
    line-height:45px;
    background:#fb5323;
    border-radius:45px;
    color:#fff;
    text-align:center;
    margin-left:-100px;
    opacity:0;
    transition: all 0.45s;
    overflow:hidden;
    cursor: pointer;
}
.ai_enter li.active a{
    margin:0;
    opacity:1;
}
.ai_enter li a:hover{
    width:170px;
}
.ai_enter li a::before {
    content: "";
    position: absolute;
    top: 0;
    left:-100%;
    width:100%;
    height:100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    border-radius:45px;
    transition:left 0.5s;
}
.ai_enter li a:hover::before{
    left:100%;
}
.ai_enter li a i{
    vertical-align:-1.5px;
    margin-left:3px;
    transition:all 0.3s;
}
.ai_enter li a:hover i{
   margin-left:15px;
}
/*AI就业助手 end*/

/*专辑课程 start*/
.title{
    position:relative;
    width:100%;
    padding-top:20px;
    overflow:hidden;
}
.title img{float:left;}
.title p{float:right; line-height:50px;}
.title p i{font-weight:bold; color:#fb5323; margin:0 2px;}
.course_box,.course{
    width:100%;
    min-width:1400px;
    overflow:hidden;
}
.course_box .course:nth-child(odd){
    background:url('../images/index_bg.jpg') no-repeat center;
    background-size:100% 100%;
}
.course_box .course:nth-child(even){
    background:#fff;
}
.course_more{
    position:relative;
    display:block;
    width:180px;
    height:50px;
    line-height:50px;
    background:#fb5323; 
    border-radius:50px;
    font-size:16px;
    color:#fff;
    margin:35px auto;
    text-align:center;
    transition:all .3s ease;
    overflow:hidden;
}
.course_more:hover{
    color:#fff;
} 
.course_more::before {
    content: "";
    position: absolute;
    top: 0;
    left:-100%;
    width:100%;
    height:100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    border-radius:45px;
    transition:left 0.5s;
}
.course_more:hover::before{
    left:100%;
}
.course_more i{
    vertical-align:-1.3px;
    margin-left:5px;
    transition:all 0.3s;
}
.course_more:hover i{
    margin-left:15px;
}
.special_course .add_box{
    position: relative;
    width:100%;
    height:750px;
    margin:15px 0 30px;
}
.special_course1 .add_box{background:url('../images/special_bg1.png')no-repeat center;}
.special_course2 .add_box{background:url('../images/special_bg2.png')no-repeat center;}
.special_course3 .add_box{background:url('../images/special_bg3.png')no-repeat center;}
.special_course .add_box .course_list{
    padding:15px 0 0 360px;
    box-sizing: border-box;
}
.special_course .add_box .course_list li{
    width:calc((100% - 40px) / 3);
    margin:0 20px 20px 0;
}
.special_course .add_box .course_list li:nth-child(3n) {
    margin-right:0;
}
.special_course .add_box .course_list li:nth-child(4n) {
    margin-right:20px;
}
.special_course .course_more{
    position:absolute;
    left:75px;
    bottom:170px;
    background:#fff;
    color:#fb5323;
}
.special_course1 .course_more,.special_course1 .course_more:hover{color:#fb5323;}
.special_course2 .course_more,.special_course2 .course_more:hover{color:#9e74f3;}
.special_course3 .course_more,.special_course3 .course_more:hover{color:#263ea9;}
.special_course1 .course_more::before {background: linear-gradient(90deg, transparent, rgba(251, 83, 35, 0.3), transparent);}
.special_course2 .course_more::before {background: linear-gradient(90deg, transparent, rgba(158, 116, 243, 0.3), transparent);}
.special_course3 .course_more::before {background: linear-gradient(90deg, transparent, rgba(38, 62, 169, 0.3), transparent);}
.special_course .course_more:hover::before{left:100%;}
/*专辑课程 end*/

/*产品资源量展示区 start*/
#number{
    position:relative;
    width:100%;
    min-width:1400px;
    background:url('../images/number_bg.jpg') no-repeat center;
    overflow:hidden;
    box-sizing: border-box;
}
.number_list{
    display:flex;
    width:100%;
    margin:0 auto;
}
.number_list li{
    position:relative;
    flex:1;
    text-align: center;
    overflow:hidden;
    box-sizing: border-box;
}
.number_list li::after{
    content: '';
    position:absolute;
    right:0;
    top:50%;
    transform:translate(0,-50%);
    width:1px;
    height:45px;
    background:#fff;
}
.number_list li:last-child:after{
    display:none;
}
.number_list li a{
    display:block;
    width:100%;
    padding:25px 5px 40px;
    overflow:hidden;
    box-sizing: border-box;
}
.number_list li h2{
    width:100%;
    color:#fff;
    font-size:17px;
    font-weight:bold;
    line-height:30px;
    overflow:hidden;
    box-sizing: border-box;
}
.number_list li h2 i{
    color:#fff;
    font-size:26px;
    font-weight:bold;
    margin:0 5px;
}
.number_list li p{
    font-size:16px;
    color:#fff;
}
/*产品资源量展示区 end*/

/*名师课堂 start*/
#teacher{ 
    width:100%;
    min-width:1400px;
    height:710px;
    background:url(../images/teacher_bg1.jpg) no-repeat center top;
    margin:0 auto;
    overflow:hidden;
}
.teacher_title{ padding:25px 0 10px;}
.content{
	width:100%;
	margin:0 auto;
	overflow: hidden;
}
.ui-banner{
	display:block;
	position:relative;
	width:100%;
	height:710px;
}
.ui-banner.ui-banner-invalid{display:none;}
.ui-banner .ui-banner-arrow{
	position:absolute;
	height:480px;
}
.ui-banner .ui-banner-slides{
	position:absolute;
    right:0;
    bottom:0;
	width:calc(100% - 400px);
	height:600px;
	overflow:hidden;
}
.ui-banner .ui-banner-slides li{
	display:none;
	position:absolute;
	width:100%;
    height:600px;
}
.ui-banner .ui-banner-slides li a{
	display:block;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ui-banner .ui-banner-slides li img{
    float:left;
	width:420px;
    margin:41px 0;
}
.teacher_nav{
    float:right;
	width:calc(100% - 450px);
    min-height:360px;
    margin-top:180px;
	overflow:hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.teacher_nav h2{
    position:relative;
	color:#fb5323;
	font-size:24px;
    font-weight:bold;
    padding-bottom:20px;
}
.teacher_nav p{
    width:100%;
	line-height:30px;
	color:#fff;
    font-family: PingFang SC;
    margin-top:15px;
    text-align: justify;
	overflow:hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp:10;
}
.ui-banner .ui-banner-slides li.ui-banner-slides-current,
.ui-banner .ui-banner-slides li.ui-banner-slides-prev,
.ui-banner .ui-banner-slides li.ui-banner-slides-next{display:block;}
.ui-banner .ui-banner-slides li.ui-banner-slides-current{left:0;}
.ui-banner .ui-banner-slides li.ui-banner-slides-prev{left:100%;}
.ui-banner .ui-banner-slides li.ui-banner-slides-next{left:100%;}

.add_bg{
    position:relative;
    width:350px;
    height:710px;
    background:rgba(0,0,0,.6);
}
.left_little{
    position:relative;
    width:100%;
    height:413px;
    overflow:hidden;
}
.ui-banner .ui-banner-slogans{
    width:100%;
    height:333px;
    margin-top:40px;
    overflow:hidden;
}
.ui-line{
	zoom: 1;
	overflow: hidden;
    cursor: pointer;
}
.ullinehover{
	width:100%;
	height:110px;
    padding:25px 40px;
    background:rgba(255,255,255,.1);
	transition:all 0.36s ease;
    margin:1px 0 0;
    overflow:hidden;
    box-sizing: border-box;
}
.ui-bnnerimg{
    float:left;
    width:60px;
    height:60px;
    border-radius:50%;
    overflow:hidden;
}
.ui-bnnerimg img{
	width:100%;
}
.ui-banner-current .ullinehover,
.ullinehover:hover{
    background:#fb5323;
}
.ui-banner-slogans h3{
    position:relative;
    float:left;
    line-height:60px;
    color:#fff;
    font-size:20px;
    font-weight:bold;
    margin-left:25px;
}
.ui-banner-current h3::after{
    content: '';
    position:absolute;
    right:-65px;
    top:50%;
    transform:translate(0,-50%);
    width:40px;
    height:10px;
    background: url(../images/little_jt.png) no-repeat;

}
.ui-banner .ui-banner-arrow.ui-banner-arrow-prev{
	left:50%;
    transform:translate(-50%,0);
	top:0;
	width:40px;
	height:30px;
	background:url('../images/icon_up.png') no-repeat;
}
.ui-banner .ui-banner-arrow.ui-banner-arrow-next{
	left:50%;
    transform:translate(-50%,0);
	bottom:0;
	width:40px;
	height:30px;
	background:url('../images/icon_down.png') no-repeat;
}
.teacher_more{
    position:relative;
    display:block;
    width:200px;
    height:50px;
    line-height:50px;
    background:#fb5323; 
    border-radius:50px;
    font-size:16px;
    color:#fff;
    margin:25px auto;
    text-align:center;
    transition:all .3s ease;
    overflow:hidden;
}
.teacher_more:hover{color:#fff;}
.teacher_more::before {
    content: "";
    position: absolute;
    top: 0;
    left:-100%;
    width:100%;
    height:100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    border-radius:45px;
    transition:left 0.5s;
}
.teacher_more:hover::before{
    left:100%;
}
.teacher_more i{
    vertical-align:-1.3px;
    margin-left:5px;
    transition:all 0.3s;
}
.teacher_more:hover i{
    margin-left:15px;
} 
/*名师课堂 end*/

/*最新资源 start*/
.scroll-container{
    position:relative;
    width:100%;
    height:705px;
    background: url('../images/scroll_bg.jpg') no-repeat center;
    background-size:100% 100%;
    padding:15px 50px;
    overflow:hidden;
    box-sizing: border-box;
}
.news_title{
    text-align:center;
}
.scrolling-content{
    display:flex;
    position:absolute;
    height:100%;
    will-change:transform;
}
.scroll-item{
    min-width:226px;
    margin-left:-40px;
    flex-shrink:0;
}
.scroll-item:nth-child(even){
    margin:105px 0 0 -40px;
}
.message_item{
    display: block;
    width:226px;
    height:200px;
    background:url('../images/new_bg1.png') no-repeat center;
    margin:10px 0;
    font-size:12px;
    cursor:pointer;
    transition: all .5s ease-in-out;
    will-change:transform;
}
.message_item:hover{
    background:url('../images/new_bg2.png') no-repeat center;
}
.message_item a{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:100%;
    height:200px;
    font-size:14px;
    letter-spacing: 0.5px;
}
.message_item p{
    color:#000;
    font-weight:bold;
    margin-bottom:3px;
}
.message_item b{ 
    color:#fb5324;
    font-weight:bold;
    margin:0 2px;
}
.message_item span{
    font-size:13px;
}
.message_item:hover p,
.message_item:hover b,
.message_item:hover span{color:#fff;}
.message_item .icon{
    width:90px;
    height:90px;
    background-size:cover;
    transition:transform 0.36s;
}
.message_item:hover .icon{transform: scale(1.1);}
.new_shipin{background:url('../images/new_shipin.png') no-repeat center;}
.new_zhenti{background:url('../images/new_zhenti.png') no-repeat center;}
.new_moni{background:url('../images/new_moni.png') no-repeat center;}
.new_tupu{background:url('../images/new_tupu.png') no-repeat center;}
.new_biji{background:url('../images/new_biji.png') no-repeat center;}
.new_jianli{background:url('../images/new_jianli.png') no-repeat center;}
.new_anli{background:url('../images/new_anli.png') no-repeat center;}
.message_item:hover .new_shipin{background:url('../images/new_shipin2.png') no-repeat center;}
.message_item:hover .new_zhenti{background:url('../images/new_zhenti2.png') no-repeat center;}
.message_item:hover .new_moni{background:url('../images/new_moni2.png') no-repeat center;}
.message_item:hover .new_tupu{background:url('../images/new_tupu2.png') no-repeat center;}
.message_item:hover .new_biji{background:url('../images/new_biji2.png') no-repeat center;}
.message_item:hover .new_jianli{background:url('../images/new_jianli2.png') no-repeat center;}
.message_item:hover .new_anli{background:url('../images/new_anli2.png') no-repeat center;}
/*最新资源 end*/
/****************首页 end***************/