.w12{width:100%;margin:0 auto;height:1px;background:#f0f0f0;}
.x_banner .swiper-container{min-width: 1200px;width:100%;max-height:600px;}
.x_banner .swiper-pagination-bullet-active{background:#fff !important;}

.product{padding:0 0 62px 0;}
.product h3{text-align: center;font-size:42px;color:#1D1D1F;padding:56px 0 21px 0;}
.product p{width:741px;margin:0 auto;color:#8C8C8C;font-size:16px;line-height:32px;text-align: center;padding:0 0 24px 0;}
.product .playVideo{cursor: pointer;text-align: center;width:145px;margin:0 auto;}
.product .playVideo *{float:left;font-size:20px;color:#1D1D1F;}
.product .playVideo span:hover{text-decoration:underline;}
.product .playVideo .icon_play{width:22px;height:22px;background:url('../images/200108_icon_play.png') no-repeat;margin-left:6px;}

.parent{border-bottom:1px solid #f0f0f0;padding:0 0 60px 0;}
.parent h3{text-align: center;font-size:42px;color:#1D1D1F;padding:56px 0 49px 0;}
.parent h4{text-align: center;font-size:42px;color:#1D1D1F;padding:37px 0 5px 0;}
.parent img{display:block;width:600px;height: 426px;margin:0 auto;}
.parent p{width:741px;margin:0 auto;color:#8C8C8C;font-size:16px;line-height:32px;text-align: center;padding:0 0 0px 0;}
.parent a{display:block;width:120px;height:42px;background:#9830B9;margin:0 auto;font-size:16px;color:#fff;text-align: center;line-height:42px;border-radius: 21px;margin-top:18px;}
.parent a:hover{background:#a734c9;}
.parent a:active{background:#8d2cab;}

.ability{padding:0 0 34px 0;}
.ability h3{text-align: center;font-size:42px;color:#1D1D1F;padding:56px 0 24px 0;}
.ability ul{width:1200px;margin:0 auto;}
.ability ul li{float:left;width:240px;margin-bottom:26px;}
.ability ul li *{display:block;}
.ability ul li img{width:80px;height:80px;margin:0 auto;margin-bottom:3px;}
.ability ul li span{line-height:1;font-size:16px;color:#33333F;text-align:center;}


.study{padding:0 0 19px 0;}
.study h3{text-align: center;font-size:42px;color:#1D1D1F;padding:56px 0 60px 0;}
.study ul{width:800px;margin:0 auto;}
.study ul li{float:left;width:280px;margin-right:240px;margin-bottom:34px;}
.study ul li:nth-child(2n+2){margin-right:0;}
.study h4{font-size:32px;color:#1D1D1F;padding:29px 0 11px 0;}
.study p{font-size:16px;color:#333;line-height:27px;}


.teacher{padding:0 0 60px 0;}
.teacher .tea-con{width:1200px;margin:0 auto;position: relative;}
.teacher .swiper_prev,
.teacher .swiper_next,
.teacher .swiper_prev2,
.teacher .swiper_next2,
.teacher .swiper_next3{position: absolute;width:19px;height:34px;z-index:999;top:163px;cursor:pointer;}
.teacher .swiper_prev,
.teacher .swiper_prev2,
.teacher .swiper_prev3{background:url('../images/200108_left.png') no-repeat;left:0px;}
.teacher .swiper_next,
.teacher .swiper_next2{background:url('../images/200108_right.png') no-repeat;right:0px;}
.teacher h3{text-align: center;font-size:42px;color:#1D1D1F;padding:56px 0 35px 0;}
.teacher .tea-con .swiper-slide{position: relative;height:360px;padding:30px 0 0 0;border-radius: 6px;cursor: pointer;overflow: hidden;}
.teacher .tea-con .teacher-container,
.teacher .tea-con .teacher-container2{width:1038px;}
.teacher .face{width:140px;height:140px;margin:0 auto;background:#F7F5EF;border-radius: 50%;overflow: hidden;}
.teacher .face img{display:block;width:100%;height:100%;}
.teacher .username{font-size:24px;color:#1D1D1F;text-align: center;line-height:1;padding:24px 0 19px 0;}
.teacher p{font-size:16px;color:#222222;text-align: center;line-height:1;margin-bottom:10px;}

.teacher .bgs{position:absolute;top:0px;bottom:0;left:0;right:0;width:100%;height:100%;background:url('../images/200108_teacher_bg.png') no-repeat;background-size: 100% 100%;z-index:-1;opacity: 0;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;}
.teacher .t-actived{box-shadow:0px 19px 43px 0px rgba(102,102,102,0.26);}

.teacher .t-actived .username,
.teacher .t-actived p{transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;color:#fff !important;}


/* .frame{border-bottom:1px solid #f0f0f0;padding:0 0 19px 0;} */
.frame h3{text-align: center;font-size:42px;color:#1D1D1F;padding:56px 0 40px 0;}
.frame ul{width:1200px;margin:0 auto;}
.frame ul li{float:left;width:200px;margin-right:40px;}
.frame ul li:last-child{margin-right:0;}
.frame ul li *{display:block;}
.frame ul li span{font-size:16px;color:#222;text-align: center;line-height:27px;margin-top:-5px;}

.frame .frame_bg{margin-top:116px;width:100%;height:534px;background:url('../images/200108_frame_bg.png') no-repeat center;}
.frame_bg .oul{width:1120px;margin:0 auto;}
.frame_bg h3{font-size:42px;color:#fff;text-align: center;color:#fff;}
.frame_bg .oli{width:240px;height:120px;background:#7D4697;opacity: 0.9;border-radius: 6px;margin-right:53px;float:left;margin-bottom:73px;line-height:1;color:#fff;position: relative;}
.frame_bg .oli:nth-child(4n+4){margin-right:0;}
.frame_bg .oli h4{font-size:28px;padding:15px 0 7px 18px;}
.frame_bg .oli p{font-size:15px;padding:0 0 0 18px;line-height:20px;}
.oli .jt{position: absolute;width:20px;height:32px;background:url('../images/200108_jt.png') no-repeat;}
.oli .jt1{top:44px;right:-37px;}
.oli .jt2{top:44px;right:-37px;}
.oli .jt3{top:44px;right:-37px;}
.oli .jt4{bottom:-51px;left:104px;transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.oli .jt5{bottom:44px;left:-37px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.oli .jt6{bottom:44px;left:-37px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.oli .jt7{bottom:44px;left:-37px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.live{background:#f4f4f4;padding:0 0 80px 0;}
.live h3{text-align: center;font-size:42px;color:#1D1D1F;padding:56px 0 40px 0;}
.live .live-con{width:1200px;margin:0 auto;position:relative;}
.live .swiper_prev3,
.live .swiper_next3{position: absolute;width:19px;height:34px;z-index:999;top:164px;cursor:pointer;}
.live .swiper_prev3{background:url('../images/200108_left.png') no-repeat;left:-34px;}
.live .swiper_next3{background:url('../images/200108_right.png') no-repeat;right:-34px;}
.live .swiper-slide{background:#fff;padding:0 0 0 0;border-radius:6px;}
.live .l_wrap .l_thumb{width:100%;height:218px;position: relative;}
.live .l_wrap .l_thumb img{display:block;width:100%;height:100%;position: absolute;left:0;top:0;width:100%;height: 100%;}
.live .l_wrap .l_thumb .videos{position: absolute;z-index: 10;width:100%;height:100%;}
.live .l_wrap .l_tit{font-size:20px;color:#1D1D1F;line-height:1;margin-top:18px;margin-bottom:12px;padding:0px 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.live .l_wrap .l_detail{font-size:20px;color:#1D1D1F;line-height:1;margin-bottom:48px;padding:0px 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.live .l_wrap .l_date *{display:inline-block;font-size:16px;color:#B3B3B3;}
.live .l_wrap .l_date span{margin-left:20px;}

.service{padding:60px 0 0 0;margin-bottom:40px;}
.service .s_top{width:1090px;height:174px;margin:0 auto;background:url('../images/200108_service.png') no-repeat;position: relative;}
.top_wrap{position: absolute;left:111px;bottom:15px;}
.service .top_wrap *{float:left;}
.service .top_wrap p{font-size:25px;color:#fff;margin-top:23px;}
.service .top_wrap .nums{position: relative;width:245px;height:83px;color:#fff;background:#E67570;text-align: center;line-height:83px;font-size:38px;border-radius: 41px;letter-spacing: 2px;margin:0 29px 0 29px;}
.service .s_bottom{width:1090px;margin:0 auto;padding:60px 0 0 0;}
.service .bottom_left{width:520px;height:300px;margin-right:80px;}
.service .bottom_left img{width:100%;height:100%;}
.service .bottom_right h4{font-size:42px;color:#1D1D1F;padding:73px 0 60px 0;}
.service .search_wrap *{float:left;}
.service .search_wrap input{width:320px;height:52px;font-size:16px;padding:0 0 0 20px;background:rgba(255,255,255,1);border:1px solid rgba(230,230,230,1);border-radius:6px 0px 0px 6px;}
.service .search_wrap a{width:120px;height:52px;background:#7D4697;color:#fff;border-radius: 0px 6px 6px 0px;font-size:16px;line-height:52px;text-align: center;letter-spacing: 1px;}
.service .search_wrap a:hover{background:#894ca6;}
.service .search_wrap a:active{background:#703e87;}

.good{padding:0 0 120px 0;}
.good h3{text-align: center;font-size:42px;color:#1D1D1F;padding:50px 0 40px 0;}
.good .swiper-slide{height:200px;}

.good .g_con{width:100%;height:100%;overflow: hidden;position:relative;cursor:pointer;}
.good .g_con img{position:absolute;left:0;top:7px;height:186px;}
.good .g_con .play_icon{position:absolute;width:80px;height:80px;top:50%;left:50%;margin:-40px 0 0 -40px;background:url('../images/2020_play_icon.png') no-repeat center;}
.good .good-con{width:1124px;margin:0 auto;position: relative;}
.good-con .good-container{width:1050px;margin:0 auto;}
.good .swiper_prev,
.good .swiper_next{position: absolute;width:19px;height:34px;z-index:999;top:83px;cursor:pointer;}
.good .swiper_prev{background:url('../images/200108_left.png') no-repeat;left:0px;}
.good .swiper_next{background:url('../images/200108_right.png') no-repeat;right:0px;}

.partner{height:425px;width:100%;background:url('../images/200109_partner.png') no-repeat center;}
.partner h3{text-align: center;font-size:42px;color:#fff;padding:60px 0 40px 0;}
.partner ul{width:1200px;margin:0 auto;}
.partner ul li{width:180px;height:80px;float:left;margin-right:24px;margin-bottom:24px;}
.partner ul li:nth-child(6n+6){margin-right:0;}
.partner ul li img{width:100%;height:100%;}



#q_mask,
#t_mask{
    background-color:#000;
    opacity:0.5;
    filter: alpha(opacity=50); 
    position:fixed; 
    left:0;
    top:0;
    bottom:0;
    right:0;
    z-index:9998;
    display:none;
}
#q_video_wrap,
#q_teacher_wrap{ 
    position:fixed;
    min-width:660px;
    min-height:300px;
    z-index:9999;
    background-color:#fff;
    border-radius:4px;
    display:none;
    padding:10px;
}

#q_video_wrap{width:660px;}

#q_teacher_wrap{width:640px;padding:0;}
.t_top{width:100%;height:360px;background:#ccc;}
.t_top img{display:block;width:100%;height:100%;}
#q_video_wrap .video_top{
    position: relative;
    padding:0 0 10px 0;
}

#q_teacher_wrap .t_detail{padding:0 34px 34px 34px;}
#q_teacher_wrap .t_jj{width:100px;height:36px;background:url('../images/200109_teacherTitle.png') no-repeat;margin:0 auto;margin-top:30px;margin-bottom:30px;text-align:center;line-height:36px;font-size:14px;color:#fff;}
#q_teacher_wrap p{font-size:16px;color:#666;line-height:1.9em;letter-spacing: 1px;}
#q_teacher_wrap .coll_close{
    cursor: pointer;
    width: 80px;
    height: 27px;
    border: 1px solid #9830b9;
    text-align: center;
    line-height: 27px;
    border-radius: 4px;
    margin: 0 auto;
    color:#9830b9;
    margin-bottom:34px;
}
#q_video_wrap .video_top h5{
    font-size:24px;
    color:#333;
    line-height:1;
}

#q_video_wrap .video_top span{
    position: absolute;
    top:0;
    right:0;
    display:block;
    font-size:16px;
    color:#666;
    cursor: pointer;
}



@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
                animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}
  
@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInDown {
    -webkit-animation: zoomInDown 0.6s both;
    animation: zoomInDown 0.6s both;
}




/*后面要撤回*/
.dm{
    width:1200px;
    margin:0 auto;
    margin-bottom:49px;
}
.dm h3{
    text-align: center;
    font-size: 42px;
    color: #1D1D1F;
    padding: 10px 0 40px 0;
}

.dm .dm-con ul{
    display:flex;
    flex-flow:row wrap;
}

.dm .dm-con ul li{
    flex:1;
    padding:0 20px;
}

.dm .dm-con ul li img{
    display:block;
    width:100%;
    height:220px;
}

.dm .dm-con ul li p{
    font-size:18px;
    color:#666;
    padding:10px 0;
}

.dm .dm-con ul li p span{
    display:inline-block;
    font-size:18px;
    color: #1D1D1F;
}

.dm .dm-con ul li .dec{
    color:#B3B3B3;
}

.dm .dm-con a{
    display: block;
    width: 120px;
    height: 42px;
    background: #9830B9;
    margin: 0 auto;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 42px;
    border-radius: 21px;
    margin-top: 18px;
}
