/* list */

.centerBg {
  width: 100%;
  height: 300px;
}
.commonNavLeft {
  width: 328px;
  height: auto;
}
.commonNavLeft>ul {
  width: 100%;
  transform: translateY(-68px);
}
.commonNavLeft>ul>h3 {
  display: block;
  width: 100%;
  height: 68px;
  background: #AF0C2A;
  border-radius: 8px 8px 0px 0px;
  line-height: 68px;
  text-indent: 30px;
  font-size: 20px;
  font-family:"Libre-Bold";
  color: #FFFFFF;
}
.commonNavLeft>ul>li {
  width: 100%;
  height: 68px;
  text-indent: 30px;
  background-color: #F2F2F2;
}
.commonNavLeft>ul>li>a {
  display: block;
  line-height: 68px;
  font-size: 18px;
  color: #222222;
  font-family:"Libre";
}
.commonNavLeft>ul>li:hover {
  background-color: #F2E6E9;
}
.commonNavLeft>ul>li>a:hover {
  color: #840D24;
}
.commonNavLeft>ul>li.active {
  background-color: #F2E6E9 !important;
}
.commonNavLeft>ul>li.active>a {
  color: #840D24 !important;
}
.commonRightCont {
  width: calc(100% - 370px);
}
.location {
  width: 100%;
  height: 60px;
  background: url(../../images/en/icon_home.png) no-repeat 0px;
  border-bottom: 1px solid rgba(221, 221, 221, .5);
  padding-left: 30px;
}
.location>a {
  display: inline-block;
  font-size: 14px;
  color: #666666;
  font-family:"Libre";
  line-height: 60px;
}
.location>a:hover {
  color: #840D24;
}
.list_item {
  width: 100%;
  margin-top: 40px;
}
.list_item_cont {
  width: 100%;
  padding-bottom: 30px;
  position: relative;
  z-index: 1;
  border-bottom: 1px solid rgba(221, 221, 221, .5);
}
.list_item_cont>a>h3 {
  display: block;
  font-size: 18px;
  color: #222222;
  font-family:"Libre-bold";
  line-height: 30px;
  max-height: 60px;
  overflow: hidden;
}
.list_item_cont>a>p {
  font-size: 14px;
  font-family:"Libre";
  color: #666666;
  line-height: 26px;
  max-height: 78px;
  overflow: hidden;
  margin-top: 20px;
}
.list_item_cont>a>.list_item_more {
  display: block;
  font-size: 14px;
  color: #840D24;
  line-height: 26px;
  margin-top: 20px;
  font-family:"Libre";
}
.list_item_cont>a>.list_item_time {
  display: block;
  font-size: 14px;
  color: #666666;
  line-height: 26px;
  margin-bottom: 10px;
  font-family:"Libre";
}
.list_item_cont+.list_item_cont {
  margin-top: 30px;
}
.list_item_cont:after {
  content: '';
  width: 0;
  height: 1px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 5;
  background-color: #840D24;
  transition: all .3s ease-out .1s;
  -webkit-transition: all .3s ease-out .1s;
  -moz-transition: all .3s ease-out .1s;
  -ms-transition: all .3s ease-out .1s;
  -o-transition: all .3s ease-out .1s;
}
.list_item_cont:hover:after {
  width: 100%;
}
.list_item_cont:hover h3 {
  color: #840D24;
}

/* page */

