@charset "utf-8";



/*

 * reset

 */

body{width: 100%;height: 100%;overflow-x: hidden;overflow-y: scroll;color:#393a45;font:24px/1.8 'Microsoft Yahei',Arial,sans-serif}

input,textarea{margin:0;padding:0;outline:0;border:0;background:0 0;vertical-align:middle}

body,button,dd,dl,form,h1,h2,h3,h4,h5,ol,p,ul,menu{margin:0}

ol,ul,menu{padding-left:0;list-style-type:none}

img{max-width:100%;border:0;vertical-align:top}

a,input,select,textarea { outline:none; star:expression(this.onFocus=this.blur());}/*禁止点击时出现蓝色区域*/

a{outline:0;color:#000;text-decoration:none;font-family:"微软雅黑"}



b,i{font-style:normal}

input, b, h1, img, span,*:before, *:after , .arrs,.mask2,a.cateMore,.media-box h5{

    -moz-transition: all ease-in-out 0.35s;

    -webkit-transition: all ease-in-out 0.35s;

    -o-transition: all ease-in-out 0.35s;

    -ms-transition: all ease-in-out 0.35s;

    transition: all ease-in-out 0.35s;

}

/*导航*/

.cl{zoom:1}

.col960{width:960px;margin:auto}

.navbg{height:40px;width:100%;background:#08a5e0;box-shadow:1px 1px 7px #999;position:absolute;z-index:99;left:0}

#navul li{float:left;width:100px;height:100px;position:relative;text-align:center;line-height:100px;margin-right: 1px;}

#navul li.navhome{text-align:left;padding:0 0 0 40px;width:60px}

#navul li a:link,#navul li a:visited{color:#a9a9a9}

#navul li ul{display:none;position:absolute;z-index:10000;top:100px;/*left:-1px;*/background:#ff7c00;border-bottom:none}

#navul li ul li{display:block;width:95px;float:none;margin-right:0;height:50px;position:relative;line-height:50px;font-size:12px}

#navul li.navmoon{background:#ff7c00;width:98px;height:100px;line-height:100px;border-left: none;border-right: none;}

#navul li.navmoon a{color:#fff}

#navul li.navhome a:hover{color:#fcff00}

#navul li.navmoon ul{display:block}

#navul li.navmoon ul a{display:block;width:95px;height:50px;line-height:50px}

#navul li.navmoon ul a:hover{background:#2d2d2d}





header{

	width: 100%;

}

.m0{

	margin: 0 auto;

}

.tc{

	text-align: center;

}

.w1200{

	width: 1200px;margin: 0 auto;

}

.w100{

	width: 100%;margin: 0 auto;

}

.h100{

	height: 100px;

}

.p20{

	padding: 20px 0;

}

.bgcolor{

	background-color: #000000;

}

.header-ul{

	line-height: 100px;display: flex;justify-content:flex-start;width:65%;float: right;height: 100%;

}

.logo{

	width: 10%;

	height: 100%;

	float: left;

}

.logo img{

	margin-top: 25%;margin-right: 10px;

}

.nav-li{

	width:90%;

}

.nav-li a{

	color: white;font-size: 15px;

}





/* 轮播图 */



/* 以下为轮播图样式 */

.carousel-content{

	width: 100%;

	height: 600px;

	position: relative;

	margin: 0 auto;

}

.carousel{

	width: 100%;

	height: 100%;

	position: relative;

	overflow: hidden;

}

.carousel li{

	float: left;

	position: absolute;

	display: none;

}

.carousel li,.carousel li img{

	width: 100%;

	height: 100%;

}

.carousel-index{

	position: absolute;

    bottom: 16px;

    width: 100%;

    display: flex;

    justify-content: center;

}

.carousel-index li{

	float: left;

    width: 0;

    height: 0;

    line-height: 18px;

    text-align: center;

    border-radius: 10px;

    background-color: #FFFFFF;

    font-size: 0;

    cursor: pointer;

    margin: 0 8px;

    color: #0BB78E;

}

.carousel-index li.current-index{

	background-color: #2FC7A0;

	color: #FFFFFF;

}

.carousel-index li:hover{

	background-color: #2FC7A0;

	color: #FFFFFF;

}

.carousel-prev,.carousel-next{

	position: absolute;

	top: 0;

	bottom: 0;

	cursor: pointer;

	margin: auto;

	width: 32px;

	height: 40px;

}

.carousel-prev img,.carousel-next img{

	width: 100%;

	height: 100%;

}

.carousel-prev{

	left: 0;

}

.carousel-next{

	right: 0;

}



/* 内容 */

.bgw{

	background-color: #FFFFFF;

}

.btitle{

	font-size: 30px;
	/* font-weight:700; */

}

.etitle{

	font-size:18px;

}

.mt20{

	margin-top: 20px;margin-bottom: 20px;

}

.hot_courses{

	width: 100%;margin: 40px 0 40px 0;height: auto;

}

.l_hot{

	float: left;width: 47%;display: flex;justify-content: space-between;

}

.f_hot{

	/* float: right;width: 47%; */
	display: flex;justify-content: space-around;flex-wrap: wrap;

}

.lhot{

	width: 47%;height: 435px;position: relative;

}

.lhot img{

	height: 100%;

}

.rgba{

	background-color: rgba(0, 0, 0, 0.7);

}

.hot_title{

	position: absolute;bottom: 0;width: 100%;color: white;text-align: center;font-size: 40px;padding: 10px 0;

}

.fhot{

	width:32%;height: 50%;position: relative;

}

.fhot:nth-child(1){

	margin-bottom: 45px;

}

.fhot_title{

	position: absolute;top: 0;bottom: 0;width: 100%;font-size: 40px;text-align: center;color: white;vertical-align: middle;line-height: 194px;

}

.pr{

	position: relative;

}

.bgh{

	background-color: #f5f5f5;

}

.pro_courses{

	display: flex;justify-content: space-between;flex-wrap: nowrap;padding-bottom: 20px;

}

.course_item{

	width: 33%;height: auto;position: relative;

}

.course_title{

	position: absolute;bottom: 10px;left: 10px;right: 10px;z-index: 999;padding: 0px 10px;

}

.course_item img{

	width: 100%;height: 100%;

}

.bga{

	background-color: rgba(255, 255, 255, 0.7);

}

.course_title1{

	font-size: 28px;

}

.course_title2{

	font-size: 24px;

}

.course_title3{

	font-size: 20px;

}

.bm{

	height: 185px;display: flex;justify-content: space-between ;flex-wrap: nowrap;margin-bottom: 20px;

}

.w340{

	width: 340px;

}

.w270{

	width: 270px;

}

.h0{

	height: 100%;

}

.bm-bgh{

	background-color: #3d3d45;

}

.bgj{

	background-color: #ff7c00;

}

.bje{

	background-color: #e5e5e5;

}

.pt20{

	padding-top: 20px;

}

.bm1{

	font-size: 18px;color: white;padding: 0 10px;margin-top: 40px;font-weight: 700;text-align: center;

}

.bm11{

	font-size: 12px;color: white;padding: 10px 30px 0 30px;color: #ff7c00;text-align: center;

}

.r11{

	font-size: 16px;font-weight: bold;

}

.r1{

	font-size: 26px;font-weight: bold;

}

.left_icon{

	width:30%;float: left;margin-top: 20%;margin-left: 10px;margin-right: 10px;

}

.left_icon img{

	width: 100%;

}

.right_title{

	margin-top: 20%;

}

/* 乐乐故事 */

.story{

	height: 400px;

}

.story_pic{

	width: 48%;float: left;

}

.story_pic img{

	width: 100%;

}

.story_info{

	width: 48%;float: right;position: relative;height: 100%;

}

.story_info p{

	font-size: 14px;line-height: 30px;

	text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 12;

	line-clamp: 12;

	-webkit-box-orient: vertical;



}

.more{

	position: absolute;bottom: 10px;right: 10px;border: 1px solid #2d2d2d;

}

.more a{

	font-size: 14px;padding: 0px 10px;

}

.biaodan{

	display: flex;justify-content: space-around;text-align: center;

}

.ewm{

	width: 200px;height: 220px;

}

.ewm p{

	font-size: 12px;color: #999

}

.dzb{

	font-size: 17px;font-weight: bold;

}

.bdtj{

	width: 300px;

}

.form{

	width: 100%;font-size: 16px !important;

}

.form-info{

	font-size: 16px;

	border: 1px solid #2d2d2d;margin: 10px 0;padding: 10px 10px;border-radius: 10px;

}

.submit{

	background-color: #2d2d2d;color: white;border-radius: 20px;padding: 10px 20px;font-size: 14px;

}

.ys img{

	width: 100%;

}

.video_title{

	text-align: center;

}

.vt_li{

	padding: 0px 10px;display: inline-block;font-size: 14px;border-right: 1px solid #9c9c9c;

}

.active{

	background-color: #ff7c00;

}

.active a{

	color: white !important;

}

/*视频宣传*/

.video_show video{

	margin-top: 20px;

}

.colorh{

	color: #a9a9a9;

}
.vt_li a{
	color: #a9a9a9;
}

/*原创作品*/

.zp_show{

	display: flex;justify-content: space-between;flex-wrap: wrap;

}

.zp-item{

	width: 32%;/* height: 465px; */

}

.zp-item img{

	width: 100%;

}

.zp_name{

	font-size: 14px;

}

.mb20{

	margin-bottom: 20px;

}

/*分页*/

.pages{ width:100%; padding:20px 0; text-align:center;}

.pages a{ display:inline-block; *display:inline; zoom:1; height:26px; line-height:26px; border:1px solid #ddd; margin:0px 1px; font-size:13px; color:#333; padding:0px 9px; text-align:center;}

.pages a:hover, .pages a.now{ color:#FFF; border:1px solid #328622;}



/*新闻中心*/

.nl_top{

	font-size: 16px;border-bottom: 1px solid #999;height: 50px;

}

.nl_top .nl_l{

	float: left;height: 50px;line-height: 50px;

}

.nl_top .nl_r{

	float: right;height: 50px;line-height: 50px;

}

.news_left{

	width: 35%;float: left;

}

.news_right{

	width: 30%;float: right;

}

.news_item{

	/*height: 175px;*/

}

.i_img{

	height: 160px;float: left;width: 160px;

}

.i_img img{

	width: 100%;

}

.i_title{

	float: right;width: calc(100% - 180px);

}

.title_name{

	font-size: 14px;color: black;overflow: hidden;text-overflow: ellipsis;

}

.title_rname{

	font-size: 14px;color: #999;

	text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp:3;

	line-clamp: 3;

	-webkit-box-orient: vertical;

}

.news_item1{

	margin: 10px 0px 0px 0px;height: 160px;

}

.bb{

	border-bottom: 1px solid #ddd;

}

.news_item2{

	height: 40px;line-height: 40px;text-align: left;

}

.title_name{

	font-size: 14px;margin: 0px 5px;display: block;    overflow: hidden;white-space: nowrap;

}



.xw570{

	height: 460px;

}

/*友情链接*/

.yq{

	height: auto;font-size: 12px;

}

.jc{

	font-weight: bold;

}

.yq div a:hover{

	text-decoration: underline;

}



/*底部导航*/

.clearfix::after{clear:both;content:".";display:block;height:0;visibility:hidden}.clearfix{}

.footer-box{background:#171717;overflow:hidden;width:100%;color:#888;padding:10px 0 0px}

.footer-container{width:1200px;margin:0 auto;padding:0}

.footer-service{margin-right:-26px;margin-bottom:38px;padding-left:69px}

.footer-service-item{float:left;height:60px;width:240px;margin-right:26px}

.footer-service-item i{width:50px;height:45px;float:left;margin:17px 17px 0 29px;opacity:.8;-webkit-transform:scale(.6);-moz-transform:scale(.6);transform:scale(.6)}

.footer-service-item span{font-size:16px;color:#ccc;float:left;margin-top:29px}

.footer-icon-001 i{background:url(../images/icon-footer01.png) no-repeat center center;background-size:contain}

.footer-icon-002 i{background:url(../images/icon-footer02.png) no-repeat center center;background-size:contain}

.footer-icon-003 i{background:url(../images/icon-footer03.png) no-repeat center center;background-size:contain}

.footer-icon-004 i{background:url(../images/icon-footer04.png) no-repeat center center;background-size:contain}

.footer-line{height:0;display:block;clear:both;border-bottom:1px solid #393854}

.footer-links{
	/* padding-top:40px;padding-left:69px */
	padding-bottom: 10px;
}

.footer-article-item{width:180px;height:200px;float:left;margin-right:23px;line-height:2;font-size:14px}

.footer-article-item dt{color:#ccc;font-size:16px;margin-bottom:10px;line-height:2;font-weight:300}

.footer-article-item dd{line-height:2}

.footer-article-item dd a{color:#888;transition:all .1s}

.footer-article-item dd a:hover{color:#fff}

.footer-contact-item{width:145px;float:left}

.footer-contact-item h3{font-size:16px;color:#ccc;line-height:2;margin-bottom:10px;font-weight:400}

.footer-contact-item p{font-size:22px;color:#fff;font-family:Arial,microsoft yahei,hanhei sc,PingHei,pingfang sc,helvetica neue,Helvetica,Arial,hiragino sans gb,heiti sc,wenquanyi micro hei,sans-serif;margin-bottom:15px}

.footer-ewm{float:left;width:110px;margin-right:18px;text-align:center}

.footer-ewm img{width:110px;height:110px;display:block;border:none}

.footer-ewm p{font-size:14px;color:#ccc;margin-top:12px}

.footer-friend{width:1050px;height:20px;line-height:20px;margin:30px auto}

.footer-friend-title{float:left;color:#ccc;font-size:14px}

.footer-friend-title-list{float:left}

.footer-friend-title-list li{float:left}

.footer-friend-title-list li a{color:#888;transition:all .1s;display:inline-block;padding:0 10px;font-size:14px}

.footer-friend-title-list li a:hover{color:#fff}

.footer-friend-more{color:#ccc;transition:all .1s;float:left;font-size:14px}

.footer-copyright{line-height:20px;font-size:14px;text-align:center;background-color: #000;border-top: 1px solid #191919;}

.footer-copyright p{padding-bottom:9px;font-size:14px;color:#888;padding-top: 9px;}





/* 新闻列表 */

.list_news_item{

	display: flex;justify-content: space-between;flex-wrap: nowrap;

}

.wz{

	height: 60px;line-height: 60px;font-size: 14px;

}

.list_news_l{

	width:70%;float: left;background-color: rgba(255, 255, 255, 0.7) !important;

}

.list_news_r{

	width: 28%;float: right;height: 640px;background-color: rgba(255, 255, 255, 0.7) !important;

}

.news_items{

	height: 160px;padding: 15px 5px;display: flex;justify-content: space-between;flex-wrap: nowrap;

}

.news_items img{

	height: 100%;float: left;width:17%;

}

.nt_name{

	width: 80%;float: right;position: relative;

}

.ni_name{

	width: 90%;font-size: 16px;font-weight: bold;

	text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp: 1;-webkit-box-orient: vertical;

}

.nt_info{

	font-size: 14px;width: 95%;

	text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp: 3;-webkit-box-orient: vertical;

}

.addtime_name{

	position: absolute;bottom: 15px;left: 0;font-size: 14px;

}

.xw_more{

	position: absolute;bottom: 10px;right: 10px;font-size: 14px;padding: 5px 10px;background-color: #ff7c00;color: white;

}

/* 右侧学科 */

.qbxk,.lxfs{

	padding: 20px 10px;

}

.kc_item{

	display: flex;justify-content: space-around;flex-wrap: wrap;

}

.kc_name{

	font-size: 16px;

}

.kitem_name{

	font-size: 16px;padding: 5px 10px;display: block;width: 40%;text-align: center;margin-top: 10px;

}

.lxfs div img{

	width: 40px;height: 40px;float: left;

}

.lxfs1,.lxfs2,.lxfs3{

	height: 40px;line-height: 40px;padding: 10px 0;

}

.lxfs4{

	padding: 10px 0;

}

.lxfs div span{

	font-size: 14px;padding: 0px 0px 0px 10px;

}

.zx{

	background-color: #ff7c00;padding: 5px 10px !important;margin: 0px 0px 0px 10px;

}

.zx a{

	color: white !important;

}

.ewm{

	width: 150px;height: 150px;margin-left: 50px;

}

.ewm img{

	width: 150px !important;height: 150px !important;

}

.sm{

	font-size: 12px !important;margin-left: 50px !important;

}

/* 新闻详情 */

.news_info{

	padding: 20px 10px;

}

.top_name{

	font-size: 22px;

}

.author,.time{

	font-size: 14px;

}

.time{

	margin-left: 40px;

}

.underline{

	border: 1px solid #f5f5f5;

}

.ni_info{

	font-size: 16px;line-height: 30px;padding: 20px 20px;

}

.ni_info p{

	text-indent: 2em;

}

.page{

	padding: 20px;

}

.page p{

	font-size: 16px;line-height: 30px;border: none !important;

}



/* 关于我们 */

.tl{

	text-align: left;display: block;

}

.lm_info1{

	font-size: 16px;line-height: 30px;

}

.lm_info2{

	display: flex;justify-content: space-between;flex-wrap: wrap;

}

.lm_info4{

	display: flex;justify-content: space-between;flex-wrap: nowrap;

}

.ry{

	width: 22%;margin-bottom: 20px;

}

.ry img{

	width: 100%;

}

.lm_info3{

	height: 500px;

}

.lm3_l{

	width: 60%;float: left;font-size: 16px;

}

.lm3_r{

	width: 38%;float: right;

}

.lm3_r{

	height: 300px;

}

.lm3_r img{

	height: 100%;

}

.lm4_l{

	width: 48%;float: left;

}

.lm4_r{

	width: 50%;float: right;

}

.lm4_l iframe{

	border: 3px solid white;

}

.lm4_r{

	font-size: 16px;line-height: 30px;

}

.bm2{

	display: flex;justify-content: space-between;flex-wrap: nowrap;

}

.bmo{

	width: 32%;height: 180px;

}

.bmo .left_icon,.bmo .right_title{

	margin-top: 10% !important;

}

.bmo .right_title .r11{

	line-height: 30px;font-weight: bold;

}

.bmo .right_title .r1{

	font-size: 34px;

}

.ft{

	font-size: 14px;

}



/* 课程列表 */

.course_lists{

	display: flex;justify-content: space-between;flex-wrap: wrap;

}

.cl_item{

	width: 49%;height: 235px;

}

.cl_li{

	float: left;width: 43%;height: 100%;

}

.cl_li img{

	height: 100%;width: 100%;

}

.cl_ri{

	float: right;width: 54%;

}

.cl_ri_name{

	font-size: 22px;font-weight: bold;margin-top: 20px;margin-bottom: 15px;

	text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp: 1;-webkit-box-orient: vertical;

}

.cl_ri_rname{

	font-size: 16px;color:#ff7c00 !important;

	/* text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp: 1;-webkit-box-orient: vertical;
 */
}

.cl_ri_date{

	font-size: 18px;margin-bottom: 10px;

}

.kcxq,.zxzx{

	padding: 6px 30px;font-size: 16px;margin-top: 10px;display: inline-block;

}

.kcxq a{

		color: white;

}
.zxzx a{
	color: black;
}
.kcxq{

	background-color: #ff7c00;

}

.zxzx{

	margin-right: 30px;float: right;border: 1px solid #2d2d2d;

}


/* 图片特效 */
.zp_img{
	width: 100%;
    overflow: hidden;
    height: auto;
}
.zp-item a img:hover{
	transform: scale(1.1);
	overflow: hidden;
}


/*学员*/
.lm_info1 p img{
	width: 33% !important;
	height:700px;
}

/* 顶部电话 */
.dianhua .yb_phone{
	height: 53px;text-indent: 54px;color: white;margin-top: calc(50px - 26px);
}
.right_title a:hover,.kcxq a:hover{
	color: black !important;
}

/* 乐乐故事图片居中 */
.lm_info1 p span img, .lm_info1 p span{
	text-align: center !important;
}

/* 表格边框 */
/* 表格边框 */
.ni_info table{
	width:100% !important;
}
.ni_info table{
	border-right: 1px solid #2d2d2d !important;border-bottom: 1px solid #2d2d2d !important;
}
.ni_info table td{border-left:1px solid #2d2d2d !important;border-top:1px solid #2d2d2d !important;}
.ni_info p img{
	width: 100% !important;
}