.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 {
  background: url(../images/index_bg.png) no-repeat top 62px center / 1920px 1437px;
  background-color: #F8FBFF;
}
.headline {
  width: fit-content;
  margin: 0 auto;
  position: relative;
}
.headline img {
  display: block;
  height: 98px;
}
.headline .more {
  position: absolute;
  right: 0;
  bottom: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  line-height: 20px;
}
.headline_1 {
  padding-bottom: 15px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  border-bottom: 1px solid #979797;
}
.headline_1 p {
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: bold;
  font-size: 26px;
  color: #0D5DB5;
  line-height: 20px;
}
.headline_1 .more {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  line-height: 20px;
}
.banner {
  margin-top: 170px;
}
.banner img {
  display: block;
  margin: 0 auto;
  width: 1198px;
}
.notice {
  margin-top: 85px;
}
.notice .layout {
  position: relative;
  padding: 54px 68px 67px;
  background: url(../images/notice_bg.png) no-repeat center / 100% 100%;
}
.notice .layout h1 {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 36px;
  color: #FFFFFF;
  line-height: 50px;
}
.notice .layout hr {
  margin: 3px 0 27px;
  width: 100%;
  height: 2px;
  background-color: #E1E1E1;
  border: none;
}
.notice .layout p {
  margin-bottom: 24px;
  width: 100%;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 26px;
  color: #FFFFFF;
  line-height: 37px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.notice .layout span {
  display: block;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 35px;
}
.notice .layout .more {
  position: absolute;
  right: 70px;
  bottom: 75px;
  padding: 6px 34px;
  background: #FFFFFF;
  border-radius: 19px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 18px;
  color: #0D5DB5;
  line-height: 25px;
}
.part1 {
  padding: 67px 0 60px;
}
.part1 .layout .box {
  margin-top: 46px;
  display: flex;
  justify-content: space-between;
}
.part1 .layout .box .left .item {
  position: relative;
}
.part1 .layout .box .left .item a {
  display: block;
}
.part1 .layout .box .left .item a .imgbox {
  width: 921px;
  height: 470px;
  overflow: hidden;
}
.part1 .layout .box .left .item a .imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.part1 .layout .box .left .item a .title {
  position: absolute;
  bottom: 0;
  width: 921px;
  padding: 11px 32px;
  background: rgba(23, 23, 23, 0.31);
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.part1 .layout .box .right .swiperbox {
  position: relative;
}
.part1 .layout .box .right .swiperbox .swiper {
  width: 268px;
  height: 470px;
}
.part1 .layout .box .right .swiperbox .swiper .swiper-wrapper .swiper-slide {
  position: relative;
}
.part1 .layout .box .right .swiperbox .swiper .swiper-wrapper .swiper-slide a {
  display: block;
}
.part1 .layout .box .right .swiperbox .swiper .swiper-wrapper .swiper-slide a .imgbox {
  width: 268px;
  height: 148px;
  overflow: hidden;
}
.part1 .layout .box .right .swiperbox .swiper .swiper-wrapper .swiper-slide a .imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.part1 .layout .box .right .swiperbox .swiper .swiper-wrapper .swiper-slide a .title {
  position: absolute;
  bottom: 0;
  width: 268px;
  padding: 4px 18px;
  background: rgba(23, 23, 23, 0.31);
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.part1 .layout .box .right .swiperbox .swiper-button::after {
  color: #999999;
}
.part1 .layout .box .right .swiperbox .swiper-button:hover::after {
  color: #0D5DB5;
}
.part1 .layout .box .right .swiperbox .swiper-button-prev {
  position: absolute;
  top: -24px;
  left: 50%;
  transform: translateX(-50%) rotate(90deg);
}
.part1 .layout .box .right .swiperbox .swiper-button-next {
  position: absolute;
  top: auto;
  bottom: -44px;
  left: 50%;
  transform: translateX(-50%) rotate(90deg);
}
.part2 {
  background: #E8F4FE;
  padding: 100px 0 57px;
}
.part2 .layout .box {
  margin-top: 50px;
  display: flex;
}
.part2 .layout .box .left img {
  display: block;
  width: 725px;
  height: 402px;
}
.part2 .layout .box .right {
  background: #FFFFFF;
  box-shadow: 2px 2px 8px 0px rgba(192, 192, 192, 0.5);
}
.part2 .layout .box .right ul {
  padding: 42px 0 42px;
  height: 402px;
}
.part2 .layout .box .right ul li {
  padding: 12px 51px 0px 44px;
}
.part2 .layout .box .right ul li:hover {
  background: #CDE5FF;
}
.part2 .layout .box .right ul li a {
  padding-bottom: 12px;
  border-bottom: 1px dashed #979797;
  display: flex;
  align-items: center;
}
.part2 .layout .box .right ul li a i {
  margin-right: 13px;
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #0D5DB5;
  flex-shrink: 0;
}
.part2 .layout .box .right ul li a p {
  width: 385px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 18px;
  color: #666666;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.part3 {
  padding: 98px 0 97px;
}
.part3 .layout .box {
  margin-top: 56px;
}
.part3 .layout .box ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 31px 14px;
}
.part3 .layout .box ul li a {
  display: flex;
  align-items: center;
}
.part3 .layout .box ul li a .imgbox {
  margin-right: 20px;
  width: 307px;
  height: 170px;
  overflow: hidden;
}
.part3 .layout .box ul li a .imgbox img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.part3 .layout .box ul li a .detail p {
  margin-bottom: 9px;
  width: 266px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 18px;
  color: #333333;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.part3 .layout .box ul li a .detail span {
  width: 253px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #454545;
  line-height: 26px;
  text-align: justify;
  text-indent: 2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.part4 {
  padding: 103px 0 99px;
  background: #E8F4FE;
}
.part4 .layout .box {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
.part4 .layout .box .list {
  background-color: #fff;
  width: 586px;
  padding: 40px 20px;
}
.part4 .layout .box .list ul {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 27px 0;
}
.part4 .layout .box .list ul li a {
  display: flex;
  align-items: center;
}
.part4 .layout .box .list ul li a .imgbox {
  margin-right: 13px;
  width: 276px;
  height: 153px;
  overflow: hidden;
}
.part4 .layout .box .list ul li a .imgbox img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.part4 .layout .box .list ul li a .detail p {
  margin-bottom: 9px;
  width: 266px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 18px;
  color: #333333;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.part4 .layout .box .list ul li a .detail span {
  width: 253px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #454545;
  line-height: 26px;
  text-align: justify;
  text-indent: 2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