.page {
  width: 100%;
  padding-bottom: 80px;
  margin-top: 50px;
}
.page_nav {
  height: 32px;
  width: 100%;
  text-align: right;
}
.page_nav li {
  width: 32px;
  height: 32px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 32px;
  font-size: 14px;
  color: #222222;
  border-radius: 5px;
  margin: 0px 3px;
}
.page_nav li a {
  display: block;
  color: #222222;
}
.page_nav li.active {
  background-color: #840D24;
  color: #ffffff;
}
.page_nav li.active>span {
  background-color: #840D24;
  color: #ffffff;
}
.pagination {
  margin: 0 !important;
}
.page_nav li:last-child {
  width: auto;
}
.total {
  width: auto !important;
}
.total span {
  width: auto !important;
  font-size: 14px;
  padding: 0px 5px;
}
.pagination span,
.pagination a {
  box-sizing: border-box;
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px !important;
  border: 1px solid #f2f2f2;
  border-radius: 4px;
  background-color: #f2f2f2;
}
.pagination a:hover {
  color: #ffffff;
  background-color: #840D24;
}
.pagination div {
  display: inline-block;
  height: 40px;
  font-size: 16px;
  color: #333333;
  line-height: 40px;
}
.pagination div input {
  width: 40px;
  height: 40px;
  border: 1px solid #e6e6e6;
  margin: 0px 5px;
  font-size: 16px;
  text-align: center;
}
.pagination div input[type="button"] {
  width: 60px;
  background-color: #990000;
  border: 1px solid #990000;
  color: #ffffff;
  margin-left: 10px;
  cursor: pointer;
}

/* INTRODUCTION */

.introduction {
  width: 100%;
  padding-bottom: 80px;
  margin-top: 40px;
}
.introduction h3 {
  display: block;
  width: 100%;
  height: 63px;
  line-height: 63px;
  text-indent: 20px;
  font-size: 20px;
  color: #222222;
  font-family:"Libre-Bold";
  background-color: #f2f2f2;
  margin-bottom: 30px;
}
.introduction p {
  font-family:"Libre";
  font-size: 16px;
  color: #222222;
  line-height: 30px;
  padding: 0px 30px;
}
.introduction p + p {
  margin-top: 15px;
}
.introduction h4 {
  display: inline-block;
  position: relative;
  margin-top: 30px;
  font-size: 18px;
  font-family:"Libre-Bold";
  color: #222222;
  margin-left: 20px;
}
.introduction h4:after {
  content: '';
  display: block;
  width: 100%;
  height: 10px;
  position: absolute;
  z-index: -1;
  bottom: 0px;
  left: 0px;
  background-color: #f2f2f2;
}
.courses_item {
  width: 100%;
  margin-top: 20px;
}
.courses_item>li>a {
  display: block;
  font-size: 16px;
  color: #222222;
  font-family:"Libre";
  padding-left: 45px;
  background: url(../../images/en/icon_block.png) no-repeat 20px;
}
.courses_item>li+li {
  margin-top: 15px;
}
.courses_item>li>a:hover {
  color: #840D24;
}

/* TeacherList */

