/* 1. about-container css */

.about-container {

    background-color: #F5F5F5;

    padding: 0.1rem .5rem;

}



.about-container .title-block {

    display: flex;

    justify-content: space-between;

    margin-bottom: .6rem;

}



.title-block h3,

.about-container .title {

    font-size: .5rem;

    font-weight: 500;

    color: #1A1A1A;

}



.title-block .more {

    margin: .1rem 0;

}



.title-block .more a {

    font-size: .3rem;

    color: #1A1A1A;

}



.title-block .more-pic {

    margin-left: .2rem;

}



.about-container h4,.about-container .titleh5{

    font-size: .32rem;

    font-weight: 500;

    color: #474747;

    margin-top: .6rem;

    margin-bottom: .4rem;

}

.about-container .title-block .titleh4{

    font-size: .32rem;

    font-weight: 500;

    color: #474747;

    

}



.about-container .about-desc {

    margin-bottom: .55rem;

}



.about-container .about-desc,

.about-container .about-desc a {

    font-size: .24rem;

    color: #999999;

    line-height: .4rem;

}



.about-container .about-detail {

    display: flex;



}



/* 2. event-container css */

.event-container {

    padding: 1rem .1rem;

}



.event-container .title {

    font-size: .5rem;

    font-weight: 500;

    color: #1A1A1A;

    margin-bottom: .8rem;

    text-align: center;



}



.event-container ul.tab {



    margin-bottom: .46rem;

    border-bottom: 1px solid #f5f5f5;

    display: flex;



}



.event-container ul.tab::after {

    content: "";

    display: block;

    clear: both;

}



.event-container ul.tab li.active {

    color: #0366c2;

    border-bottom: 3px solid #0366c2;





}



.event-container ul.tab li {

    font-size: .28rem;

    color: #666666;

    height: .6rem;

    margin-right: .3rem;

    text-align: center;

    margin-left: .3rem;





}



.event-container ul.tab li:last-child {

    margin-right: 0px;

}



.event-container ul.tab li a {

    font-size: .28rem;

    font-weight: 400;

    color: #666666;

}



.event-container ul.tab li.active a {

    font-size: .28rem;

    font-weight: 400;

    color: #0366c2;

}



.event-container .tabCon {

    font-size: .24rem;

    color: #999999;

    line-height: .6rem;

    padding-left: .3rem;



}



.event-container .tabCon div {

    display: none

}



.event-container .tabCon .active ul li{ font-size:14px;overflow:hidden; width:100%; color:#4e4e4e;

text-overflow: ellipsis;

white-space: nowrap;}

.event-container .tabCon .active {

    display: block

}



/* 3. tutor-container css */

.tutor-container {

    background-color: #F5F5F5;

    padding: 1rem .5rem;

    overflow: hidden;

}



.tutor-container h3,

.tutor-container .title {

    font-size: .5rem;

    margin-bottom: .85rem;

    font-weight: 500;

    color: #1A1A1A;

    text-align: center;

}



.tutor-container .more {

    font-size: .3rem;

    color: #1A1A1A;

    margin-top: .6rem;

    text-align: center;

}



.tutor-container .more a {

    font-size: .3rem;

    color: #1A1A1A;



    text-align: center;

}



.more .more-pic {

    margin-left: .2rem;

}



.more .more-pic img {

    width: .1rem;

    height: .18rem;



}



.tutor-container .tutor {

    font-size: .32rem;



    font-weight: 500;

    color: #474747;

    margin-bottom: .3rem;

}



.tutor-container .intro {

    font-size: .24rem;

    color: #999999;

    line-height: .4rem;

}



.tutor-container .about-item {

    padding: .5rem;

    background-color: #fff;

    border-radius: .3rem;

}



.tutor-container .tutor-slide {

    position: relative;

}



.tutor-slide .about-item {

    position: absolute;

    bottom: 0;

    left: 0;

}



/* 3. course-container css */

.course-container {



}



.course-container h3,

.course-container .title {

    font-size: .5rem;

    font-weight: 500;

    color: #1A1A1A;

    margin-bottom: .6rem;

    text-align: center;

}



.course-container .outer {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    align-items: center;

}



.course-container .inner {

    width: 3.1rem;

    height: 5.4rem;

    position: relative;

}



.course-container .inner img {

    width: 100%;

    height: 100%;

}



.course-container .course-block {

    position: absolute;

    bottom:  12px;

    left: 12px;

}



.inner .course-block .title {

    font-size: .42rem;

    font-weight: 500;

    color: #FFFFFF;

    margin-bottom: .1rem;

    text-align: left;

}



