html,body,div,p,span,dl,dt,dd,ul,li,em,i,h1,h2,h3,h4,h5{
	padding:0;
	margin:0;
}

ul,li{
	list-style:none;
}

a{
	text-decoration:none;
}

img{
	border:none;
}

body{
	max-width:750px;
	margin:0 auto;
}

.banner{
	width:100%;
}

.banner img{
	width:100%;
	display:block;
}


.kcabout{
	width:94%;
	margin: 0 auto;
	height: auto;
	border: 1px solid #CCC;
	margin-top: .3rem;
}


.kcabout ul{
	width:100%;
}

.kcabout ul li{
	font-size:.24rem;
	padding: .2rem .2rem;
}


.kcabout ul li:nth-child(even){
	background:#EEE;
}



.icons{
	width:94%;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	margin-top:1rem;
}


.icons .icons_list{
	width:48%;
	border:1px solid #FACD89;
	border-radius: .2rem;
	margin-bottom: .4rem;
	padding: .3rem 0;
}

.icons_list a{
	color:#000;
}


.icons_list dl{
	width:1.2rem;
	height:1.2rem;
	margin:0 auto;
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
}

.icons_list dl dt{
	width:1.2rem;
	height:1.2rem;
	background:#FACD89 url(../images/ico.png) no-repeat;
	background-size: 10.38rem auto;
	border-radius:50%;
}


.icons_list:nth-child(1) dl dt{
	background-position:.3rem .3rem;
}
.icons_list:nth-child(2) dl dt{
	background-position:-1.65rem .3rem;
}
.icons_list:nth-child(3) dl dt{
	background-position:-3.6rem .3rem;
}
.icons_list:nth-child(4) dl dt{
	background-position:-5.6rem .3rem;
}
.icons_list:nth-child(5) dl dt{
	background-position:-7.55rem .3rem;
}
.icons_list:nth-child(6) dl dt{
	background-position:-9.52rem .3rem;
}


.icons_list p{
	padding: 0 .2rem;
	text-align:center;
	font-size:.24rem;
	margin-top:.2rem;
	line-height: .34rem;
}



/*课程内容*/

table{
	width:94%;
	border: 1px solid #CCC;
	margin: 0 auto;
	margin-top: .3rem;
	background: #CCC;
}

table tr th{
	height: .6rem;
	line-height: .6rem;
	background: #d9262c;
	font-size: .32rem;
	color: #FFF;
	font-weight: bold;
}

table tr td{
	background: #FFF;
}

table tr td:nth-child(1){
	width:28%;
	font-size: .28rem;
	font-weight: bold;
	text-align: center;
}


table tr td:nth-child(2){
	padding:.1rem;	
	font-size: .24rem;
	line-height: .32rem;
}

.titles{
	width:100%;
	height:1.2rem;
	border-bottom:1px solid #D2D2D2;
	margin:0 auto;
	margin-top:.8rem;
	position:relative;
	margin-bottom:.25rem;
}

.titles h3{
	font-size:.46rem;
	text-align:center;
}

.titles p{
	font-size:.22rem;
	margin-top:.1rem;
	text-align:center;
}

.titles span{
	width:2rem;
	height:1.2rem;
	display:block;
	border-bottom:1px solid #000;
	position:absolute;
	left:50%;
	margin-left:-1rem;
	top:0;
}

.keshi{
	width:96%;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}

.mingshi{
	width:94%;
	margin: 0 auto;
}

.mingshi ul{
	width:100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.mingshi ul li{
	width:48.5%;
	margin-top: .3rem;
}

.mingshi ul li img{
	width:100%;
	display: block;
}

.mingshi ul li dl{
	margin-bottom: .1rem;
}

.mingshi ul li dl dd{
	width:100%;
	height: .6rem;
	background: #d9262c;
	line-height: .6rem;
	text-align: center;
	font-size: .3rem;
	color: #FFF;
	font-weight: bold;
}

.mingshi ul li p{
	line-height: .32rem;
	font-size: .24rem;
	text-align: center;
}


.zixun{
	width:80%;
	height:.6rem;
	background:#FF6B3B;
	display:flex;
	justify-content:space-between;
	align-items:center;
	border-radius:.3rem;
	margin:0 auto;
	margin-top:.4rem;
	padding:0 .2rem;
	position:relative;
}

.zixun span.shou{
	width:.41rem;
	height:.26rem;
	display:block;
	background:url(../images/click.png) no-repeat;
	background-size:.41rem auto;
	position:absolute;
	top:.15rem;
	left:.1rem;
}

.zixun p{
	width:3rem;
	margin:0 auto;
	font-size:.28rem!important;	
}

.zixun p a{
	width:100%;
	height:.6rem;
	line-height:.6rem;
	display:block;
	color:#FFF;
	text-align:center;
}

.zixun span.play{
	width:.34rem;
	height:.34rem;
	display:block;
	background:url(../images/bf.png) no-repeat;
	background-size:.34rem auto;
	position:absolute;
	top:.13rem;
	right:.1rem;
}


.zixun span.shou{
	animation:mymove .6s infinite linear;
}
.zixun span.play{
	animation:myspin 1s infinite linear;
}

@keyframes mymove
{
	0{left:.1rem;}
	50%{left:.2rem;}
	100%{left:.1rem}
}

@keyframes myspin
{
	0%{
		transform:rotate(0deg);
	}
	100%{
		transform:rotate(360deg);
	}
}



.changjing{
	width:96%;
	margin:0 auto;
}

.changjing ul{
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.changjing ul:nth-child(1) li{
	width:49%;
}


.changjing ul:nth-child(2) li{
	width:32%;
}


.changjing ul li img{
	width:100%;
	display:block;
	margin-bottom:.12rem;
}


.zuopins{
	width:94%;
	margin: 0 auto;
	margin-top: .3rem;
}

.zuopins p{
	width:100%;
	margin-top: .1rem;
}

.zuopins p img{
	width:100%;
	display: block;
}

.zhuanye{
	width:96%;
	margin:0 auto;
}

.zhuanye ul{
	width:100%;
	display:flex;
	justify-content:space-between;
}


.zhuanye ul li{
	width:32%;
	border:1px solid #CCC;
	box-sizing:border-box;
}


.zhuanye ul li img{
	width:100%;
	display:block;
}


.zhuanye ul li dl{
	width:100%;
	text-align:center;
	margin-top:.3rem;
}

.zhuanye ul li dl dt{
	font-size:.3rem;
	font-weight:bold;
}
.zhuanye ul li dl dd{
	font-size:.22rem;
	margin-top:0.06rem;
}

.zhuanye ul li p a{
	width:90%;
	height:.6rem;
	display:block;
	margin:0 auto;
	line-height:.6rem;
	text-align:center;
	background:#FF6B3B;
	color:#FFF;
	font-size:.24rem;
	margin-top:.2rem;
	margin-bottom:.3rem;
	border-radius:.3rem;
}