#banner,
#banner img{
    width:100%;
}

/*------------*/
.center_box,
.center_box_g{
    width:1100px;
    margin:0 auto;
    font-size: 14px;
    padding:40px 0;
}
/*-------------------------*/
.box_top{
    width:100%;
    height:60px;
    line-height: 60px;
}
.box_top ul{
    width:100%;
    height:100%;
}
.box_top ul li{
    height:100%;
    float:left;
}
.box_top ul li:nth-child(1){
    width: 100px;
    height:50px;
    padding-left: 8px;
    font-size: 18px;
    color: black;
    font-weight: bold;
    line-height: 40px;
    background: url("../image/listTitleBackground.png") no-repeat;
    background-size: 32% 76%;
}

.box_top ul li:nth-child(1):first-letter{
    font-size: 26px;
    font-weight: bold;
    color: white;
}


.box_top ul li:nth-child(2){
  float: left;
  width: 100px;
  height:50px;
  padding-left: 8px;
  font-size: 18px;
  color: black;
  line-height: 50px;
  background-size: 32% 76%;
}

.box_top ul li:nth-child(2) i {

    font-style: normal;
}
.box_top ul li:nth-child(2) span{
    color: #121212;
    padding-left:6px;
    font-size: 18px;
}
.box_top ul li:nth-child(3){
    width: 70px;
    float:right;
    background: url("../image/mainListpointer.png") 90% 50% no-repeat;
    display: inline-block;
    font-size: 18px;
    line-height: 50px;
    color: #257EB9;
}
.box_top ul li:nth-child(3) div{
/*    float:right;
    margin-left:10px;
    background: #000000;
    color:#ffffff;
    width:30px;
    height:20px;
    line-height: 18px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    margin-top:30px;*/
    float: right;
    margin-left:10px;
    width: 45px;
    height: 30px;
    line-height: 30px;
    margin-top:20px;
    background: #000000;
    color:#ffffff;
    text-align: center;
    cursor: pointer;
    font-size: 20px;
}
.box_top ul li:nth-child(3) a {
    color: #257EB9;
}
/*----------------------------*/
.center_bg{
    background: #f0f0f0;
}
.center_box_g .box_neirong{
    position: relative;
}
.box_neirong{
    width:100%;
    margin-top:10px;
    padding-top:20px;
}
/*---------------开班盛典-------------*/
.kaiban_box{
    width:100%;
    height:360px;
    margin:0 auto;
}
/*------------------*/
.kaiban_lunbo{
    width:39%;
    height:100%;
    float:left;
    position:relative;
    overflow: hidden;
}
.kb_move{
    width:1000%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
}
.kaib_box{
    width:10%;
    height:100%;
    position:relative;
    float:left;
}
.kaiban_lunbo img{
    width:100%;
    height:100%;
}
.bottom_tiao{
    width:100%;
    height:30px;
    line-height: 30px;
    position:absolute;
    bottom:0;
    left:0;
    background: rgba(5, 5, 5, 0.71);
    color:#ffffff;
    font-size:12px;
    letter-spacing: 0;
    text-align: center;
    overflow: hidden;
}
.bottom_tiao div{
    width:70%;
    height:100%;
    float:left;
    color: #fefefe;
}
.lunbo123{
    width:27%;
    height:8%;
    padding-left:10px;
    position:absolute;
    bottom:0;
    right:0;
}
.lunbo123 li{
    background: #ffffff;
    float:left;
    width:10px;
    height:10px;
    margin-left:10px;
    margin-top:10px;
    border-radius:12px;
    cursor: pointer;
}
.bottom_li_bg{
    background: #1e86dc !important;
}
/*-------------------*/
.kb_guding{
    width:60%;
    height:100%;
    float:right;
    position:relative;
    /*border:1px solid red;*/
    overflow: hidden;
}
.kb_box{
    width:1000%;
    position:absolute;
    top:0;
    left:0;
}
.kaiban {
    width:10%;
    height:100%;
    float:left;
}
.kaiban  li{
    width:31%;
    float:left;
    margin-left:16.5px;
    margin-bottom:25px;
}
.kaiban li img{
    width:100%;
}
.kaiban  li div{
    text-align: center;
    font-size: 12px;
}
/*-----------------------*/
.zuohua{
    width:3%;
    position: absolute;
    top:42%;
    left:0;
}
.youhua{
    width:3%;
    position: absolute;
    top:42%;
    right:0;
}
.zuohua img,
.youhua img{
    width:100%;
    height:30px;
    cursor:pointer;
    margin-top: -30px;
}
/*-----------------快乐学习----------------*/
.kl_guding{
    width:90%;
    height:290px;
    margin:0 auto;
    position:relative;
    /*border:1px solid red;*/
    overflow: hidden;
}
.kuaile_photo_con {
    width: 33.3333333%;
    position: relative;
}
.kl_box{
    width:3000%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
}
.kuaile_photo{
    /*width:50%;*/
    width: 100%;
    height:100%;
    margin:0 auto;
    float:left;
}
.kuaile_photo>li{
    /*width:32%;*/
    /*width: 3.33333333%;*/
    width: 200px;
    float:left;
    margin-bottom:20px;
    margin-left:47.5px;
}


