body {
  background-color: #F7F7F9;
}

.section1 .wrap {
  padding-top: 120px;
  width: 1560px;
  margin: 0 auto;
  padding-bottom: 60px;
}

.section1 .wrap .return {
  background-color: #F4F4F6;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transform: rotate(-135deg);
  cursor: pointer;
  transition: all 0.6s;
  margin-bottom: 60px;
}

.section1 .wrap .return:hover {
  transform: rotate(-180deg);
  background-color: #0D4082;
}

.section1 .wrap .return:hover span {
  color: #fff;
}

.section1 .wrap .return span {
  transition: all 0.6s;
  color: #111111;
  font-size: 20px;
  font-weight: 700;
}

.section1 .wrap .title {
  /* margin-top: 60px; */
  padding-bottom: 35px;
  border-bottom: 1px solid #DBDFE6;
}

.section1 .wrap .title h3 {
  font-size: 36px;
  color: #111;
  margin-bottom: 10px;
}

.section1 .wrap .title .time {
  color: #666;
  font-size: 16px;
}

.section1 .wrap .main {
  padding-top: 30px;
  padding-bottom: 60px;
}

.section1 .wrap .main p {
  color: #111;
  font-size: 19px;
  line-height: 40px;
  margin-bottom: 20px
}

.section1 .wrap .main p img {
  margin: 30px 0;
  max-width: 100%;
}

.section1 .wrap .tab {
  display: flex;
  gap: 80px;
}

.section1 .wrap .tab .prev,
.section1 .wrap .tab .next {
  padding: 40px 0;
  border-top: 1px solid #DBDFE6;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #DBDFE6;
}

.section1 .wrap .tab .prev .text p:nth-child(1),
.section1 .wrap .tab .next .text p:nth-child(1) {
  color: #666;
  font-size: 16px;
  margin-bottom: 10px;
}

.section1 .wrap .tab .prev .text p:nth-child(2),
.section1 .wrap .tab .next .text p:nth-child(2) {
  font-size: 20px;
  color: #111;
  transition: all 0.6s;
}

.section1 .wrap .tab .prev .go,
.section1 .wrap .tab .next .go {
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.6s;
}

.section1 .wrap .tab .prev .go span,
.section1 .wrap .tab .next .go span {
  color: #0D4082;
  font-size: 20px;
  font-weight: 700;
  transition: all 0.6s;
}

.section1 .wrap .tab .prev:hover .text p:nth-child(2),
.section1 .wrap .tab .next:hover .text p:nth-child(2) {
  color: #0D4082;
}

.section1 .wrap .tab .prev:hover .go,
.section1 .wrap .tab .next:hover .go {
  background-color: #0D4082;
}

.section1 .wrap .tab .prev:hover .go span,
.section1 .wrap .tab .next:hover .go span {
  color: #fff;
}

.section2 .wrap {
  width: 1560px;
  margin: 0 auto;
  padding-bottom: 114px;
}

.section2 .wrap .list .item {
  padding: 60px 0;
  display: flex;
  align-items: center;
  padding-right: 56px;
  position: relative;
  justify-content: space-between;
}

.section2 .wrap .list .item .line {
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  background-color: #D5D7DE;
}

.section2 .wrap .list .item .line::after {
  width: 100%;
  height: 100%;
  background-color: #0D4082;
  content: "";
  position: absolute;
  left: 0;
  transform-origin: left;
  transform: scaleX(0);
  transition: all 1s;
}

.section2 .wrap .list .item:hover .left .text h4 {
  color: #0D4082;
}

.section2 .wrap .list .item:hover .line::after {
  transform: scaleX(1);
}

.section2 .wrap .list .item .left {
  display: flex;
  align-items: center;
}

.section2 .wrap .list .item .left .time {
  margin-right: 120px;
}

.section2 .wrap .list .item .left .time h3 {
  font-size: 74px;
  font-weight: 400;
  line-height: 1;
  color: #D6DADF;
}

.section2 .wrap .list .item .left .time p {
  color: #D6DADF;
  font-size: 20px;
}

.section2 .wrap .list .item .left .text {
  width: 970px;
}

.section2 .wrap .list .item .left .text h4 {
  color: #333;
  font-size: 22px;
  margin-bottom: 10px;
  transition: all 0.6s;
}

