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

body{	
	min-width: 1200px;
	margin:0 auto;
}

a{
	text-decoration:none;
}

img{
	border:none;
	display: block;
}

ul,li{
	list-style:none;
}

.banner{
	width:100%;
	height:600px;
	background:url(../images/banner.jpg) no-repeat center center;
}


.icons{
	width:1200px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	margin-top:100px;
}


.icons .icons_list{
	width:370px;
	border:1px solid #FACD89;
	border-radius: 20px;
	margin-bottom: 40px;
	padding: 30px 0;
}

.icons_list a{
	color:#000;
}


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

.icons_list dl dt{
	width:120px;
	height:120px;
	background:#FACD89 url(../images/ico.png) no-repeat;
	border-radius:50%;
}


.icons_list:nth-child(1) dl dt{
	background-position:30px 30px;
}
.icons_list:nth-child(2) dl dt{
	background-position:-165px 30px;
}
.icons_list:nth-child(3) dl dt{
	background-position:-360px 30px;
}
.icons_list:nth-child(4) dl dt{
	background-position:-560px 30px;
}
.icons_list:nth-child(5) dl dt{
	background-position:-755px 30px;
}
.icons_list:nth-child(6) dl dt{
	background-position:-952px 30px;
}


.icons_list p{
	padding: 0 20px;
	text-align:center;
	font-size:22px;
	margin-top:20px;
	line-height: 34px;
}


.titles{
	width:1200px;
	height:100px;
	border-bottom:1px solid #D2D2D2;
	margin:0 auto;
	margin-top:100px;
	position:relative;
	margin-bottom:50px;
}

.titles h3{
	font-size:38px;
	text-align:center;
}

.titles p{
	font-size:18px;
	margin-top:10px;
	text-align:center;
}

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

.btitle{
	width:509px;
	height: 97px;
	margin: 0 auto;
	background: url(../images/btitle.png) no-repeat center center;
	line-height: 97px;
	text-align: center;
	color: #FFF;
	margin-top: 60px;
}

.btitle h2{
	font-size: 46px;
	color: #d9262c;
}


.kcabout{
	width:1200px;
	height: auto;
	margin: 0 auto;
	border: 1px solid #CCC;
	margin-top: 30px;
}


.kcabout ul{
	width:100%;
}

.kcabout ul li{
	font-size:20px;
	padding: 20px 30px;
}


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


.zixun{
	width:450px;
	height:60px;
	background:#FF6B3B;
	display:flex;
	justify-content:space-between;
	align-items:center;
	border-radius:30px;
	margin:0 auto;
	margin-top:50px;
	padding:0 20px;
	position:relative;
}



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

.zixun p{
	width:280px;
	margin:0 auto;
	font-size:24px;	
}

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

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


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

@keyframes mymove
{
	0 {left:20px;}
	50% {left:30px;}
	100%{left:20px}
}

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



/*课程内容*/

table{
	width:1200px;
	margin: 0 auto;
	border: 1px solid #CCC;
	margin: 0 auto;
	margin-top: 30px;
	background: #CCC;
}

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

table tr td{
	background: #FFF;
}

table tr td:nth-child(1){
	width:180px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}


table tr td:nth-child(2){
	padding:20px;	
	font-size: 18px;
	line-height: 32px;
}



.textbox{
	width:640px;
	height:580px;
	background:#FFF;
	margin-top:122px;
	box-shadow:0 0 20px #CCC;
}

.textbox h3{
	width:340px;
	margin:0 auto;
	line-height:50px;
	font-size:36px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:90px;
}

.textbox h3 span{
	width:80px;
	height:3px;
	border-top:3px solid #000;
}

.textbox h4{
	margin-top:8px;
}

.textbox p{
	padding:40px 60px;
	font-size:20px;
	line-height:40px;
}

.textbox a{
	width:234px;
	height:50px;
	background:#FF6B3B;
	border-radius:25px;
	line-height:50px;
	text-align:center;
	font-size:24px;
	display:block;
	margin:0 auto;
	margin-top:30px;
	color:#FFF;
}

.imgbox{
	width:504px;
	height:826px;
	background:#FFF;
	display:flex;
	justify-content:center;
	align-items:center;
	box-shadow:0 0 20px #CCC;
	margin-bottom:20px;
}


.changjing{
	width:1200px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.changjing img{
	display:block;
	margin-bottom:30px;
}


.works{
	width:1200px;
	margin:0 auto;
}


.zuopins{
	width:1200px;
	margin: 0 auto;
	margin-top: 30px;
}

.zuopins p{
	width:100%;
	margin-top: 10px;
}

.zuopins p img{
	width:100%;
}


.zhuanye{
	width:1200px;
	margin:0 auto;
}

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


.zhuanye ul li{
	width:382px;
	border:1px solid #CCC;
	box-sizing:border-box;
	transition:.6s;
}

.zhuanye ul li:hover{
	box-shadow:0 0 12px #CCCCCC;
	border:1px solid #EEE;
}

.zhuanye ul li img{
	display:block;
}


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

.zhuanye ul li dl dt{
	font-size:24px;
	font-weight:bold;
}
.zhuanye ul li dl dd{
	font-size:18px;
	margin-top:6px;
}

.zhuanye ul li p a{
	width:180px;
	height:52px;
	display:block;
	margin:0 auto;
	line-height:52px;
	text-align:center;
	background:#FF6B3B;
	color:#FFF;
	font-size:20px;
	margin-top:20px;
	margin-bottom:30px;
	border-radius:26px;
}


.zhuanye ul li p a:hover{
	background:#F00;
}


.mingshi{
	width:1200px;
	margin: 0 auto;
}

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


.mingshi ul li{
	width:360px;
	margin-top: 30px;
}


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

.mingshi ul li dl{
	margin-bottom: 10px;
}


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


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