@charset "utf-8";
/* CSS Document */
.kslc_top{
	width: 100%;
	height: 800px;
	overflow: hidden;
	position: relative;
}

.kslc_top_swt{
	width: 100%;
	height: 480px;
	text-align: center;
	/*background:url(https://kipsa.oss-cn-beijing.aliyuncs.com/img/frontend/kipsa/img/kslc_bg.jpg) no-repeat center;*/
	background:url(../img/news/kslc_bg.png) no-repeat center;
}

.kslc_swt_img{
	position: absolute;
	top: 40%;
	left: 50%;
	margin-left: -600px;
}

.liucheng li img{
	width: 100%;
}

.kslc_bd{
	background-color: #f2ebd1;
	width: 100%;
	height: 155px;
}

.kslc_bdl{
	margin-top: 28px;
}

.kslc_bdr{
	position: relative;
	margin-top: 60px;
	font-size: 16px;
	color: #333039;
}

.kslc_bdr input{
	height: 28px;
	width: 150px;
	border:1px solid #d7d3ca; 
	margin:0 15px;
	outline: none; 
	padding:0 5px;
}

.kslc_bdr .kslc_bdr_tj{
	width: 167px;
	height: 46px;
	border-radius: 24px;
	border: none;
	background-color: #f6551e;
	color: #fff; 
	font-size: 16px;
}


/**************************************************************/
/* 头部幻灯 */
.lc_title{
	color: #fff;
	text-align: center; 
	background-color: #ea5932; 
	height: 540px; 
	padding-top: 110px;
	position: relative;
}

.lc_title a{
	display: block; 
	width: 160px; 
	height: 55px; 
	font-size: 20px; 
	color: #fff; 
	border: 2px solid #fff;
	border-radius: 55px;
	line-height: 55px;
	margin: 55px auto 0; 
}

.lc_title a:hover{
	background-color: #fff; 
	color:#3744b7; 
	transition: 0.3s all linear;
}

.title_banck{
	position: absolute; 
	left: 0; 
	bottom: 0; 
	width: 100%;
}


/* 注册登录 */

.lc_dlzc{
	height: 820px;
}

.lc_dlzc_l{
	margin-top: 300px; 
	width: 450px;
}

.lc_dlzc_l h3,.lc_kcxx_r h3,.lc_xfzd h3{
	font-size: 34px; 
	color: #e1431b; 
	margin-bottom: 17px;
	letter-spacing:5px
}

.lc_dlzc_l p,.lc_kcxx_r p,.lc_xfzd p{
	font-size: 20px; 
	color: #666; 
	line-height: 34px;
}

.lc_dlzc_r{
	width: 600px;
	margin-top: 100px;
}

.lc_dlzc_r ul{
	margin-right: 20px;

}

.lc_dlzc_r li{
	width: 180px; 
	height: 270px;
	background-color: #fff;
	padding: 40px 40px 0;
	border-radius: 4px; 
	box-shadow:rgba(0, 0, 0, 0.07) 2px 2px 40px;
	text-align: center;
	margin-bottom: 20px;
}

.lc_dlzc_r ul li:hover{
	transition: 0.3s all linear;
	background-color: #4552c9;
}

.lc_dlzc_r ul li:hover p,.lc_dlzc_r ul li:hover h6{
	color: #fff;
}

.lc_dlzc_r ul li:hover .lc_dlzc_r_dl{
	background-position: -62px 0;
}

.lc_dlzc_r ul li:hover .lc_dlzc_r_yz{
	background-position: -62px -52px;
}

.lc_dlzc_r ul li:hover .lc_dlzc_r_mx{
	background-position: -62px -104px;
}

.lc_dlzc_r ul li:hover .lc_dlzc_r_jr{
	background-position: -62px -156px;
}

.lc_dlzc_r .lc_dlzc_rone{
	padding-top: 60px;
}

.lc_dlzc_r i{
	display: block; 
	width: 52px; 
	height: 52px; 
	background:url(../img/icon.png) no-repeat;  
	margin:0 auto 27px; 
	background-size: 500px;
}

.lc_dlzc_r .lc_dlzc_r_dl{
	background-position: 0 0;
}

.lc_dlzc_r .lc_dlzc_r_yz{
	background-position: 0 -52px;
}

.lc_dlzc_r .lc_dlzc_r_mx{
	background-position: 0 -104px;
}

.lc_dlzc_r .lc_dlzc_r_jr{
	background-position: 0 -156px;
}

