﻿/*
* @Author: gk
* @Date:   2018-03-19 14:34:02
* @Last Modified by:   gk
* @Last Modified time: 2018-03-29 17:53:34
*/
a{color:#ffffff;}
/*头部样式*/
body{
	background-color: #000;
}
.fix{
	position: fixed;
	top:0;
	z-index: 999;
	background-color: #000;
	width: 100%;
}
.fix>div{
	position: relative;
	top:0;
	left: 0;
	bottom: 0;
	right: 0;
}
.header_border{
	height: 3px;
	display: flex;
	justify-content: space-between;
}
.header_border>li{
	height: 100%;
	width: 12.5%;
}
.nav>ul{
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 93px;
}
.nav .header_tel{
	position: absolute;
	top:10px;right: 85px;
	color: #fff;
	font-size:14px;
}
.nav li{
	/*height: 100%;*/
	line-height: 93px;	
	font-size:16px;
}
.nav li a:hover{ text-decoration:none;}
.nav li>img{
	margin-top: 18px;
}
/*banner*/
.banner{
	/*height: 812px;*/
	position: relative;
	overflow: hidden;
}
.banner>div{
	width: 100%;
	opacity: 0;
	position: absolute;
	z-index: 50;
	transition: all linear 0.5s 0s;
}
.banner img{
	width: 100%;
	display: block;
	margin:0 auto;
}
.banner>div:nth-child(1) {
	opacity: 1;
}

.banner {
	position: relative;
}

.banner>ul {
	position: absolute;
	margin: 0;
	padding: 0px;
	z-index: 60;
}

.banner li {
	width: 12px;
	height: 12px;
	border:2px solid #ccc;
	border-radius: 50%;
	margin-bottom: 32px;
	margin-right: 5px;
	background-color: #fff;
	cursor: pointer;
}

.banner li:nth-of-type(1) {
	background-color: #000;
}

/*就业明星*/
.star{
	background: url(img/bg_1.jpg) no-repeat center center;
    background-size: COVER;
	padding-top:33px;
	box-sizing: border-box;
	padding-bottom:18px;
	height: 808px;
}
.star>div{
	text-align: center;
}

.list_lh{width:1200px !important; height:500px !important; overflow:hidden;}
.list_lh li{height:80px; padding:10px; cursor:pointer; background:#fff;}
.list_lh li.lieven{ background:#f1f1f1;}
.list_top{width:1200px !important;padding:0 10px; height:60px !important; background:#F8E14C; font-weight:bold; line-height:60px !important;}
.headimg{width:100px; float:left;}
.right_text{width:1080px; float:left;}
.right_text .s_1,.right_text .s_2,.right_text .s_3,.right_text .s_4,.right_text .s_5,.right_text .s_6{
	padding: 0 10px;
	text-align: center;
	line-height: 80px;
	font-size: 16px;
	color: #222; 
	width: 165px;
	float:left;}
.right_text .s_5{width:100px; color:#F30;}
.right_text .s_1,.right_text .s_2{width:100px;}
.right_text .s_3{width:300px;}
.star_pic{
	width: 1200px;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	position: relative;
}
.star_pic>div{
	width:300px;
	height: 300px;
	position: relative;
}
.star_pic>div>img{
	width: 300px;
	height: 300px;
}
.event>div{
	transition: all 1s;
	position: absolute;
	width: 300px;
	height: 0px;
	top:0px;
	left: 0px;
	background-color: #F6BD42;
	padding: 0px;
	box-sizing: border-box;
	overflow: hidden;
}
.event:hover>div{
	padding: 20px;
	height: 300px;
}
.event>div li{
	color: #000;
	font-size: 16px;
	line-height: 28px;
}
.event_border{
	width: 30px;
	height: 3px;
	background-color: #66C6B3;
	margin:5px auto;
}
.icon:after { 
	content:''; 
	display:block; 
	height: 40px;
}
/*课程体系*/
.lesson{
	background: url(img/bg_2.jpg) no-repeat center center;
    background-size: COVER;
	padding-top:33px;
	box-sizing: border-box;
}
.lesson>div{
	text-align: center;
}
.lesson_content .p-rel{
	width: 172px;
	height: 145px;
	margin-right: 47px;
}
.lesson_content>div{
	padding-bottom:40px;
}
.lesson_num{
	width: 63px;
	height: 63px;
	border-radius: 50%;
	font:900 47px/63px "微软雅黑";
	text-align: center;
	background-color: #F6BD42;
	color:#fff;
	top:0px;
	left: 0px;
	z-index: 100;
}
.lesson_name{
	width: 128px;
	height: 128px;
	border-radius: 50%;
	font:500 35px/45px "微软雅黑";
	text-align: center;
	padding-top: 15px;
	box-sizing: border-box;
	color:#fff;
	top:15px;
	left: 40px;
}
.lesson_num.right{
	left: 145px;
}
.lesson_all{
	width: 900px;
	text-align: left;
}
.lesson_all>p{
	font:100 18px/30px "微软雅黑";
	color:#E1E1E1; 
	text-align: left;
}
.lesson_all>div{
	font-size: 22px;
	text-align: left;
}
.lesson_all>div>span{
	display: inline-block;
	margin-right: 33px;
}

/*师资力量*/
.teacher{
	background-color:#fff; 
	padding-top:33px; 
	box-sizing: border-box;
}
.teacher_content p{
	font: 100 17px/28px "微软雅黑";
	color: #8C9398;
}
.teacher_content{
	display: flex;
	justify-content: space-between;
	padding-bottom: 130px;
}
.teacher>div{
	text-align: center;
}
.teacher_name{
	padding-bottom:19px;
	font:100 20px/56px "微软雅黑";
}
.teacher_name:after { 
	content:''; 
	display:block; 
	width: 41px; height:4px; 
	background-color: #66C6B3; 
	margin:0 auto;
}
/*学员成果*/
.student{ 
	padding-top:33px;
	box-sizing: border-box;
}
.student>div{
	text-align: center;
}
.student_content>div>img{
	width: 1200px;
}
/*关于我们*/
.us{
	background: url(img/bg_3.png) no-repeat center center;
    background-size: COVER;	
}
.us>div{
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
}
.us>div>div{
	text-align: center;
	 padding-top:33px;
}
.us_content p{
	font:100 20px/34px "微软雅黑";
	color: #F6BD42;
}
.us_img{
	margin: 60px 0px;
	display: flex;
}
.us_img>img{
	height: 263px;
}
.us_study{
	display: flex;
	justify-content: space-around;
	padding-bottom: 39px;
}
/*合作企业*/
.all{
	background-color:#F8E14C;
	padding-top:33px;
	box-sizing: border-box;
	color: #000;
	padding-bottom:100px;
}
.all>div{
	text-align: center;
}
.all_content li{
	float: left;
	border-radius: 50%;
	height: 174px;
	width: 174px;
	background-color: #E2CD45;
	margin-right: 26px;
}
.all_pic{
	height: 174px;
	overflow: hidden;
	position: relative;
}
.all_pic>ul{
	/*一个li 200随着li的数量改变宽*/
	width: 1200px;
	position: absolute;
	top: 0px;
	left: 15px;
	transition: all 1s;
}
.all_left{
	top:60px;
	left: 20px;
}
.all_right{
	top:60px;
	right:20px;
}
/*end*/
.end{
	background: url("img/bg_4.png") repeat 0px 0px;
	background: url(img/bg_4.png) no-repeat center center;
    background-size: COVER;	
}
.end>div{
	background-color: rgba(0,0,0,0.5);
}
.end>div>div{
	display: flex;
	justify-content: space-around;
	padding:40px 0px;
	position: relative;
	
}
.end li{
	font:100 18px/35px "微软雅黑";
	width: 145px;
}
.end li>a{
	font:100 15px/35px "微软雅黑";
	color:#fff;
}
/*footer*/
footer{
	background-color: #3C3D3D;
	text-align: center;
	font:100 12px/27px "微软雅黑";
	padding: 40px;
	box-sizing: border-box;
}