@charset "utf-8";
/* banner */
.main-visual-wrapper { width: 100%; overflow: hidden; position: relative; }
.main-visual-slider { overflow: hidden; position: relative; }
.main-visual-slider .swiper-slide { overflow: hidden; }
.swiper-box1 .imged { padding-bottom: 100vh; }
.slide-inner { overflow: hidden; }
.main-visual-slider .imged { transform: scale(1.05); transition: opacity 0.5s }
.main-visual-slider .imged::after { width: 100%;height: 30%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%); }
.main-visual-slider .swiper-slide-active .imged { transform: scale(1); transition: all 6s ; }
.main-visual-slider video { transform: scale(1.1)\0; }
.main-visual-slider .vde a:hover .imged { transform:scale(1); }
.main-visual-slider .vde .imged { transform:scale(1); }

.banner .cir { font-size: 0;bottom: .3rem;display: flex;align-items: center;z-index: 10;justify-content: center;}
.banner .cir span { position: relative;width: 0.12rem;height: 0.12rem;margin: 0 .18rem !important;opacity: 1;background: none;border-radius: 50%;border: 1px solid #fff; }
.banner .cir span.swiper-pagination-bullet-active {background: url(../images/cir.png) no-repeat center/100% 100%;width: 0.54rem;height: 0.29rem;border-radius: 0;border: none;}

@media (max-width: 1024px) {
    .swiper-box1 .imged{padding-bottom: 50%;}
}

/* 公共标题 */
.title {justify-content: space-between;align-items: flex-end;margin-bottom: 0.46rem;position: relative;}
.title .tit{margin: 0 auto;position: relative;/* padding-left: 0.18rem; */z-index: 1;display: flex;flex-direction: column;align-items: center;}
.title .tit h3::after{width: 1.09rem;height: 1.5rem;background: url(../images/tit.png) no-repeat center/100% 100%;left: -.5rem;bottom: auto;top: 50%;transform: translateY(-55%);content: "";position: absolute;z-index: -1;}
.title .tit h3 {font-size: 0.4rem;color: #333;font-weight: bold;align-items: flex-end;position: relative;}
.title .tit h3 span { font-size: 0.5rem; color: #00a6c7;}
.title .tit p {font-size: 0.26rem;/* margin-top: 0.1rem; */background: -webkit-linear-gradient(270deg, #fff 0%, #073070 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: #073070;text-transform: uppercase;display: inline-block;}
.more{position: absolute;right: 0;}
.more a{font-size: 0.18rem;color: #333;display: flex;flex-direction: column;padding-right: 0.57rem;background: url(../images/more.png) no-repeat right bottom/0.44rem;position: relative;padding-bottom: .05rem;}
.more a:after{content:"";position:absolute;left:0;right:.15rem;bottom:2px;background:#4F4085;height:1px;}
.more i {font-size: 0.16rem;color: #787878;font-style: normal;/* margin-top: 0.05rem; */font-family: HarmonyOS Sans SC;display: inline-block;}
.more:hover { color: #00a6c7; }
.home1 .title .tit{margin: 0;align-items: flex-start;}

/* home1 */
.home1{padding: 0.6rem 0 0;width: 100%;position: relative;z-index: 2;}
.home1::after{width: 100%;bottom: auto;top: 0;height: 4.9rem;background: url(../images/hbg1.png) no-repeat center/cover;}
.home1 .wp {justify-content: space-between;}
.home1 .left { width: 48%; }
.home1 .right { width:48%; }
.news-box { justify-content: space-between; }
.news-box li { width:49%;}
.news-box li .imged { padding-bottom: 76%; }
.news-box li .con { background: #fff; color: #333;height: 2.85rem; padding: 0.25rem 0.2rem;  position: relative;}
.news-box li .con h3 {font-size: 0.2rem;line-height: 0.3rem;max-height: .6rem;font-weight: bold;}
.news-box li .con h4 { font-size: 0.14rem; line-height: 0.28rem; opacity: 0.7;margin: 0.25rem 0 0.33rem;max-height: 0.56rem;}
.news-box li .con p { font-size: 0.18rem;color: #333;background: url(../images/h1-xq1.png) no-repeat right center/0.17rem;}
.notice-list{background: url(../images/h1bg.png) no-repeat center/cover;box-shadow: -0.05rem 0.04rem 0.22rem 0rem rgba(0, 0, 0, 0.3);padding: 0.28rem 0.3rem;height: 5.7rem;}
.notice-list li *{transition: 0.5s;}
.notice-list li a{/* padding: 0.2rem 0; */transition: all 0.3s;height: 0.7rem;margin-bottom: 0.24rem;flex-direction: column;justify-content: center;display: block;}
.notice-list li a::after{height: 1px;background: #00A6C7;}
.notice-list li:last-child a{margin-bottom: 0;}
.notice-list span { display: inline-block; background: rgba(214, 239, 247, .8); color: #333; font-size: 0.16rem; padding: 0rem 0.2rem; border-radius: 0.2rem;line-height:.32rem;}
.notice-list li h3 {font-size: 0.2rem;color: #1d212d;line-height: 0.3rem;transition: all 0.3s;margin-top: 0.1rem;font-weight: bold;}
.notice-list li h4{font-size: 0.16rem;color: #888;line-height: 0.26rem;max-height: 0.52rem;margin-top: 0.1rem;display: none;}




@media screen and (min-width: 1025px) {
.notice-list li.on a::after{width: 100%;}
.notice-list li.on h3 { color:#073070;font-weight:bold;}
.notice-list li.on h4 { display: -webkit-box;display: block\0;}
.notice-list li.on span{color: #fff;background: #00A6C7;}
  .notice-list li.on a{height:1.44rem;}
.news-box li a:hover .con{background: #00A6C7;}
.news-box li a:hover .con h3,.news-box li a:hover h4,.news-box li a:hover p{color: #fff;}
.news-box li a:hover p{background: url(../images/h1-xq2.png) no-repeat right center/0.17rem;}

}

@media screen and (max-width: 1024px) {
  .home1{padding: 0.4rem 0;overflow: hidden;}
  .home1 .left, .home1 .right { width: 100%; }
  .home1 .right{margin-top: 0.3rem;}
  .news-box li .con{box-shadow: 0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.2);}
  .notice-list{height:auto;}
}
@media screen and (max-width: 768px) {
  .news-box li{width: 100%;margin-bottom: 0.25rem;}
  .news-box li .con{height:auto;}
  .news-box li .con h4{margin:.15rem 0;}
.home2 .title .tit h3{
            /* color: #333 !important; */
}
}


/* home2 */
.home2{padding: .7rem 0 1rem;width: 100%;}
.home2::after{width: 100%;height: 9.87rem;background: url(../images/hbg2.jpg) no-repeat bottom/cover;}
.home2 .title .tit h3, .home2 .title .more, .home2 .title .more i ,.home2 .title .more a{ color: #fff; }
.home2 .title .tit p{background: -webkit-linear-gradient(270deg, #ffffff8f 0%, #ffffff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;color: #fff;
}

.home2-t ul { justify-content: space-between; }
.home2-t .item { width: 47%; position: relative; }
.home2-t .item a{display: block;transition: 0.5s;}
.home2-t .item .imged { padding-bottom: 41.5%; }
.home2-t .item .imged::after{left: auto;right: 0;background: linear-gradient(270deg, #00a6c7 4%, #00a6c700 55%);}
.home2-t .item .con { position: absolute; right: 0.65rem; top: 50%; transform: translateY(-50%); z-index: 10;text-align: right;}
.home2-t .item .con h3 {font-size: 0.32rem;color: #fff;margin-bottom: 0.1rem;font-weight: bold;}
.home2-t .item .con p { font-size: 0.2rem; color: #fff;line-height: 2;margin: 0.1rem 0 0.36rem;}


@media screen and (min-width: 1025px) {
  .home2-t .item a:hover{transform: translateY(-0.1rem);}
  .home2-t .item a:hover .imged::after{width: 100%;}
  .home2-t{padding-top:.4rem;}
}

@media screen and (max-width: 1024px) {
  .home2{padding: 0.4rem 0;overflow: hidden;}
  .home2-t .item { width: 49%;}
}
@media screen and (max-width: 768px) {
  .home2{padding: 0.4rem 0 0.2rem;}
  .home2-t .item { width: 100%;margin-bottom: 0.25rem;}
  .home2-t .item .con h3 { font-size: 0.28rem; }
  .home2-t .item .con p { font-size: 0.16rem;margin: 0.1rem 0 0.2rem;}
  .home2-t .item .con{right:.25rem;}

}


/* home3 */
.home3 { padding: 0.9rem 0; background: url('../images/hbg3.png') no-repeat center/ cover; }
.exchange-swiper li *{transition: 0.5s;}
.exchange-swiper li a{display: block;padding: 0.13rem;background: #fff;box-shadow: 0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.2);}
.exchange-swiper li a::after{width: 100%;opacity: 0;background: url(../images/h3-bg.png) no-repeat center/cover;opacity: 0;}
.exchange-swiper .imged { padding-bottom: 62%; }
.exchange-swiper .con { padding: 0.25rem 0rem;height: 1.5rem;}
.exchange-swiper .con p { font-size: 0.2rem; color: #073070; margin-bottom: 0.15rem; }
.exchange-swiper .con h3 {font-size: 0.2rem;color: #333;line-height: 0.3rem;max-height: 0.6rem;transition: 0s;font-weight: bold;}
.exchange-swiper .con h4{font-size: 0.16rem; line-height: 0.24rem; opacity: 0.8;margin-top: 0.15rem;max-height: 0.48rem;display: none;color:#fff}


.home3 .arrow{align-items: center;margin-top: 0.4rem;}
.home3 .cir{height: 1px;background: #fff;display: flex;position: relative;bottom: auto;flex: 1;min-width: 0;align-items: center;}
.home3 .cir span{opacity: 0;width: auto;flex: 1;min-width: 0;height: 3px;background: #4F4085;}
.home3 .cir span.swiper-pagination-bullet-active{opacity: 1;}
.home3 .arror{width: 0.5rem;height: 0.5rem;position: relative;top: auto;left: auto;right: auto;margin: 0 0 0 0.2rem;transition: 0.5s;border-radius: 50%;background: #fff;}
.home3 .arror::after{color: #4F4085;font-weight: bold;font-size: 0.18rem;}
.home3 .arror:hover{background: #4F4085;}
.home3 .arror:hover::after{color: #fff;}

@media screen and (min-width: 1025px) {
  .exchange-swiper li{padding: 0.47rem 0;height: 4.7rem;}
  .exchange-swiper li:hover{padding: 0.37rem 0;}
  .exchange-swiper li:hover a::after{opacity: 1;}
  .exchange-swiper li:hover a{transform: translateY(-0.37rem);}
  .exchange-swiper li:hover .con{height: 2rem;}
  .exchange-swiper li:hover .con p, .exchange-swiper li:hover .con h3 { color: #fff; }
  .exchange-swiper li:hover .con h4 { display: -webkit-box;display: block\0;}
}
@media screen and (max-width: 1024px) {
 .home3 { padding: 0.4rem 0;}
  .home3 .arrow{align-items: center;margin-top: 0.2rem;}
}


/* home4 */
.home4 { padding: 0.8rem 0; background: url(../images/hbg4.png) no-repeat center/ cover; width: 100%;overflow: hidden;}
.home4::after{left: auto;right: 0;height: 5.44rem;background: url(../images/h4bg.jpg) no-repeat center/cover;bottom: auto;top: 0;width: 9.39rem;}
.home4 .title .tit{margin:0;}
.home4-t{ justify-content: space-between; }
.home4 .left { width: 49%; }
.home4 .right { width: 46%;}
.stu-list li a { align-items: center;height: 1rem;padding: 0 0.4rem;}
.stu-list li h3 {font-size: 0.2rem;color: #333;transition: all 0.3s;line-height: 0.32rem;max-height: 0.64rem;flex: 1;min-width: 0;padding-right: .2rem;font-weight: bold;}
.stu-list li p { font-size: 0.2rem; color: #a5a5a5; }

.v-box li{display: none;}
.v-box li:first-child{display: block;}
.v-box li a{display: block;position: relative;}
.v-box .imged { padding-bottom: 60%; }
.v-box .imged::after{width: 100%;height: 100%;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.3) 100%);}
.v-box .date {position: absolute;left: 0.2rem;top: 0.2rem;width: 0.8rem;height: 0.8rem;background: #20b9c1;color: #fff;display: flex;justify-content: center;align-items: center;text-align: center;z-index: 2;flex-direction: column;}
.v-box .date span{font-size: 0.34rem; line-height: 1.2;}
.v-box .date p{font-size: 0.18rem;}
.v-box .con{width: 100%;position: absolute;left: 0;bottom: 0;z-index: 10;padding: 0 0.2rem 0.2rem;}
.v-box h3{ font-size: 0.2rem; color: #fff; line-height: 0.32rem;max-height: 0.64rem;}


.stu-imgs { margin: 0.5rem  -0.2rem 0; }
.stu-imgs .item a{display: block;margin: 0 0.2rem;background: #FFFFFF;
box-shadow: 0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.2);border-bottom: 0.03rem solid #00A6C7;padding: 0.1rem;}
.stu-imgs .scale{position: relative;}
.stu-imgs .imged { padding-bottom: 66%;}
.stu-imgs .imged::after{width: 100%;height: 40%;background: linear-gradient(180deg, rgba(0,0,0,0) 65%, rgba(0,0,0,0.5) 100%);}
.stu-imgs .con { padding: 0.1rem;}
.stu-imgs .con h3 {font-size: 0.2rem;color: #333;line-height: 0.3rem;text-align: center;font-weight: bold;}
.stu-imgs li p { font-size: 0.16rem; color: #fff;text-align: center;width: 100%;padding: 0 0.1rem 0.1rem;position: absolute;left: 0;bottom: 0;z-index: 10;}


@media screen and (min-width: 1025px) {
 .stu-list li.on a { background: #00a6c7;}
 .stu-list li.on a h3,.stu-list li.on a p{ color: #fff; }
 .stu-imgs li a:hover{background: #00a6c7;}
 .stu-imgs li a:hover h3{color: #fff;}
}
@media screen and (max-width: 1024px) {
  .home4{padding: 0.4rem 0;}
  .home4 .left, .home4 .right { width: 100%; }
  .home4 .right{margin-top: 0.3rem;}
  .stu-imgs {margin: 0.3rem -0.1rem 0;}
  .stu-imgs .item a{margin: 0 0.1rem;}
  .home4::after{display:none;}
  .stu-list li a{height:auto;padding:.1rem 0}
}


/* home5 */
.home5 { padding: 0.85rem 0 0;width: 100%;overflow: hidden;}
.campus-box { position: relative; }
.c-main .imged { padding-bottom: 32.4%;}
.c-main::after{left: auto;right: 0;width: 1.6rem;background: rgba(255, 255, 255, 0.41);backdrop-filter: blur(0.15rem) saturate(100%);}
.c-main::before{content: "";position: absolute;left: 0;bottom: 0;width: 1.6rem;background: rgba(255, 255, 255, 0.41);backdrop-filter: blur(0.15rem) saturate(100%);}
.c-main .imged::before{width: 0.59rem;height: 0.59rem;background: url(../images/bf.png) no-repeat center/100% 100%;left: 50%;bottom: auto;top: 50%;transform: translate(-50%,-50%);}
.c-thumb{width: 100%;position: absolute;left: 0;bottom: 0.36rem;z-index: 10;}
.h5-s2{padding: 0 1.3rem;}
.h5-s2 li a{display: block;margin: 0rem 0.35rem;border: 2px solid #fff;}
.h5-s2 li .imged{padding-bottom: 55%;}
.h5-s2 .slick-arrow{width: 0.15rem;height: 0.2rem;}
.h5-s2 .slick-arrow::before{color: #fff;font-weight: bold;font-size: 0.18rem;opacity: 1;}
.h5-s2 .slick-prev{left: 0.8rem;}
.h5-s2 .slick-next{right: 0.8rem;}



@media screen and (max-width: 1024px) {
  .title .tit::after{width: .5rem;height: .8rem;left:-.1rem}
  .home5 { padding: 0.4rem 0 0}
  .h5-s2{padding: 0 .3rem;}
  .h5-s2 .slick-prev{left: 0rem;}
  .h5-s2 .slick-next{right: 0rem;}
  .h5-s2 li a{display: block;margin: 0rem 0.1rem;}
  .c-thumb{bottom:.2rem;}
  .more a{padding-right: 0.37rem;background: url(../images/more.png) no-repeat right bottom/0.34rem}
}

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