.typeSub > article {
    position: relative;max-width: 1260px;min-height: 500px;box-sizing: border-box;margin: 0 auto;padding: 0 30px 120px;
}
.student_all{width:1200px; height:900px;}
.student_top{width:380px; position:relative; float:left;}
.student_top > .student_top_img{width:380px;} 
.student_top .student_tab{width:380px;}
.student_top .student_tab >li{ display: flex; flex-wrap:wrap; flex-direction: column; width: 20%; height:775px;  width:380px; height:80px; text-align:center;}
.student_top .student_tab .on{background-color: #eee;}
.student_top .student_tab >li:hover{background:#96bfee; color:#fff; cursor: pointer; transition: all 0.5s;}
.student_top .student_tab > li::after{content:""; display:block; border-bottom:1px solid #000; padding-top:10px;}
.student_top .student_tab >li >p{margin-top:24px; text-align:left; padding-left: 10px;}
.student_top .student_tab > li > span{text-align:right; font-weight: bold; padding-left:135px; padding-right: 10px}
.student_con{float:right; overflow:hidden;}
.student_section1{position:relative; clear:both; width:750px; height:750px; display:block;}
.student_section2{position:relative; clear:both; width:750px; height:750px;}
.student_section3{position:relative; clear:both; width:750px; height:750px;}
.student_section4{position:relative; clear:both; width:750px; height:750px;}
.student_section5{position:relative; clear:both; width:750px; height:750px;}
.student_section6{position:relative; clear:both; width:750px; height:750px;}
.student_section7{position:relative; clear:both; width:750px; height:750px;}
.student_section8{display:none;}


/* .student_img > ul > li{width:750px; height:750px;} */
.student_img > ul{width:3000px;}
.student_img > ul > li {margin-left:0px; display: inline-block;}
/* .student_img > ul > li:nth-child(1) {position:absolute; top:0px; left:0px; width:750px; height:750px;}
.student_img > ul > li:nth-child(2) {position:absolute; top:0px; left:780px; width:750px; height:750px;}
.student_img > ul > li:nth-child(3) {position:absolute; top:0px; left:1530px; width:750px; height:750px;}
.student_img > ul > li:nth-child(4) {position:absolute; top:0px; left:2280px; width:750px; height:750px;} */
.student_img ul > li > .student_button::after {content: "";display: block; position: absolute;width: 50px; height: 50px; top: 50%; right: 3%; border-top: 5px solid #96bfee; border-right: 5px solid #96bfee; transform: translateY(-50%) rotate(45deg); cursor: pointer;}
.slide {width: 750px;}
.student_img ul > li > .student_button_bf::before {content: "";display: block; position: absolute;width: 50px; height: 50px; top: 50%; right: 90%; border-top: 5px solid #96bfee; border-right: 5px solid #96bfee; transform: translateY(-50%) rotate(-132deg); cursor: pointer;}
.slide {width: 750px;}


[class^=student_section] { display: none;}
[class^=student_section1] {display: block;}


.slideGroup{display: none}



@media all and (max-width: 768px){

    .student_top .student_tab >li{ display: flex; flex-wrap:wrap; flex-direction: column; width: 20%; height:775px;  width:330px; height:73px; text-align:center;}
    .student_section8{clear:both; width:330px; height:330px; display:inline-block; margin:0 auto;}
    .student_section1{display:none;}
    .student_section2{display:none;}
    .student_section3{display:none;}
    .student_section4{display:none;}
    .student_section5{display:none;}
    .student_section6{display:none;}
    .student_section7{display:none;}
    .student_all{width:100%; height:100%; overflow:hidden; margin-bottom:50px;}
    .student_top{display:none;}
    .student_top .student_tab >li >p{margin-top:24px; text-align:left;}
    .student_con{width:100%; overflow:hidden;}
    .student_top .student_tab{width:330px; margin:0 auto;}
    .student_img .student_img_slide li > img{width:330px; height:380px;}
    .student_img .student_img_slide li{margin-right:20px;}
    .student_tab{width:100%;}
    .student_top .student_tab > li > span {
    font-weight: bold;
    padding-left: 110px;}
	
	.next{content: "";display: block; position: absolute;width: 12px; height: 12px; top: 90px; left: 90%; border-top: 1px solid #bbb; border-right: 1px solid #bbb; transform: translateY(-50%) rotate(45deg); cursor: pointer;}
	.next:hover{border-top: 1px solid #000; border-right: 1px solid #000; }

    .prev{content: "";display: block; position: absolute;width: 12px; height: 12px; top: 90px; right: 12%; border-top: 1px solid #bbb; border-right: 1px solid #bbb; transform: translateY(-50%) rotate(-132deg); cursor: pointer;}
	.prev:hover{border-top: 1px solid #000; border-right: 1px solid #000; }
	
	
	
	
	.next::after {content: "";display: block; position: absolute;_width: 13px; _height: 13px; top: 51%; left: 95%; border-top: 1px solid #bbb; border-right: 1px solid #bbb; transform: translateY(-50%) rotate(45deg); cursor: pointer;}
    .prev::before {content: "";display: block; position: absolute;_width: 13px; _height: 13px; top: 51%; right: 89%; border-top: 1px solid #bbb; border-right: 1px solid #bbb; transform: translateY(-50%) rotate(-132deg); cursor: pointer;}
    .slideNav {display: flex;position: absolute;top: 38px;right: 35px;}	
	
    
.studyMemo_list .list {position:relative;left:0;width:auto;height:auto;padding-top:50px;}
.studyMemo_list .studyMemo_list .list::after {display:none}
.studyMemo_list .unit {width:515px;margin:0 !important;padding:0 10px;transform:none;}
.studyMemo_list .unit.slick-center {transform:none;}
.studyMemo_list .unit.slick-center img {width:100%;margin-left:auto;}
.studyMemo_list .slick-arrow {top:0;}
.studyMemo_list .slick-prev {right:40px;}
.studyMemo_list .slick-next {right:0;}
.studyMemo_list .list_page {position:relative;left:auto;top:auto;width:100%;margin:20px 0 10px;text-align:center;}
.studyMemo_list .list_page .currentNum {padding-left:0;font-size:22px;line-height:22px;}
.studyMemo_list .list_page .totalNum,
.studyMemo_list .list_page .totalNum>span {font-size:14px;line-height:22px;}

	
    .slide_wrapper{
        position: relative;
        width: 350px;
        margin: 0 auto;
        height: 350px;
        overflow:hidden;
    }
    .slides{
        position: absolute;
        left:0; top:0;	
    }
    .slides.animated{
        transition: 0.5s ease-out;
    }
    .slides li{
        width: 350px;
        height:350px;
        background:#ccc;
        float:left;
    }
	.slides li p{font-size: 18px; font-weight: 500; color: #999}
    .slides li:not(:last-child){	
        margin-right: 30px;
    }
	
	.swiper-pagination {font-size: 1.2rem; font-family: 'Roboto'; color: #ababab; top:470px; font-weight: 100}
    .swiper-pagination-current{font-size: 23px; color: #000; font-family: 'Roboto'; font-weight: 400}
	.swiper-pagination-total{font-size: 15px; color: #ababab; font-weight: 300; font-family: 'Roboto';}
	
	


}