.banner {

  position: relative;

  z-index: 5;

}



.banner .swiper {

  width: 100%;

  height: 100vh;

}



.banner .swiper .swiper-slide {

  position: relative;

}



.banner .swiper .swiper-slide::after {

  position: absolute;

  z-index: 1;

  content: "";

  background: rgba(0, 0, 0, 0.5);

  top: 0;

  bottom: 0;

  right: 0;

  left: 0;

}



.banner .swiper .swiper-slide video,

.banner .swiper .swiper-slide .m-video {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.banner .swiper .swiper-slide .banner-img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}





.banner .swiper .swiper-slide .banner-text {

  position: absolute;

  z-index: 2;

  top: 40%;

  width: 100%;

  text-align: center;

}



.banner .swiper .swiper-slide .h2 {

  font-size: 1.2rem;

  font-weight: 900;

  line-height: 1rem;

  color: #EFEFEF;

  letter-spacing: 0em;

}



.banner .swiper .swiper-slide .h3 {

  text-transform: uppercase;

  width: 100%;

  line-height: 1rem;

  text-align: center;

  font-size: 0.35rem;

  color: #EFEFEF;

  letter-spacing: 0.09em;

}



.banner .swiper .swiper-slide .banner-row {

  position: absolute;

  z-index: 2;

  bottom: 0.9rem;

  left: 50%;

  transform: translateX(-50%);

  display: flex;

  justify-content: space-between;

  align-items: center;

}





.banner-row .banner-row-item .p1 .num {

  font-size: 1rem;

  font-weight: 900;

  color: #FFFFFF;

  line-height: 1.2rem;

}



.banner-row .banner-row-item .p1 span {

  font-size: 0.5rem;

  font-weight: 900;

  color: #FFFFFF;

  vertical-align: text-top;

}



