@charset "utf-8";
html,body{  width:100%; height:100%;}
#iframe{ width:100%; height:100%; border:0;}
/*news*/
.one_news{ width:23.5%; margin-right:2%; margin-bottom:2%; display:inline-block; box-shadow:0 5px 5px 0 rgba(0,0,0,.15); border-radius:5px; border-bottom:1px solid #fff; padding:5px; position:relative; top:0; transition:.3s;}
.one_news:nth-child(4n){ margin-right:0;}
.onb{ box-shadow:0 3px 5px 0 rgba(0,0,0,.15); border-radius:5px; overflow:hidden; background-color:#fff; border-radius:5px; border-bottom:1px solid #fff;}
.news_photo{ width:100%; height:0; padding-bottom:70%; overflow:hidden; background-color:#fff; position:relative;}
.news_photo img{ position:absolute; top:0; left:0;}
.news_photo.width img{ width:100%;}
.news_photo.height img{ height:100%; left:0; right:0; margin:0 auto;}
.news_text{ padding:15px;}
.news_text .nt01{ height:38px; font-size:19px; color:#333;}
.news_text .nt02{ font-size:14px; color:#777; padding-top:5px; line-height:20px; height:47px; overflow:hidden;}
.dt_time{ font-size:15px; color:#fff; padding:3px 8px; background-color:#8c004c; display:inline-block; border-radius:3px; margin-bottom:10px; vertical-align:top;}
.fb_like_btn{ display:inline-block; vertical-align:top; padding-left:10px;}
.back_btn{ text-align:center; margin:30px auto 0 auto;}
.back_btn a{ display:inline-block; width:100px; height:40px; padding:8px 10px; font-size:19px; color:#fff; background-color:#555; border-top:0 solid #333; border-bottom:5px solid #333; transition:.2s;}
.back_btn a:hover{ border-top:5px solid #333; border-bottom:0 solid #333; background-color:#444; transition:.2s;}
/*contact*/
.dis_ta{ width:100%; display:table;}
.dis_left_blok,.dis_right_blok{ width:50%; display:table-cell; vertical-align:top;}
.dis_left_blok{ padding-right:10px;}
.dis_right_blok{ padding-left:10px;}
.fillin{ width:100%; position:relative;}
.fillin.necessary:before{ content:"*"; display:inline-block; position:absolute; top:13px; left:5px; color:#f7534b; font-size:15px;}
.fillin input{ width:100%; border:0; border-bottom:1px solid #ccc; color:#333; margin-bottom:15px; padding:0 15px 5px 15px; font-size:17px; color:#333;}
.fillin textarea{ width:100%; height:150px; line-height:22px; border:0; border-bottom:1px solid #ccc; padding:0 15px 5px 15px; font-size:17px; color:#333; resize:none;}
.enter_btn{ border:0; padding:10px 20px; background-color:#8c004c; border-bottom:3px solid #6e003c; border-radius:0 10px 0 0; display:inline-block; font-size:19px; color:#fff; margin:10px 0; vertical-align:top;}
.map{ width:100%; height:650px; position:relative;}
.map iframe{ width:100%; height:100%; position:absolute; top:0; left:0;}
.page_number{ width:100%; display:block; text-align:center; padding-top:25px;}
.page_number a{ display:inline-block; font-size:17px; color:#333; border:1px solid #777; padding:7px; margin:0 3px; text-align:center; border-radius:5px; vertical-align:top;}
.page_number a:first-child,.page_number a:last-child,.page_number a.hold{ background-color:#eee;}
.code_number{ display:inline-block; vertical-align:top; margin:10px 0; padding-right:10px;}
.code_number input{ width:90px; height:42px; line-height:42px; background-color:#eee; font-size:15px; color:#333; padding:0 10px; border:0; vertical-align:top;}
.code_number .re_btn{ width:42px; height:42px; display:inline-block; background-color:#eee;}
/*activities*/
.one_activities{ width:32%; margin-right:2%; margin-bottom:2%; display:inline-block; box-shadow:0 5px 5px 0 rgba(0,0,0,.15); border-radius:5px; border-bottom:1px solid #fff; padding:5px; position:relative; top:0; transition:.3s;}
.one_activities:nth-child(3n){ margin-right:0;}
.activities_video{ width:100%; height:0; padding-bottom:75%; position:relative;}
.activities_video img{ width:100%; height:100%; position:absolute; top:0; left:0;}
.activities_video iframe{ width:100%; height:100%; position:absolute; top:0; left:0;}
.page_label{ display:block; padding-bottom:30px;}
.page_label .olb{ font-size:19px; background-color:#ccc; color:#333; border-radius:5px; margin-right:10px; display:inline-block; padding:5px 10px;}
.page_label .olb.focus{ background-color:#8c004c; color:#fff; position:relative;}
.page_label .olb.focus::before{ content:""; width:0; height:0; display:inline-block; position:absolute; bottom:-12px; left:0; right:0; margin:auto; border-style:solid; border-width:6px; border-color:#8c004c transparent transparent transparent;}
.oap{ width:18%; margin-right:2.5%; margin-bottom:2.5%; display:inline-block; box-shadow:0 5px 5px 0 rgba(0,0,0,.15); border-radius:5px; border-bottom:1px solid #fff; padding:5px; position:relative; top:0; transition:.3s;}
.oap:nth-child(5n){ margin-right:0;}
/*about*/
.line{ width:100%; display:block; border-top:1px solid #ccc; margin:15px 0;}
.ab01,.ab02{ display:table-cell; vertical-align:top;}
.ab01{ width:280px;}
.ab02 p{ font-size:17px; color:#444; line-height:25px; padding-bottom:10px;}
.teacher_name{ font-size:25px; color:#333; text-align:center;}
.teacher_name span{ font-weight:bold;}
.one_experience{ width:100%; height:32px; line-height:32px; border:1px solid #aaa; border-radius:5px; padding-left:27px; font-size:17px; color:#333; position:relative; margin-bottom:5px; overflow:hidden;}
.one_experience::before{ content:""; display:inline-block; border-style:solid; border-width:5px 7px; border-color:transparent transparent transparent #8c004c; position:absolute; top:50%; left:12px; margin-top:-5px;}
.one_experience .iftt{ height:32px; line-height:32px; position:absolute; display:inline-block; top:0; right:0; padding:0 10px; background-color:#f8e4ef;}
.one_experience .iftt::before{ content:""; display:inline-block; border-style:solid; border-width:16px; border-color:transparent #f8e4ef #f8e4ef transparent ; position:absolute; top:0; left:-32px;}
@media screen and ( min-width: 1023px) {
.one_news:hover{ background-color:#ffdff0; box-shadow:0 15px 20px 0 rgba(0,0,0,.1); border-radius:5px; border-bottom:1px solid #ecb1d1; top:-10px; transition:.2s;}
.one_news:hover .onb{ border-bottom:1px solid #bbb; transition:.2s;}
.one_activities:hover{ background-color:#ffdff0; box-shadow:0 15px 20px 0 rgba(0,0,0,.1); border-radius:5px; border-bottom:1px solid #ecb1d1; top:-10px; transition:.2s;}
.oap:hover{ background-color:#ffdff0; box-shadow:0 15px 20px 0 rgba(0,0,0,.1); border-radius:5px; border-bottom:1px solid #ecb1d1; top:-10px; transition:.2s;}
.page_number a:hover{ background-color:#eee;}
}

@media screen and ( max-width: 1023px) and ( min-width: 768px) {
/*news*/
.one_news:nth-child(4n){ margin-right:2%;}
.one_news{ width:32%; margin-right:2%; margin-bottom:3%;}
.one_news:nth-child(3n){ margin-right:0;}
/*activities*/
.one_experience{ font-size:15px;}
.one_experience .iftt{ font-size:15px;}
.ab02 p{ font-size:15px;}
.one_activities{ width:49%; margin-right:2%;}
.one_activities:nth-child(3n){ margin-right:2%;}
.one_activities:nth-child(2n){ margin-right:0;}
}

@media screen and ( max-width: 767px) {
/*news*/
.one_news{ width:100%; margin-right:0;}
/*contact*/
.dis_ta{ display:block;}
.dis_left_blok, .dis_right_blok{ width:100%; display:block; padding:0;}
.map{ height:0; padding-bottom:100%;}
/*activities*/
.one_activities,.activities_video{ width:100%; margin-right:0;}
.oap{ width:49%; margin-right:2%;}
.oap:nth-child(5n){ margin-right:2%;}
.oap:nth-child(2n){ margin-right:0;}
.ab01,.ab02{ display:block;}
.ab01{ width:100%; text-align:center; padding-bottom:15px}
.one_experience{ height:auto; font-size:15px; line-height:25px; padding:5px 0 0 27px; color:#8c004c; font-weight:bold;}
.one_experience::before{ top:12px; margin-top:0;}
.one_experience .iftt{ height:auto; line-height:25px; position:static; display:block; background-color:#fff; font-size:15px; color:#777; padding:0;}
.one_experience .iftt::before{ display:none}
.ab02 p{ font-size:15PX;}



}