@charset "utf-8";
/* CSS Document */

.left_kc { width:860px;  height:100%; float:left; margin-bottom: 40px; margin-top: 30px}
.class_ke{background:#fff; width: 860px; outline:none;margin-bottom:20px}
.class_ke:hover .lesson{-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px) ;transition:all .2s linear;
-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear; box-shadow:0 5px 25px 0 #e7e7e7}
.lesson{outline:none; width: 920px; height: 187px; padding: 30px; background:#fff;transition:all .2s linear;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear}
.lesson:before{content:"";display:inline-block;vertical-align:middle;height:100%}
.class_img{float:left;width:230px; margin:0 30px 0 0;}
.class_img img { width: 230px}
.class_dec{ width:600px;float:left; line-height: 24px;color:#666}
.class_dec .p1 a{display: block;font-size: 20px;color:#333; padding-right:10px; width: 100%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis }
.class_dec .p1 a:hover { color: #ff9900}
.class_dec .p2 {font-size:14px;margin-top: 21px; width: 300px; float: left; line-height: 28px}
.class_dec .p2 span{ white-space:nowrap;overflow:hidden;text-overflow: ellipsis}
.class_dec .p2 span.jg font { color: #ff9900;font-size: 18px;}
.class_dec .p3 {width: 300px; float: left; padding-top: 65px}
.class_dec .p3 a{float:right; background: #ff9900; border: 1px solid #ff9900; padding:0 24px;line-height:36px; color:#fff;margin-left:15px; border-radius: 18px; font-size: 14px;}
.class_dec .p3 a.curr{background:#fff;color:#ff9900; border: 1px solid #ff9900}
.class_dec .p3 a:hover,.class_dec .p3 a.curr:hover {-webkit-box-shadow:0 6px 8px 0 rgba(255,186,82,.5);box-shadow:0 6px 8px 0 rgba(255,186,82,.5)}
.class_dec .p3 a.curr:hover{ background: #fffbf4}

/*课程内容页*/
.kcShow_left {width: 400px; float: left; margin: 40px 0}
.kcShow_left img {width: 400px; height: 219px}
.kcShow_left img.ztImg {width: 400px;}
.kcShow_right { float: left; margin:40px 0 40px 50px; width: 750px; font-size:14px; color: #999}
.kcShow_right li span.kcTit { float: left; display: block;height:40px;font-size:24px; color:#333; max-width: 450px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis; line-height: 24px; padding-left: 20px}
.kcShow_right li span.kcBq { display: block; float: left;padding-top: 2px}
.kcShow_right li span.kcBq i {display: block; float: left; padding: 0 5px; border: 1px solid #ff9900; color: #ff9900; border-radius: 3px; height: 22px; line-height: 20px; margin: 0 10px 0 20px; font-size: 14px;}
.kcShow_right li dl dt { background: #f5f5f5; padding: 2px 20px 0 10px; color: #333; margin-bottom: 15px}
.kcShow_right li dl dt span:nth-of-type(1) {font-size: 18px; color:#ff8330;}
.kcShow_right li dl dt span:nth-of-type(2) {line-height:48px; font-size:30px; color:#ff8330;}
.kcShow_right li dl i {color: #999; font-size: 14px; margin-right: 6px}
.kcShow_right li dl i.icon-shijian {font-size: 18px; margin-right: 4px}
.kcShow_right li dl i.icon-zixunzhuanhuan{ margin-left: 3px; margin-right: 5px}
.kcShow_right li dl dt i {font-size: 18px; margin-right: 0}
.kcShow_right li dl dd { line-height:26px; color:#333; padding-left: 20px; float: left}
.kcShow_right li dl dd:nth-child(even) {width: 250px}
.kcShow_right li dl dd:nth-child(odd) {width: 500px}
.kcShow_but { padding: 15px 0 0 20px}
.kcShow_but a { display:block; float:left; height:42px; line-height:40px; font-size:18px; text-align:center; padding:0 40px; margin-right:50px; color:#ff8330; border-radius: 5px; border: 1px solid #ff8330}
.kcShow_but a.on { background: linear-gradient(to bottom right,#fd9854,#ffaa00); color: #fff; border: 0; box-shadow: 0 5px 10px 0 #e8e8e8}
.kcShow_but a:hover { background: linear-gradient(to bottom right,#ff8330,#ff9900); color: #fff; border: 0}

 /* 内容页选项卡 */
.kcTab {width:920px; position:relative; margin: 0 auto;  float: left; background: #fff; margin-top: 30px; margin-bottom: 30px}
.kcTabNav { width: 100%; height: 60px; line-height: 60px; margin: 0 auto; border-bottom: 1px solid #eee}
.kcTabNav li{float:left; text-align:center; display:block; zoom:1; cursor:pointer; font-size:18px; margin:0 30px; }
.kcTabNav li span {color: #fff; background: linear-gradient(to right, #ff6600, #ff9900); font-size: 12px; line-height: 16px; padding: 1px 10px; border-radius: 10px; margin-left: 10px;}
.kcTabNav li.active { cursor:default; border-bottom: 2px solid #ff9900; height: 59px}
.kcLeft {background: #fff; width: 820px; margin: 20px 0; padding: 30px 30px 0 30px}
.classTableS dl.kcLeft dd { height: 100%; min-height: 1340px; padding-left: 20px}
.kcml {font-size: 16px; height: 60px; line-height: 60px; border-bottom: 1px dashed #ddd}
.kcml div:nth-child(1) {width:710px; float: left;/* background:url(../images/kcstStyle.png) no-repeat 17px 18.5px; padding-left: 20px*/}
.kcml div:nth-child(1)::before { content: ""; display: inline-block; width: 6px; height: 6px; background: #e6e6e6; border-radius: 50%; margin: 0 10px 2px 0;}
.kcml div:nth-child(2) a { background: linear-gradient(to right, #ffaa00, #ff8800); font-size: 14px;line-height: 26px; height: 26px; padding: 3px 15px; border-radius: 15px; color: #fff; box-shadow: 0 5px 10px 0 #ffdeb9}
.kcml div:nth-child(2) a:hover {background: #ff8330; color: #fff}
.kcml div a:hover {color: #ff8800}
.kcml:hover {background: #f8f8f8}

.teaShow {width: 830px; margin: 0 auto; border-bottom: 1px solid #eee;padding: 30px 10px}
.teaShow div:nth-child(1) {width: 150px; float: left; height: 150px; background-repeat: no-repeat; background-size: 100%; background-position: top; border-radius: 90px; border: 8px solid #f5f5f5; margin-left: 10px}
.teaShow div:nth-child(2) {width: 600px; float: right}
.teaShow div:nth-child(2) p:nth-child(1) {font-size: 24px; line-height: 48px; color: #ff9900}
.teaShow div:nth-child(2) p {font-size: 14px; line-height: 28px; color: #666}
.teaShow:hover{ box-shadow: 0 0 20px 0 #eee;}

.kcRight {width: 250px; height: 100%; background: #fff; float: right; margin: 30px 0}
.tuijian {width: 250px; padding-left: 15px; height: 55px; line-height: 55px; font-size: 18px; border-bottom: 1px solid #eee}
.kcRight dl {width: 210px; margin:15px 20px; border-bottom: 1px solid #eee; font-size: 14px; line-height: 24px; padding: 5px 0 15px;}
.kcRight dl img {width: 210px; margin: 0 auto 5px;}
.kcRight dl dt { width: 200px;line-height: 22px; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.kcRight dl dd { width: 200px; color: #ff8330; font-size: 16px; margin-top: 5px}
.kcRight dl dd span {color: #666; text-decoration: line-through; font-size: 12px}


/*课程试听*/
.st_top{ width: 1200px; margin: 10px auto 30px; padding: 40px 30px; margin-bottom: 20px; background: #fff;}
.st_top1{width: 580px;height: 326px;background-color: #000;}
.st_top1 img{width: 100%;height: 100%}
.st_top2{margin-left: 40px;width: 495px;height: 326px;overflow: hidden;}
.st_top21{font-size: 30px;color: #333;font-weight:500;font-family: '微软雅黑';}
.st_top22{font-size: 16px;color: #545353;font-family: '微软雅黑';line-height: 39px;margin-top: 15px;}
.st_top23{margin-top: 23px;}
.st_top23 a{display: block; float: left; height:45px; line-height:45px; font-size:18px; text-align:center; padding:0 40px; margin-right:50px; color:#ff9900; border-radius: 5px; border: 1px solid #ff9900}
.st_top23 a:hover{background: #ff9900; color: #fff;}

.shiting { box-shadow: 0 0 20px 0 #eee; margin-top: 25px; background: #fff}
.shiting01 {margin-top: 65px}
.st_con {width: 99%;height: 230px;position: relative;margin-bottom: 30px;padding: 8px 8px 0;}
.st_con01 {height: 250px}
.xy{width:1096px;overflow:hidden;position:relative;height:198px; margin-left: 50px;}
.xy01 {height: 255px;}
.xueyuan,.xueyuan1{ width:6650px; height:100%;position:absolute;left:0px;top:0px;overflow:hidden;}
.xy ul li{width:279px;float:left; overflow:hidden;height: 100%}
.xy ul li a{display: block;width: 238px;height: 131px;overflow: hidden;}
.xy ul li.tjkc a{display: block;width: 238px;height: 139px;overflow: hidden;}
.xy ul li img{width: 100%;height: 100%;transition: all 1s ease;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;}
.xy ul li img:hover{transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05); -ms-transform: scale(1.05);-o-transform: scale(1.05); transition: all 1s ease;}
.xy ul li p{width: 238px;text-align: center;font-size: 16px;color: #1A1B1B;height: 20px;line-height: 20px;overflow: hidden;margin-top: 12px;}
.xy ul li.tjkc p {text-align: left; font-size: 18px}
.xy ul li div { width: 100%; font-size: 14px; margin-top: 15px;}
.xy ul li div span {color: #ff8330;  float: right; margin-right: 40px;}
.qihang,.zygd,.qihang1,.zygd1{position: absolute;top: 65px;z-index: 5}
.qihang{left: 13px; top: 0}
.qihang {margin-top: 65px; margin-right: 15px}
.qihang1 {margin-left: 5px}
.zygd,.zygd1{right:20px;}
.qihang,.zygd,.qihang1,.zygd1,.qihang a,.qihang1 a,.zygd a,.zygd1 a{width:28px;height:43px; display:block}
.stTitle { width: 100%; margin: -30px 0 20px 0; padding-left: 45px}
.qihang a i,.qihang1 a i,.zygd a i,.zygd1 a i{ font-size: 40px; color: #ccc}
.qihang a:hover i,.qihang1 a:hover i,.zygd a:hover i,.zygd1:hover a i { color: #ff8800}


/*视频列表*/	
.zx_con ul li.video_list {height: 68px; line-height: 20px; padding: 15px 10px 0 20px; border-bottom: 1px solid #eee; border-radius: 0}
.zx_con ul li.video_list::before{content: ""; display: block; width:4px;height:4px;background:#ff9900;float: left; margin: 7px 0 0 0}
.zx_con ul li.video_list a {font-size: 16px; padding-left: 10px; width: 80%}
.zx_con ul li.video_list span {width: 12%; float: right}
.zx_con ul li.video_list span a { font-size: 14px; color: #ff8800; padding:0 15px 0 0;}
.zx_con ul li.video_list span a i {color: #ff9900; font-size: 13px; margin: 0 5px 0 0}
.zx_con ul li.video_list span a:hover {background: #fff}
.zx_con ul li p {color: #bbb; padding: 3px 0 0 3px}
.zx_con ul li p i {font-size: 14px; margin:0 5px 0 10px}

/*视频图片列表*/
.kcList{overflow: hidden; width: 1224px; margin: 30px auto 0}
.kcList li{float: left;height: 280px;margin:10px 12px 15px 12px;border: solid 1px #fff;padding: 15px 15px 5px;position: relative;overflow: hidden;background: #fff }
.kcList li.stList {height: 210px}
.kcList li.stList .kcList30 {text-align: center; padding-bottom: 10px}
.kcList li:hover{border: solid 1px #EFEFEF; box-shadow:0 5px 25px 0 #e7e7e7}
	
.stList:hover {-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px) ;transition:all .2s linear;
-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear}
.stList{outline:none; width: 282px; height: 235px; padding: 30px; -webkit-box-shadow:0 1px 5px 0 #dfe3e2;box-shadow:0 2px 2px 0 #dfe3e2;background:#fff;transition:all .2s linear;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear}

.kcList2{overflow: hidden;}
.kcList2, .kcList2 img{width: 250px; height:137px}
.kcList3 {width: 250px;}
.kcList30{font-size: 15px;color: #4C4A4B;padding-top: 13px;}
.kcList30 a{color:#545353; display: block; width: 100%;white-space:nowrap;overflow:hidden; text-overflow: ellipsis }	

/*学科门类*/
.con{width:1054px;float:right; background: #fff}
.con_shousuo{width:1054px; float: left;border:1px solid #e1e1e1;background: #f3f3f3;height: 45px;margin-bottom:20px; }
.con_shousuo p{float: left;line-height: 45px;font-size: 16px;color:#333333; margin-left: 12px;}
.con_shousuo em{float: left;display: block;width: 2px;height:20px;background-color:#ddd;margin: 13px 13px 0;}
.a1{float: left;display: block;font-size: 12px;color:#333333; line-height: 45px;margin-left: 13px}
.a1:hover{color: #da0000;}
.a2{float: left;display: block;width: 60px; height: 26px;margin-left:12px;margin-top: 8.5px;background:#ffb502;font-size: 12px;color: white;line-height: 26px;padding-left: 6px; border-radius: 3px;}
.a2:hover{text-decoration: underline;}
.a2 i {font-size: 12px; margin-right: 5px}

.search_t {width: 462px;height: 28px;margin: 8.5px 0 0 82px;float: left;}
.search_t .w_bor {    width: 460px;background-color: #FFF;height: 26px;float: left;border: 1px solid #e2e7eb;}
.lei {float: left;height: 24px;padding-right: 10px;border-right: 1px solid #e2e7eb;background-color: white;}
.search_t select.lei{float:left;border:none;height:26px;line-height:26px;color:#333;padding-left:15px;font-family:"微软雅黑";cursor:pointer;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../images/index-select_list.png) no-repeat scroll right center transparent;width:65px;}

.content1{margin-top:25px;width:1240px;position:relative; padding-bottom: 30px}
.sub_nav{width:160px;height:700px;border:1px solid #e1e1e1;float:left;background:#FFFFFF; z-index: 9999}
.sub_nav span{width:160px;float:left;background:#f2f2f2;height:51px;border-bottom:1px solid #e1e1e1;}
.sub_nav span b{ width:160px; float:left; font-size:17px; color:white; display:block;line-height:51px;height:51px;text-align:center;background-color:#ffb502; font-weight: 600}
.sub_nav ul{float:left;}
.sub_nav ul li{width:160px;float:left;text-align:center;line-height:49px}
.sub_nav ul li:hover{border-left:2px solid #ffb502;margin-left:-2px;}
.sub_nav ul li a{font-size:16px;color:#555;display:block;width:140px;height:49px;border-bottom:1px solid #e0e0e0;margin-left:10px;}
.sub_nav ul li a:hover {color: #ff8800}
.sub_nav ul li a.no{border:none;}

.box1{float:right;width:1054px;padding-bottom:10px; border-bottom: 10px solid #f7f7f7}
.box1 span{color:#333333;font-size:18px;height:40px;line-height:36px;border-bottom:1px solid #e1e1e1;display:block;}
.box1 span b{display:inline-block;float:left; font-weight: 600}
.box1 span b::before{content: ""; display: block; width:4px;height:16px;background:#ff9900; border-radius: 2rem; float: left; margin: 10px 10px 0 10px}
.box1 span b a {color: #ff8800}
.box1 p{float:left;display:block;height:36px;background:#f9f9f9;width:1050px;color:#333333;font-size:14px;line-height:36px;padding-left:14px; width: 100%; border-left: 1px solid #fff; border-right: 1px solid #fff}
.box1 ul{float:left;width:1054px;margin:0 0 0 4px; padding: 0 0 0 10px}
.box1 ul li{width:208px;float:left;height:35px; white-space:nowrap;overflow:hidden;text-overflow: ellipsis}
.box1 ul li a{line-height:35px;color:#666666;font-size:14px;}
.box1 ul li a:hover{color:#ff8800;text-decoration:underline;}

.kerui{width:100%; float:left; background:#f7f7f7; margin-top:40px;}
.keruiC{width:1240px; margin:0 auto;}
.keruia{width:1240px; float:left; margin:35px 0;}
.keruia ul{float:left; margin-right:115px;}
.keruia ul.first{margin-left:130px;}
.keruia ul li{line-height:30px; font-size:12px;}
.keruia ul li a{color:#737373;font-size:12px;}
.keruia ul li:first-child a{font-size:14px; font-weight:bold; color:#737373;}
.keruia ul li a:hover{color:#da0000;}
.keruia p{float:left; width:100px;}
.keruia p span{float:left; color:#737373; margin:10px 0 13px 20px; font-weight:bold;}
.keruia p img{float:left;}