.kl_guding2{
    width:90%;
    height:290px;
    margin:0 auto;
    position:relative;
    /*border:1px solid red;*/
    overflow: hidden;
}
.kl_box2{
    width:200%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
}
.kuaile_photo2{
    width:50%;
    height:100%;
    margin:0 auto;
    float:left;
}
.kuaile_photo2>li{
    width:32%;
    float:left;
    margin-bottom:20px;
    margin-right:20px;
    /*margin-left:20px;*/
}


.kuaile_photo>li:nth-child(1){
    /*margin-left: 2px;*/
}
.kuaile_photo>li>div{
    position:relative;
    height:200px;
}
.kuaile_photo li img{
    width:100%;
    height:100%;
}
.kuaile_photo li ul{
    margin-top:15px;
}
.kuaile_photo li ul li{
    font-size: 12px;
    line-height: 25px;
    height: 25px;
    /*margin-left:15px;*/
    /*margin-left:20px;*/
    padding-left: 20px;
    /*list-style-type: disc;*/
    position: relative;
}
.kuaile_photo li ul li:after {
    content: '▪';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 25px;
    line-height: 25px;
    text-align: center;
}
.kuaile_photo li ul li a{
    display: block;
    /*width:102%;
    margin-left:-20px;
    padding-left:12px;*/
    /*margin-left:-20px;
    padding-left:20px;*/
    /*display: inline-block;
    width: 100%;*/

    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}

.kl_guding_zyq{
    width:90%;
    height:290px;
    margin:0 auto;
    position:relative;
    /*border:1px solid red;*/
    overflow: hidden;
}

.kuaile_photo_zyq{
    /*width:50%;*/
    width: 100%;
    height:100%;
    margin:0 auto;
    float:left;
}
.kuaile_photo_zyq>li{
    /*width:32%;*/
    /*width: 3.33333333%;*/
    width: 300px;
    float:left;
    margin-bottom:20px;
    margin-left:30px;
}


.kuaile_photo_zyq>li:nth-child(1){
    /*margin-left: 2px;*/
}
.kuaile_photo_zyq>li>div{
    position:relative;
    height:200px;
}
.kuaile_photo_zyq li img{
    width:100%;
    height:100%;
}
.kuaile_photo_zyq li ul{
    margin-top:15px;
}
.kuaile_photo_zyq li ul li{
    font-size: 12px;
    line-height: 25px;
    height: 25px;
    /*margin-left:15px;*/
    /*margin-left:20px;*/
    padding-left: 20px;
    /*list-style-type: disc;*/
    position: relative;
}
.kuaile_photo_zyq li ul li:after {
    content: '▪';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 25px;
    line-height: 25px;
    text-align: center;
}
.kuaile_photo_zyq li ul li a{
    display: block;
    /*width:102%;
    margin-left:-20px;
    padding-left:12px;*/
    /*margin-left:-20px;
    padding-left:20px;*/
    /*display: inline-block;
    width: 100%;*/

    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}


/*-------------------------学员作品------------------------*/
.xueyuanzuopin{
    width:100%;
    height:550px;
}
/*.pic{*/
    /*border:1px solid red;*/
/*}*/
.pic_bottom{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:185px;
    background: #4b4b4b;
    z-index: 4;
    border-radius: 3px;
}
.shoujikuang{
    position:absolute;
    top:0;
    left:38.5%;
    width:22.5%;
    height:95%;
    /*border:1px solid red;*/
    z-index: 10;
}
.shoujikuang img{
    width:100%;
    height:100%;
    z-index: 11;
}
.zuopin-jieshaokuang {
    position: absolute;
    display: block;
    background-color: #4b4b4b;
    bottom: 30px;
    height: 30px;
    width: 241px;
    z-index: 12;
    left: 15px;
    overflow: hidden;
}
.zuopin-jieshaokuang p {
/*    float: left;
    height: 30px;
    width: 245px;*/
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    color: white;
    border-color: #4b4b4b;
}

.baidi{
    width:22%;
    height:90%;
    position:absolute;
    bottom:10%;
    left:39%;
    background: #ffffff;
    z-index: 6;
}

