@charset "utf-8";
/* CSS Document */





.blackbarnew {
top:0;
left:0;
width:100%;
height:30px;
padding:0 10px;
background-color:#000;
position:fixed;
z-index:999;
overflow:hidden
}

.yeslogo {
font-size:12px;
color:#fff;
line-height:30px;
letter-spacing:2px;
float:left
}

.yeslogo i {
margin-right:8px;
float:left
}

.yeslogo i img {
width:10px;
margin-top:10px
}

.yesgogo {
font-size:12px;
color:#fff;
line-height:30px;
letter-spacing:2px;
float:right
}

.yesyes {
font-size:15px;
color:#fff;
font-weight:700;
line-height:30px;
letter-spacing:1px;
margin-right:4px
}






body{background-color: #efefef;}

.headerschool{width: 100%; height: 60px; background-color: #fff; position: fixed; top:30px; z-index: 9; border-bottom:0px solid #00a0e9;

box-shadow: 0 4px 4px rgba(0,0,0,0.1);}


.headerschool  h2{float: left; font-size: 24px; letter-spacing: 2px; line-height: 64px; color: #333;}

.headerschool img{width: 40px; margin-right: 6px;  margin-left: 24px; vertical-align: middle; float: left; margin-top: 8px;}

.menu{overflow: hidden; float: right;}

.menu > li{float: left; }

.menu > li div{line-height: 66px; height: 60px; color: #666; padding: 0 32px; font-size: 18px; transition: all .3s; border-bottom:2px solid #fff;}

.menu > li div:hover{ color: #00a0e9; }

.menu_ok{ color: #00a0e9 !important; border-bottom:2px solid #00a0e9 !important;}


@media screen and (max-width: 980px) {


 .headerschool img{margin-left: 20px; } 

 .menu > li div{padding: 0 24px;}

}


@media screen and (max-width: 736px) {

 .headerschool img{display: none;} 

.headerschool{height: 44px;}

.headerschool h2{font-size: 22px; margin-left: 16px; display: none;}

.menu{width: 100%;}

.menu > li{width: calc(100% / 3); border-right: 0px solid #eee;}

.menu > li:last-child{border-right: 0px solid #eee;}

.menu > li div{font-size: 16px; text-align: center; line-height: 46px; height: 44px; padding: 0 0px;}

}






.schoola{width: 100%; margin-top: 90px; overflow: hidden; position: relative; background-color: #fff;}

.schoolas{max-width: 950px; margin: 0 auto -3px;  position: relative; z-index: 2; overflow: hidden;}

.schoolas img{}


@media screen and (max-width: 736px) {


.schoola{margin-top: 74px; }

}





.page{max-width: 950px; margin:0 auto; padding: 24px 0 24px;}

.page > h1{font-size: 22px; color: #666; margin-bottom: 12px; overflow: hidden; /*height: 26px;*/ line-height: 1.5;}



.list_school{overflow: hidden; width: 100%; }

.list_school > li{width: calc(33.33% - 12px);margin-right: 18px;margin-bottom: 18px;float:left;background-color: #fff;position: relative;border-radius: 8px;overflow: hidden;vertical-align: top;min-height: 274px; }

.list_school > li:nth-child(3n+3){ margin-right: 0px;}






.fbox{padding: 14px 12px 12px;position: absolute;overflow: hidden;bottom: 3px;width:100%; background-color:#fff; z-index:3;}


.fbox img{}

.fbox h4{font-size: 16px; line-height: 1.5; color: #333; margin-bottom: 16px; min-height: 48px; 
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }

.fbox h2{font-size: 14px;  color: #999;  height: 30px; line-height: 30px; width: calc(100% - 100px); float: left;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}


.icon{ background-color: #ff3da2; color: #fff; width: 100px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; float: right;}
.icon2{ background-color: #999; color: #fff; width: 100px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; float: right;}
.icon3{ background-color: #2ab3fc; color: #fff; width: 100px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; float: right;}

@media screen and (max-width: 980px) {

.page{padding: 24px 16px;}	

 .list_school > li{min-height: 236px;}

 .fbox{bottom:0;}
    
}

@media screen and (max-width: 736px) {

	.page{padding: 20px 16px;}

    .page > h1{font-size: 18px; }

	.list_school > li{width: 100%;margin-right: 0;min-height: initial;}

	.fbox h4{min-height: auto;}

	.fbox{position:relative; bottom:0;}



}





.pages{max-width: 950px; margin:90px auto 0; padding: 32px 16px; background-color: #fff; }


.pages > h1{font-size: 24px; color: #333; margin-bottom: 16px; line-height: 1.5;}

.pages > h2{margin-bottom: 24px; font-size: 14px; color: #666; overflow: hidden; border-bottom: 1px solid #aaa; padding-bottom: 10px; line-height: 1.5; position: relative;}

.pages > p{font-size: 16px; color: #333; line-height:1.6; margin-bottom: 20px;}

.pages b{font-weight: bold;}

.pages > imgp{font-size: 15px; color: #888; line-height:1.6; }



.teacher{ margin-bottom: 20px; padding: 12px; background-color: #eee; }

.teacher > ul{overflow: hidden;}

.teacher > ul > li{ font-size: 15px; line-height: 1.5; margin-bottom: 8px; }

.teacher > ul > li:last-child{margin-bottom: 0}



.video-container {
position: relative;
padding-bottom: 56.25%;
margin-bottom:24px;
height: 0;
overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;left: 0;
width: 100%;
height: 100%;}



.imgbox{width: 100%;  margin-bottom: 24px;}

.imgbox > p{font-size: 14px; color: #999; padding-top: 3px; line-height: 1.5;}



.back{width: 80px; font-size: 16px; line-height: 32px; text-align: center; height: 32px; background-color:#fff; border:1px solid #00a0e9; color: #00a0e9; border-radius: 6px;}



.abottom{overflow: hidden; border-top: 0px solid #aaa; padding: 16px 0; }

.abottom > li{float: left; overflow: hidden;}


.abottom > li:nth-child(3){width: 32px; }
.abottom > li:nth-child(2){width: 40px; padding-right: 8px}
.abottom > li:nth-child(1){width: calc(100% - 72px);}

@media screen and (max-width: 736px) {

.pages{margin:70px auto 0;}

}





.foc_top{width: 100%; }


    .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
     }



    .teacherb{width: 100%; position: relative; border-radius: 8px; overflow: hidden; }

    .teacherb img{margin-bottom: -3px;}

    .teacherb h1{font-size: 16px; position: absolute; z-index: 8; bottom: 0; width: 100%; padding:80px 0 10px; color: #fff; line-height: 1.5;

background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(30,30,30,0.6) 100%);}






.list_box{width: 100%; height: 30px; text-align: center; margin-bottom: 12px; line-height: 30px;}

.list_box a{color: #7e7e7e; transition:all .3s;}

.list_box a:hover{color: #000;}

.list_box select{ padding: 2px 8px; margin: 0 10px; vertical-align: middle;}

.list_box td{vertical-align: middle;}





.tphoto{width: 100%; background-color:#fff; padding:28px 0 60px; }

.photosb{max-width: 950px; margin:0 auto;}

.photosb > h3{font-size: 22px; color: #00a0e9; margin-bottom: 12px; overflow: hidden; height: 26px; line-height: 26px; position: relative;}

.photosb > h3:after{content: ""; width: calc(100% - 100px); height: 1px; position: absolute; right: 0px; background-color: #00a0e9; top:50%; }

.photosb > p{font-size: 16px; color: #666; margin-bottom: 20px; line-height: 1.5;}

@media screen and (max-width: 980px) {

.tphoto{padding:28px 16px 60px;}


}

@media screen and (max-width: 736px) {


 .photosb > h3{padding:0 16px; margin-bottom: 8px;}
.photosb > p{padding:0 16px; } 

.tphoto{padding:24px 0px 60px;}

.photosb > h3{font-size: 18px;}


.photosb > h3:after{ right: 0px; }



}



.en2{   float: right;  overflow: hidden; border:1px solid #ccc; border-radius: 4px; background-color: #ddd;  margin-left:12px;}

.en2 ul{ overflow: hidden;}

.en2 li{width: 52px!important; float: left; transition:all .3s; line-height: 24px;text-align: center; height: auto!important; box-shadow: 0 0 8px rgba(0,0,0,0.1) inset;}

.en2 li a{font-size: 15px;  color: #888; transition:all .3s;}

.en2 li a:hover{color: #333; }

.en2 li:hover{background-color: #efefef; box-shadow: 0 0 16px rgba(255,255,255,1) inset !important;}




.en2_ok a{color:#333!important;}

.en2_ok{background-color: #efefef; box-shadow: 0 0 16px rgba(255,255,255,1) inset !important;}


.en2 li:nth-child(2){border-left: 1px solid #ccc;}




.warsay{width: 100%; line-height: 1.5; font-size: 16px; padding:8px 12px; border:1px solid #00a0e9; color: #00a0e9; margin-bottom: 20px; background-color: #fff;}


.warsay a{color: #00a0e9;}


.bulr{position: absolute; top:0; z-index: 0; 
filter: blur(20px);
-moz-filter: blur(20px);
-webkit-filter: blur(20px);
opacity: 0.3;
transform: translate(0,-50%);
}

@media screen and (max-width: 980px) {

.bulr{display: none;}


}







.podcast{width: 100%; padding:8px 4px 8px; overflow: hidden; border-radius: 0px;}

.podcast > ul{overflow: hidden;  float: right;}

.podcast > ul > li{float: left; overflow: hidden;  height: 32px; line-height: 34px; }


.podcast > ul > li:nth-child(3){width: 32px; }
.podcast > ul > li:nth-child(2){width: 40px; padding-right: 8px}
.podcast > ul > li:nth-child(1){width: calc(100% - 72px); padding-right: 8px;}


.podcast > ul > li h3{ font-size: 16px;  color: #666;  }




@media screen and (max-width: 736px) {


.podcast{ padding:8px 10px;  background-color: #fff; margin-bottom: 12px; border:1px solid #00a0e9;}

.podcast > ul{margin:0 auto; float: none;}

.podcast > ul > li h3{ color: #00a0e9;}

.podcast > ul > li:nth-child(2){padding-right: 0px}

}

/*search*/
.fr2 input{ width: calc(100% - 44px);  height: 26px;  padding:0 4px; vertical-align: top;  font-size: 15px; border-radius: 4px 0 0 4px; border: 1px solid #ccc; box-sizing: border-box;
float: left; border-right:0;}

.fr2 input:focus{ border: 1px solid #2ab3fc;  border-right:0;}

.fr2{width:200px; float: right; overflow: hidden; cursor: pointer;}

.fr2 p{font-size:12px; color: #ff5555;    /*display: none;*/    line-height: 2;}

.sgo0723{width: 44px; height: 26px; background-color: #2ab3fc; float: left; border-radius:0 4px 4px 0 ; 
  background-image: url(../img/icon_search.png); background-repeat: no-repeat; background-position: center; background-size: 16px;}

@media screen and (max-width: 736px) {


.fr2{width: 100%; margin:12px auto 8px; float: none;}

.fr2 input{width: calc(100% - 51px); height: 40px; font-size: 16px; padding:0 8px; }

.sgo0723{width: 51px; height: 40px; background-size: 23px;}

}

/*default*/
.default{width: 480px;overflow: hidden;border: 0px #c7cdd1 solid;margin-bottom:20px;text-align: center;border-radius: 4px;}
.default_img{width: 480px;/*margin: 0 auto;*/transition: all .3s;}
.default_font{/* width:calc(100% - 480px); *//* float:left; */}
.default_font > h4{color: #888; font-size: 20px; line-height: 1.5;}
.default_font a{font-weight: bold; color: #00a6ff;}

@media screen and (max-width: 736px) {
.default{width: 100%;padding: 0px;}
.default_img{width: 100%;margin: 0 auto;transition: all .3s;}   
}