.LineHide {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}

.clearfix:after {
  content: "";
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  display: block;
}

.clearfix {
  zoom: 1;
}

body {
  min-width: 1200px;
}

img,
a {
  display: block;
}

.titlebox {
  position: relative;
}

.titlebox .title {
  height: 53px;
  margin: 0 auto 40px;
}

.titlebox a {
  position: absolute;
  top: 50%;
  right: 124px;
  transform: translateY(-50%);
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}

.titlebox a:hover {
  color: #fff !important;
}

.header {
  width: 100%;
  height: 865px;
  background: url(../images/index_header.jpg) no-repeat top center;
  background-size: 1920px 865px;
}

.header .logo {
  padding-top: 172px;
  margin: 0px auto 46px;
  width: 1200px;
}

.header .bmrkbox {
  width: 400px;
  margin: 0 auto;
  transition: all .3s;
}

.header .bmrkbox:hover {
  transform: scale(1.2);
}

.header .bmrkbox img {
  width: 100%;
}

.part1 {
  margin-bottom: 60px;
  padding-bottom: 60px;
  background: url(../images/part1-background.png) no-repeat;
  background-size: cover;
}

.part1 .tz {
  margin-bottom: -18px;
  transform: translateY(-62px);
}

.part1 .tz .layout {
  height: 223px;
  padding-top: 80px;
  background: url(../images/tz-background.png) no-repeat top center;
  background-size: 100%;
}

.part1 .tz .layout img {
  width: 548px;
  margin: 0 auto 16px;
}

.part1 .tz .layout .swiper1 {
  width: 1000px;
  height: 100px;
}

.part1 .tz .layout .swiper1 a {
  font-size: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  text-align: center;
}

.part1 .layout ul {
  display: flex;
  justify-content: center;
}

.part1 .layout ul .active {
  width: 471px;
  height: 294px;
}

.part1 .layout ul .active p {
  display: none;
}

.part1 .layout ul .active .box {
  display: block;
}

.part1 .layout ul .active:nth-child(1) {
  background: url(../images/part1-1-1.png) no-repeat;
  background-size: cover;
}

.part1 .layout ul .active:nth-child(2) {
  background: url(../images/part1-2-1.png) no-repeat;
  background-size: cover;
}

.part1 .layout ul .active:nth-child(3) {
  background: url(../images/part1-3-1.png) no-repeat;
  background-size: cover;
}

.part1 .layout ul .active:nth-child(4) {
  background: url(../images/part1-4-1.png) no-repeat;
  background-size: cover;
}

.part1 .layout ul .active:nth-child(5) {
  background: url(../images/part1-5-1.png) no-repeat;
  background-size: cover;
}

.part1 .layout ul .active:nth-child(6) {
  background: url(../images/part1-6-1.png) no-repeat;
  background-size: cover;
  margin-right: 0;
}

.part1 .layout ul li {
  width: 130px;
  height: 294px;
  float: left;
  margin-right: 15px;
  cursor: pointer;
  transition: all .3s;
  display: flex;
}

.part1 .layout ul li p {
  height: 219px;
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ECF2FF;
  writing-mode: vertical-lr;
  line-height: 34px;
  text-align: center;
  margin: auto;
}

.part1 .layout ul li:nth-child(5) p {
  height: 274px;
}

.part1 .layout ul li .box {
  display: none;
  position: relative;
  padding: 46px 27px 0 27px;
}

.part1 .layout ul li .box img {
  width: 38px;
  margin-bottom: 18px;
}

.part1 .layout ul li .box h1 {
  font-size: 24px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ECF2FF;
  font-weight: bold;
  margin-bottom: 10px;
}

.part1 .layout ul li .box .content {
  margin-bottom: 20px;
  width: 417px;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ECF2FF;
  line-height: 32px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

.part1 .layout ul li .box a {
  transform: translateX(279px);
  width: 136px;
  height: 39px;
  background: #F5F4F6;
  border-radius: 6px;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #006AFF;
  line-height: 39px;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.27);
  text-align: center;
}

.part1 .layout ul li:nth-child(1) {
  background: url(../images/part1-1-0.png) no-repeat;
  background-size: cover;
}

.part1 .layout ul li:nth-child(2) {
  background: url(../images/part1-2-0.png) no-repeat;
  background-size: cover;
}

.part1 .layout ul li:nth-child(3) {
  background: url(../images/part1-3-0.png) no-repeat;
  background-size: cover;
}

.part1 .layout ul li:nth-child(4) {
  background: url(../images/part1-4-0.png) no-repeat;
  background-size: cover;
}

.part1 .layout ul li:nth-child(5) {
  background: url(../images/part1-5-0.png) no-repeat;
  background-size: cover;
}

.part1 .layout ul li:nth-child(6) {
  background: url(../images/part1-6-0.png) no-repeat;
  background-size: cover;
  margin-right: 0;
}

.part2 {
  padding-bottom: 60px;
}

.part2 .layout .tab {
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
}

.part2 .layout .tab .on {
  background: #016CFF;
  box-shadow: inset 0px 1px 8px 3px rgba(0, 0, 0, 0.09), inset 0px -1px 8px 3px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.65);
  color: #fff;
}

.part2 .layout .tab li {
  margin-right: 14px;
  padding: 0 16px;
  height: 40px;
  background: #EEF5FF;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.14), inset 0px -1px 8px 3px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  border: 1px solid #FFFFFF;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0069FA;
  line-height: 38px;
  text-align: center;
  cursor: pointer;
}

