/* carousel */
.carousel-wrapper {
  width: 100%;
  margin: 0 auto;
}
.carousel-wrapper .carousel-inner {
  height: 300px;
}

/* main-content */
.main-content {
  width: 1140px;
  margin: 40px auto;
}
/* part one */
.main-content .part-one-wrapper {
  height: 380px;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
}
.tabs-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #DCDFE6;
  background-color: #467deb;
}
.tabs-header .tabs-item {
  cursor: pointer;
  font-size: 1rem;
  padding: 8px 20px;
  color: #fff;
}
.tabs-item.active {
  color: #409EFF;
  background-color: #FFFFFF;
  border-right: 1px solid #DCDFE6;
  border-bottom: none;
}
.tabs-item:hover {
  color: #409EFF;
}
.tabs-content {
  padding: 20px;
  min-height:337px;
}
.tabs-content .tab-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* 图片重设高度 */
.reset-img img{
  height: 300px;
}
.reset-img .no-padding {
  padding: 0;
  left: 10%;
  right: 10%;
}
.reset-img .no-padding p {
  text-align: left;
}
/* 标题列表 */
.title-list {
  width: 54%;
  height: 300px;
  position: relative;
}
/* 更多 */
.more-plus{
  display: block;
  position: absolute;
  top: -50px;
  right: 0;
  color: #fff;
  font-size: 0.95rem;
}
.more-plus:hover{
  color: #fff !important;
}
.title-list .title-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 11px 0;
  height: 20px;
  line-height: 20px;
  border-left: 3px solid #409EFF;
}
.title-list .title-item:first-of-type {
  margin-top: 2px;
}
.title-item .article-title {
  flex: 0.9;
}
.title-item .article-title a {
  display: block;
  padding-left: 8px;
  color: #606266;
  font-size: 0.95rem;
}
.title-item .date-day {
  color: #606266;
  font-size: 0.95rem;
}
/* part two end */
.flex-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* part two */
.part-two-wrapper {
  width: 560px;
  margin-top: 40px;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
}
.title-list-two {
  position: relative;
}
.title-list-two .title-item-two {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 120px;
}
.title-item-two {
  margin-bottom: 20px;
}
.title-item-two:last-of-type {
  margin-bottom: 0;
}
.title-item-two .title-img {
  width: 120px;
  height: 120px;
}
.title-item-two .article-box {
  width: 70%;
  height: 120px;
  margin-top: 15px;
}
.title-item-two .article-title {
  position: relative;
  left: -10px;
  border-left: 3px solid #409EFF;
  height: 20px;
  line-height: 20px;
  margin-bottom: 10px;
}
.title-item-two .article-title:last-of-type {
  margin-bottom: 0;
}
.article-title a {
  padding-left: 10px;
  font-size: 0.95rem;
  color: #303133;
}
.sub-content {
  font-size: 0.8rem;
  color: #909399;
  height: 75px;
  overflow: hidden;
}
/* part three */
.title-item-three {
  height: 50px !important;
}
.title-item-three .article-box {
  height: 50px;
  margin-top: 0;
}
.title-item-three .article-box .sub-content {
  height: auto;
  overflow: hidden;
}
.date-box {
  width: 120px;
  height: 50px;
  background: #EDF2FD;
  border: 2px solid #DAE5FB;
  border-radius: 4px;
  text-align: center;
}
.date-box .date-box-day {
  color: #467DEB;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 42px;
}
/* part four and five, the same */
.title-item-common {
  margin: 14px 0;
  border-left: 3px solid #409EFF;
}
.title-item-common:first-of-type {
  margin-top: 0;
}
.title-item-common:last-of-type {
  margin-bottom: 0;
}
.title-item-common a {
  /*display: block;*/
  padding-left: 10px;
  color: #303133;
  font-size: .95rem;
}
/* 官方合作单位 */
.office-cor-box {
  margin: 60px 0;
}
.office-cor-box .department-text {
  text-align: center;
  margin-bottom: 40px;
}
.department-text .item-1 {
  color: #1F2F3D;
  font-size: 1.4rem;
}
.department-text .item-2 {
  width: 80px;
  height: 3px;
  margin: 10px auto;
  background: #E4E7ED;
}
.department-text .item-3 {
  font-size: .95rem;
  color: #C0C4CC;
  font-weight: 500;
}
/* 图片相关 */
.office-cor-box .img-items {
  display: flex;
  /*flex-wrap: wrap;*/
  justify-content: space-between;
  align-items: center;
}
.img-items .img-item {
  height: 60px;
}
.img-item > a > img {
  height: 100%;
}