.inner .course-block .title a{ color:#FFFFFF}

.course-block .intro {

    font-size: 14px;;

    color: #FFFFFF;

    margin-bottom: .4rem;

}



.course-block .intro a{

    color: #FFFFFF;

}



.course-block .more {

    font-size: .24rem;

    color: #FFFFFF;

}



.more-course .more-pic {

    margin-left: .12rem;



}



.more-course .more-pic img {

    width: .11rem;

    height: .18rem;

}



.course-block .more-pic img {

    width: .065rem;

    height: .113rem;

}



.course-container .more-course {

    font-size: .3rem;

    color: #1A1A1A;

    margin-top: .2rem;

	margin-bottom:.3rem;

    text-align: center;

}



.course-container .more-course a {

    font-size: .3rem;

    color: #1A1A1A;



    text-align: center;

}



/* 4. top-container css */

.top-container {

    width: 100%;

    overflow: hidden;

}



.headSwiper {

    position: relative;

}



.headSwiper #slide-num {

    position: absolute;

    left: .75rem;

    top: .74rem;

    z-index: 10;

}



.headSwiper .swiper-pagination {

    position: absolute;

    left: .7rem;

    top: 4.77rem;

    text-align: left;

}



.headSwiper .swiper-pagination-bullet {

    width: .44rem;

    height: .06rem;

    border-radius: .03rem;

    background-color: #fff;

}



.headSwiper .swiper-pagination-bullet-active {

    background-color: #023ac3;

}



.headSwiper #slide-num .current {

    font-size: .36rem;



    font-weight: 500;

    color: #0366c2;

}



.headSwiper #slide-num .total {

    font-size: .2rem;



    font-weight: 500;

    color: #474747;

    opacity: 0.96;

}



/* 4. col-video-container css */

.col-video-container {

    position: relative;

    padding: 0 .1rem;

    margin-top: -2.1rem;

    z-index: 90;



}

.col-video-container .videoblock{

    border-radius: .3rem;

}

.col-video-container video {

    display: block;

    width: 100%;

    height: 100%;

    border-radius: .3rem ;

   

}



.col-video-container .VideoBtn {

    position: absolute;

    left: 45%;

    top: 50%;

    display: block;

    cursor: pointer;

    z-index: 91;

    width: .8rem;

    height: .8rem;

}



.video-show::--webkit-media-controls-play-button {

  display: none !important;

  -webkit-appearance: none !important;

}











/*名师介绍*/

.ggtit{ height: 40px; text-align: center;}

.ggtit .lcion,.ggtit .rcion{ display: inline-block; background:url(/static/images/tit_01.png) no-repeat left center; background-size: 1.467rem 0.267rem;}

.ggtit .rcion{ background:url(/static/images/tit_03.png) no-repeat right center;background-size: 1.467rem 0.267rem;}

