.videolist {position:relative;/* float:left; */width: 100%;/* height:300px; *//* margin-right:50px; *//* margin-top:15px; *//* margin-bottom:30px; */}
.videolist:hover{ cursor: pointer; }
.videolist img{width:100%}
.videolist .video_icon {border-radius:100%;font-variant: proportional-nums;position: relative;width: 0.9rem;height: 0.9rem;margin: 0 auto;}

.videolist .video_icon img {display: block !important;position: absolute;width: 0.9rem;height: 0.9rem;left: 50%;top: 50%;margin: -0.45rem;}
.videos{display:none;border: 1px solid #080808;position:fixed;left: 15%;top: 10%;/* margin-left:-320px; *//* margin-top:-210px; */z-index:100;width: 70%;/* height: 357px; */}
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
video#video {
    width: 100%;
}
.locBtnBar,.locBtnBar2 {
	position:absolute;
	width: 0.9rem;
	height: 0.9rem;
	left: 50%;
	top: 50%;
	margin: -0.45rem;
}
.pos_absu {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: url(/skins/danye/v1.jpg) center center;
    background-size: cover;
}

.video_zi {
    color: #fff;
    margin-bottom: 1rem;
}
.video_zi h3{
    font-size: 0.36rem;
    font-weight: normal;
    margin-bottom: 0.2rem;
}
.video_zi p{
    font-size: 0.16rem;
    opacity: 0.7;
}
.video_icon {position: relative;}
.video_icon img{position:relative;z-index:1}
@keyframes spread {
	0% {
	opacity:.8;
	-webkit-transform:scale(1);
	transform:scale(1)
}
100% {
	opacity:0;
	-webkit-transform:scale(2);
	transform:scale(2)
}
}@-webkit-keyframes spread {
	0% {
	opacity:.8;
	-webkit-transform:scale(1)
}
100% {
	opacity:0;
	-webkit-transform:scale(2);
	transform:scale(2)
}
}.locBtnBar {
	border-radius:50%;
	border:1px solid #fff;
	-webkit-transform:scale(1);
	transform:scale(1);
	-webkit-animation: spread 2s infinite;
	animation: spread 2s infinite;
}
.locBtnBar2 {
	border-radius:50%;
	border:1px solid #fff;
	-webkit-transform:scale(1);
	transform:scale(1);
	-webkit-animation: spread 2s infinite;
	animation: spread 2s infinite .5s;
}
.new_index_about{
    background: url(/skins/danye/new_index1.jpg) top center no-repeat;
    /* background-size: 100%; */
    padding: 1.3rem 0 0;
}
.service_box .new_right{
    flex: 1.95;
}
.new_right .index_about{}
.new_right .index_about h3{
    font-size: 0.32rem;
    font-weight: bold;
    margin-bottom: 0.32rem;
}
.new_right .index_about p{
    font-size: 0.16rem;
    line-height: 0.32rem;
    color: #666;
    margin-bottom: 0.14rem;
}
.index_video{}
.new_index_about .ser_title .ser_ti {
    width: 50%;
    padding: 0;
}