.banner-row .banner-row-item .p2 {

  font-size: 0.36rem;

  font-weight: 500;

  line-height: 0.3rem;

  color: #EFEFEF;

}
.banner .secBann{ width: 100%; height: 100%; position: relative;}
.banner .secBann .bannwz{ width: 89%; position: absolute; right:11%; top: 0; z-index: 999; text-align: right; color: #fff; padding-top: 18%; box-sizing: border-box;}
.banner .secBann .bannwz .t1{ font-size: 1.2rem; line-height: 1.2rem; margin-bottom: .4rem; font-weight: bold;}
.banner .secBann .bannwz .t2{ font-size: .35rem; line-height: .4rem; margin-bottom: .7rem;}
.banner .secBann .bannwz .t3 a{ display: block; width: 1.67rem; height: .5rem; line-height: .5rem; text-align: center; color: #fff; background: #E62129; font-size: .18rem; border-radius: .3rem; float: right; display: flex; align-items: center; justify-content: center;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.banner .secBann .bannwz .t3 a img{width:.11rem; height: auto; margin-left: .09rem;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;}
.banner .secBann .bannwz .t3 a:hover img{transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.banner .secBann .bann{ width: 100%; height: 100%;}



@keyframes rotate {

  50% {

    border-radius: 38%;

    transform: rotate(180deg);

  }



  100% {

    border-radius: 45%;

    transform: rotate(360deg);

  }

}



@keyframes rotate1 {

  50% {

    border-radius: 38%;

    transform: translate(-10%, 8%) rotate(180deg);

  }



  100% {

    border-radius: 45%;

    transform: translate(-5%, 0%) rotate(360deg);

  }

}



.row1 {

  padding: 2rem 2.1rem 1rem;

  position: relative;

  height: 10.8rem;

  z-index: 5;

  background: url("/assets/image/bg2.png");

  background-color: #fff;

  /* transform: scaleY(); */

}



.row1 .p1 {

  font-size: 0.6rem;

  font-weight: 500;

  line-height: 0.8rem;

  color: #222222;

}



.row1::before,

.row3::before {

  position: absolute;

  content: '';

  display: block;

  background-image: radial-gradient(circle, #879ADE, #879ADE, white);

  opacity: 0.2;

  width: 2.8rem;

  height: 2.8rem;

  border-radius: 45%;

  right: -1.9rem;

  z-index: 9;

  top: 1.2rem;

  animation: rotate 6s linear infinite;

}



.row1::after,

.row3::after {

  position: absolute;

  content: '';

  display: block;

  background-image: radial-gradient(circle, red, #E62129, white);

  opacity: 0.4;

  width: 5.5rem;

  height: 5.5rem;

  border-radius: 45%;

  z-index: 2;

  right: -4.4rem;

  top: 1.8rem;

  z-index: 9;

  animation: rotate1 6s linear infinite;

  transform: translate(-5%, 0) rotate(0deg);

}



.row1 .more {

  margin: 0.5rem 0 1.2rem;

  display: flex;

  align-items: center;

  font-family: Poppins;

  font-size: 0.16rem;

  font-weight: normal;

  line-height: 0.38rem;

  color: #222222;

}



.row1 .more img {

  margin-left: 0.08rem;

  height: 0.34rem;

}



.row1 .path-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 0.25rem;
}



.row1 .path-row .path-item {
  position: relative;
  height: 2.4rem;
  padding: 0.28rem;
  border-radius: 0.1rem;
  transition: all 0.3s;
  transform-origin: bottom;
}



.row1 .path-row .path-item:hover {
  transform: translateY(-0.58rem);
  height: 2.98rem;
}



.row1 .path-row .path-item:hover h2 {

  display: none;

}



.row1 .path-row .path-item:hover h3 {



  display: none;

}



.row1 .path-row .path-item:hover p {

  display: flex;

}



.row1 .path-row .path-item:hover a {

  display: inline;

}



.row1 .path-row .path-item:hover img {

  width: 1.36rem;

}



.row1 .path-row .path-item:nth-child(1) {

  background: linear-gradient(180deg, #EB4E54 0%, rgba(230, 33, 41, 0.26) 70%, rgba(230, 33, 41, 0) 100%);

}



.row1 .path-row .path-item:nth-child(2) {

  background: linear-gradient(180deg, #A8B3DB 0%, #A8B3DB 70%, rgba(168, 179, 219, 0) 100%);

}



.row1 .path-row .path-item:nth-child(3) {

  background: linear-gradient(180deg, #F2C58F 0%, rgba(240, 186, 119, 0.26) 70%, rgba(243, 205, 158, 0) 100%);

}



.row1 .path-row .path-item:nth-child(4) {

  background: linear-gradient(180deg, #BF89D5 0%, rgba(191, 137, 213, 0.43) 70%, rgba(191, 137, 213, 0) 100%);

}



.row1 .path-row .path-item h2 {

  font-size: 0.36rem;

  font-weight: bold;

  line-height: 0.75rem;

  color: #FFFFFF;

}



.row1 .path-row .path-item h3 {

  font-family: Poppins;

  font-size: 0.16rem;

  font-weight: 500;

  text-transform: uppercase;

  color: rgba(255, 255, 255, 0.6);

}



.row1 .path-row .path-item p {

  display: none;

  align-items: center;

  font-size: 0.24rem;

  font-weight: 500;

  line-height: 0.4rem;

  color: #FFFFFF;

}



.row1 .path-row .path-item p::before {

  content: "";

  width: 0.05rem;

  height: 0.05rem;

  opacity: 0.7;

  background: #FFFFFF;

  border-radius: 50%;

  margin-right: 0.1rem;

}



.row1 .path-row .path-item a {

  font-family: Poppins;

  display: none;

  font-size: 0.16rem;

  font-weight: normal;

  line-height: 0.75rem;



  color: rgba(255, 255, 255, 0.7);

}



.row1 .path-row .path-item img {

  position: absolute;

  width: 1.1rem;

  bottom: 0.25rem;

  right: -0.15rem;

}







.row2 {

  position: relative;

  z-index: 5;

  background-color: #000;

}



@keyframes moveBackground {

  0% {

    background-position: 100% 50%;

    /* 从右侧开始 */

  }



  100% {

    background-position: -100% 50%;

    /* 移动到左侧 */

  }

}









.row2 .row2-content {

  position: relative;

  z-index: 2;

  /* background-attachment: fixed; */

  background: url("/assets/image/bg.jpg") no-repeat;

  background-size: cover;

  padding: 0.9rem 2.1rem 0.9rem;

}



.row2 .row2-content .p1 {

  font-family: Poppins;

  font-size: 0.18rem;

  font-weight: normal;

  line-height: 1.1rem;

  letter-spacing: 0em;

  color: #FFFFFF;

}



.row2 .row2-content .row2-title {

  font-size: 0.9rem;

  font-weight: 500;

  line-height: 1.1rem;

  color: #FFFFFF;

}



.row2 .row2-content .p2 {

  font-size: 0.22rem;

  font-weight: normal;

  line-height: 0.42rem;

  text-align: right;

  color: #E62129;

  margin-top: -1.26rem;

}
.row2 .row2-content .p2 :first-child{
  display: block;

}

.row2 .row2-content .p2 :last-child {
  display: block;
  color: rgba(255, 255, 255, 0.8);

}





.row2 .row2-content .row2-list {

  margin-top: 1.7rem;

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  row-gap: 1.35rem;

  column-gap: 1.5rem;

}



.row2 .row2-content .row2-list .list-item {

  position: relative;

  padding-top: 0.2rem;

  border-top: 1px solid rgba(255, 255, 255, 0.3);

  cursor: pointer;

}



.row2 .row2-content .row2-list .list-item::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 1px;

  background: #fff;

  transition: 0.3s;

  transform: scaleX(0);

  transform-origin: left;

}







.row2-list .list-item p {

  font-weight: 400;

  font-size: 0.18rem;

  font-variation-settings: "opsz" auto;

  color: #FFFFFF
}



.row2-list .list-item p span {

  margin-left: 0.3rem;

  font-weight: 400;

  font-size: 0.16rem;

  font-variation-settings: "opsz" auto;

  color: rgba(255, 255, 255, 0.6)
}



.row2-list .list-item img {

  display: inline-block;

  width: 100%;

  object-fit: contain;

  transition: 0.3s;

}



.row2 .row2-content .row2-list .list-item:hover::before {

  transform: scaleX(1);

}



.row2 .row2-content .row2-list .list-item:hover img {

  transform: translateY(-.05rem);

}



.row2 .row2-content .p3 {

  margin-top: 1.7rem;

  font-size: 0.22rem;

  font-weight: normal;

  line-height: 0.42rem;

  text-align: center;

  color: rgba(255, 255, 255, 0.6);

}



.row3 {

  position: relative;

  z-index: 5;

}



.row3 .row3-bg {

  position: absolute;

  width: 100vw;

  height: 100%;

  z-index: 1;

  background-color: #fff;

}



.row3 .row3-content {

  position: relative;

  z-index: 2;

  padding: 0.8rem 2.1rem;

}



.row3 .row3-content .p1 {

  font-family: Poppins;

  font-size: 0.18rem;

  font-weight: normal;

  line-height: 1.1rem;

  color: #222222;

}



.row3 .row3-content .row3-title {

  font-size: 0.9rem;

  font-weight: 500;

  line-height: 1.1rem;

  color: #222222;

}



.row3 .row3-content .p2 {

  font-size: 0.26rem;

  font-weight: normal;

  line-height: 0.42rem;

  text-align: right;

  color: rgba(34, 34, 34, 0.6);

}



.row3 .row3-content .row3-list {

  margin-top: 0.9rem;

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  row-gap: 0.58rem;

  column-gap: 0.9rem;

}



.row3-list .list-item {

  display: block;

  border: 1px solid #eee;

  border-radius: 0.08rem;

  overflow: hidden;

}



.row3-list .list-item .cover-box {

  width: 100%;

  height: 2.18rem;

  overflow: hidden;

}



.row3-list .list-item .cover-box img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: 0.3s;

}





.row3-list .list-item .info-box {

  padding: 0.15rem 0.26rem;

}



.info-box .info-tag {

  font-size: 0.15rem;

  font-weight: normal;

  line-height: 0.36rem;

  color: #888888;

}



.info-box .info-title {

  margin-bottom: 0.2rem;

  font-size: 0.22rem;

  font-weight: normal;

  line-height: 0.32rem;

  color: #333333;

}



.info-box .info-desc {

  padding-top: 0.2rem;

  font-size: 0.15rem;

  font-weight: normal;

  line-height: 0.3rem;

  border-top: 1px solid #eee;

  color: #666666;

}



.info-box .info-date {

  margin-top: 0.2rem;

  display: flex;

  justify-content: space-between;

  align-items: center;

  font-size: 0.15rem;

  font-weight: normal;

  line-height: 0.16rem;

  color: #888888;

}



.info-date .info-link {

  display: flex;

  align-items: center;

  font-size: 0.15rem;

  font-weight: normal;

  line-height: 0.16rem;

  color: #E62129;

}



.info-date .info-link img {

  width: 0.12rem;

  height: 0.12rem;

  margin-left: 0.08rem;

}



.row3-list .list-item:hover .cover-box img {

  transform: scale(1.1);

}



.row3-list .list-item:hover .info-box .info-title {

  color: var(--color-primary);

}




/* --- 移动端样式  --- */

@media screen and (max-width: 1024px) {





  .banner .swiper .swiper-slide .banner-text {

    position: absolute;

    z-index: 2;

    top: 40%;

    width: 100%;

    text-align: center;

  }



  .banner .swiper .swiper-slide .h2 {

    font-size: 0.8rem;

    font-weight: 900;

    line-height: 1rem;

    color: #EFEFEF;

    letter-spacing: 0em;

  }



  .banner .swiper .swiper-slide .h3 {

    text-transform: uppercase;

    width: 100%;

    line-height: 0.6rem;

    text-align: center;

    font-size: 0.25rem;

    color: #EFEFEF;

    letter-spacing: 0.03em;

  }



  .banner .swiper .swiper-slide .banner-row {

    position: absolute;

    z-index: 2;

    bottom: 0.9rem;

    left: 0;

    padding-left: 0.9rem;

    transform: unset;

    width: 100vw;

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    row-gap: 0.5rem;

  }





  .banner-row .banner-row-item .p1 .num {

    font-size: 0.6rem;

    font-weight: 900;

    color: #FFFFFF;

    line-height: 1.2rem;

  }



  .banner-row .banner-row-item .p1 span {

    font-size: 0.4rem;

    font-weight: 900;

    color: #FFFFFF;

    vertical-align: text-top;

    line-height: 1rem;



  }



  .banner-row .banner-row-item .p2 {

    font-size: 0.34rem;

    font-weight: 500;

    line-height: 0.3rem;

    color: #EFEFEF;

  }

.banner .secBann .bannwz .t1{font-size:.8rem; line-height:.8rem;}
.banner .secBann .bannwz .t2{font-size:.3rem;}
.banner .secBann .bannwz{padding-top:48%}



  .row1 {

    padding: 1.4rem 0.3rem;

    min-height: unset;

  }



  .row1 .p1 {

    font-size: 0.46rem;

    font-weight: 500;

    line-height: 0.66rem;

    color: #222222;

  }



  .row1::before,

  .row3::before {

    position: absolute;

    content: '';

    display: block;

    background-image: radial-gradient(circle, #879ADE, #879ADE, white);

    opacity: 0.2;

    width: 2.8rem;

    height: 2.8rem;

    border-radius: 45%;

    right: -1.9rem;

    z-index: 9;

    top: 0.2rem;

    animation: rotate 6s linear infinite;

  }



  .row1::after,

  .row3::after {

    position: absolute;

    content: '';

    display: block;

    background-image: radial-gradient(circle, red, #E62129, white);

    opacity: 0.4;

    width: 3.5rem;

    height: 3.5rem;

    border-radius: 45%;

    z-index: 2;

    right: -2.4rem;

    top: 0.8rem;

    z-index: 9;

    animation: rotate1 6s linear infinite;

    transform: translate(-5%, 0) rotate(0deg);

  }



  .row1 .more {

    margin: 0.4rem 0 1rem;

    display: flex;

    align-items: center;

    font-family: Poppins;

    font-size: 0.26rem;

    font-weight: normal;

    line-height: 0.38rem;

    color: #222222;

  }



  .row1 .more img {

    margin-left: 0.18rem;

    height: 0.34rem;

  }



  .row1 .path-row {



    display: grid;

    grid-template-columns: repeat(2, 1fr);

    column-gap: 0.38rem;

    row-gap: 0.4rem;

  }



  .row1 .path-row .path-item {

    position: relative;

    height: 2.2rem;

    padding: 0.28rem;

    border-radius: 0.1rem;

    transition: all 0.3s;

  }



  .row1 .path-row .path-item:hover {

    transform: translateY(-0.58rem);

    height: 2.78rem;

  }







  .row1 .path-row .path-item:hover img {

    width: 1.36rem;

  }







  .row1 .path-row .path-item h2 {

    font-size: 0.36rem;

    font-weight: bold;

    line-height: 0.75rem;

    color: #FFFFFF;

  }



  .row1 .path-row .path-item h3 {

    font-family: Poppins;

    font-size: 0.18rem;

    font-weight: 500;

    text-transform: uppercase;

    color: rgba(255, 255, 255, 0.6);

  }



  .row1 .path-row .path-item p {

    display: none;

    align-items: center;

    font-size: 0.3rem;

    font-weight: 500;

    line-height: 0.5rem;

    color: #FFFFFF;

  }



  .row1 .path-row .path-item p::before {

    content: "";

    width: 0.05rem;

    height: 0.05rem;

    opacity: 0.7;

    background: #FFFFFF;

    border-radius: 50%;

    margin-right: 0.1rem;

  }



  .row1 .path-row .path-item a {

    font-family: Poppins;

    display: none;

    font-size: 0.26rem;

    font-weight: normal;

    line-height: 0.75rem;



    color: rgba(255, 255, 255, 0.7);

  }



  .row1 .path-row .path-item img {

    position: absolute;

    width: 1.1rem;

    bottom: 0.25rem;

    right: -0.15rem;

  }







  .row2 .row2-content {



    background: url("/assets/image/bg.jpg") repeat-y;

    background-size: contain;

    padding: 0.2rem 0.3rem 0.9rem;

  }



  .row2 .row2-content .p1 {

    font-size: 0.26rem;

  }

  .row2 .row2-content .p2 {
    font-size: 0.24rem;
    text-align: right;
    float: right;
    margin-top: -1.68rem;
  }

  .row2 .row2-content .p2 span {
    display: block;
  }




  .row2 .row2-content .row2-list {

    margin-top: 1.7rem;

    grid-template-columns: repeat(2, 1fr);

    row-gap: .5rem;

    column-gap: 0.9rem;

  }



  .row2-list .list-item p {

    font-weight: 400;

    font-size: 0.26rem;

    font-variation-settings: "opsz" auto;

    color: #FFFFFF
  }



  .row2-list .list-item p span {

    margin-left: 0.3rem;

    font-weight: 400;

    font-size: 0.22rem;

    font-variation-settings: "opsz" auto;

    color: rgba(255, 255, 255, 0.6)
  }





  .row3 .row3-content {

    position: relative;

    z-index: 2;

    padding: 0.8rem 0.3rem 0rem;

  }



  .row3 .row3-content .p1 {

    font-size: 0.26rem;

  }



  .row3 .row3-content .row3-title {

    font-size: 0.9rem;

    font-weight: 500;

    line-height: 1.1rem;

    color: #222222;

  }





  .row3 .row3-content .row3-list {

    margin-top: 0.9rem;

    display: grid;

    grid-template-columns: repeat(1, 1fr);

    row-gap: 0.3rem;

  }



  .row3 .row3-content .row3-list .list-item:nth-child(n + 4) {

    display: none;

  }







  .row3-list .list-item .cover-box {

    width: 100%;

    height: 3.4rem;

    overflow: hidden;

  }





  .row3-list .list-item .info-box {

    padding: 0.15rem 0.26rem;

  }



  .info-box .info-tag {

    font-size: 0.26rem;

  }



  .info-box .info-title {

    margin: 0.28rem 0;

    font-size: 0.34rem;

    font-weight: normal;

    line-height: 0.34rem;

    color: #333333;

  }



  .info-box .info-desc {



    display: none;

  }



  .info-box .info-date {

    border-top: 1px solid #eee;

    margin-top: 0;

    padding: 0.3rem 0 0.1rem;

    display: flex;

    justify-content: space-between;

    align-items: center;

    font-size: 0.26rem;

    font-weight: normal;



    color: #888888;

  }



  .info-date .info-link {

    display: flex;

    align-items: center;

    font-size: 0.26rem;

    font-weight: normal;

    line-height: 0.16rem;

    color: #E62129;

  }



  .info-date .info-link img {

    width: 0.3rem;

    height: 0.12rem;

    margin-left: 0.08rem;

  }



  .row3-list .list-item:hover .cover-box img {

    transform: scale(1.1);

  }



  .row3-list .list-item:hover .info-box .info-title {

    color: var(--color-primary);

  }


}