.flex{display:flex;justify-content:space-between;flex-wrap:wrap}
.flex-left{display:flex;flex-wrap:wrap}
.flex-center{display:flex;flex-wrap:wrap;justify-content: center;}
.flex-right{display:flex;flex-wrap:wrap;justify-content: flex-end;}
.flex-v-center{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center}
.flex-v{display:-webkit-flex;display:flex;flex-direction:column;justify-content:space-between;}
.flex-v-bottom{display: -webkit-flex;display: flex;align-items: flex-end;flex-wrap: wrap;justify-content: left;}
.nywp {
    margin: 0 auto;
    max-width: 1200px;
   
}
.arrtit div svg{height: .33rem;width: .16rem;}
.arrtit .t{font-size: 30px;display: block;line-height: 40px;color: #fff;}
.arrtit .arl .st0{fill:#dead76}
.arrtit .arr .st0{fill:#dead76}
.nybs .aleft{width: 456px;}
.nybs .aright{width: 60%;line-height: 100px;text-align: center;padding: 10px;background: #fff;border-radius: 0 50px 0 0;}
.nybs .aright p{padding: 3px 0;line-height: 20px;}
.nybs .aright h5{font-size: 20px;font-weight: bold;}
.nybs1{
    border: 1px solid #b7181e;
    border-radius: 0 40px 0 0;
}
.nybs1 .aleft{background: #b7181e;min-height: 100px;}
.nybs1 .aright h4{color: #87111d;font-size: 20px;font-weight: bold;}
.nybs2{
    border: 1px solid #b7181e;
    border-radius: 40px 0  0 0;
    margin: 50px 0;
    /* background: #b7181e; */
}
.nybs2 .aleft{
    width: 456px;
    border-radius: 40px 0 0 0;
    background: #b7181e;
    }
.nybs2 .alefts{/* background: #87111d; */min-height: 220px;}
.nybs2 .alefts .dbtn{margin-top: .25rem}
.nybs2 .alefts .dbtn a{display: block;width: 1.8rem;height: .4rem;border: 1px solid rgba(255,255,255,.6);margin: 0 auto;text-align: center;line-height: .38rem;color: #fff}
.nybs2 .alefts .dbtn a span{padding-right: .3rem;background: url(../images/ny/download.svg) no-repeat right center;background-size: .2rem .2rem}
.nybs2 .arrtit .t{color: #fff}
.nybs2 .arrtit .arl .st0{fill:#b84a50}
.nybs2 .arrtit .arr .st0{fill:#b84a50}
.nybs2 .aright img{width: 100%;max-width: 200px;}
.nybs3{
    border: 1px solid #b7181e;
    border-radius: 0 40px 0 0;
    margin-bottom: 50px;
}
.nybs3 .aleft{background: #b7181e;min-height: 100px;line-height: 100px;}
.nybs3 .arrtit .t{color: #fff}
.nybs3 .aleft:after{opacity: .5;}
.nybs3 .arrtit .arl .st0{fill:#edc08d}
.nybs3 .arrtit .arr .st0{fill:#edc08d}
.nybs3 .aleft .gc{padding-top: .25rem;text-align: center;color: #fff}
.nybs3 .aleft .gc h5{font-size: .22rem;margin-bottom: .25rem}
.nybs3 .aleft .gc p{padding: 3px 0}
.nybs3 .player .audios{height: 65px;overflow: hidden;}
.nybs3 .player .audios .h4{text-align: center;font-size: 18px;color: #b7181e;}


.index_04 {
	margin-bottom: 6%;
	overflow: hidden;
}

.index_04 .index_title {
	color: #333;
}

.index_04 .index_title span {
	border-bottom: 2px solid #4c9aff;
	margin-bottom: 30px;
}

.student_list li {
	float: left;
	margin-right: 15px;
	width: calc((100% - 62px) / 5);
	height: 161px;
	position: relative;
	overflow: hidden;
}

.student_list li:last-child {
	margin-right: 0;
}

.student_list li dl dt {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	color: #fff;
}


.tran_scale {
	overflow: hidden;
	display: block;
}

.tran_scale img {
	-webkit-transition: opacity .4s ease-in, -webkit-transform .6s linear;
	transition: opacity .4s ease-in, transform .6s linear;
	width: 100%;
}

.tran_scale:hover img {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-moz-: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
}

.noHover {
	background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8));
	/* Safari 5.1-6.0 */
	background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8));
	/* Opera 11.1-12.0 */
	background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8));
	/* Firefox 3.6-15 */
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8));
	/* ???’??a�???a�??￠a??a?￠???’?￠a???????￠?￠a�????￠a�??￠???’??a�????￠?￠a�????…?????’?￠a??????a�????|???’??a�???a�??￠a??a?￠???’???￠???￠?￠a??????????a�|???????’??a�????￠?￠a�????…?????’?￠a??????a�????????’??a�???a�??￠a??a?￠???’?￠a??????a�????￠???’??a�???a�????￠???’???￠???￠?￠a??????????a�|???????’?￠a??????a�????????’??a�????￠?￠a�????…?????’?￠a??????a�????????’??a�???a�??￠a??a?￠???’?￠a???????￠?￠a�????￠a�??￠???’??a�????￠?￠a�????…?????’?￠a??????a�????￥???’??a�???a�??￠a??a?￠???’?￠a??????a�????￠???’??a�???a�????￠???’???￠???￠?￠a??????????a�|???????’?￠a??????a�????????’??a�????￠?￠a�????…?????’?￠a??????a�????????’??a�???a�??￠a??a?￠???’?￠a??????a�????￠???’??a�???a�????￠???’???￠???￠?￠a??????????a�|???????’?￠a??????a�????????’??a�????￠?￠a�????…?????’?￠a??????a�????????’??a�???a�??￠a??a?￠???’?￠a???????￠?￠a�????￠a�??￠???’??a�????￠?￠a�????…?????’?￠a??????a�????¨???’??a�???a�??￠a??a?￠???’???￠???￠?￠a??????????a�|???????’??a�????￠?￠a�????…?????’?￠a??????a�????ˉ???’??a�???a�??￠a??a?￠???’???￠???￠?￠a??????????a�|???????’??a�????￠?￠a�????…?????’?￠a??????a�????-???’??a�???a�??￠a??a?￠???’?￠a???????￠?￠a�????￠a�??￠???’??a�????￠?￠a�????…?????’?￠a??????a�????|???’??a�???a�??￠a??a?￠???’???￠???￠?￠a??????????a�|???????’??a�????￠?￠a�????…?????’?￠a??????a�????3???’??a�???a�??￠a??a?￠???’?￠a??????a�????￠???’??a�???a�????￠???’???￠???￠?￠a??????????a�|???????’?￠a??????a�????????’??a�????￠?￠a�????…?????’?￠a??????a�????￠ */
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 45px 0;
	transition: all .3s;
}

.noHover1 {
	background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8));
	/* Safari 5.1-6.0 */
	background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8));
	/* Opera 11.1-12.0 */
	background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8));
	/* Firefox 3.6-15 */
	background: none;
	/* ???’??a�???a�??￠a??a?￠???’?￠a???????￠?￠a�????￠a�??￠???’??a�????￠?￠a�????…?????’?￠a??????a�????|???’??a�???a�??￠a??a?￠???’???￠???￠?￠a??????????a�|???????’??a�????￠?￠a�????…?????’?￠a??????a�????????’??a�???a�??￠a??a?￠???’?￠a??????a�????￠???’??a�???a�????￠???’???￠???￠?￠a??????????a�|???????’?￠a??????a�????????’??a�????￠?￠a�????…?????’?￠a??????a�????????’??a�???a�??￠a??a?￠???’?￠a???????￠?￠a�????￠a�??￠???’??a�????￠?￠a�????…?????’?￠a??????a�????￥???’??a�???a�??￠a??a?￠???’?￠a??????a�????￠???’??a�???a�????￠???’???￠???￠?￠a??????????a�|???????’?￠a??????a�????????’??a�????￠?￠a�????…?????’?￠a??????a�????????’??a�???a�??￠a??a?￠???’?￠a??????a�????￠???’??a�???a�????￠???’???￠???￠?￠a??????????a�|???????’?￠a??????a�????????’??a�????￠?￠a�????…?????’?￠a??????a�????????’??a�???a�??￠a??a?￠???’?￠a???????￠?￠a�????￠a�??￠???’??a�????￠?￠a�????…?????’?￠a??????a�????¨???’??a�???a�??￠a??a?￠???’???￠???￠?￠a??????????a�|???????’??a�????￠?￠a�????…?????’?￠a??????a�????ˉ???’??a�???a�??￠a??a?￠???’???￠???￠?￠a??????????a�|???????’??a�????￠?￠a�????…?????’?￠a??????a�????-???’??a�???a�??￠a??a?￠???’?￠a???????￠?￠a�????￠a�??￠???’??a�????￠?￠a�????…?????’?￠a??????a�????|???’??a�???a�??￠a??a?￠???’???￠???￠?￠a??????????a�|???????’??a�????￠?￠a�????…?????’?￠a??????a�????3???’??a�???a�??￠a??a?￠???’?￠a??????a�????￠???’??a�???a�????￠???’???￠???￠?￠a??????????a�|???????’?￠a??????a�????????’??a�????￠?￠a�????…?????’?￠a??????a�????￠ */
	position: absolute;
	bottom: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 0;
	margin-bottom: -60px;
	transition: all .3s;
}

.noHover img {
	width: 45px;
	height: 45px;
	display: inline-block;
}


.noHover1 img {
	width: 128px;
	height: 128px;
	display: inline-block;
}

.Hover {
	background: rgb(31 173 247 / 95%);
	width: 100%;
	height: 100%;
	position: relative;
	transform: translateX(-100%);
	transition: all .3s;
}

.hover_circle {
	width: 150px;
	height: 150px;
	border-radius: 100%;
	background: #fff;
	text-align: center;
	color: #23b7a9;
	padding: 40px 0;
	box-sizing: border-box;
}

.student_list li dl:hover .Hover {
	transform: translateX(0);
}

.student_list li dl:hover .noHover {
	transform: translateY(100%);
}

.student_list1 li dl:hover .Hover {
	transform: translateX(0);
}

.student_list1 li dl:hover .noHover {
	transform: translateY(100%);
}

.fnt_24 {
	font-size: 24px;
}