.teacherBox {
  width: 100%;
  margin-top: 40px;
}
.teacher_choice {
  width: 100%;
  border-radius: 5px;
  padding: 30px;
  background-color: #F2F2F2;
}
.teacher_choice_item {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.teacher_choice_item>span {
  display: block;
  width: 250px;
  height: 37px;
  line-height: 37px;
  font-family:"Libre";
  font-size: 14px;
  color: #222222;
}
.teacher_choice_item>div {
  width: calc(100% - 250px);
}
.teacher_choice_item>div>a {
  display: inline-block;
  height: 37px;
  line-height: 37px;
  font-family:"Libre";
  font-size: 14px;
  color: #222222;
  margin-right: 5px;
  padding: 0px 21px;
  border-radius: 5px;
  margin-bottom: 5px;
}
.teacher_choice_item>div>a.active {
  background-color: #AF0C2A;
  color: #ffffff !important;
}
.teacher_choice_item>div>a:hover {
  background-color: #AF0C2A;
  color: #ffffff !important;
}
.teacher_choice_item+.teacher_choice_item {
  margin-top: 16px;
  padding-top: 20px;
  border-top: 1px solid rgba(102, 102, 102, .5);
}
.teacher_list {
  width: 100%;
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.teacher_item {
  width: calc(100% - 51%);
  height: 223px;
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
  transition: all .3s ease-out .1s;
  -webkit-transition: all .3s ease-out .1s;
  -moz-transition: all .3s ease-out .1s;
  -ms-transition: all .3s ease-out .1s;
  -o-transition: all .3s ease-out .1s;
}
.teacher_pic {
  width: 152px;
  height: 182px;
  overflow: hidden;
}
.teacher_pic>img {
  transition: all .3s ease-out .1s;
  -webkit-transition: all .3s ease-out .1s;
  -moz-transition: all .3s ease-out .1s;
  -ms-transition: all .3s ease-out .1s;
  -o-transition: all .3s ease-out .1s;
}
.teacher_text {
  width: calc(100% - 175px);
  padding-top: 5px;
}
.teacher_text>h3 {
  display: block;
  font-size: 20px;
  color: #840D24;
  line-height: 30px;
  font-family:"Libre-bold";
  margin-bottom: 5px;
}
.teacher_text>p {
  font-size: 14px;
  font-family:"Libre";
  line-height: 30px;
  max-height: 30px;
  overflow: hidden;
  color: #222222;
  padding-left: 23px;
  background: url(../../images/en/icon_teacher.png) no-repeat 0px 8px;
}
.teacher_text>p+p {
  background-position: 0px -21px;
}
.teacher_text>p+p+p {
  background-position: 0px -50px;
}
.teacher_text>p+p+p+p {
  background-position: 0px -77px;
}
.teacher_text>p+p+p+p+p {
  background-position: 0px -107px;
}
.teacher_item+.teacher_item+.teacher_item {
  margin-top: 20px;
}
.teacher_item:hover {
  transform: translateY(-10px);
}
.teacher_item:hover .teacher_pic>img {
  transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  -moz-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
}

/* teacher_detail */

.teacher_article_header {
  width: 100%;
}
.teacher_article_header_pic {
  width: 170px;
  height: 213px;
  overflow: hidden;
}
.teacher_article_header_text {
  width: calc(100% - 200px);
  padding-top: 5px;
}
.teacher_article_header_text>h3 {
  display: block;
  font-size: 20px;
  color: #840D24;
  line-height: 30px;
  font-family:"Libre-bold";
  margin-bottom: 10px;
}
.teacher_article_header_text>p {
  font-size: 16px;
  font-family:"Libre";
  line-height: 30px;
  max-height: 30px;
  overflow: hidden;
  color: #222222;
  padding-left: 23px;
  background: url(../../images/en/icon_teacher.png) no-repeat 0px 8px;
}
.teacher_article_header_text>p+p {
  background-position: 0px -21px;
  margin-top: 5px;
}
.teacher_article_header_text>p+p+p {
  background-position: 0px -50px;
}
.teacher_article_header_text>p+p+p+p {
  background-position: 0px -77px;
}
.teacher_article_header_text>p+p+p+p+p {
  background-position: 0px -107px;
}
.teacher_article_box {
  width: 100%;
/*  margin-top: 40px;*/
  padding-bottom: 60px;
}
.teacher_article_item {
  width: 100%;
}
.teacher_article_item>h3 {
  display: inline-block;
  font-size: 20px;
  color: #840D24;
  line-height: 30px;
  font-family:"Libre-bold";
  position: relative;
  margin-bottom: 20px;
}
.teacher_article_item>h3:after {
  content: '';
  display: block;
  width: 100%;
  height: 10px;
  position: absolute;
  z-index: -1;
  bottom: 7px;
  left: 0px;
  background-color: rgba(132, 13, 36, .1);
}
.teacher_article_item p {
  font-size: 18px;
  color: #222222;
  font-family:"Libre";
  line-height: 30px;
}
.teacher_article_item p+p {
  margin-top: 10px;
}
.teacher_article_item+.teacher_article_item {
  margin-top: 30px;
}

/* leader_introduction */

.leader_introduction {
  width: 100%;
  margin-top: 40px;
  padding-bottom: 80px;
}
.leader_introduction h3 {
  display: block;
  width: 100%;
  height: 63px;
  line-height: 63px;
  text-indent: 20px;
  font-size: 20px;
  color: #222222;
  font-family:"Libre-Bold";
  background-color: #f2f2f2;
  margin-bottom: 30px;
}
.leader_introduction_box {
  width: 100%;
  margin-top: 20px;
  padding: 0px 20px;
}
.leader_introduction_detail {
  width: calc(100% - 280px);
}
.leader_introduction_detail p {
  font-size: 16px;
  font-family:"Libre";
  color: #222222;
  line-height: 30px;
}
.leader_introduction_detail p + p {
  margin-top: 10px;
}
.leader_introduction_pic {
  width: 240px;
  height: 300px;
  overflow: hidden;
}

/* article */

.article {
  width: 100%;
  margin-top: 40px;
  padding-bottom: 80px;
}
.article_title {
  width: 100%;
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(180, 180, 180, 0.5);
}
.article_title>h3 {
  display: block;
  font-size: 20px;
  color: #222222;
  line-height: 35px;
  font-family:"Libre-bold";
}
.article_title>span {
  display: inline-block;
  font-size: 16px;
  font-family:"Libre";
  color: #666666;
  padding-left: 25px;
  background: url(../../images/en/icon_time.png) no-repeat 0px;
  margin-top: 20px;
}
.article_cont {
  width: 100%;
  border-bottom: 1px solid rgba(180, 180, 180, 0.5);
  padding-bottom: 30px;
  margin-top: 30px;
}
.article_cont p {
  font-size: 16px;
  font-family:"Libre";
  color: #222222;
  line-height: 25px;
  text-indent: 0em;
}
.article_cont p+p {
  margin-top: 10px;
}
.article_cont img {
  display: block;
  max-width: 90%;
  margin: 15px auto;
  height: auto !important;
}
.article_cont table p {
  text-indent: 0em !important;
}
.article_page {
  width: 100%;
  margin-top: 20px;
}
.article_page>a {
  display: block;
  font-size: 16px;
  font-family:"Libre";
  color: #666666;
  line-height: 25px;
  text-indent: 0em;
}
.article_page>a+a {
  margin-top: 10px;
}
.article_page>a:hover {
  color: #840D24;
}

/* list_pic */

.list_pic_box {
  width: 100%;
  margin-top: 40px;
}
.list_pic_list {
  width: 100%;
  position: relative;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(180, 180, 180, 0.5);
}
.list_pic_img {
  width: 340px;
  height: 200px;
  overflow: hidden;
}
.list_pic_img>img {
  transition: all .3s ease-out .1s;
  -webkit-transition: all .3s ease-out .1s;
  -moz-transition: all .3s ease-out .1s;
  -ms-transition: all .3s ease-out .1s;
  -o-transition: all .3s ease-out .1s;
}
.list_pic_text {
  width: calc(100% - 360px);
}
.list_pic_text>h3 {
  display: block;
  font-size: 18px;
  color: #222222;
  font-family:"Libre-bold";
  line-height: 30px;
  max-height: 60px;
  overflow: hidden;
}
.list_pic_text>p {
  font-size: 14px;
  font-family:"Libre";
  color: #666666;
  line-height: 26px;
  max-height: 78px;
  overflow: hidden;
  margin-top: 10px;
}
.list_pic_text>span {
  display: block;
  font-size: 14px;
  color: #840D24;
  line-height: 26px;
  margin-top: 20px;
  font-family:"Libre";
}
.list_pic_list+.list_pic_list {
  margin-top: 30px;
}
.list_pic_list:hover .list_pic_img>img {
  transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  -moz-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
}
.list_pic_list:hover .list_pic_text>h3 {
  color: #840D24;
}
.list_pic_list:after {
  content: '';
  width: 0;
  height: 1px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 5;
  background-color: #840D24;
  transition: all .3s ease-out .1s;
  -webkit-transition: all .3s ease-out .1s;
  -moz-transition: all .3s ease-out .1s;
  -ms-transition: all .3s ease-out .1s;
  -o-transition: all .3s ease-out .1s;
}
.list_pic_list:hover:after {
  width: 100%;
}