.part2 .layout .tab li:nth-last-child(1) {
  margin-right: 0;
}

.part2 .layout .contentbox .content {
  display: none;
}

.part2 .layout .contentbox .content ul {
  position: relative;
}

.part2 .layout .contentbox .content ul li {
  float: left;
  margin-right: 17px;
}

.part2 .layout .contentbox .content ul li:hover a .imgbox img {
  transform: scale(1.2);
}

.part2 .layout .contentbox .content ul li:hover a .t {
  color: #006AFF;
}

.part2 .layout .contentbox .content ul li:nth-last-child(2) {
  margin-right: 0;
}

.part2 .layout .contentbox .content ul li:nth-last-child(1) {
  position: absolute;
  top: -147px;
  right: 117px;
  margin-right: 0;
}

.part2 .layout .contentbox .content ul li:nth-last-child(1) a {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}

.part2 .layout .contentbox .content ul li:nth-last-child(1) a:hover {
  color: #fff !important;
}

.part2 .layout .contentbox .content ul li a .imgbox {
  width: 287px;
  height: 159px;
  margin-bottom: 17px;
  overflow: hidden;
}

.part2 .layout .contentbox .content ul li a .imgbox img {
  width: 100%;
  height: 100%;
  transition: all .3s;
}

.part2 .layout .contentbox .content ul li a .t {
  margin-bottom: 10px;
  width: 281px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}

.part2 .layout .contentbox .content ul li a .writer {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #8B8B8B;
}

.part2 .layout .contentbox .active {
  display: block;
}

.part3 {
  padding-top: 60px;
  padding-bottom: 60px;
  background: #FFFAFA;
}

.part3 .layout ul li {
  float: left;
  margin-right: 18px;
  width: 286px;
  height: 329px;
  background: linear-gradient(180deg, #f0f7ff 0%, rgba(255, 255, 255, 0.9) 100%);
  box-shadow: 0px 0px 20px 8px rgba(180, 58, 23, 0.05);
  border-radius: 4px;
  border: 3px solid #FFFFFF;
  transition: all .3s;
}

.part3 .layout ul li:hover {
  transform: scale(1.1);
}

.part3 .layout ul li:nth-last-child(1) {
  margin-right: 0;
}

.part3 .layout ul li a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.part3 .layout ul li a img {
  margin-bottom: 23px;
  width: 115px;
  height: 115px;
  border-radius: 58px;
}

.part3 .layout ul li a .name {
  margin-bottom: 9px;
  font-size: 22px;
  font-family: SourceHanSerifSC-Heavy, SourceHanSerifSC;
  font-weight: 800;
  color: #333333;
}

.part3 .layout ul li a .school {
  width: 223px;
  height: 52px;
  font-size: 18px;
  font-family: SourceHanSerifSC-Heavy, SourceHanSerifSC;
  font-weight: 800;
  color: #999999;
  text-align: center;
  line-height: 26px;
}

.part4 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.part4 .layout {
  display: flex;
  justify-content: space-between;
}

.part4 .layout .all {
  position: relative;
  padding: 43px 20px 64px;
  background: linear-gradient(180deg, #f6faff 0%, rgba(252, 252, 255, 0.14) 100%);
  box-shadow: 0px 0px 20px 8px rgba(30, 30, 30, 0.05);
  border-radius: 4px;
  border: 3px solid #FFFFFF;
}

.part4 .layout .all:hover {
  background: linear-gradient(180deg, #f6faff 0%, rgba(252, 252, 255, 0.14) 100%);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.14), inset 0px -1px 8px 3px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  border: 3px solid #FFFFFF;
}

.part4 .layout .all ul li {
  margin-bottom: 18px;
}

.part4 .layout .all ul li:hover a .t i {
  background-color: #006AFF;
}

.part4 .layout .all ul li:hover a .t .n {
  color: #006AFF;
}

.part4 .layout .all ul li a {
  display: flex;
  justify-content: space-between;
}

.part4 .layout .all ul li a .t {
  display: flex;
  align-items: center;
}

.part4 .layout .all ul li a .t i {
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  margin-right: 10px;
  background-color: #333;
}

.part4 .layout .all ul li a .t .n {
  width: 453px;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}

.part4 .layout .all .more {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 22px;
}

.part5 {
  padding: 60px 0;
  background: #FFFAFA;
}

.part5 .layout .swiper2 {
  width: 100%;
}

.part5 .layout .swiper2:hover .swiper-button-prev {
  transform: translateX(0px);
}

.part5 .layout .swiper2:hover .swiper-button-next {
  transform: translateX(0px);
}

.part5 .layout .swiper2 .swiper-button-prev:after,
.part5 .layout .swiper2 .swiper-button-next:after {
  content: "" !important;
}

.part5 .layout .swiper2 .swiper-button-prev {
  transform: translateX(-32px);
  left: 0;
}

.part5 .layout .swiper2 .swiper-button-next {
  transform: translateX(32px);
  right: 0px;
}

.part5 .layout .swiper2 .button {
  transition: all .3s;
}

.part5 .layout .swiper2 .button img {
  width: 32px;
  height: 39px;
}

.part5 .layout .swiper2 a {
  overflow: hidden;
}

.part5 .layout .swiper2 a:hover img {
  transform: scale(1.2);
}

.part5 .layout .swiper2 img {
  width: 388px;
  height: 214px;
  transition: all .3s;
}