/* CSS Document */
@charset "gb2312";
/*
* Description: 云私塾
* Update:      02/06/2017  16/12/2020 修改
* Author:      xuyongmei
*/

/* reset css */
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
ul,ol{list-style:none;}
body{font-size: 16px;background: #fff; position: relative; color:#333;font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
select,input,button{vertical-align: middle;font-size: 100%;border:0;}
fieldset,img{border: 0 none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
em,i,b{font-style: normal;}
a{text-decoration: none;}
a:hover{text-decoration:none;}
.clear {clear: both;display: block;height: 0; visibility: hidden; font: 0/0 arial}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0}
.clearfix {*zoom: 1}
/*-----------------------------------------分隔线------------------------------------------------*/
.autoin{width:1180px;margin:0 auto;}
.bz{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.i_r{display: inline-block;vertical-align: middle;font-size: 12px;font-weight:bold;margin: -17px 1px 0 0;}

/*banner*/
.banner{ width:100%;height:472px;background:url(../images/banner.jpg?v=2) center top no-repeat;padding-top: 78px;}

.banner_video{width:474px;height:295px;margin-left:634px;background: url(../images/pop_v9.jpg?v=2) no-repeat;}
.banner_videoha{
	position: relative;
	
}
/*.banner_videoha .zhezhao{
	position: absolute;
	width: 474px;
	height: 295px;
	left:0px;
	top:0px;
	background: url(../images/pop_v9.png?v=2) no-repeat;
}*/
.video_pop .zhezhao{
	display: none;
}

.title p{letter-spacing:1px;font-size:16px; text-align:center; color:#616161; line-height:10px;}
.h3_til{height: 80px;line-height: 80px;padding-left: 17px;}
.h3_til span{font-size: 50px;font-weight: bold;letter-spacing: 3px;background:linear-gradient(to right, #489dfd,#489afd,#4371ff);background:-moz-linear-gradient(right,#489dfd,#489afd,#4371ff);
background:-webkit-gradient(linear, 0% 0%, 80% 0%,from(#4371ff), to(#489dfd));
background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;color:transparent;}

/*云私塾*/
.yuns_wrap{width:100%;height:663px;background:url(../images/yuns_bg.jpg?v=2) center top no-repeat;padding-top:60px;}
.te_tp{line-height: 44px;font-size: 20px;color: #303030;padding-left: 17px;letter-spacing: 4px;}
.te_tp em{display:inline-block;vertical-align:middle;font-size: 28px;color: #0a2144;font-weight:500;margin-top: -5px;}

.yuns_video{margin-top: 45px;padding-left: 50px;}
.ys_v{float: left;width: 324px;margin: 0 17px;}
.ys_in{width: 324px;height: 224px;border:7px solid #fff;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-oborder-radius: 10px;box-shadow: 5px 5px 20px rgba(169,169,169,0.3);-webkit-box-shadow: 5px 5px 20px rgba(169,169,169,0.3);-moz-box-shadow: 5px 5px 20px rgba(169,169,169,0.3);-ms-box-shadow: 5px 5px 20px rgba(169,169,169,0.3);-o-box-shadow: 5px 5px 20px rgba(169,169,169,0.3);overflow: hidden;cursor: pointer;}
.ys_01{background: url(../images/ys_01.jpg?v=2) no-repeat;}
.ys_02{background: url(../images/ys_02.jpg?v=2) no-repeat;}
.ys_03{background: url(../images/ys_03.jpg?v=2) no-repeat;}
.ys_v a{display: block;width: 64px;height: 64px;background: url(../images/ys_icon.png?v=2) no-repeat;margin: 73px auto 0;transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;-moz-transition: all 0.5s ease-in;-ms-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;}
.ys_v a:hover{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}
.ys_v p{height: 44px;line-height: 44px;font-size: 24px;color: #252525;text-align: center;margin-top: 20px;}


/*视频弹窗*/
.bz{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.gray{position:fixed;top:50%;left: 50%;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);position: fixed;top:0;left:0;z-index: 99;display: none;}
.video_pop{width: 922px;height: 452px;background:url(../images/video_pop.png?v=2) no-repeat;position:fixed;top:50%;left: 50%;margin:-226px 0 0 -461px;z-index: 999;border:3px solid #3ca7e2;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;display: none;}
.close_icon{width:60px;height:60px;background:url(../images/close_icon.png?v=2) no-repeat;position: absolute;cursor: pointer;top:-20px;right: -20px;z-index: 9;}

.video_m{width: 916px;height: 446px;overflow: hidden;border-radius: 7px;-webkit-border-radius: 7px;-moz-border-radius: 7px;-ms-border-radius: 7px;-o-border-radius: 7px;position: relative;z-index: 2;}
.video_m1{background: url(../images/pop_v3.png?v=2) no-repeat;}
.video_m2{background: url(../images/pop_v4.png?v=2) no-repeat;}
.pop_icon{display: block;width: 122px;height: 123px;background: url(../images/video_icon.png?v=2) no-repeat;top: 175px;left:397px;cursor: pointer;position: absolute;z-index: 99;}

/*AI自适应把控学习每一步*/
.throu_wrap{width: 100%;height:992px;background:url(../images/throu_bg.jpg?v=2) center top no-repeat;padding-top: 65px;}
.throu_tp{margin-top: 20px;}

.throu_con{width:1180px;height:420px;margin-top:85px;overflow: hidden;position: relative;}

.img_ul,.img_ul li{width:100%;height:420px;position:absolute;overflow:hidden;top:0;left:0;}
.img_text{width:100%;height:100%;position:absolute;left:0px;top:0px;overflow: hidden;}
.img_text img{margin: 0 auto;}
.img_text .bigimg{display:block;width:942px;height:387px;transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;margin: 0 auto;opacity:0;filter:alpha(opacity=0);}

.img_ul li.cur .img_text .bigimg{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;filter:alpha(opacity=100);}

.img_ul li.cur1 .bigimg{transition:all .4s linear .2s;-moz-transition:all .4s linear .2s;-ms-transition:all .4s linear .2s;-o-transition:all .4s linear .2s;-webkit-transition:all .4s linear .2s;transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);opacity:0;filter:alpha(opacity=0);}

/*适合你的学习路径*/
.method_wrap{width: 100%;height: 977px;background: url(../images/method_bg.jpg?v=2) center top no-repeat;padding-top: 62px;}
.method_wrap h3{height: 80px;line-height: 80px;font-size: 52px;font-weight: bold;color:#fff;letter-spacing: 1px;padding-left: 17px;}
.method_tp{color:#fff;margin-top: 20px;}
.method_tp em{color: #fff;}

.method_ul{width: 528px;height: 511px;background: url(../images/method_r.png?v=2) no-repeat;margin: 50px 0 0 652px;overflow: hidden;}
.method_ul li{height: 83px;overflow: hidden;position: relative;margin-top: 2px;cursor: pointer;}
.met_t{height:83px;line-height: 82px;font-size: 24px;color: #fff;letter-spacing: 1px;}
.met_t1{background: url(../images/met_01.png?v=2) no-repeat;margin-left: 46px;padding-left: 104px;}
.met_t2{background: url(../images/met_02.png?v=2) no-repeat;margin-left: 16px;padding-left: 94px;}
.met_t3{background: url(../images/met_03.png?v=2) no-repeat;margin-left: 6px;padding-left: 84px;}
.met_t4{background: url(../images/met_04.png?v=2) no-repeat;margin-left: 6px;padding-left: 84px;}
.met_t5{background: url(../images/met_05.png?v=2) no-repeat;margin-left: 12px;padding-left: 90px;}
.met_t6{background: url(../images/met_06.png?v=2) no-repeat;margin-left: 38px;padding-left: 104px;}

.met_b{height:83px;line-height:24px;font-size:14px;color:#fff;padding-top:18px;position: absolute;}
.method_li1 .met_b{top:83px;}
.method_li2 .met_b{top:-83px;}
.met_b1{width:440px;background: url(../images/met_01h.png?v=2) no-repeat;left:46px;padding-left: 104px;}
.met_b2{width:429px;background: url(../images/met_02h.png?v=2) no-repeat;left:16px;padding-left: 94px;}
.met_b3{width:438px;background: url(../images/met_03h.png?v=2) no-repeat;left:5px;padding-left: 84px;}
.met_b4{width:445px;background: url(../images/met_04h.png?v=2) no-repeat;left:5px;padding-left: 84px;}
.met_b5{width:440px;background: url(../images/met_05h.png?v=2) no-repeat;left:12px;padding-left: 90px;}
.met_b6{width:429px;background: url(../images/met_06h.png?v=2) no-repeat;left:37px;padding-left: 104px;}

/*名师推荐*/
.teacher_wrap{width: 100%;height: 846px;background: url(../images/teacher_bg.jpg?v=2) center top no-repeat;padding-top: 65px;}

.tea_con{height:445px;margin-top:60px;overflow: hidden;position: relative;}
.tet_a,.tea_a{width:53px; height:53px; border:1px solid #4f79fe; border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;position: absolute;bottom: 0;}
.tea_al{left:509px;background:url(../images/tea_03h.png?v=2) no-repeat center center;}
.tea_al:hover{background:url(../images/tea_03.png?v=2) no-repeat center center;background-color:#97affb;border-color: #97affb;}
.tea_ar{right:509px;background:url(../images/tea_04.png?v=2) no-repeat center center;}
.tea_ar:hover{background:url(../images/tea_04h.png?v=2) no-repeat center center; background-color:#97affb;border-color: #97affb;}
.tea_a{margin-top:157px;}

.tea_ul{width:1145px;margin:0 auto;position:relative;overflow:hidden; height:336px; }
.tea_ul ul{width:8000px; position:absolute; top:0; left:0;}
.tea_ul li{cursor:pointer; color:#9a9a9a; float:left; width:213px; height:336px; background-color:#fff; margin-right:20px;}
.tli_it{overflow:hidden; position:relative;}
.tli_itd{width:213px; height:156px; padding-top:56px;background-color:rgba(24,24,24,0.7); position:absolute; top:-100%; z-index:10; left:0; }
.tli_itd img{ display:block; margin:0 auto;}
.tli_b{padding:15px 12px 0;}
.tli_b h4{height:26px;line-height:26px;font-size:18px; color:#333;font-weight:bold;letter-spacing:2px;overflow: hidden;}
.tli_b h4 span{display:inline-block; vertical-align:middle; width:14px; height:14px; background:url(../images/tea_02.png?v=2) no-repeat; margin:-3px 0 0 5px; }
.tli_b h5{height:22px;line-height:22px;font-size: 14px;font-weight: bold;color: #666;overflow: hidden;}
.tli_b p{line-height:20px;font-size:12px;color: #9a9a9a;}

/*学生反馈*/
.student{padding:65px 0 95px;background-color: #fff;}
.stu_tp{margin-top: 10px;}
.student .h3_til .i_r,.tao_bg .h3_til .i_r{font-size: 24px;margin-top: -33px;}
.student .h3_til .i_r{color:#489dfd;}

.stu_ul { padding-top:95px;}
.stu_ul li{float:left;width:558px; height:457px;margin-left:20px;border:1px solid #e1e1e1;-moz-transition: 0.5s linear;-ms-transition: 0.5s linear;-o-transition: 0.5s linear;-webkit-transition: 0.5s linear;transition: 0.5s linear;cursor:pointer;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;box-shadow: 0 4px 0 #e7e7e7;-webkit-box-shadow: 0 4px 0 #e7e7e7;-moz-box-shadow: 0 4px 0 #e7e7e7;-ms-box-shadow: 0 4px 0 #e7e7e7;-o-box-shadow: 0 4px 0 #e7e7e7;}
.sli_t{line-height:26px; padding-top:56px; position:relative; text-align:center; }
.sli_t img{ position:absolute; top:-57px; left:230px;}
.sli_t h4{font-size:18px;color:#252525;  }
.sli_t span{ color:#5653b1;}
.sli_p p{ padding-bottom:24px; font-size:14px; color:#737373; line-height:24px;}

.sli_p{ padding:0 30px; margin-top:20px; overflow:hidden; height: 290px; }
.stu_ul li.cur,.stu_bm.cur{animation:1s ;  border:1px solid #5653b1;box-shadow:#e7e7e7  0 4px 0 0; }
.stu_ul li.cur .sli_p,.stu_bm.cur .stu_bul{ overflow-x: hidden; overflow-y: auto;  }
/*滚动条样式*/
.sli_p::-webkit-scrollbar,.stu_bul::-webkit-scrollbar {width: 8px;height: 20px; }/*滚动条整体样式，高宽分别对应横竖滚动条的尺寸*/
.sli_p::-webkit-scrollbar-thumb,.stu_bul::-webkit-scrollbar-thumb { background:#d4d4d4; border-radius:10px;}/*滚动条里面小方块*/
.sli_p::-webkit-scrollbar-track,.stu_bul::-webkit-scrollbar-track {background:#f4f4f4; }/*滚动条里面轨道*/ 


/*tao_bg*/
.tao_bg{ width:100%;height:853px;background:url(../images/tao_bg.jpg?v=2) center top no-repeat;padding-top:45px;}
.tao_bg .h3_til span{color: #fff;}

.tao_tul{width: 1140px;height: 75px;background: url(../images/tao_tul.png?v=2) center bottom no-repeat;margin: 25px auto 0;border-bottom: 3px solid #4371ff;}
.tao_tul li{float: left;width: 95px;height: 66px;line-height: 66px;font-size: 18px;color: #000;text-align: center;margin: 9px 27px 0 0;cursor: pointer;}
.tao_tul li.tao_rtil{margin-right: 0;}
.tao_tul li.cur{width: 163px;height: 75px;line-height: 68/@r;font-size: 22px;color: #fff;background:url(../images/tao_til.png?v=2) no-repeat;padding-top: 7px;margin: 0;}

.tao_con{width: 1140px;height: 556px;background: url(../images/tao_con.jpg?v=2) no-repeat;overflow: hidden;margin: 0 auto;}
.tao_m{letter-spacing: 1px;display: none;}
.table1 td{vertical-align: middle;}
.table1 .td1{font-size: 16px;font-weight: bold;color: #444;background-color: #f5f5f5;}
.table1 .td3{box-shadow: inset 0 10px 32px -15px rgba(6,0,1,0.1);-webkit-box-shadow: inset 0 10px 32px -15px rgba(6,0,1,0.1);-moz-box-shadow: inset 0 10px 32px -15px rgba(6,0,1,0.1);-ms-box-shadow: inset 0 10px 32px -15px rgba(6,0,1,0.1);-o-box-shadow: inset 0 10px 32px -15px rgba(6,0,1,0.1);}
.bcor1{background-color: #eaf3ff;border-right: 1px solid #eaf3ff;}
.bor1{border-bottom: 1px solid #e6e6e6;}
.bor2{border-right: 1px solid #e6e6e6;}
.table1 .td2 h4{line-height: 30px;font-size: 20px;color: #5a82ff;}
.table1 .td2 p{line-height: 20px;font-size: 14px;color: #999;}

.tao_mc{padding-left: 24px;margin-top: 10px;}
.tao_mc1{margin-top: 0;}
.tao_mc h5{height: 30px;line-height: 30px;font-size: 16px;font-weight: bold;color: #444;}
.tao_mc h5 span{font-size: 14px;}
.tao_mc h5 span i,.tao_mc h5 span em{color: #ff6e6e;}
.tao_mc h5 span em{font-size: 20px;}
.tao_p1 span{float: left;display: inline;line-height: 28px;font-size: 14px;color: #999;margin-right: 10px;}
.tao_p1 span input{display:inline-block;vertical-align:middle;width: 12px;height: 12px;border: 1px solid #999;margin: -3px 5px 0 0;outline: none;}

.tao_p2{overflow: hidden;padding-left: 24px;}
.tao_p2 span{float: left;display: inline;line-height: 24px;font-size: 14px;color: #999;margin-right: 20px;}
.dui{display: inline-block;vertical-align: middle;width: 12px;height: 12px;background: url(../images/dui.png?v=2) no-repeat;margin: -3px 5px 0 0;}
.tao_p3{line-height: 22px;font-size: 14px;color: #fe2a2a;padding-left: 24px;}

.tao_b1{padding-left: 175px;}
.tao_b2{padding-left: 90px;}
.tao_btn a{float: left;width: 160px;height: 34px;line-height: 34px;font-size:14px;text-align:center;border: 1px solid #ff763a;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;margin-right: 34px;}
.tao_btn1,.tao_btn2:hover{color: #ff763a;background-color: transparent;}
.tao_btn2,.tao_btn1:hover{color: #fff;background-color: #ff763a;}


.table1 .td4 h4{font-size: 20px;color: #5a82ff;padding-left: 60px;}
.table1 .td4 h4 em{display:inline-block;vertical-align:middle;font-size: 14px;color: #999;margin: -3px 0 0 10px;}
.tao_mm{height:116px;padding-left: 24px;margin-top: 30px;}
.tao_mm .tao_mc{float: left;width: 338px;padding-left: 0;}
.tao_b3{padding-left: 392px;}



/*扉页*/
.feiye{ line-height:30px;font-size:12px; text-align:center;color:#e9e7f1; padding-top:60px;}


.banner_videoha .close_icon{
	display: none;
}
.video_pop .close_icon{
	display: block;
}

.video_pop #video0{
	width: 922px;
	height: 456px;
	border-radius: 10px;
}