.ggtit .ctxt{ padding: 0 1.6rem; line-height: 1.867rem; font-size: 0.533rem; font-weight: 700; color: #fff;}

.teacherBox{ background: url(/static/images/bg_07.jpg) no-repeat center left;}

.teacherBox .subjectTit{ height: 1.067rem;

    background: -webkit-linear-gradient(top, #009185, #00a79b); /* Safari 5.1 - 6.0 */

    background: -o-linear-gradient(top, #009185, #00a79b); /* Opera 11.1 - 12.0 */

    background: -moz-linear-gradient(top, #009185, #00a79b); /* Firefox 3.6 - 15 */

    background: linear-gradient(to bottom, #009185, #00a79b); /* 标准的语法 */}

.teacherBox .subjectTit .swiper-container{ width: 100%; height: 1.24rem;}

.teacherBox .subjectTit .swiper-slide{ position: relative; z-index: 1; width: auto; padding: 0 0.4rem; height: 1.067rem; line-height: 1.067rem; font-size: 0.373rem; color: #fff; cursor: pointer;}

.teacherBox .subjectTit .swiper-slide i{ position: absolute; display: none; width: 0.347rem; height: 0.173rem; left: 50%; bottom: -0.173rem; margin-left: -0.173rem; background:url(/static/images/icon_01.png) no-repeat; background-size: 100% 100%;}

.teacherBox .subjectTit .swiper-slide.on{ font-weight: 700;}

.teacherBox .subjectTit .swiper-slide.on i{ display: block;}

.teacherBox .subjectTit .swiper-container.center{ text-align: center;}

.teacherBox .subjectTit .swiper-container.center .swiper-wrapper{ width: 100%; display: inherit;}

.teacherBox .subjectTit .swiper-container.center .swiper-slide{ display: inline-block;}

.teacherBox .subjectConBg{ background-size: 100% auto;}

.teacherBox .subjectCon{ display: none; position: relative; z-index: 1; padding-top: 0.24rem;}

.teacherBox .subjectCon .subCourseList{ width:100%; height: 0.933rem; border-bottom: 1px solid #c5e9e1; text-align: center;}

.teacherBox .subjectCon .subCourseList li{ position: relative; z-index: 1; display: inline-block; height: 0.933rem; line-height: 0.933rem; font-size: 0.373rem; color: #fff; white-space: nowrap; margin: 0 0.267rem;}

.teacherBox .subjectCon .subCourseList li:after{ content:" "; position: absolute; left: 0; bottom: -1px; display:none; width: 100%; height: 0.053rem; background: #009fa2;}

.teacherBox .subjectCon .subCourseList li.on{ color: #009fa2; font-weight: 700;}

.teacherBox .subjectCon .subCourseList li.on:after{ display: block;}

.teacherBox .subjectCon .subCourseCon{ display: none; position: relative; z-index: 1; height: 8.053rem; padding-bottom: 0.667rem;}

.teacherBox .subjectCon .subCourseCon .teaCon{ display: none; height: 5.053rem;padding-top:1rem; }

.teacherBox .subjectCon .subCourseCon .teaCon .tcPic{ float: left; width:43%; height: 5.467rem; margin-left:25px; }

.teacherBox .subjectCon .subCourseCon .teaCon .tcPic-img{ display: block; width: 4rem; height: 5.7rem;}

.teacherBox .subjectCon .subCourseCon .teaCon .tcRight{ float: right; margin-top:15px;width: 48%;   margin-right: 8px;}

.teacherBox .subjectCon .subCourseCon .teaCon .tcRight-top{ height: 0.667rem; line-height: 0.667rem; margin-bottom: 0.347rem;}

.teacherBox .subjectCon .subCourseCon .teaCon .tcRight-top-icon{ display: inline-block; padding: 0 0.16rem; height: 0.48rem; line-height: 0.48rem; font-size: 12px;; color: #333; border-radius: 0.24rem 0 0.24rem 0; background: #fdda9e; margin-right: 0.373rem; vertical-align: 0.067rem;

    background: -webkit-linear-gradient(left, #fde9bd, #fec570); /* Safari 5.1 - 6.0 */

    background: -o-linear-gradient(left, #fde9bd, #fec570); /* Opera 11.1 - 12.0 */

    background: -moz-linear-gradient(left, #fde9bd, #fec570); /* Firefox 3.6 - 15 */

    background: linear-gradient(to right, #fde9bd, #fec570); /* 标准的语法 */}

.teacherBox .subjectCon .subCourseCon .teaCon .tcRight-top-name{ font-size: 0.587rem; font-weight: 700; color: #fff;}

.teacherBox .subjectCon .subCourseCon .teaCon .tcRight-top-name a{ color: #fff;}

.teacherBox .subjectCon .subCourseCon .teaCon .tcRight-cen{ margin-bottom: 0.213rem;}

.teacherBox .subjectCon .subCourseCon .teaCon .tcRight-cen span{ position: relative; z-index: 1; color:#FFFFFF; display: inline-block; height: 0.267rem; line-height: 0.373rem; font-size: 12px;; font-weight: 700; margin: 0 0.347rem 0.133rem 0; border-bottom: 0.107rem solid #9ce2dd; white-space: nowrap;}

.teacherBox .subjectCon .subCourseCon .teaCon .tcRight-cen span:last-child{ margin-right: 0;}

.teacherBox .subjectCon .subCourseCon .teaCon .tcRight-bot{ max-height: 1.92rem; line-height: 0.48rem; font-size: 12px;; color: #fff; margin-bottom: 0.347rem; overflow:hidden; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}

.teacherBox .subjectCon .subCourseCon .teaCon .tcRight-fot{ padding: 0.067rem 0; color:#fff; line-height: 0.48rem; font-size: 12px;; border-top: 1px solid #fff;  margin: -0.133rem 0 0.267rem;}

.teacherBox .subjectCon .subCourseCon .teaCon .tcRight-fot b{ color: #fff;}

.teacherBox .subjectCon .subCourseCon .teaCon .tcRight-btn{ display: block; width: 3.2rem; height: 0.88rem; line-height: 0.88rem; text-indent: 0.693rem; font-size: 0.373rem; color: #fff; font-weight: 700; border-radius: 0.44rem; background:url(/static/images/icon_02.png) no-repeat; background-size: 100% 100%; -webkit-box-shadow:0 0.107rem 0.213rem rgba(254, 109, 49, 0.3); -moz-box-shadow:0 0.107rem 0.213rem rgba(254, 109, 49, 0.3); box-shadow:0 0.107rem 0.213rem rgba(254, 109, 49, 0.3);}

.teacherBox .subjectCon .subCourseCon .teaList{ overflow: hidden; position: absolute; bottom: 0.667rem; left: 0.133rem; right: 0.133rem; z-index: 9; height:76px; background: #fff; border-radius: 1rem; -webkit-box-shadow:0 0.16rem 0.16rem rgba(200, 228, 221, 0.65); -moz-box-shadow:0 0.16rem 0.16rem rgba(200, 228, 221, 0.65); box-shadow:0 0.16rem 0.16rem rgba(200, 228, 221, 0.65);}

.teacherBox .subjectCon .subCourseCon .teaList .swiper-container{ width: 100%; height:76px; background: #fff; border-radius: 1rem; -webkit-box-shadow:0 0.16rem 0.16rem rgba(200, 228, 221, 0.65); -moz-box-shadow:0 0.16rem 0.16rem rgba(200, 228, 221, 0.65); box-shadow:0 0.16rem 0.16rem rgba(200, 228, 221, 0.65);}

.teacherBox .subjectCon .subCourseCon .teaList .swiper-slide{ position: relative; z-index: 1; width: 89px; height: 45px; border: 0.027rem solid #fff; border-radius: 0.6rem; margin: 10px 10px; cursor: pointer;}

.teacherBox .subjectCon .subCourseCon .teaList .swiper-slide .li-pic{     position: absolute;

    left: 50%;

    bottom: 0px;

    margin-left: -25px;

    overflow: hidden;

    width: 51px;

    height: 51px;}

.teacherBox .subjectCon .subCourseCon .teaList .swiper-slide .li-pic img{ display: block; width: 51px; height: auto;}

.teacherBox .subjectCon .subCourseCon .teaList .swiper-slide .li-bg{ display: block; height:42px; border: 0.04rem solid #fff; background: #f0f0f0; border-radius: 0.573rem;}

.teacherBox .subjectCon .subCourseCon .teaList .swiper-slide.on{ border: 0.027rem solid #abe9e4;}

.teacherBox .subjectCon .subCourseCon .teaList .swiper-slide.on .li-bg{ color: #fff; background: #0bb48e;}

.teacherBox .subjectCon .subCourseCon .teaList .swiper-slide:first-child{ margin-left: 0.533rem;}

.teacherBox .subjectCon .subCourseCon .teaList .swiper-slide:last-child{ margin-right: 0.533rem;}

.teacherBox .subjectCon .subCourseCon .teaList.center .swiper-wrapper{ text-align: center; display: block;}

.teacherBox .subjectCon .subCourseCon .teaList.center .swiper-slide{ display: inline-block; margin: 0.4rem 12px; 0;}



.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.clearfix{*zoom:1;}







<!--新添加-->

.section_five .auto{width:100%;margin:0 auto;}

.section_five .title{height:85px;line-height:85px;}

.section_five .title strong{float: left;font-size:28px;margin-top:26px;color:#2c2c2c;border-left:5px solid #0366c2;height:30px;line-height:30px;padding-left:10px;}

.section_five .title a{float: right;font-size:16px;color:#4f4f4f;line-height:85px;}

.section_five .title a:hover{color:#e2584c;}

.section_five .left{width:100%;}

.section_five .right{width:100%;}

.section_five ul li{margin-bottom:24px;}

.section_five ul li .date{width:15%;height:70px;background-color:#0366c2;text-align: center;color:#fff;font-size:12px;}

.section_five ul li .date span{font-size:36px;display: block;}

.section_five ul li .info{width:80%;}

.section_five ul li strong{display: block;font-size:16px;color:#4e4e4e; height:25px; line-height:25px; overflow:hidden}

.section_five ul li p{font-size:14px;color:#4e4e4e;line-height:22px;height:44px;overflow: hidden;}

.section_five ul li:hover strong{color:#e2584c;}

.section_five .item{float: left;text-align: center; width:48%}

.section_five .item img{width:95%}

.section_five .item strong{display: block;height:34px;line-height:34px;color:#000; overflow:hidden; width:100%;font-size:12px}

.section_five .item:hover strong{color:#e2584c;}

.section_five{}

	.clear{zoom:1;}

.clear:after{ content:""; display:block; height:0; visibility:hidden; clear:both;}

.clear::before, .clear::after { content: "";display: table; } 

.clear::after{clear: both;}

.fl{float: left;}

.fr{float: right;}

.img_del{width:.35rem;position:absolute;right:0}

.s_about .left{margin-bottom:3rem;width:auto}

.s_about .m{flex-direction:column}

.s_about .right{padding-left:0}

.s_about .con{margin-bottom:3rem}

.s_about .m .txt{max-width:inherit;margin:0}

.s_about .m .img{max-width:95%;margin-top:10px}

.s_about ul{text-align:center}

.s_about{background-color:#fff;border:1px solid #ccc;border-radius:20px;padding:10px;position:relative;z-index:90;margin-right:auto}

.s_about .m{display:flex;align-items:center;justify-content:space-between}

.s_about .m .txt{width:100%}

.s_tt{display:flex;align-items:flex-end;padding-bottom:10px;padding-left:10px;margin-bottom:10px;font-weight:700;background:url(/static/images/s_about_tt.png) left bottom no-repeat;background-size:contain}

.s_tt h3{font-size:23px;font-weight:700;color:#1d1d1f;white-space:nowrap}

.s_tt span{font-size:14px;color:#1d1d1f;text-transform:capitalize;display:inline-block;margin-left:5px;white-space:nowrap}

.s_about .con{font-size:16px;line-height:35px;color:#1d1d1f;opacity:.7;margin-bottom:15px}

.s_about ul{display:flex;justify-content:space-between}

.s_about ul li{width:33.33%}

.s_about ul li p{font-size:14px;color:#1d1d1f}

.s_about ul li b{font-size:18px;color:#0366c2;line-height:35px;font-weight:700}

.s_about ul li span{font-size:12px;color:#0366c2}

.s_about .m .img{flex-shrink:0;position:relative}

.s_video .mask{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}

.s_video{position:relative}

.btn_play{display:block;width:43px;height:43px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;background:#fff;cursor:pointer}

.btn_play svg{position:relative;z-index:99}

.btn_play span{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:50%;background:rgba(255,255,255,.3);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-animation:circleScale 3s linear infinite;-moz-animation:circleScale 3s linear infinite;-ms-animation:circleScale 3s linear infinite;animation:circleScale 3s linear infinite}

.btn_play span:nth-of-type(2){animation-delay:1s}

.btn_play span:nth-of-type(3){animation-delay:2s}


/*战略合作*/
.s_coop{    width: 100%;
    position: relative;
    overflow: hidden;
    border-top: 1px solid #ebebeb;     background: #fbfaff; background-size: cover;
	padding-bottom: 30px;}
.s_coopm {
    height: 100%;
    margin: 0 auto;
    display: block;
    position: relative;
}
.s_coopms_tt {
    text-align: center;
	height:80px;
    margin-bottom: 25px;
	margin-top:25px;
}
.s_coopms_tt h3 {
    font-size: 25px;
    color: #040404;
    font-weight: bold;
    margin-bottom: .5rem;
}
.s_coopms_tt p {
    font-size: 18px;
    color: rgba(4,4,4,.6);
}




.s_coop ul{ margin:0  auto;}

.s_coop ul li{width: 26%;
    float: left;
    text-align: center;
    margin-left: 20px;
  }

.s_coop ul li a{ display: inline-block; position: relative;}

.s_coop ul li .imgbox{ position: relative;}

.s_coop ul li .imgbox img{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }

.s_coop ul li .pic{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}

.s_coop ul li .pic img{mix-blend-mode: multiply;}

.s_coop ul li h5{ font-size: 14px; color: #3e3e3e; margin-top: 10px; height:40px;}

.s_coop ul li:hover h5{ color: #0082c6;}

.s_coop ul li:hover .imgbox>img{ filter: drop-shadow(0px 0px 10px rgba(0,0,0,.1)); -webkit-filter: drop-shadow(0px 0px 10px rgba(0,0,0,.1)); }



.s_coop .slick-arrow{ z-index:99; position:absolute; top:50%; opacity:1; margin-top: 15px;

	display:block; width:2.3125rem; height: 2.3125rem; background-size:contain !important;}

.s_coop .slick-prev{ left:-6.25rem;background:url(../images/s_coop_left.png) left center no-repeat;

	transition:300ms;-webkit-transition:300ms;}

.s_coop .slick-next{ right:-6.25rem; background:url(../images/s_coop_right.png) right center no-repeat;

	transition:300ms;-webkit-transition:300ms;}

.s_coop .slick-prev:hover{ background:url(../images/s_coop_left_on.png) left center no-repeat; }

.s_coop .slick-next:hover{ background:url(../images/s_coop_right_on.png) right center no-repeat; }