.clearfix:after{ display: table; clear: both; content: ""; }
.pull-left{ float: left; }
.pull-right{ float: right; }
.img-hide{ overflow:hidden; display: block; }
.slick-slider{ touch-action: auto!important; }
.img-hide img{ transition: 0.3s all; transform: scale(1,1); }

.img-hide:hover img{ transform: scale(1.1,1.1); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
.chooise-back{ background: #f5f5f5; padding:30px 10px 10px 110px; position: relative; }
.chooise-title{ position: absolute; left: 20px; top: 30px; font-size: 20px; color: #000; }
.chooise-right{position:relative;margin-bottom: 20px;padding-left: 35px;/* border-bottom: solid 1px #be9e5d; */}
.chooise-back .chooise-right:nth-of-type(2){border-bottom: solid 1px #be9e5d;}
.chooise-right li{ margin-left: 30px; float: left; margin-bottom: 20px; }
.chooise-right li:first-child{ position: absolute; left: 0; top: 0; margin:0; }
.chooise-right li a{font-size: 20px;color: #000;cursor: pointer;/* font-family: 'DINCond'; */}
.chooise-right li a.all,.chooise-right li a:hover,.chooise-right li a.active{/* font-size: 18px; */color: #ff1616;}
.teacher-ul li{ float: left; width: 20%; padding:0 30px; margin-top: 50px; }
.teacher-ul li a{ display: block; }
.teacher-ul-top{ margin:0 15px; position: relative; padding-top: 87%; }
.teacher-ul-top:before{ display: block; z-index: 10; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background: #be9e5d; }
.teacher-ul-img{ position: absolute; z-index: 20; width: 100%; height: 100%; top: 10px; left: 0; right: 0; }
.teacher-ul-img img{ width: 100%; height: 100%; border-radius: 50%; }
.teacher-ul-bottom{line-height: 100px;position: relative;z-index: 20;text-align: center;font-size: 24px;color: #000;font-family: 'DINCond';font-weight: 500;}
.teacher-ul-back{ position: absolute; box-shadow: 0 0 10px rgba(0,0,0,0.2); left: -15px; right: -15px; border-bottom: solid 3px #be9e5d; background: url(/en/yjsds/images/li-back.png) center no-repeat; background-size: cover; top: 50%; bottom: -100px; }
.teacher-ul li a:hover .teacher-ul-back{ border-bottom: solid 3px #cc0a0a; background: url(/en/yjsds/images/li-back02.png) center no-repeat; background-size: cover; }
.teacher-ul li a:hover .teacher-ul-bottom{ color: #fff; }
.teacher-ul{ margin:0 -30px; }
.chooise-select{ display: none; }
.article-top{ box-shadow: 0 0 15px rgba(0,0,0,0.1); }
.article-top-left img{ width: 295px; height: 295px; position: relative; z-index: 10; }
.article-top-left{ position: relative; }
.article-top-left:before{ display: block; content: ""; position: absolute; left: -10px; top: -10px; right: 10px; bottom: 10px; background: #cf0202; }
.article-top-right{ margin-left: 335px; padding-top: 30px; }
.article-top-name{ font-size: 24px; color: #000; margin-bottom: 30px; }
.article-top-p p{ font-size: 18px; color: #444; margin-bottom: 10px; }
.article-top-b{ /*margin-left: -40px; padding:25px 20px; margin-top: 33px; font-size: 20px; color: #fff; background: url(/en/yjsds/images/top-back.png) center right no-repeat; background-size: cover; */}
.article-top-b a{ /*font-size: 24px; padding-right: 35px; */}

/*1129mc*/
.article-top-b .perurl{display: inline-block;text-align: center;font-size: 18px;color: #fff;background-image:none;background-color:#df0000;padding: 0 20px;height:44px;line-height:44px;border-radius:4px;}
/*1129mc*/

.article-width h3,.article-width h3 p{display: inline-block;font-size: 22px !important;color: #fff !important;background: #be9e5d;line-height: 50px;padding: 0 10px !important;margin: 40px 0 20px 0 !important;}
.article-width h3 p{margin: 0 !important;}
.article-width h3 span{color:#fff !important;}
.article-width p{ font-size: 16px; color: #333; line-height: 30px; padding-left: 10px; }
.article-width{ max-width: 1130px; margin:0 auto; }








@media screen and (max-width: 1440px){
  .teacher-ul li{ width: 25%; }
}
@media screen and (max-width: 1279px){
  .teacher-ul li{ width: 33.333333%; }
  .article-top-left{ width: 100%; text-align: center; float: none; padding-top: 20px; }
  .article-top-left img{ display: inline-block; }
  .article-top-left:before{ display: none; }
  .article-top-right{ margin:0; padding:20px 0 0 40px; }
}
@media screen and (max-width: 768px){
  .teacher-ul li{ width: 50%; padding:0 10px; margin-top: 20px; }
  .teacher-ul{ margin:0 -10px; }
  .teacher-ul-bottom{ font-size: 14px; }
  .teacher-ul-top{ padding-top: 80%; }
  .chooise-title{ position: static; }
  .chooise-back{ padding:20px; }
  .chooise-select{ display: block; margin-top: 15px; padding:0 12px; width: 100%; height: 34px; font-size: 16px; }
  .chooise-right{ display: none; }
  .article-top-left img{ width: 150px; height: auto; }
  .article-top-name{ font-size: 18px; text-align: center; margin-bottom: 15px; }
  .article-top-right{ padding:15px 0; }
  .article-top-p{ padding:0 20px; font-size: 14px; }
  .article-top-p p{ font-size: 15px; margin-bottom:10px; }
  .article-top-b{ margin:0; padding:10px 20px; font-size: 14px; }
  .article-top-b span{ display: block; font-size: 16px; margin-bottom: 10px; }
  .article-width h3{ font-size: 18px !important; margin:20px 0 10px 0 !important; }
  .article-width p{ font-size: 14px; line-height: 25px; }



.chooise-right{ display: block; }
.chooise-title{ margin-bottom: 15px; }
.chooise-right li a{ font-size: 14px; }
.chooise-right li{ margin-left: 10px; margin-bottom: 10px; }
.chooise-select{ display: none; }

}