.section2 .wrap .list .item .left .text p {
  color: #111;
  font-size: 18px;
  line-height: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.section2 .wrap .list .item .right .more {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #23528E 0%, #5AB3C1 100%);
}

.section2 .wrap .list .item .right .more span {
  color: #fff;
  font-size: 20px;
}

.section1 .wrap .hot .list .item {
  padding: 30px 0;
  display: flex;
  flex-direction:column;
  align-items: center;
  /* padding-right: 56px; */
  position: relative;
  justify-content: space-between;
}

.section1 .wrap .hot .list .item .line {
  width: 100%;
  height: 1px;
  left: 0;
  position: absolute;
  bottom: 0;
  background-color: #D5D7DE;
}

.section1 .wrap .hot .list .item .line::after {
  width: 100%;
  height: 100%;
  background-color: #0D4082;
  content: "";
  position: absolute;
  left: 0;
  transform-origin: left;
  transform: scaleX(0);
  transition: all 1s;
}

.section1 .wrap .hot .list .item:hover .left .text h4 {
  color: #0D4082;
}

.section1 .wrap .hot .list .item:hover .line::after {
  transform: scaleX(1);
}
.section1{
  overflow: unset;
}
.section1 .wrap .hot .list .item{
  flex-direction: column;
}
.section1 .wrap .hot{
  height: fit-content;
  position: sticky;
  top: 100px;
}
.section1 .wrap .hot .list .item .left {
  display: flex;
  flex-direction: column;
  align-items: start;
}

.section1 .wrap .hot .list .item .left .time {
  margin-right: 120px;
  margin-top: 10px;
}

.section1 .wrap .hot .list .item .left .time h3 {
  font-size: 74px;
  font-weight: 400;
  line-height: 1;
  color: #D6DADF;
}

.section1 .wrap .hot .list .item .left .time p {
  color: #D6DADF;
  font-size: 20px;
}

.section1 .wrap .hot .list .item .left .text {
  width: 100%;
}

.section1 .wrap .hot .list .item .left .text h4 {
  color: #333;
  font-size: 22px;
  margin-bottom: 10px;
  transition: all 0.6s;
}

.section1 .wrap .hot .list .item .left .text p {
  color: #111;
  font-size: 18px;
  line-height: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.section1 .wrap .hot .list .item .right .more {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #23528E 0%, #5AB3C1 100%);
}

.section1 .wrap .hot .list .item .right .more span {
  color: #fff;
  font-size: 20px;
}
.section1 .wrap .flex{
  display: flex;
}
.section1 .wrap .flex .content{
  flex: 1;
  margin-right: 60px;
}
.section1 .wrap .flex .hot{
  width: 400px;
}
@media screen and (max-width: 1919px) {
  .section1 .wrap {
    padding-top: 6.25vw;
    width: 81.25vw;
    padding-bottom: 3.125vw;
  }

  .section1 .wrap .return {
    width: 2.6041666667vw;
    height: 2.6041666667vw;
    margin-bottom: 3.125vw;
  }

  .section1 .wrap .return span {
    font-size: 1.0416666667vw;
  }

  .section1 .wrap .title {
    /* margin-top: 3.125vw; */
    padding-bottom: 1.8229166667vw;
  }

  .section1 .wrap .title h3 {
    font-size: 1.875vw;
    margin-bottom: 0.5208333333vw;
  }

  .section1 .wrap .title .time {
    font-size: 0.8333333333vw;
  }

  .section1 .wrap .main {
    padding-top: 1.5625vw;
    padding-bottom: 3.125vw;
  }

  .section1 .wrap .main p {
    font-size: 0.989583333vw;
    line-height: 2.0833333333vw;
    margin-bottom: 1.041666666vw;
  }

  .section1 .wrap .main p img {
    margin: 1.5625vw 0px;
  }

  .section1 .wrap .tab {
    gap: 4.1666666667vw;
  }

  .section1 .wrap .tab .prev,
  .section1 .wrap .tab .next {
    padding: 2.0833333333vw 0px;
  }

  .section1 .wrap .tab .prev .text p:nth-child(1),
  .section1 .wrap .tab .next .text p:nth-child(1) {
    font-size: 0.8333333333vw;
    margin-bottom: 0.5208333333vw;
  }

  .section1 .wrap .tab .prev .text p:nth-child(2),
  .section1 .wrap .tab .next .text p:nth-child(2) {
    font-size: 1.0416666667vw;
  }

  .section1 .wrap .tab .prev .go,
  .section1 .wrap .tab .next .go {
    width: 2.6041666667vw;
    height: 2.6041666667vw;
  }

  .section1 .wrap .tab .prev .go span,
  .section1 .wrap .tab .next .go span {
    font-size: 1.0416666667vw;
  }

  .section2 .wrap {
    width: 81.25vw;
    padding-bottom: 5.9375vw;
  }

  .section2 .wrap .list .item {
    padding: 3.125vw 2.9166666667vw 3.125vw 0px;
  }

  .section2 .wrap .list .item .left .time {
    margin-right: 6.25vw;
  }

  .section2 .wrap .list .item .left .time h3 {
    font-size: 3.8541666667vw;
  }

  .section2 .wrap .list .item .left .time p {
    font-size: 1.0416666667vw;
  }

  .section2 .wrap .list .item .left .text {
    width: 50.5208333333vw;
  }

  .section2 .wrap .list .item .left .text h4 {
    font-size: 1.1458333333vw;
    margin-bottom: 0.5208333333vw;
  }

  .section2 .wrap .list .item .left .text p {
    font-size: 0.9375vw;
  }

  .section2 .wrap .list .item .right .more {
    width: 2.6041666667vw;
    height: 2.6041666667vw;
  }

  .section2 .wrap .list .item .right .more span {
    font-size: 1.0416666667vw;
  }
    .section1 .wrap .hot .list .item{
    padding: 1.5625vw 0px;
    }
    .section1 .wrap .hot{
    top: 5.2083333333vw;
    }
    .section1 .wrap .hot .list .item .left .time{
    margin-right: 6.25vw;
     margin-top: 0.5208333333vw;
    }
    .section1 .wrap .hot .list .item .left .time h3{
    font-size: 3.8541666667vw;
    }
    .section1 .wrap .hot .list .item .left .time p{
    font-size: 1.0416666667vw;
    }
    .section1 .wrap .hot .list .item .left .text h4{
    font-size: 1.1458333333vw;
     margin-bottom: 0.5208333333vw;
    }
    .section1 .wrap .hot .list .item .left .text p{
    font-size: 0.9375vw;
    }
    .section1 .wrap .hot .list .item .right .more{
    width: 2.6041666667vw;
     height: 2.6041666667vw;
    }
    .section1 .wrap .hot .list .item .right .more span{
    font-size: 1.0416666667vw;
    }
    .section1 .wrap .flex .content{
    margin-right: 3.125vw;
    }
    .section1 .wrap .flex .hot{
    width: 20.8333333333vw;
    }
}
@media screen and (max-width: 1024px) {
  .section1 .wrap{
    width: 90%;
    padding: 120px 0 60px;
  }
  .section1 .wrap .return{
    width: 40px;
    height: 40px;
  }
  .section1 .wrap .return span{
    font-size: 16px;
  }
  .section1 .wrap .title h3{
    font-size: 20px;
    margin-bottom: 10px;
  }
  .section1 .wrap .title .time{
    font-size: 14px;
  }
  .section1 .wrap .title{
    margin-top: 20px;
    padding-bottom: 20px;
  }
  .section1 .wrap .main p{
    font-size: 14px;
    line-height: 2;
  }
  .section1 .wrap .main{
    padding: 30px 0;
  }
  .section1 .wrap .tab .prev .text p:nth-child(1), .section1 .wrap .tab .next .text p:nth-child(1){
    font-size: 14px;
    margin-bottom: 10px;
  }
  .section1 .wrap .tab .prev .text p:nth-child(2), .section1 .wrap .tab .next .text p:nth-child(2){
    font-size: 14px;
  }
  .section1 .wrap .tab .prev .go, .section1 .wrap .tab .next .go{
    width: 40px;
    height: 40px;
  }
  .section1 .wrap .tab .prev .go span, .section1 .wrap .tab .next .go span{
    font-size: 16px;
  }
  .section1 .wrap .tab{
    flex-direction: column;
    gap: 20px;
  }
  .section1 .wrap .tab .prev, .section1 .wrap .tab .next{
    padding: 20px 0;
  }
  .section2 .wrap{
    width: 90%;
    padding-bottom: 60px;
  }

  .section2 .wrap .list .item{
    padding: 20px 0;
  }
  .section2 .wrap .list .item .left .time h3{
    font-size: 48px;
  }
  .section2 .wrap .list .item .left .time p{
    font-size: 14px;
  }
  .section2 .wrap .list .item .left .time{
    margin-right: 30px;
  }
  .section2 .wrap .list .item .left .text h4{
    font-size: 18px;
    margin-bottom: 10px;
  }
  .section2 .wrap .list .item .left .text p{
    font-size: 14px;
  }
  .section2 .wrap .list .item .right .more{
    width: 30px;
    height: 30px;
  }
  .section2 .wrap .list .item .right .more span{
    font-size: 16px;
  }
  .section2 .wrap .list .item .left .text {
    width: 100%;
  }
  .section2 .wrap .list .item .left{
    flex-direction: column;
    align-items: start;
    margin-bottom: 20px;
  }
  .section2 .wrap .list .item .left .time{
    margin-bottom: 10px;
    display: flex;
    flex-direction: row-reverse;
  }
  .section2 .wrap .list .item{
    flex-direction: column;
    align-items: start;
  }
  .section2 .wrap .list .item .left .time h3{
    font-size: 14px;
    display: flex;
    align-items: center;
  }
  .section2 .wrap .list .item .left .time h3::before{
    content: "/";
  }
  .section1 .wrap .flex{
    flex-direction: column;
  }
  .section1 .wrap .flex .content{
    margin-right: 0;
    margin-bottom: 50px;
  }
  .section1 .wrap .hot .list .item{
    width: 100%;
  }
  .section1 .wrap .flex .hot{
    width: 100%;
  }
  .section1 .wrap .flex .hot .commonTitle{
    margin-bottom: 30px;
  }
  .section1 .wrap .hot .list .item .left .text h4{
    font-size: 18px;
    margin-bottom: 10px;
  }
  .section1 .wrap .hot .list .item .left .text p{
    font-size: 14px;
  }
  .section1 .wrap .hot .list .item .left .time p{
    color: #333;
    margin-top: 10px;
    font-size: 12px;
  }
  .section1 .wrap .hot .list .item{
    padding: 20px 0 ;
  }
}
@media screen and (max-width: 767px) {
  .section1 .wrap .tab .prev .go, .section1 .wrap .tab .next .go{
    display: none;
  }
  .section1 .wrap{
    padding-bottom: 50px;
  }
  .section2 .wrap{
    padding-bottom: 50px;
  }
}