.new_index_about .ser_title .ser_ti a {
    background: url(/skins/danye/ys.png) center center no-repeat #379288;
}
.new_index_about .ser_title .ser_ti h3{
    font-size: 0.88rem;
}
.new_index_about .ser_title .ser_ti span{color:#7f8288
;font-size:0.2rem}
.new_index_about .in_ab_nub .shu span,.new_index_about .in_ab_nub .shu .fu{color: #379288;}
.new_index_about .service_box{margin-bottom: 0.5rem;}
.text_center {
    text-align: center;
}
.jx_servics ul li:nth-child(2n) {
    padding: 0rem 0 0 0;
}

.new_index_sercice .bx-controls-direction {
    top: 50%;
    margin-top: -0.34rem;
}
.new_index_sercice .bx-controls-direction a.bx-prev {
    left: 0;
    right: auto;
    background: url(/skins/danye/xz_left.svg) center center no-repeat #fff;
    background-size: 0.2rem;
    border: 0;
    box-shadow: 0 0 0.2rem #a94b5230;
    /* opacity: 1; */
}

.new_index_sercice .bx-controls-direction a.bx-next {
    left: auto;
    right: 0;
    background: url(/skins/danye/xz_right.svg) center center no-repeat #fff;
    background-size: 0.2rem;
    border: 0;
    box-shadow: 0 0 0.2rem #a94b5230;
}
.new_index_sercice .bx-controls-direction a.bx-next:hover {background: url(/skins/danye/xz_right_b.svg) center center no-repeat #379288;background-size: 0.2rem;background-repeat: no-repeat;}
.new_index_sercice .bx-controls-direction a.bx-prev:hover {
    background: url(/skins/danye/xz_left_b.svg) center center no-repeat #379288;
    background-size: 0.2rem;
    background-repeat: no-repeat;
}

.new_index_sercice .bx-wrapper{margin:0;padding:0;position: relative;}
.new_index_zixun{
    text-align: center;
    margin: 0.5rem 0 0;
}
.new_index_zixun a{
    font-size: 0.14rem;
    line-height: 0.6rem;
    padding: 0 0.7rem;
    border-radius: 50px;
    border: 1px solid #ddd;
    display: inline-block;
background:#379288;color:#fff;
	
 
}
.new_index_zixun a:hover{background:#379288;color:#fff;border: 1px solid #379288;}
.xueyaun_con{background: url(/skins/danye/new_index2.png) center bottom no-repeat;}
.xueyaun_main{}
.xueyaun_main ul{
    display: flex;
}
.xueyaun_main ul li{
    width: 17.5%;
    transition: all 0.2s ease;
    float: left;
}
.xueyaun_main ul li.on,.xueyaun_main ul li:hover{
    width: 30%;
    opacity: 1;
    /* flex: 2; */
}
.xueyuan_story{
    position: relative;
    margin: 0 0.01rem;
    background: #000;
}
.xueyuan_story .img{
    /* height: 100%; */
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.5;
}
.xueyaun_main ul li.on .xueyuan_story .img, .xueyaun_main ul li:hover .xueyuan_story .img {
    opacity: 1;
}
.xueyuan_story img{
    /* height: 100%; */
    width: auto;
}
.xueyuan_story .c-more{
    position: absolute;
    bottom: 0.5rem;
    left: 0;
    right: 0;
    color: #fff;
    padding: 0.3rem;
    opacity: 0.5;
    font-size: 18px;
}
.xueyaun_main ul li.on .c-more, .xueyaun_main ul li:hover .c-more{
    opacity: 0;
}
.xueyuan_main{
    position: absolute;
    bottom: 0.5rem;
    left: 0;
    right: 0;
    padding: 0.3rem;
    color: #fff;
    opacity: 0;
    transition: all 0.3s ease;
}
.xueyaun_main ul li.on .xueyuan_main, .xueyaun_main ul li:hover .xueyuan_main{
    opacity: 1;
}
.xueyuan_main h4{
    font-size: 0.3rem;
    margin: 0 0 0.1rem;
}
.xueyuan_main span{
    font-size: 0.16rem;
}
.xueyuan_main i{
    display: block;
    width: 0.5rem;
    height: 0.02rem;
    background: #fff;
    margin: 0.15rem 0 0.2rem;
}
.xueyuan_main p{
    font-size: 0.16rem;
    opacity: 1;
    line-height: 0.29rem;
}
.news_part {
    background: #f7f7f9;
}
.teacher_con{
    background: url(/skins/danye/teacherbg.jpg);
    background-size: cover;
}
.color_ff{color:#fff}
.teacher_xqmain{
    margin-bottom: 0.8rem;
}
.teacher_xqmain ul{}
.teacher_xqmain ul li{}
.teacher_xq{
    position: relative;
    width: 100%;
}
.teacher_xq .img{
    background: #000;
}
.teacher_xq img{
    width: 100%;
    opacity: 0.5;
}
.teacher_xq .zi{
    position: absolute;
    bottom: -1rem;
    left: 0;
    right: 0;
    background: #379288;
    padding: 0.15rem 0.3rem;
    color: #fff;
    opacity: 0;
    transition: all 0.3s ease;
}

.swiper-slide-active .teacher_xq .zi {
    bottom: 0;
    opacity: 1;
}
.swiper-slide-active .teacher_xq .img img{opacity:1}
.teacher_xq .zi h4{
    font-size: 0.16rem;
}
.teacher_xq .zi span{
    font-size: 0.14rem;
    display: inline-block;
    margin-left: 0.2rem;
}

section.teacher_xqmain {
    width: 100%;
    padding: 0 6%;
    margin: 0 auto 0.8rem;
    box-sizing: border-box;
}
.teacher-swiper-box .swiper-slide-active .zi{bottom:0;opacity:1}

.teacher-swiper-box .swiper-button-next, .teacher-swiper-box 
 .swiper-button-prev {
    top: 50%;
}

.teacher-swiper-container {
    width: 90%;
    margin: 0 auto 0.8rem;
    overflow: hidden;
}





    .swiper-container {
      width: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.8);
    }
	.swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
	}
	.swiper-slide.swiper-slide-prev,.swiper-slide.swiper-slide-next {
    transform: scale(0.9);
}
.teacher_con .swiper-pagination {
    display: none;
}
.teacher_swiper {
    position: relative;
}
.teacher_con .swiper-container {
    /* padding: 0 5%; */
    width: 90%;
    box-sizing: border-box;
    margin: 0 5% 0.5rem;
    position: initial;
}
.teacher_con .swiper-button-prev,.teacher_con .swiper-button-next {
    top: 50%;
    margin-top: -0.34rem;
    box-shadow: none;
    background: url(/skins/danye/xz_right_b.svg) center center no-repeat;
    background-size: 0.22rem;
    border: 1px solid rgba(255,255,255,0.5);
}
.teacher_con .swiper-button-prev{background: url(/skins/danye/xz_left_b.svg) center center no-repeat;background-size: 0.22rem;}
.teacher_con .swiper-button-prev:hover{
    background: url(/skins/danye/xz_left_b.svg) center center no-repeat #379288;
    background-size: 0.22rem;
    border: 1px solid #379288;
}
.teacher_con .swiper-button-next:hover{    background: url(/skins/danye/xz_right_b.svg) center center no-repeat #379288;
    background-size: 0.22rem;
    border: 1px solid #379288;}
    
 @media screen and (max-width:980px){
  .new_right .index_about h3{ font-size: 16px;}
.new_right .index_about p {
    font-size: 13px;
    line-height: 1.5;
    color: #666;
    margin-bottom: 14px;
}   
 .in_ab_nub .shu span{font-size: 16px;}
.in_ab_nub p {
    font-size: 12px;
    padding-top: 6px;
} 
/*学员故事*/
.xueyaun_main ul {
    display: flex;
    flex-wrap: wrap;
}
.xueyaun_main ul li {
    width: 48%;
    transition: all 0.2s ease;
    float: left;
    margin-bottom: 10px;
    margin-right: 1%;
    /* height: 300px; */
}
.xueyaun_main ul li.on, .xueyaun_main ul li:hover {
    width: 48%;;
    opacity: 1;
    /* flex: 2; */
}
.xueyuan_main h4 {
    font-size: 18px;
    margin: 0 02 0.2rem;
}
.xueyuan_main span {
    font-size: 14px;
}

.xueyuan_story img{height: 300px;width: 100%;}
.xueyuan_story .c-more{font-size: 15px;}
.xueyuan_main i{width: 1.5rem; margin: 0.5rem 0 0.6rem;}
.xueyuan_main p {
    font-size: 12px;
    opacity: 1;
    line-height: 1.4;
}

 }    
    
    
    
    
    
    