.h1, .h2, .h3, h1, h2, h3 {
  margin: 0;}

.container {
  max-width: 1400px;
  width: auto;
  padding: 0;}

.g-doc {
  background-color: #f8f8f8;
  padding: 90px 0 3rem 0;}

.baner-content {
  max-width: 1400px;
  margin: 0 auto;
  padding-top: 121px;}
  .baner-content .baner-nav {
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    padding-bottom: 26px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;}
  .baner-content .baner-title {
    height: 58px;
    font-size: 60px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 36px;}

@media screen and (max-width: 991.98px) {
  .academy-banner, .talents-banner, .teachers-banner, .academic-banner, .politics-banner, .student-banner, .news-banner {
    height: 17rem !important;}

  .baner-content {
    padding: 4rem 0 0 2rem;}
    .baner-content .baner-title {
      font-size: 3.2rem;} }
.talents-banner {
  height: 340px;
  background: url(../../image/banner/talents-banner.jpg) no-repeat center top;
  margin: 0 auto;}

@media screen and (max-width: 639px) {
  .talents-banner {
    max-width: 100%;
    height: 140px;
    background: url(../../image/banner/app-talents-banner.jpg) no-repeat center center;
    background-size: cover;} }
.tab-wrapper {
  background-color: #fff;}
  .tab-wrapper .tab-content {
    max-width: 1400px;
    margin: 0 auto;}
    .tab-wrapper .tab-content .col-md-3 {
      display: flex;
      justify-content: center;}
    @media screen and (max-width: 991.98px) {
      .tab-wrapper .tab-content .col-md-3 {
        justify-content: flex-start;} }
    .tab-wrapper .tab-content .tab-item {
      height:70px;
      line-height:70px;
      font-size: 24px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      cursor: pointer;
      color: #333333;}
      .tab-wrapper .tab-content .tab-item .icon {
        padding-left: 34px;
        display: inline-block;}
      .tab-wrapper .tab-content .tab-item.active {
        color: #009E60;
        border-bottom: solid 3px #009e61;}
    .tab-wrapper .tab-content .tab-regular .icon {
      background: url(../../image/talents/regular-normal.jpg) 0px 25px no-repeat;}
    .tab-wrapper .tab-content .tab-regular.active .icon {
      background: url(../../image/talents/regular-selected.jpg) 0px 25px no-repeat;}
    .tab-wrapper .tab-content .tab-fulltime .icon {
      background: url(../../image/talents/postgraduate-normal.jpg) 0px 25px no-repeat;}
    .tab-wrapper .tab-content .tab-fulltime.active .icon {
      background: url(../../image/talents/postgraduate-selected.jpg) 0px 25px no-repeat;}
    .tab-wrapper .tab-content .tab-parttime .icon {
      background: url(../../image/talents/qq.png) 0px 25px no-repeat;}
    .tab-wrapper .tab-content .tab-parttime.active .icon {
      background: url(../../image/talents/qq4.png) 0px 25px no-repeat;}
    .tab-wrapper .tab-content .tab-continuing .icon {
      background: url(../../image/talents/continuing-normal.jpg) 0px 25px no-repeat;}
    .tab-wrapper .tab-content .tab-continuing.active .icon {
      background: url(../../image/talents/continuing-selected.jpg) 0px 25px no-repeat;}

.content-wrapper {
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
  background-color: #fff;}
  .content-wrapper .enclosure a {
    color: black;
    font-size: 18px;}

.tab-list {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;}
  .tab-list .tab-child {
    width: 200px;
    padding: 0 5px;
    cursor: pointer;}
    .tab-list .tab-child .text {
      line-height: 60px;
      text-align: center;
      font-size: 24px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #000000;
      background: #f2f2f2;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      margin: 0;}
  .tab-list .active .text {
    color: #009E60;
    background: #FFFFFF;}
  .tab-list.active .text {
    background: #fff;
    color: #26a56e;}

@media screen and (max-width: 639px) {
  .tab-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;}
    .tab-list .tab-child {
      width: 49%;
      margin-top: 1rem;}
      .tab-list .tab-child .text {
        font-size: 1.8rem;
        font-weight: bold;}
    .tab-list .active {
      position: relative;
      left: -3px;} }
.tab-list {
  justify-content: start;}
  .tab-list .tab-child {
    width: 33.3333%;
    padding: 0 10px 0 0;}
  .tab-list div:last-child {
    padding-right: 0;}

.recruit-info {
  padding: 2rem 3rem;}

.job {
  padding-bottom: 30px;
  border-bottom: 1px solid #f2f2f2;}
  .job .job-title {
    width: 160px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: rgba(0, 158, 96, 0.1);
    border-radius: 4px;
    font-size: 26px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    margin-top: 0;}
  .job .job-item {
    padding: 20px 20px 0 20px;}
    .job .job-item .title {
      line-height: 30px;
      padding-left: 40px;
      font-family: MicrosoftYaHei;
      font-weight: bold;
      font-size: 18px;
      color: #333333;}
    .job .job-item .job-icon {
      background: url(../../image/talents/employment.jpg) left center no-repeat;}
    .job .job-item .further-icon {
      background: url(../../image/talents/further.jpg) left center no-repeat;}
    .job .job-item .content {
      line-height: 40px;
      font-size: 18px;
      color: #333333;}

.course-list {
  border-bottom: 1px solid #f2f2f2;
  padding-top: 30px;}
  .course-list .course {
    margin-bottom: 30px;}
    .course-list .course .course-name {
      width: 160px;
      height: 50px;
      line-height: 50px;
      text-align: center;
      background: rgba(0, 158, 96, 0.1);
      border-radius: 4px;
      font-size: 26px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #333333;}
    .course-list .course .course-content {
      padding: 20px 20px 0 20px;}
      .course-list .course .course-content .course-item {
        padding-left: 40px;
        margin-bottom: 15px;
        font-family: MicrosoftYaHei-Bold;
        font-weight: bold;
        font-size: 18px;
        color: #333333;}
        .course-list .course .course-content .course-item .text {
          line-height: 40px;
          font-family: MicrosoftYaHei;
          font-weight: normal;}
      .course-list .course .course-content .school-icon {
        background: url(../../image/talents/school.jpg) left center no-repeat;}
      .course-list .course .course-content .degree-icon {
        background: url(../../image/talents/degree.jpg) left center no-repeat;}
      .course-list .course .course-content .aims-icon {
        background: url(../../image/talents/aims.jpg) no-repeat left 5px;}
      .course-list .course .course-content .job-icon {
        background: url(../../image/talents/job.jpg) no-repeat;}
      .course-list .course .course-content .course-icon {
        background: url(../../image/talents/course.jpg) no-repeat left 5px;}

.scholar {
  padding: 30px 0;}
  .scholar .scholar-title {
    width: 160px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: rgba(0, 158, 96, 0.1);
    border-radius: 4px;
    font-size: 26px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    margin: 0 0 3rem 0;}
  .scholar .scholar-content {
    padding-left: 110px;
    padding-right: 136px;
    position: relative;}
    .scholar .scholar-content .title {
      font-family: MicrosoftYaHei-Bold;
      font-weight: bold;
      font-size: 24px;
      color: #333333;}
      .scholar .scholar-content .title span {
        font-weight: normal;}
    .scholar .scholar-content .text {
      line-height: 40px;
      font-family: MicrosoftYaHei;
      font-weight: normal;
      font-size: 18px;
      color: #333333;
      padding-top: 1.5rem;}
    .scholar .scholar-content .top-icon {
      width: 76px;
      height: 70px;
      background: url(../../image/talents/top.jpg) no-repeat;
      position: absolute;
      left: 0;
      top: 0;}
    .scholar .scholar-content .bottom-icon {
      width: 76px;
      height: 70px;
      background: url(../../image/talents/bottom.jpg) no-repeat;
      position: absolute;
      right: 0;
      bottom: 0;}

.training {
  max-width: 1320px;
  padding: 2rem 0;
  margin: 0 auto;}
  .training .training-list .training-item {
    line-height: 36px;}
    .training .training-list .training-item .text {
      padding-left: 20px;
      font-size: 18px;
      color: #333333;
      font-family: MicrosoftYaHei;
      background: url(../../image/academic/arrow.jpg) left center no-repeat;}

@media screen and (max-width: 991.98px) {
  .training {
    padding: 1.5rem;} }
.practical {
  max-width: 1320px;
  margin: 0 auto;}
  .practical .practical-title {
    line-height: 48px;
    margin-bottom: 20px;
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    text-align: center;
    color: #333333;
    margin-top: 0;
    padding-top: 3rem;}
  .practical .teaching-table {
    margin-bottom: 30px;
    margin-left: 20px;}
    .practical .teaching-table td {
      color: #333333;
      font-size: 18px;}
      .practical .teaching-table td p {
        margin-bottom: 0;}
    .practical .teaching-table td:nth-child(odd) {
      font-weight: bold;}
  .practical .practical-item {
    margin-bottom: 30px;}
    .practical .practical-item .title {
      height: 50px;
      line-height: 50px;
      padding-left: 20px;
      margin-bottom: 30px;
      background-color: #e6f5f0;
      font-family: MicrosoftYaHei;
      font-weight: 400;
      font-size: 24px;
      color: #333333;}
    .practical .practical-item .aims {
      width: 210px;}
    .practical .practical-item .job {
      position: relative;
      width: 360px;}
    .practical .practical-item .social,
    .practical .practical-item .school {
      width: 270px;}
    .practical .practical-item .explain {
      width: 420px;}
    .practical .practical-item .content {
      padding-left: 20px;
      padding-right: 20px;
      font-family: MicrosoftYaHei;
      font-size: 18px;
      color: #333333;}
      .practical .practical-item .content .text-b {
        font-weight: bold;}
      .practical .practical-item .content .desc {
        line-height: 30px;}
      .practical .practical-item .content .item-title {
        margin-top: 20px;
        margin-bottom: 10px;}
      .practical .practical-item .content .item {
        padding-top: 10px;
        padding-bottom: 10px;}
      .practical .practical-item .content .direction {
        height: 30px;
        line-height: 30px;
        padding-left: 40px;
        background: url(../../image/talents/employment.jpg) left center no-repeat;}
      .practical .practical-item .content .course-table th,
      .practical .practical-item .content .course-table td {
        text-align: center;}
      .practical .practical-item .content .course-table th {
        font-weight: bold;}
      .practical .practical-item .content .subject-table th {
        font-weight: bold;}
      .practical .practical-item .content .subject-table th:nth-child(1),
      .practical .practical-item .content .subject-table td:nth-child(1) {
        text-align: center;}
      .practical .practical-item .content .subject-title {
        padding-top: 10px;
        padding-bottom: 5px;
        font-weight: bold;}

@media screen and (max-width: 639px) {
  .practical .teaching-table td {
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: vertical-lr;}
    .practical .teaching-table td p {
      text-orientation: upright;
      writing-mode: vertical-lr;
      -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: vertical-lr;} }
.recruit,
.training,
.practical {
 }
  .recruit.active,
  .training.active,
  .practical.active {
    display: block;}

@media screen and (max-width: 639px) {
  .recruit-info,
  .practical {
    padding-left: 15px;
    padding-right: 15px;}
    .recruit-info table,
    .practical table {
      max-width: 350px;}
    .recruit-info .desc,
    .practical .desc {
      width: 95%;}

  .scholar .scholar-content {
    padding-left: 0;
    padding-right: 0;}
    .scholar .scholar-content .top-icon,
    .scholar .scholar-content .bottom-icon {
      width: 0;
      height: 0;} }

/*# sourceMappingURL=talents-list.css.map */