.lc_dlzc_r li h6{
	font-size: 22px; 
	letter-spacing: 2px; 
	color: #111; 
	margin-bottom: 10px;
}

.lc_dlzc_r li p{
	line-height: 27px;
	font-size: 18px; 
	color: #666; 
}

/* 课程学习 */

.lc_kcxx{
	width: 100%; 
	background-color: #f1f7fe; 
	height: 740px;
}

.lc_kcxx_l{
	margin-top: 162px; 

}

.lc_kcxx_r{
	width: 500px; 
	margin-top: 207px;
}

.lc_kcxx_r ul{
	margin-top: 40px;
	width: 400px;
}
.lc_kcxx_r ul li{
	font-size: 20px; 
	color: #111; 
	float: left;
	margin-right: 64px;
	margin-bottom: 32px;
	letter-spacing: 2px;
}

.lc_kcxx_r ul li i{
	display: inline-block;
	width: 20px; 
	height: 20px;
	background:url(../img/icon.png) no-repeat -480px 0px; 
	margin-right: 20px;
	vertical-align: middle;
	background-size: 500px;
}


/* 学分制度 */
.lc_xfzd{
	margin-top: 140px;
	height: 560px;
}

.lc_xfzd h3,.lc_xfzd p{
	text-align: center;
}

.lc_xfzd_bottom{
	margin-top: 90px;
	margin-right: -45px;
}

.lc_xfzd_bottom li{
	width: 291px; 
	height: 220px;
	background-color: #fff;
	padding-top: 41px;
	float: left;
	margin-right: 16px;
}

.lc_xfzd_bottom li:hover{
	transition: 0.3s all linear;
	box-shadow:rgba(0, 0, 0, 0.07) 2px 2px 40px;
	position: relative;
	z-index: 10;
}

.lc_xfzd_bottom li h6{
	font-size: 22px; 
	letter-spacing: 2px; 
	color: #111; 
	margin-bottom: 10px;
	text-align: center;
}

.lc_xfzd_bottom li p{font-size: 14px; color: #666;}

.lc_xfzd_bottom li i{
	display: block;
	width: 51px;
	height: 45px;
	background:url(../img/icon.png) no-repeat;
	margin: 0 auto 27px;
	background-size: 500px;
}

.lc_xfzd_bottom .lc_xfzd_xx{
	background-position: -133px 0px;
}
.lc_xfzd_bottom .lc_xfzd_js{
	background-position: -133px -55px;
}
.lc_xfzd_bottom .lc_xfzd_lj{
	background-position: -133px -109px;
}
.lc_xfzd_bottom .lc_xfzd_ks{
	background-position: -133px -162px;
}

/* 参加考试 */

.lc_cjks{
	background-color: #f1f7fe; 
}

/* 颁发证书 */

.lc_bfzs{height: 740px;}


/*自定义错误提示消息*/
.myalert {
	display: none;
	position: absolute;
	bottom: 30px;
	left: 50%;
	min-width: 300px;
	max-width: 600px;
	transform: translate(-50%,-50%);
	z-index: 99999;
	text-align: center;
	padding: 10px;
	/* border-radius: 3px; */
}

.alert-success {
	color: #3c763d;
	background-color: #dff0d8!important;
	border-color: #d6e9c6;
}

.alert-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

.alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}

.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}


/**新的表单提交样式**/
.zt{
	position: fixed;
}
.auth-box #auth-box-content{
	padding: 0;
}
.zt_bg{
	position: relative;
	background:url(../img/zt_bg.png) no-repeat;
	width: 296px;
	height: 346px;
	top: 50%;
	margin-top: -173px;
	text-align: center;
}

.zt_bg p{
	margin-bottom: 0;
}

.zt_bg1{
	margin-top: 20px;
}

.zt_bg2{
	font-size: 20px;
	color: #333333;
	margin-top: 48px;
}
.zt_bg3{
	font-size: 16px;
	color: #999999;
}
.zt_bg4{
	display: inline-block;
	width: 220px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	color: #fff;
	background-color: #f34b4b;
	border-radius: 21PX;
	font-size: 16PX;
	margin-top: 30px;
}

.zt_bg4:hover{
	background-color: #e82e2e;
	color: #fff;
}

.zt_bg5{
	position: absolute;
	width: 28px;
	height: 28px;
	background:url(../img/icon.png) no-repeat 0px -224px;
	background-size: 500px;
	left: 50%;
	bottom: -80px;
	margin-left: -14px;
}