/*---------------------------毕业典礼-------------------------*/
.biye_guding{
    width:90%;
    height:150px;
    margin:0 auto;
    overflow: hidden;
    position:relative;
}
.biye_box{
    width:200%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
}
.biye_photo{
    width:50%;
    height:100%;
    margin:0 auto;
    float:left;
}
.biye_photo>a>li{
    width:19%;
    height:138px;
    float:left;
    margin-bottom:20px;
    margin-left:13px;
    position: relative;
}
.biye_photo a:nth-child(1)>li{
    margin-left: 0;
}
.biye_photo li img{
    width:100%;
    height:100%;
}
/*----------------------学员视频---------------------*/
.center_video {
	background: #fff100;
}
.center_video .video_box {
	width: 1200px;
	margin: 0 auto;
}
.center_video .video_box .video_title {
	overflow: hidden;
	padding-top: 75px;
	padding-bottom: 30px;
}
.center_video .video_box .video_title h1 {
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 35px;
	text-align: left;
	color: #c8161d;
	font-weight: bold;
}
.center_video .video_box .video_content .xyvideo-list .xyvideo-box {
	overflow: hidden;
	padding-bottom: 85px;
}
.center_video .video_box .video_content .xyvideo-list .xyvideo-box .xyvideo-box-left {
	width: 830px;
	height: 470px;
	float: left;
	background-color: #000000;
}
.center_video .video_box .video_content .xyvideo-list .xyvideo-box .xyvideo-box-right {
	width: 320px;
	height: 380px;
	float: left;
	padding: 30px 25px 60px 25px;
	background: #202021;
}
.center_video .video_box .video_content .xyvideo-list .xyvideo-box .xyvideo-box-right .xybox-rbt {
	width: 100%;
	height: 33px;
	border-bottom: 2px solid #b61d39;
}
.center_video .video_box .video_content .xyvideo-list .xyvideo-box .xyvideo-box-right .xybox-rbt p {
	width:98px;
	height: 33px;
	line-height: 32px;
	font-size: 18px;
	text-align: center;
	color: #FFFFFF;
	background: #b61d39;
	float: left;
}
.center_video .video_box .video_content .xyvideo-list .xyvideo-box .xyvideo-box-right .xybox-rbt a {
	display: block;
	width: 80px;
	height: 33px;
	line-height: 33px;
	font-size: 14px;
	color: #FFFFFF;
	text-align: right;
	background: #202021;
	float: right;
	cursor: pointer;
}
.center_video .video_box .video_content .xyvideo-list .xyvideo-box .xyvideo-box-right .xybox-rph {
	width: 100%;
	height: 315px;
	margin-top: 30px;
}
.center_video .video_box .video_content .xyvideo-list .xyvideo-box .xyvideo-box-right .xybox-rph ul {
	width: 100%;
	height: 330px;
}
.center_video .video_box .video_content .xyvideo-list .xyvideo-box .xyvideo-box-right .xybox-rph ul li {
	width: 100%;
	height: 15px;
	float: left;
	margin-bottom: 20px;
}
.center_video .video_box .video_content .xyvideo-list .xyvideo-box .xyvideo-box-right .xybox-rph ul li:nth-child(10) {
	margin-bottom: 0px;
}
.center_video .video_box .video_content .xyvideo-list .xyvideo-box .xyvideo-box-right .xybox-rph ul li a {
	display: block;
	width: 100%;
	height: 15px;
	cursor: pointer;
}
.center_video .video_box .video_content .xyvideo-list .xyvideo-box .xyvideo-box-right .xybox-rph ul li a .zs-1 {
	display: block;
	width: 15px;
	height: 15px;
	line-height: 15px;
	float: left;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	background: #b61d39;
	margin-right: 10px;
}
.center_video .video_box .video_content .xyvideo-list .xyvideo-box .xyvideo-box-right .xybox-rph ul li a .zs-2 {
	display: block;
	width: 15px;
	height: 15px;
	line-height: 15px;
	float: left;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	background: #a6a6a6;
	margin-right: 10px;
}
.center_video .video_box .video_content .xyvideo-list .xyvideo-box .xyvideo-box-right .xybox-rph ul li a p {
	width: 295px;
	height: 15px;
	line-height: 15px;
	font-size: 15px;
	color: #FFFFFF;
	text-align: left;
	float: left;
}
.center_video .video_box .video_content .xyvideo-list .xyvideo-box .xyvideo-box-right .xybox-rph ul li .ons p {
	color: #0ce3eb;
}
.center_video .video_box .video_content .xyvideo-list .xyvideo-box .xyvideo-box-right .xybox-rph ul li a:visited p {
    color: blue;
}

/*----------------------名企招聘会---------------------*/
/*------------------*/
.zhaopinhui_lunbo{
    width:39%;
    height:100%;
    float:left;
    position:relative;
    overflow: hidden;
}
.zhaopinhui_lunbo img{
    width:100%;
    height:100%;
}

/*------------------------开启新生活---------------------*/
/*--------------*/
.hezuoqiye_neirong{
    width:100%;
    overflow: hidden;
}
.hezuoqiye_neirong li{
    float:left;
    width:160px;
    height:80px;

    margin-right: 10px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
}
.hezuoqiye_neirong li img{
    width:100%;
    height:100%;

}

.hezuoqiye_neirong li:hover{
    border:2px solid #d1d1d1;
    margin: 8px 8px 3px 8px;
}


.hezuoqiye_neirong li:nth-child(1),
.hezuoqiye_neirong li:nth-child(8),
.hezuoqiye_neirong li:nth-child(15),
.hezuoqiye_neirong li:nth-child(22),
.hezuoqiye_neirong li:nth-child(29),
.hezuoqiye_neirong li:nth-child(36){
    /* margin-left:0; */
    /* by-zyq */
}






#kb,
#kl,
#jq,
#by,
#zp {
    transition: all ease-in-out 0.3s;
}