.index {
  padding-top: var(--navBarHeight);
  background-color: #fff;
}
.index .banner {
  position: relative;
  width: 100%;
  max-width: 1920px;
  min-height: 300px;
  padding-top: min(33%, 500px);
  margin: 0 auto;
  overflow: hidden
}
.index .banner::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 0;
  height: 0;
  border-top: 15px solid rgba(0, 0, 0, 0);
  border-left: calc(min(100vw, 1920px)/3) solid #22c5b7;
  z-index: 9
}
.index .banner::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 0;
  height: 0;
  border-top: .535rem solid rgba(0, 0, 0, 0);
  border-right: calc(min(100vw, 1920px)/3*2) solid #226bc5;
  z-index: 9
}
.index .banner .index-swiper {
  position: absolute;
  top: 0;
  left: 0
}
.index .banner .index-swiper, .index .banner .swiper-wrapper, .index .banner .swiper-slide {
  width: 100%;
  height: 100%
}
.index .banner .index-swiper img, .index .banner .swiper-wrapper img, .index .banner .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.index .banner .banner-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  pointer-events: none
}
.index .banner .banner-wrap .page-content {
  height: 100%
}
.index .banner .banner-content {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff
}
.index .banner .banner-content > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  width: 100%
}
.index .banner .content-left {
  flex-shrink: 0;
  max-width: 5.1em;
  font-size: max(.6rem, 24px)
}
.index .banner .banner-title {
  max-width: 5.1em;
  margin-bottom: .26rem;
  font-size: max(.6rem, 24px);
  line-height: 1.41
}
.index .banner .en-title {
  margin-bottom: .61rem;
  font-size: max(.2rem, 16px);
  letter-spacing: .0077rem;
  line-height: 1.6
}
.index .banner .more-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 98px;
  height: 36px;
  background-color: #efbb0f;
  font-size: max(.16rem, 12px);
  font-weight: 700;
  line-height: 1.375;
  cursor: pointer
}
.index .banner .content-right {
  align-self: flex-end
}
.index .banner .sw-btn {
  display: flex;
  pointer-events: all
}
.index .banner .swiper-button-prev::after {
  content: "";
  font-family: "icomoon";
  font-size: 20px
}
.index .banner .swiper-button-next::after {
  content: "";
  font-family: "icomoon";
  font-size: 20px
}
.index .banner .swiper-button-prev, .index .banner .swiper-button-next {
  position: unset;
  color: #fff;
  width: max(.6rem, 40px);
  height: max(.6rem, 40px);
  margin-top: unset;
  background-color: rgba(102, 102, 102, .7)
}
.index .banner .swiper-button-disabled {
  opacity: unset;
  background-color: rgba(102, 102, 102, .4)
}
@media screen and (max-width: 910px) {
  .index .banner .banner-content > div {
    flex-direction: column;
    align-items: flex-start
  }
  .index .banner .content-left {
    max-width: unset
  }
  .index .banner .banner-title {
    max-width: unset
  }
  .index .banner .content-right {
    align-self: unset
  }
}
.index .index-title .cn-title {
  display: inline-block;
  padding-bottom: .26rem;
  color: #226bc5;
  border-bottom: 4px solid #226bc5;
  font-size: max(.4rem, 20px);
  line-height: 1.4
}
.index .index-title .en-title {
  padding-top: .2rem;
  color: #505050;
  font-size: max(.28rem, 16px);
  font-style: italic;
  line-height: 1.14;
  text-transform: uppercase
}
.index .index-more {
  display: flex;
  flex-direction: column;
  color: #666;
  font-size: max(.16rem, 12px);
  font-weight: 700;
  line-height: 1.375
}
.index .index-more:hover .btn-icon {
  transform: translateX(5px)
}
.index .index-more .btn-icon {
  color: #139f93;
  font-size: max(.65rem, 20px);
  line-height: 0;
  transition: transform .3s ease
}
.index .index-wrap {
  margin-top: 0px;
}
.index .part-1 {
  padding-bottom: .8rem
}
.index .part-1 .title-wrap {
  display: flex;
  gap: 20px 30px;
  justify-content: space-between
}
.index .part-1 .index-more {
  padding-top: .28rem
}
.index .part-1 .news-list {
  display: flex;
  gap: 30px .6rem;
  flex-wrap: wrap;
  margin-top: .43rem
}
.index .part-1 .new-item {
  flex-shrink: 0;
  width: calc((100% - 1.2rem)/3);
  padding-bottom: .25rem
}
.index .part-1 .new-item:hover .new-img img {
  transform: scale(1.1)
}
.index .part-1 .new-date {
  margin-bottom: 12px;
  color: #999;
  font-size: max(.2rem, 14px)
}
.index .part-1 .new-img {
  width: 100%;
  height: 2.76rem;
  min-height: 250px;
  margin-bottom: 21px;
  overflow: hidden;
  background: url(./images/n-img1.jpg) no-repeat center/cover
}
.index .part-1 .new-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform .3s ease
}
.index .part-1 .new-tag {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 10px
}
.index .part-1 .new-tag span {
  padding: 0 12px;
  color: #de494e;
  font-size: max(.14rem, 12px);
  line-height: 2;
  letter-spacing: .0078rem;
  border-radius: 8px 0 8px 0;
  border: 1px solid #de494e
}
.index .part-1 .new-title {
  color: #333;
  font-size: max(.2rem, 14px);
  line-height: 1.6;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
.index .part-1 .new-title a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
@media screen and (max-width: 910px) {
  .index .part-1 .news-list {
    flex-direction: column
  }
  .index .part-1 .new-item {
    width: 100%
  }
}
.index .part-2 {
  padding: .76rem 0 .82rem;
  background: url(./images/index-img1.png) no-repeat center/cover;
  color: rgba(255, 255, 255, .6)
}
.index .part-2 .index-title .cn-title {
  color: #fff;
  border-bottom-color: #ffc400
}
.index .part-2 .index-title .en-title {
  color: rgba(255, 255, 255, .7)
}
.index .part-2 .index-more {
  color: #fff
}
.index .part-2 .index-more .btn-icon {
  color: #fff
}
@media screen and (max-width: 910px) {
  .index .part-2 .index-more {
    max-width: 50px
  }
}
.index .part-2 .wrap-left {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  width: 22%;
  gap: .4rem 0;
  max-width: 314px
}
.index .part-2 .wrap-right {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  width: 100%
}
.index .part-2 .wrap-right .content-item {
  z-index: 2
}
.index .part-2 .wrap-right .content-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 0;
  z-index: -1;
  background: linear-gradient(180deg, #FFC400 0, #FFC400 4px, #FFF 4.01px, #FFF 100%);
  transition: height .3s ease
}
.index .part-2 .wrap-right .content-item:hover::after {
  height: 100%
}
.index .part-2 .wrap-1 {
  display: flex;
  gap: 30px 1.36rem;
  margin-bottom: .985rem
}
.index .part-2 .wrap-1 .index-more {
  display: none
}
.index .part-2 .wrap-1 .index-more.active {
  display: flex
}
.index .part-2 .wrap-1 .wrap-menu-list {
  display: flex;
  gap: .2rem .5rem;
  flex-wrap: wrap
}
.index .part-2 .wrap-1 .wrap-menu-list span {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: max(.2rem, 14px);
  cursor: pointer
}
.index .part-2 .wrap-1 .wrap-menu-list span::before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: rgba(255, 255, 255, .6)
}
.index .part-2 .wrap-1 .wrap-menu-list span:hover {
  color: #fff
}
.index .part-2 .wrap-1 .wrap-menu-list span.active {
  color: #fff
}
.index .part-2 .wrap-1 .wrap-menu-list span.active::before {
  background-color: #62ccdd
}
.index .part-2 .wrap-1 .wrap-right {
  display: none;
  padding-top: .35rem
}
.index .part-2 .wrap-1 .wrap-right.active {
  display: flex
}
.index .part-2 .wrap-1 .content-item {
  flex-shrink: 0;
  position: relative;
  display: flex;
  gap: 14px;
  width: calc((100% - 32px)/2);
  max-height: 122px;
  padding: .29rem 12px .29rem .24rem;
  background-color: rgba(255, 255, 255, .18)
}
.index .part-2 .wrap-1 .content-item:hover .date-item {
  color: #333;
  background-color: #e8f2ff
}
.index .part-2 .wrap-1 .content-item:hover .item-text {
  color: #226bc5
}
.index .part-2 .wrap-1 .date-item {
  flex-shrink: 0;
  align-self: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px 0;
  padding: 6px 8px;
  color: #fff;
  background-color: rgba(255, 255, 255, .15)
}
.index .part-2 .wrap-1 .date-item .day {
  font-size: max(.28rem, 16px);
  line-height: 1.14
}
.index .part-2 .wrap-1 .date-item .ym {
  font-size: 12px;
  line-height: 1.33
}
.index .part-2 .wrap-1 .item-text {
  margin-top: 6px;
  color: #fff;
  font-size: max(.16rem, 14px);
  font-weight: 700;
  line-height: 1.625;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
.index .part-2 .wrap-1 .item-text a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
.index .part-2 .wrap-2 {
  display: flex;
  gap: 30px 1.36rem
}
.index .part-2 .wrap-2 .index-title {
  margin-bottom: .36rem
}
.index .part-2 .wrap-2 .index-more {
  margin-bottom: .666rem
}
.index .part-2 .wrap-2 .swiper-btn {
  display: flex;
  align-items: center;
  gap: 0 .2rem
}
.index .part-2 .wrap-2 .scroll-btn, .index .part-2 .wrap-2 .pre-btn, .index .part-2 .wrap-2 .next-btn {
  position: unset
}
.index .part-2 .wrap-2 .btn-wrap {
  display: flex
}
.index .part-2 .wrap-2 .figure-btn {
  display: flex;
  gap: 0 .2rem;
  width: unset;
  color: #ffc400;
  font-size: max(.2rem, 14px);
  font-weight: 700
}
.index .part-2 .wrap-2 .figure-btn .total-fig {
  color: #d8d8d8
}
.index .part-2 .wrap-2 .pre-btn, .index .part-2 .wrap-2 .next-btn {
  width: max(.42rem, 32px);
  height: max(.42rem, 32px);
  margin-top: unset;
  background-color: rgba(232, 232, 232, .2);
  color: #fff;
  opacity: 1
}
.index .part-2 .wrap-2 .pre-btn:hover, .index .part-2 .wrap-2 .next-btn:hover {
  background-color: #ffc400
}
.index .part-2 .wrap-2 .pre-btn::after {
  content: "";
  font-family: "icomoon";
  font-size: 20px
}
.index .part-2 .wrap-2 .next-btn::after {
  content: "";
  font-family: "icomoon";
  font-size: 20px
}
.index .part-2 .wrap-2 .scroll-btn {
  width: 1.2rem;
  height: 1px;
  background-color: #d8d8d8
}
.index .part-2 .wrap-2 .scroll-btn .swiper-pagination-progressbar-fill {
  height: 2px;
  background: #f9dc31;
  top: unset;
  bottom: 0
}
.index .part-2 .wrap-2 .wrap-left {
  gap: unset
}
.index .part-2 .wrap-2 .wrap-right {
  width: 100% !important;
  gap: unset
}
.index .part-2 .wrap-2 .academic-swiper {
  width: 100%;
  max-height: 306px;
  overflow: hidden
}
.index .part-2 .wrap-2 .academic-swiper .swiper-wrapper {
  max-height: 306px
}
.index .part-2 .wrap-2 .content-item {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: .1rem 0;
  justify-content: space-between;
  width: calc((100% - 32px)/2) !important;
  max-height: 137px;
  padding: .2rem .26rem;
  background-color: rgba(255, 255, 255, .18)
}
.index .part-2 .wrap-2 .content-item:hover .item-text {
  color: #226bc5
}
.index .part-2 .wrap-2 .content-item:hover .item-info {
  border-top: 1px solid rgba(151, 151, 151, .2)
}
.index .part-2 .wrap-2 .content-item:hover .info-text {
  color: rgba(80, 80, 80, .8)
}
.index .part-2 .wrap-2 .item-text {
  flex-shrink: 0;
  color: #fff;
  font-size: max(.16rem, 14px);
  font-weight: 700;
  line-height: 1.625;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
.index .part-2 .wrap-2 .item-text a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
.index .part-2 .wrap-2 .item-info {
  display: flex;
  flex-wrap: wrap;
  gap: 10px .16rem;
  padding-top: .1rem;
  border-top: 1px solid rgba(255, 255, 255, .2)
}
.index .part-2 .wrap-2 .item-info .info-text {
  display: flex;
  align-items: center;
  gap: 0 5px;
  color: #fff;
  font-size: 12px;
  line-height: 1
}
@media screen and (max-width: 910px) {
  .index .part-2 .wrap-1 {
    flex-direction: column
  }
  .index .part-2 .wrap-1 .wrap-left {
    width: 100%;
    max-width: unset
  }
  .index .part-2 .wrap-1 .content-right {
    flex-direction: column
  }
  .index .part-2 .wrap-1 .content-item {
    width: 100%
  }
  .index .part-2 .wrap-2 {
    flex-direction: column
  }
  .index .part-2 .wrap-2 .wrap-left {
    width: 100%;
    max-width: unset
  }
  .index .part-2 .wrap-2 .content-item {
    width: 100% !important;
    min-height: 137px
  }
}
.index .part-3 {
  padding: 1.2rem 0 1.88rem;
  /* background: url(./images/index-img2.jpg) no-repeat center/cover; */
}
.index .part-3 .index-more {
  margin-top: .28rem
}
.index .part-3 .part-3-wrap {
  display: flex;
  gap: 40px .42rem
}
.index .part-3 .content-wrap {
  flex: 1
}
.index .part-3 .title-wrap {
  display: flex;
  gap: 20px 30px;
  justify-content: space-between
}
.index .part-3 .wrap-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: .4rem
}
.index .part-3 .list-item {
  padding-bottom: 21px;
  border-bottom: 1px solid rgba(151, 151, 151, .2)
}
.index .part-3 .item-tag {
  display: flex;
  gap: 10px 20px;
  flex-wrap: wrap;
  margin-bottom: 8px
}
.index .part-3 .item-tag span {
  padding: 0 12px;
  color: #de494e;
  font-size: max(.14rem, 12px);
  line-height: 2;
  letter-spacing: .0078rem;
  border-radius: 8px 0 8px 0;
  border: 1px solid #de494e
}
.index .part-3 .item-content {
  display: flex;
  gap: 0 20px;
  justify-content: space-between
}
.index .part-3 .item-title {
  color: #505050;
  font-size: max(.16rem, 14px);
  line-height: 1.5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical
}
.index .part-3 .item-title a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical
}
.index .part-3 .item-time {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 0 6px;
  color: #505050;
  font-size: 12px
}
@media screen and (max-width: 910px) {
  .index .part-3 .part-3-wrap {
    flex-direction: column
  }
}
.index .part-4 {
  position: relative;
  padding: 1.99rem 0 2.7rem;
  background: url(./images/index-img3.png) no-repeat 0 0/100% 100%;
  transform: translateY(-0.8rem)
}
.index .part-4::before {
  content: "";
  position: absolute;
  top: 0.34rem;
  left: 0;
  width: 9.22rem;
  height: 8.42rem;
  background: url(./images/index-img4.png) no-repeat 0 0/80% 80%;
}
.index .part-4 .title-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center
}
.index .part-4 .title-wrap .index-more {
  color: #fff
}
.index .part-4 .title-wrap .index-more .btn-icon {
  color: #fff
}
.index .part-4 .index-title {
  margin-bottom: .57rem
}
.index .part-4 .index-title .cn-title {
  color: #fff;
  border-bottom-color: #ffc400
}
.index .part-4 .index-title .en-title {
  color: rgba(255, 255, 255, .7)
}
.index .part-4 .part-4-wrap {
  display: flex;
  justify-content: flex-end
}
.index .part-4 .content-wrap {
  width: 50%;
  z-index: 1
}
.index .part-4 .wrap-list {
  display: flex;
  flex-wrap: wrap;
  gap: .36rem
}
.index .part-4 .list-item {
  flex-shrink: 0;
  width: calc((100% - .36rem)/2)
}
.index .part-4 .list-item .achievement {
  position: relative;
  display: flex;
  align-items: center;
  padding: .2rem 10px .2rem .3rem;
  background-color: rgba(255, 255, 255, .18);
  color: #fff;
  font-size: max(.2rem, 16px);
  font-weight: 700;
  line-height: 1.4
}
.index .part-4 .list-item a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, #FFC400 0, #FFC400 4px, #FFF 4.01px, #FFF 100%);
  transition: width .3s ease-in-out;
  z-index: -1
}
.index .part-4 .list-item a:hover {
  color: #226bc5
}
.index .part-4 .list-item a:hover::after {
  width: 100%
}
@media screen and (max-width: 910px) {
  .index .part-4 .content-wrap {
    width: 100%
  }
}
.index .part-5 {
  padding: 0 0 1rem; 
}
.index .part-5 .part-5-wrap {
  flex-wrap: wrap;       /* 允许换行 */
  display: flex;
  gap: 10px;
}
.index .part-5 .content-wrap {
 
  padding: 25px 10px 10px 40px;;
  color: #fff;
  transition: background .3s ease-in-out;
  /*overflow: hidden;*/
  height:100px;
  width:350px;
  
}
.index .part-5 .content-wrap:nth-child(odd) {
  background: linear-gradient(270deg, rgba(34, 107, 197, 0) 0%, rgba(81, 131, 192, 0.9019607843) 60%, #5183C0 100%), url(./images/index-img5.png) no-repeat center/120%;
  
}
.index .part-5 .content-wrap:nth-child(even) {
  background:linear-gradient(270deg, rgba(34, 107, 197, 0) 0%, rgba(81, 131, 192, 0.9019607843) 60%, #5183C0 100%), url(./images/index-img6.png) no-repeat center/100%
}
.index .part-5 .content-wrap:hover {
  background-size: 110% 110%
}
.index .part-5 .content-wrap:hover:nth-child(odd) {
  background: linear-gradient(270deg, rgba(34, 107, 197, 0) 0%, rgba(81, 131, 192, 0.9019607843) 60%, #5183C0 100%), url(./images/index-img5.png) no-repeat center/140%
}
.index .part-5 .content-wrap:hover:nth-child(even) {
  background: linear-gradient(270deg, rgba(34, 107, 197, 0) 0%, rgba(81, 131, 192, 0.9019607843) 60%, #5183C0 100%), url(./images/index-img6.png) no-repeat center/110%
}
.index .part-5 .title-wrap {
  font-size: max(.12rem, 20px);
  /*letter-spacing: 1.17px;
  line-height: 1.42*/
}
.index .part-5 .tag-wrap {
  /*font-size: max(.26rem, 18px);*/
  font-size:18px;
  letter-spacing: 1.08px;
  line-height: 1.5;
}
@media screen and (max-width: 910px) {
  .index .part-5 .part-5-wrap {
    flex-direction: column
  }
}


.index .part-6 {
  position: relative;
  padding: 0.5rem 0 0.7rem;
  transform: translateY(-0.8rem);
  border-bottom:solid 1px #226bc5;
}

.index .part-6 .title-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.index .part-6 .index-title {
  margin-bottom: .57rem
}

.index .part-6 .part-6-wrap {
  display: flex;
}
.index .part-6 .content-wrap {
  width: 50%;
  z-index: 1
}
.index .part-6 .wrap-list {
  display: flex;
  flex-wrap: wrap;
  gap: .36rem
}
.index .part-6 .list-item {
  flex-shrink: 0;
  width: calc((100% - .36rem)/2)
}
.index .part-6 .list-item .achievement {
  position: relative;
  display: flex;
  align-items: center;
  padding: .2rem 10px .2rem .3rem;
  background-color: rgb(55 122 202 / 73%);
  color: #fff;
  font-size: max(.2rem, 24px);
  font-weight: 500;
  line-height: 1.4
}

.index .part-6 .list-item a:hover::after {
  width: 100%
}
@media screen and (max-width: 910px) {
  .index .part-6 .content-wrap {
    width: 100%
  }
}
.index .part-6 .part-6-wrap .part6_pic{
  width: 50%;
 /*  min-height: 260px;
  margin-bottom: 21px; */
  height:423px;
  margin:0 0px 0 80px;
  overflow: hidden;
  background: url(./images/local-service.jpg) no-repeat center/cover;
}