/*首页*/
/*banner*/
.banner{width: 100%;height: 740px;/* background: url(img/banner.jpg) no-repeat center top; */background-size: 100%;overflow: hidden;position: relative;}
.banner .slide{width:100%;height: auto;position: absolute;left: 0;top:0;z-index:-1;}
.banner .slide img,.banner .slide video{width:100%;height: auto;}
.banner .left{width:900px;height: 100%;}
.banner h1{float: left;font-size:60px;line-height:100px;color: rgba(255,255,255,0.89);font-weight: normal;margin: 80px 0 0 0;}
.banner h2{float: left;font-size:60px;line-height:80px;color: #118aff;font-weight: 500;margin: 0 0 0 0;}
#menu{width:450px; height:100%;overflow:hidden;background: #000;}
#menu #nav {display:block;width:340px;padding:0;margin:0 auto;list-style:none;overflow: hidden;}
#menu #nav li {float:left;width:130px;height:50px;line-height: 50px;margin: 10px 20px;}
#menu #nav li a {display:block;line-height:50px;text-decoration:none;padding:0; text-align:center; color:#b2b2b2;font-size: 18px;}
#menu_con{ width:400px; height:135px; border-top:none;}
.tag{ padding:10px; overflow:hidden;}
.tag ul li{width: 100%;overflow: hidden;}
.tag ul li a p{font-size: 18px;color:#fff;line-height: 50px;float: left;margin: 0 0 0 60px;transition: all 0.2s;}
.tag ul li a .sort{height: 18px;line-height:18px;border:1px #666 solid;font-size:12px;color:#939393;margin: 15px 0 0 30px;padding:0 5px;float:left;transition: all 0.2s;}
.tag ul li a .author{color:#fff;line-height:50px;font-size:14px;float:right;transition: all 0.2s;}
.tag ul li:hover p{color:#118aff;}
.tag ul li:hover .sort{color:#fff;background: #118AFF;border:1px #118AFF solid;}
.tag ul li:hover .author{color:#118aff;}
.selected{/*border-bottom:3px #118aff solid;*/color:#fff!important;}
.banner_t{width: 100%;height: 20px;background: url(img/img_t.jpg) no-repeat;background-size: 100% 100%;position: absolute;bottom: 0;z-index: 3;}
/*banner结束*/

.ewm{width:108px;height: 140px;position: fixed;z-index: 999; left: 0;top: 80%;}
.ewm >img{width: 100%;}
.ewm a{width: 100%;height: 32px;line-height: 32px; background: #003d6c;display: block;margin: -4px 0 0 0; color: #fff; opacity: 0.7; text-align: center;font-size: 14px;}
.ewm a img{width: 16px;margin:10px 0 0 -8px ;position: relative;left:50%;}

/*推荐课程*/
.recom{padding: 150px 0 0 0;background: url(img/title_line.jpg) no-repeat left 150px;}
.recom h3{line-height:90px;font-size: 32px;color:#fff;float: left;}
.recom > a{width:245px;height:75px;line-height:75px;text-indent:70px;display:block;float:right;border:1px #868c9c solid;border-radius:3px;color: #fff;font-size: 16px;background: url(img/ic_more.png) no-repeat 180px center;transition: all 0.2s;cursor: pointer;}
.recom > a:hover{background:#00F2D1 url(img/ic_more2.png) no-repeat 180px center;border:1px #00F2D1 solid;color: #041133;}
.recom_list{margin: 50px 0 0 0;}
.recom_list ul li{position: relative;}
.recom_list ul li:nth-of-type(odd){float: left;width:33.33333%;border-radius:3px;background: #118AFF;}
.recom_list ul li:nth-of-type(even){float: left;width:33.33333%;border-radius:3px;background: #005096;}
.recom_list ul li a > .recom_img{width:91%;margin: 18px 0 0 18px;transition:all 0.3s;box-shadow: 0 0 30px rgba(0,0,0,0);overflow: hidden;}
.recom_list ul li a > .recom_img img{width: 100%;min-height:100%;transition: all 0.3s;}
.recom_list ul li:hover a > .recom_img img{transform: scale(1.2);}
.recom_list ul li:nth-of-type(odd) a h4{height:50px;line-height:50px;background:#118AFF;position: absolute;top: 18px;left:18px;font-size: 24px;color:#fff;transition: all 0.3s;padding:0;box-shadow:none;}
.recom_list ul li:nth-of-type(even) a h4{height:auto;line-height:50px;background:#005096;position: absolute;top: 18px;left:18px;font-size: 24px;color:#fff;transition: all 0.3s;padding:0;box-shadow:none;}
.recom_list ul li:nth-of-type(odd) a h4 span{margin:0 15px;background-color: #fff;font-size: 12px;color:#118AFF;border-radius: 2px;padding:2px 5px;vertical-align: top;}
.recom_list ul li:nth-of-type(even) a h4 span{margin:0 15px;background-color: #fff;font-size: 12px;color:#005096;border-radius: 2px;padding:2px 5px;vertical-align: top;}
/* .recom_list ul li:hover a h4{padding:0 0 0 15px;} */
.recom_title {max-width: 300px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;}
.recom_list_main{width:91%;margin:-4px 0 15px 18px;padding: 15px 0 100px 0;transition: all 0.3s;}
.recom_list ul li:hover .recom_list_main{background: rgba(0,0,0,0.2);}
.recom_list_main img{float: left;margin: 3px 0 0 0;transition: all 0.3s;}
.recom_list_main p{float: left;color:#fff;font-size: 16px;margin: 0 20px 0 5px;}
/*推荐课程结束*/

/*排行榜*/
.rank{margin-top:150px;}
.rank > .left{width: 49.5%;}
.rank > .left h4{width:100%;line-height:80px;color:#fff;font-size: 30px;text-align:center;font-weight: bold;background: url(img/title_line.jpg) no-repeat center bottom;}
.rank > .left ul{margin: 50px 0 0 0;}
.rank > .left ul li:nth-of-type(odd){overflow: hidden;height: 65px;border-radius:10px;padding:10px 0 0 30px;}
.rank > .left ul li:nth-of-type(even){overflow: hidden;height: 65px;background: rgba(255,255,255,0.1);border-radius:10px;padding:10px 0 0 30px;}
.rank > .left ul li .left{/* background: url(img/img_level.png) no-repeat left top; */padding:12px 0 0 0;font-size: 18px;font-weight: bold;color:#fff;border-bottom:2px #fff solid;line-height: 30px;}
.rank > .left ul li:nth-child(1) .left,.rank > .left ul li:nth-child(2) .left,.rank > .left ul li:nth-child(3) .left{background: url(img/img_level1.png) no-repeat left top;color:#00f2d1;border-bottom:2px #00f2d1 solid;}
.rank > .left ul li .right{width:93%;}
.rank > .left ul li .right p{font-size: 12px;color:#fff;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.rank > .left ul li .right h5{width:360px;font-size: 20px;color:#fff;float: left;line-height: 30px;font-weight: 500;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: all 0.2s;}
.rank > .left ul li .right .author{width:120px;float: left;font-size: 14px;color:#fff;background: url(img/ic_teacher.png) no-repeat left center;text-indent: 20px;line-height: 30px;margin-left:10px;}
.rank > .left ul li .right .traffic{width:120px;float: left;font-size: 12px;color:#fff;background: url(img/ic_more.png) no-repeat left center;text-indent: 20px;line-height: 30px;}
.rank > .right{width: 49.5%;}
.rank > .right h4{width:100%;line-height:80px;color:#fff;font-size: 30px;text-align:center;font-weight: bold;background: url(img/title_line.jpg) no-repeat center bottom;}
.rank > .right ul{margin: 50px 0 0 0;}
.rank > .right ul li:nth-of-type(odd){overflow: hidden;height: 65px;background: rgba(255,255,255,0.1);border-radius:10px;padding:10px 0 0 30px;}
.rank > .right ul li:nth-of-type(even){overflow: hidden;height: 65px;border-radius:10px;padding:10px 0 0 30px;}
.rank > .right ul li .left{/* background: url(img/img_level.png) no-repeat left top; */padding:12px 0 0 0;font-size: 18px;font-weight: bold;color:#fff;border-bottom:2px #fff solid;line-height: 30px;}
.rank > .right ul li:nth-child(1) .left,.rank > .right ul li:nth-child(2) .left,.rank > .right ul li:nth-child(3) .left{background: url(img/img_level1.png) no-repeat left top;color:#00f2d1;border-bottom:2px #00f2d1 solid;}
.rank > .right ul li .right{width:93%;}
.rank > .right ul li .right p{font-size: 12px;color:#fff;}
.rank > .right ul li .right h5{width:360px;font-size: 20px;color:#fff;float: left;line-height: 30px;font-weight: 500;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: all 0.2s;}
.rank > .right ul li .right .author{width:120px;float: left;font-size: 14px;color:#fff;background: url(img/ic_teacher.png) no-repeat left center;text-indent: 20px;line-height: 30px;margin-left:10px;}
.rank > .right ul li .right .traffic{width:120px;float: left;font-size: 12px;color:#fff;background: url(img/ic_more.png) no-repeat left center;text-indent: 20px;line-height: 30px;}
.rank > .left ul li:hover .right h5{color:#00F2D1;}
.rank > .right ul li:hover .right h5{color:#00F2D1;}
.rank > a{width:245px;height:75px;line-height:75px;text-indent:70px;display:block;float:right;margin:30px;border:1px #868c9c solid;border-radius:3px;color: #fff;font-size: 16px;background: url(img/ic_more.png) no-repeat 180px center;transition: all 0.2s;cursor: pointer;;float: right;}
.rank > a:hover{background:#00F2D1 url(img/ic_more2.png) no-repeat 180px center;;border:1px #00F2D1 solid;color: #041133;}
/*排行榜结束*/

/*通知公告*/
.notice{margin-top: 120px;background:rgba(255,255,255,0.1)}
.notice h3{line-height:90px;font-size: 32px;color:#fff;background:url(img/title_line.jpg) no-repeat left top;margin: 65px 0 0 60px;}
.notice ul{margin:60px 0 30px 0;}
.notice ul li{width:90%;margin-left:5%;border-top:1px solid #184e66;overflow: hidden;padding: 0 0 80px 0;transition: all 0.2s;}
.notice ul li:hover{width:100%;margin-left:0%;background: rgba(255,255,255,0.1);}
.notice ul li h5{width:1000px;font-size: 22px;font-weight:normal;color:#Fff;margin-left:0%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;padding: 25px 0 0 0;float: left;transition: all 0.2s;}
.notice ul li:hover h5{padding: 25px 0 0 0;color: #00F2D1;margin-left:5%;}
.notice ul li span{float: right;color:#00F2D1;background:url(img/ic_date.png) no-repeat left center;background-size: 16px;text-indent: 20px;margin: 25px 0px 0 0;font-size: 16px;transition: all 0.2s;}
.notice ul li:hover span{margin: 25px 5% 0 0;}
.notice > a{width: 215px;height:50px;line-height:50px;background:#00F2D1 url(img/ic_more2.png) no-repeat 160px center;color: #041133;font-size: 14px;display: block;text-indent: 35px;font-weight: 400;margin: 0 0 85px 60px;transition: all 0.2s;}
.notice > a:hover{background:#00F2D1 url(img/ic_more2.png) no-repeat 170px center;text-indent: 45px;}
/*通知公告结束*/

/*课程展示*/
.show{padding: 150px 0 0 0;background: url(img/title_line.jpg) no-repeat left 150px;}
.show h3{line-height:90px;font-size: 32px;color:#fff;}
.show .tab{overflow: hidden;}
.show button{height:42px;float: left;border: none;background:none;}
.show .show_tab{width:1280px;float: left;overflow: hidden;margin: 0 30px 0 32px;}
.show_tab ul{position: relative;left:0;transition: all 0.3s;}
.show_tab ul li{ width: 150px;height:42px;line-height:42px;border-radius: 21px;background-color: #fff;color:#041133;text-align: center;float: left;margin: 0 10px 0 0;cursor: pointer;}
.show_tab ul li a {color:#041133;}
.show_tab ul li.active{background-color: #00F2D1;color:#041133;font-weight: bold;}
.show_main{border-top:1px solid #3a415d;margin: 90px 0 0 0;}
.show_main ul{overflow: hidden;margin: 40px 0 0 0;}
.show_main ul li:nth-last-of-type(even){width:25%;float: left;overflow: hidden;cursor: pointer;}
.show_main ul li:nth-last-of-type(odd){width:25%;float: left;overflow: hidden;background: #005096;cursor: pointer;}
.show_main ul li .show_img{width: 100%;height:240px;overflow: hidden;}
.show_main ul li .show_img img{width:100%;min-height:240px;transition: all 0.3s;}
.show_present h5{font-size: 22px;color: #fff;width: 90%;margin: 20px auto 5px auto;transition:all 0.2s;overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.show_present h5 > span{font-size: 14px;color:#041133;padding:3px 3px;background: #00F2D1;float: right;margin: 3px 0 0 0;border-radius: 2px;}
.show_present > span{width: 90%;margin: 0 auto;color: #fff;display: block;overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.show_present > p{width: 90%;margin: 20px auto;font-size: 14px;color:#545b75;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;transition:all 0.3s;min-height: 57px/*50个字，汉字三行*/;}
.show_main ul li:nth-last-of-type(odd) .show_present > p{color:#5f92bd;}
.show_present div{width:90%;margin: 0 auto 20px auto;overflow: hidden;}
.show_present div p{width:70%;float: left;color: #fff;background: url(img/ic_teacher.png) no-repeat left center;margin: 20px 0;text-indent: 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.show_present div span{width:25%;float: right;color: #fff;font-size: 14px;margin: 20px 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: right;}
.show_more{height:490px;background: #00F2D1!important;border-radius: 5px;}
.show_more p{color: #041133;font-size: 20px;margin:30px 25px;font-weight: 600;}
.show_more h5{color: #041133;font-size: 24px;margin: 200px 0 0 25px;}
.show_more h6{color: #041133;font-size: 20px;font-weight: 600;margin: 20px 0 0 25px;}
.show_more img{margin: 30px 0 0 20px;}
.show_main ul li:hover .show_img img{transform: scale(1.2);}
.show_main ul li:hover .show_present h5{color:#00F2D1;}
.show_main ul li:hover .show_present p{color:#fff;}
/*课程展示结束*/

/*系列播客*/
.podcast{margin-top: 120px;border:1px solid #075667;}
.podcast h3{width:300px;line-height:90px;font-size: 32px;color:#fff;background:url(img/title_line.jpg) no-repeat left top;margin: 65px 0 0 60px;float: left;}
.podcast > a{float: right;width: 136px;height:32px;line-height:32px;text-indent:10px;border-radius:2px;margin:100px 60px 0 0;background: #00F2D1 url(img/ic_more2.png) no-repeat 110px center;color: #041133;transition: all 0.2s;}
.podcast > a:hover{margin:103px 57px 0 0;}
.podcast ul{width:95%;margin: 60px auto 120px auto;overflow: hidden;}
.podcast ul li{width: 25%;float: left;transition: all .3s;padding: 20px 0 15px 0;}
.podcast ul li:hover{background: rgba(255,255,255,0.2);box-shadow: 0 0 20px rgba(0,0,0,0.5);}
.podcast ul li a > p{width:90%;color:#fff;background: url(img/ic_date.png) no-repeat left center;background-size: 14px;text-indent: 20px;margin: 0 auto;}
.podcast ul li h4{width:90%;color: #fff;font-size: 20px;font-weight:500;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;margin: 10px auto 30px auto;text-align: justify;}
.podcast ul li .author{width:90%;border-top:1px solid #595f6f;padding: 10px 0 20px 0;margin: 0 auto;overflow: hidden;}
.podcast ul li .author p{width:50%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color:#Fff;font-size: 14px;background: url(img/ic_teacher.png) no-repeat left center;text-indent: 20px;float: left;}
.podcast ul li .author span{width:50%;float: right;text-align: right;color:#fff;font-size:14px;}
.podcast ul li img{width: 90%;margin:0 0 0 5%;}
/*系列播客结束*/

@media screen  and (max-width: 1500px) {
	.width1400{width:1200px;}


	/*banner*/
	.banner{height: 670px;}
	.banner .left{width:800px;height: 100%;}
	.banner h1{font-size:56px;line-height:100px;margin: 80px 0 0 0;}
	.banner h2{font-size:50px;line-height:80px;margin: 0 0 0 0;}
	#menu{width:400px;}
	#menu #nav {width:340px;}
	#menu #nav li {width:130px;}
	#menu_con{ width:400px;}
	.tag{ padding:10px; }
	.tag ul li{width: 100%;}
	.tag ul li a p{font-size: 18px;line-height: 45px;margin: 0 0 0 30px;}
	.tag ul li a .sort{height: 18px;line-height:18px;font-size:12px;margin: 13px 0 0 30px;}
	.tag ul li a .author{line-height:45px;font-size:14px;margin: 0 30px 0 0;}

	.rank > .left ul li .right h5{width:270px;}
	.rank > .left ul li .right .author{width:100px;margin-left:20px;}
	.rank > .left ul li .right .traffic{width:120px;}
	.rank > .right ul li .right h5{width:270px;}
	.rank > .right ul li .right .author{width:100px;margin-left:20px;}
	.rank > .right ul li .right .traffic{width:120px;}

	.notice ul li h5{width:800px;}

	.show .show_tab{width: 1110px;margin: 0 15px 0 15px;}

	.recom_title {max-width: 240px;}

}