/* 高等教育 */
.higherEducation .toplist {
  background: url(../img/gdjy.png) no-repeat center;
  background-size: cover;
}
/* 职业教育 */
.vocationalEducation .toplist {
  background: url(../img/zyjy.png) no-repeat center;
  background-size: cover;
}
/* 国际合作 */
.internationalCo-operation .toplist {
  background: url(../img/gjhz.png) no-repeat center;
  background-size: cover;
}
/* 铸就个人 */
.zjgr .toplist {
  background: url(../img/zjgr.png) no-repeat center;
  background-size: cover;
}
/* 资讯 */
.zx .toplist {
  background: url(../img/zx.png) no-repeat center;
  background-size: cover;
}
.about .toplist {
  background: url(../img/about.png) no-repeat center;
  background-size: cover;
}

.tabtitle {
  background: #F5F5F5;
  height: 10rem;
  border: 0;
  font-size: 2.8rem;
}

.educationtab.mui-segmented-control .mui-control-item {
  border: 0;
  color: #787878;
  font-size: 2.8rem;
  line-height: 10rem;
}

.educationtab.mui-segmented-control .mui-control-item.mui-active {
  background: #F5F5F5;
  position: relative;
  color: #D6000F;
}

.educationtab.mui-segmented-control .mui-control-item.mui-active::after {
  content: "";
  width: 17rem;
  height: 2px;
  background: #D6000F;
  border-radius: 0px 0px 0px 0px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.educationtab-content .mui-table-view:before {
  display: none;
}

.educationtab-content .mui-table-view-cell {
  padding: 0;
  margin: 0;
}

.educationtab-content .mui-table-view-cell.mui-active {
  background: none
}

.educationtab-content .mui-table-view-cell>a:not(.mui-btn) {
  height: 8.8rem;
  line-height: 8.8rem;
  font-size: 3.2rem;
  color: #FFFFFF;
  margin: 0;
  padding: 0 4rem;
}

.educationtab-content .mui-table-view-cell.mui-collapse .mui-collapse-content {
  background: #F5F5F5;
  margin: 0;
  padding: 0;
}

.educationtab-content .mui-control-content .mui-table-view-cell:nth-of-type(6n+1)>a {
  background: #E84853;
}

.educationtab-content .mui-control-content .mui-table-view-cell:nth-of-type(6n+2)>a {
  background: #F5AA2F;
}

.educationtab-content .mui-control-content .mui-table-view-cell:nth-of-type(6n+3)>a {
  background: #90BF40;
}

.educationtab-content .mui-control-content .mui-table-view-cell:nth-of-type(6n+4)>a {
  background: #3EB4AB;
}

.educationtab-content .mui-control-content .mui-table-view-cell:nth-of-type(6n+5)>a {
  background: #29AADB;
}

.educationtab-content .mui-control-content .mui-table-view-cell:nth-of-type(6n)>a {
  background: #618ABD;
}

.educationtab-content .mui-navigate-right:after,
.educationtab-content .mui-push-left:after,
.educationtab-content .mui-push-right:after {
  color: #FFFFFF;
}

.educationtab-cell {
  background: #F5F5F5;
  border-bottom: 1px solid #FFFFFF;
  padding: 1rem 4rem;
}

.educationtab-cell-title {
  font-size: 2.8rem;
  color: #000000;
  line-height: 8rem;
}

.educationtab-cell-namebox {
  display: flex;
  flex-wrap: wrap;
}

.educationtab-cell-name {
  font-size: 2.6rem;
  color: #666666;
  line-height: 7rem;
  padding-right: 2.5rem;
}

.educationtab-cell-name::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  background: #E84853;
  border-radius: 3px;
  margin-right: 4px;
  /* line-height: 7rem; */
  margin-bottom: 1rem;
}
 .tab-bars .mui-scroll-wrapper {
  top: 0;
  height: 10rem;
}
.tablist {
  font-weight: 400;
  position: relative;
  display: table;
  overflow: hidden;
  width: 100%;
  table-layout: fixed;
  border-radius: 3px;
  -webkit-touch-callout: none;
  background: #F5F5F5;
  height: 10rem;
  font-size: 2.8rem;
}
 .tab-bars .tab-list .mui-scroll {
  width: 100rem;
}
.tablist-item {
  color: #787878;
  font-size: 2.8rem;
  line-height: 10rem;
  display: table-cell;
  overflow: hidden;
  width: 1%;
  -webkit-transition: background-color .1s linear;
  transition: background-color .1s linear;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tablist-item.active {
  background: #F5F5F5;
  position: relative;
  color: #D6000F;
}

.tablist-item.active::after {
  content: "";
  width: 17rem;
  height: 2px;
  background: #D6000F;
  border-radius: 0px 0px 0px 0px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.article-title {
  font-weight: normal;
  font-size: 4rem;
  color: #333333;
  line-height: 10rem;
  text-align: center;
}

.article-text {
  font-size: 2.6rem;
  color: #666666;
  line-height: 4.5rem;
  /*text-indent: 2em;*/
}

.article-content>img {
  width: 100%;
  margin-bottom: 4rem;
}

/* 公司概况 */
.mission-c {
  position: relative;
  text-align: center;
  margin-bottom: 4rem;
}

.mission-c>img {
  width: 100%;
}

.mission-info {
  position: absolute;
  margin-top: 4rem;
  width: 100%;
  z-index: 100;
}

.mission .icon {
  line-height: 8rem;
  font-size: 6rem;
  color: #FFFFFF;
  margin-top: 2rem;
}

.mission .mission-title {
  font-weight: 400;
  font-size: 3.6rem;
  color: #FFFFFF;
  position: relative;
  margin-bottom: 3rem;
}

.mission .mission-title::after {
  content: "";
  width: 15px;
  height: 2px;
  background: #FFFFFF;
  border-radius: 8px 8px 8px 8px;
  position: absolute;
  left: 50%;
  bottom: -1.2rem;
  transform: translateX(-50%);
}

.mission .mission-desc {
  font-weight: 400;
  font-size: 2.6rem;
  color: #FFFFFF;
}
.patent{
  text-align: center;
  margin-top: 4rem;
  margin-bottom: 2.6rem;
}
.patent img{
  margin-bottom: 2.6rem;
}
.honor-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.honor-list img{
width: calc( 50% - 2rem);
}
/* 选项卡横向滚动 */
.listab{
  position: relative;
}
#tabsScroll.mui-scroll-wrapper{
  position: relative;
}
.mui-segmented-control {
  width: 130rem;
}
.listab .mui-segmented-control .mui-control-item {
  display: inline-block !important;
  width: auto;
  padding: 0 2rem;
}
.listab .mui-segmented-control .mui-control-item:first-of-type {
  padding-left: 4rem;
}
.tabs-content{

}
.educationtab.mui-segmented-control {
  width: 160rem;
  border: 0;
}
.mui-control-item.mui-active {
  position: relative;
  color: #D6000F;
}
.article-text img{ 
  max-width:100%;
}
