@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: 999; border-bottom:0px solid #00a0e9;

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


.headerschool  h1{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;}



.box_present {
    width: 100%;
    overflow: hidden;
}
.box_present .top_area {
    width: 100%;
    overflow: hidden;
}
.box_present .top_area .left_pic {
    width: 580px;
    float: left;
    overflow: hidden;
}
.box_present .top_area .left_pic img {
    width: 100%;
}
.box_present .top_area .right_text {
    width:calc(100% - 580px);
    float: left;
    -webkit-box-sizing:border-box;
	box-sizing:border-box;
    padding-left: 20px;
}
.box_present .top_area .right_text h3 {
    font-weight: normal;
    font-size: 21px;
    color: #292929;
    margin-bottom: 10px;
}
.box_present .top_area .right_text p {
    font-size: 16px;
    color: #595959;
    line-height: 1.6;
}
.box_present_list {
    width: 550px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}
.present_list {
    float: left;
    margin-top: 20px;
}
.present_list ul {
    list-style: none;
}
.present_list li {
    font-size: 16px;
    color:#595959;
    line-height: 1.6;  
}
.present_list li a {
    color: #003088;
    /* text-decoration: underline; */
    line-height: 1.6;
    margin-bottom: 10px;
}
@media screen and (max-width: 980px) {
    .box_present .top_area .left_pic {
        width: 92%;
        margin:0 auto;
        float: none;
        margin-bottom: 20px;
    }
    .box_present .top_area .right_text {
        width: 92%;
        margin:0 auto;
        float: none;
        padding-left: 20px;
    }
}

@media screen and (max-width: 736px) {
    .box_present .top_area .left_pic {
        width: 92%;
        margin:0 auto;
        float: none;
        margin-bottom: 10px;
    }
    .box_present .top_area .right_text {
        width: 92%;
        margin:0 auto;
        float: none;
        padding-left: 10px;
    }
}

@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; */margin-top: 3px;width: 36px; margin-left:16px;} 

.headerschool{height: 44px;}

.headerschool h1{font-size: 22px;margin-left: 4px;line-height: 50px;/* 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: 16px; overflow: hidden; height: 26px; line-height: 26px;}



.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 h1{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: #153c83;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 h1{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 #153c83;color: #153c83;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 > h1{font-size: 22px;color: #003088;margin-bottom: 12px;overflow: hidden;height: 26px;line-height: 26px;position: relative;}

.photosb > h1:after{content: "";width: calc(100% - 140px);height: 1px;position: absolute;right: 0px;background-color: #003088;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 > h1{padding:0 16px; margin-bottom: 8px;}
.photosb > p{padding:0 16px; } 

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

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


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



}



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

.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% - 40px);padding-right: 8px;}


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




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


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

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

.podcast > ul > li h3{color: #153c83;}

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




}





.fr2 select{ width: 100%;  height: 26px;  padding:0 2px; vertical-align: top;  font-size: 15px; border-radius: 4px; border: 1px solid #ccc; box-sizing: border-box;}

.fr2 select:focus{ border: 1px solid #00a0e9;}

.fr2{float: right; width: 100px; height: 26px; line-height: 26px; }


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


.fr2{width: 80px;}

}