.youth-banner-bg{position:absolute; bottom:-10px; left:0; z-index:399; width:100%; height:124px; background:url(../../../d/file/p/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(../../../d/file/p/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}
.in-chunxi .grid_3 p{font-size:16px}
.youth-three.second{margin-top:0}
.youth-third{ padding:50px 0;background:#f5f5f5}
.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:32px; 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}
}