.youth-banner-bg{position:absolute; bottom:-10px; left:0; z-index:399; width:100%; height:124px; background:url(../images/p_youth/youth-s1-bg.png) center 0}
.index_slider figure.youth{bottom:-100px}
.youth-first{text-align:center}
.youth-first figure{display:inline-block}
.youth-first p{margin:20px; font-size:18px}
.youth-two { margin-top:30px; min-height:560px; background: #000 url(../images/p_youth/y-s2-bg.jpg) no-repeat center}
.in-chunxi{text-align:center;}
.in-chunxi figure{display:inline-block;}
.in-chunxi .grid_3 h4{margin:20px 0; font-size:20px;color:#FFFFFF;}
.in-chunxi .grid_3 p{font-size:16px;color:#FFFFFF;}
.youth-three.second{margin-top:0}
.youth-third{ padding:50px 0;background:#FFFFFF}
.youth-fourth{padding:50px 0; overflow:hidden}
.youth-students .grid_3 figure{ padding:6px; border:1px solid #ddd;}
.youth-students .grid_3 h5{margin:10px 0; font-size:18px; color:#A70002}
.sf-menu li:last-child a:after{display:none}
.youth-button{border:1px solid #ddd; height:52px; line-height:32px; background:#f5f5f5}

/*youth grade*/
.youth-grade{float:none; margin:0 auto; padding:50px 0 30px;}
.youth-grade ul{overflow:hidden}
.youth-grade li{display:block; margin-bottom:1px; overflow:hidden}
.circle-t-l{border-radius:10px 0 0 0}
.circle-b-l{border-radius:0 0 0 10px}
.border-9{border:3px solid #9a93d7}
.border-8{border:3px solid #74cfe4}
.border-7{border:3px solid #4eb78c}
.border-6{border:3px solid #57d9a9}
.border-5{border:3px solid #ffcc33}
.border-4{border:3px solid #97ca49}
.border-3{border:3px solid #c3da65}
.border-2{border:3px solid #fd8958}
.border-1{border:3px solid #eda470}
[class*="grade-"]{float:left; display:inline-block}
.grade-en{width:126px; background:#a1a1a1;padding:10px 0; text-align:center; color:#fff}
[class*="grade-cn-"]{margin-left:1px;text-indent:10px; padding:10px 0; color:#fff}
.grade-cn-9{width:40px;background:#9a93d7}
.grade-cn-8{width:80px;background:#74cfe4}
.grade-cn-7{width:120px;background:#4eb78c}
.grade-cn-6{width:160px;background:#57d9a9}
.grade-cn-5{width:200px;background:#ffcc33}
.grade-cn-4{width:240px;background:#97ca49}
.grade-cn-3{width:280px;background:#c3da65}
.grade-cn-2{width:320px;background:#fd8958}
.grade-cn-1{width:360px;background:#eda470}
.grade-merger2{float:left;padding:31.5px 0;}
.grade-line{width:140px; height:1px; border-top:1px dashed #999; margin-top:20px; overflow:hidden}
.grade-circle{margin:15px 8px 0 6px; width:5px; height:5px; border-radius:100%;}
.grade-text{padding-top:8px}

@media (min-width:980px) and (max-width:1199px) {
.grade-en{width:110px; font-size:12px;}
.grade-cn-9{width:40px;}
.grade-cn-8{width:60px;}
.grade-cn-7{width:80px;}
.grade-cn-6{width:100px;}
.grade-cn-5{width:120px;}
.grade-cn-4{width:140px;}
.grade-cn-3{width:160px;}
.grade-cn-2{width:180px;}
.grade-cn-1{width:200px;}
.grade-line{width:40px}	
}
@media (max-width:979px) {
.grade-line,.grade-circle,.grade-text{display:none}
.grade-en{width:110px; font-size:12px;}
.grade-cn-9{width:40px;}
.grade-cn-8{width:80px;}
.grade-cn-7{width:120px;}
.grade-cn-6{width:160px;}
.grade-cn-5{width:200px;}
.grade-cn-4{width:240px;}
.grade-cn-3{width:280px;}
.grade-cn-2{width:320px;}
.grade-cn-1{width:360px;}
}
@media (max-width:767px) {
.grade-cn-9{width:40px;}
.grade-cn-8{width:70px;}
.grade-cn-7{width:100px;}
.grade-cn-6{width:130px;}
.grade-cn-5{width:160px;}
.grade-cn-4{width:190px;}
.grade-cn-3{width:220px;}
.grade-cn-2{width:250px;}
.grade-cn-1{width:280px;}

.youth-first .grid_4{margin:0 auto; width:320px;}
.youth-first figure{ width:220px}
.youth-first p{font-size:16px}
.youth-two .row,.youth-students{margin-left:-20px;}
.youth-two h2{ font-size:22px}
.youth-two .grid_3,.youth-students .grid_3{float:left; width:220px; margin-left:20px; margin-bottom:20px}
.youth-students .grid_3 p{min-height:140px; padding-bottom:0}
.youth-two .grid_3 figure{ width:120px;}
.in-chunxi.m_t100{margin-top:50px}
.in-chunxi .grid_3 h4{margin:10px 0; font-size:16px;}
.in-chunxi .grid_3 p{font-size:13px}
.youth-fourth{padding:0}
.youth-third,.button.m_t40{display:none}
}
@media (max-width:479px) {
.grade-en{width:80px; padding-left:2px; padding-right:2px;}
.grade-cn-9{width:40px;}
.grade-cn-8{width:60px;}
.grade-cn-7{width:80px;}
.grade-cn-6{width:100px;}
.grade-cn-5{width:120px;}
.grade-cn-4{width:140px;}
.grade-cn-3{width:160px;}
.grade-cn-2{width:180px;}
.grade-cn-1{width:200px;}
.grade-merger2{padding:20.5px 2px;}

.youth-first .f36{ font-size:28px}
.youth-two .grid_3{width:140px;}
.in-chunxi .grid_3 p{font-size:12px; line-height:16px}
.youth-students.m_t50{margin-top:10px}
.youth-students .grid_3{width:140px}
.youth-students .grid_3 p{min-height:180px; font-size:12px}
.button.m_t20 {margin-top:0}
}

.level-group li {
		width: 60px;
		margin-left: 10px
}
.list-unstyled{
	padding-left:0px;
	list-style:none;
}
.level-group li {
	position: relative;
	display: inline-block;
	width: 60px;
	bottom: 0;
	text-align: center;
	color: #fff;
	cursor: pointer;
	margin-left: 10px
}

.level-bg2 {
    background: #fd9040;
}

.level-group {
	position: relative;
	height: 300px;
}

.level-group li {
	vertical-align:bottom;
	position: relative;
	display: inline-block;
	width: 90px;
	bottom: 0;
	text-align: center;
	color: #fff;
	cursor: pointer;
	margin-left: 35px
}

.level-group li i {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	font-style: normal;
}

.mt-md .level-group {
    position: relative;
    z-index: 8;
}

.level1 {
	height: 25px
}

.level2 {
	height: 50px
}

.level3 {
	height: 100px
}

.level4 {
	height: 125px
}

.level5 {
	height: 150px
}

.level6 {
	height: 200px
}

.level7 {
	height: 225px
}

.level8 {
	height: 250px
}

.level9 {
	height: 300px
}

.level-bg1 {
	background: #fdbd40
}

.level-bg2 {
	background: #fd9040
}

.level-bg3 {
	background: #f84c4c
}

.level-group li .info {
	display: none;
	background: #fff;
	color: #999;
	position: absolute;
	left: -75px;
	top: -120px;
	width: 200px;
	border-radius: 5px;
	padding: 10px;
	font-size: 12px;
	text-align: left;
	z-index: 999
}

.level-group li.level-bg1 .info {
	border: 1px solid #fdbd40
}

.level-group li.level-bg2 .info {
	border: 1px solid #fd9040
}

.level-group li.level-bg3 .info {
	border: 1px solid #f84c4c
}

.level-group li.level7 .info {
	top: -140px
}

.level-group li.level9 .info {
	top: -140px
}

.level-group li.level10 .info {
	top: -160px
}

.level-group li .info span {
	position: absolute;
	bottom: -12px;
	left: 100px
}

.level-group li:hover .info {
	display: block
}