@charset "utf-8";
.page-index-banner,.page-index-banner-swiper {height:calc(var(--app-basis-ratio) * 688px);}
.page-index-banner .swiper-slide picture,.page-index-banner .swiper-slide img {font-size:0;height:100%;object-fit:cover;}
.page-index-banner .swiper-pagination {left:50%;bottom:calc(var(--app-basis-ratio) * 64px);width:auto;transform:translateX(-50%);}
.page-index-banner .swiper-pagination .swiper-pagination-bullet {width:calc(var(--app-basis-ratio) * 100px);height:4px;margin:0;border-radius:0;background:rgba(255,255,255,0.3);opacity:1;transition:all 0.3s ease-in-out;}
.page-index-banner .swiper-pagination .swiper-pagination-bullet-active {background:#fff;}
.page-index-news {padding:calc(var(--app-basis-ratio) * 116px) 0;}
.app-main-module-title {margin-bottom:1em;font-size:var(--app-fs-34);color:#333;text-align:center;}
.app-main-module-title.white {color:var(--app-white-color);}
.page-index-news .tag {font-size:var(--app-fs-20);color:var(--app-primary-color);}
.page-index-news .hot-news {width:calc(var(--app-basis-ratio) * 528px);border-radius:var(--app-border-radius);background-color:#F5F5F6;overflow:hidden;}
.page-index-news .hot-news .img-wrap {position:relative;width:100%;overflow:hidden;}
.page-index-news .hot-news .img-box {position:relative;height:0;padding-bottom:58.7%;overflow:hidden;}
.page-index-news .hot-news .img {position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);object-fit:cover;transition:all 0.3s ease-in-out;}
.page-index-news .hot-news .text-wrap {padding:var(--app-fs-36) var(--app-fs-48);}
.page-index-news .hot-news .text-wrap .title {height:calc(1em * 1.5 * 2);margin-top:0.5em;font-size:var(--app-fs-20);line-height:1.5;color:#333;}
.page-index-news .hot-news .text-wrap .time {margin-top:1em;font-size:var(--app-fs-18);color:#999;}
.page-index-news .hot-news:hover .img {transform:translate(-50%,-50%) scale(1.05);}
.page-index-news .hot-news:hover .text-wrap .title {color:var(--app-primary-color);}
.page-index-news .notice-wrap {flex:1;flex-shrink:0;margin-left:var(--app-fs-24);padding:var(--app-fs-36) var(--app-fs-48) 0;border-radius:var(--app-border-radius);background-color:#F5F5F6;}
.page-index-news .notice-wrap .news-list {margin-top:var(--app-fs-30);gap:var(--app-fs-28) var(--app-fs-40);}
.page-index-news .notice-wrap .news-list li:nth-child(5) a,.page-index-news .notice-wrap .news-list li:nth-child(6) a {border-bottom:none;}
.page-index-news .notice-wrap .news-list li:nth-child(5) a::after,.page-index-news .notice-wrap .news-list li:nth-child(6) a::after {display:none;}
.page-index-news .notice-wrap .news-list li a {position:relative;display:block;padding-bottom:var(--app-fs-28);border-bottom:1px solid #E5E5E5;}
.page-index-news .notice-wrap .news-list li a::after {content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background-color:red;transition:all 0.3s ease-in-out;}
.page-index-news .notice-wrap .news-list li .title {height:calc(1em * 1.667 * 2);font-size:var(--app-fs-18);line-height:1.667;color:#333;}
.page-index-news .notice-wrap .news-list li .time {margin-top:10px;font-size:var(--app-fs-18);color:#999;}
.page-index-news .notice-wrap .news-list li a:hover .title {color:var(--app-primary-color);}
.page-index-news .notice-wrap .news-list li a:hover::after {width:100%;}
.page-index-news-swiper {margin-top:var(--app-fs-36);height:calc(var(--app-basis-ratio) * 244px);}
.page-index-news-swiper .swiper-container {height:100%;border-radius:var(--app-border-radius);}
.page-index-news-swiper .swiper-slide img {width:100%;height:100%;object-fit:cover;}
.page-index-news-swiper .pagination {margin-top:var(--app-fs-14);}
.page-index-news-swiper .pagination .swiper-pagination-bullet {margin:0 8px;background-color:rgba(0,0,0,0.2);opacity:1;transition:all 0.3s ease-in-out;}
.page-index-news-swiper .pagination .swiper-pagination-bullet-active {background:var(--app-primary-color);}
.page-index-alumni-service {position:relative;height:calc(var(--app-basis-ratio) * 712px);background-size:cover;background-position:center;background-repeat:no-repeat;}
.page-index-alumni-service::before {content:'';position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.45);}
.page-index-alumni-service .wrapper {position:relative;z-index:2;height:100%;padding-top:calc(var(--app-basis-ratio) * 122px);}
.page-index-alumni-service .wrapper .list {flex:1;flex-shrink:0;margin-top:var(--app-fs-66);border-top:1px solid rgba(255,255,255,0.2);}
.page-index-alumni-service .wrapper .list .item {position:relative;width:calc(100% / 3);border-left:1px solid rgba(255,255,255,0.2);overflow:hidden;}
.page-index-alumni-service .wrapper .list .item .title {margin-top:0.6em;font-size:var(--app-fs-24);color:var(--app-white-color);}
.page-index-alumni-service .wrapper .list .item .btn {display:flex;align-items:center;justify-content:center;height:0;padding:0 var(--app-fs-36);border-radius:99px;border:1px solid var(--app-primary-color);font-size:var(--app-fs-14);line-height:1;color:var(--app-white-color);background:var(--app-primary-color);transition:all 0.3s ease-in-out;opacity:0;visibility:hidden;cursor:pointer;}
.page-index-alumni-service .wrapper .list .item .right-icon {position:absolute;right:-60%;bottom:-35%;width:calc(var(--app-basis-ratio) * 365px);opacity:0.15;transition:all 0.3s ease-in-out;}
.page-index-alumni-service .wrapper .list .item .btn:hover {background:#fff;color:var(--app-primary-color);}
.page-index-alumni-service .wrapper .list .item.active .btn {height:var(--app-fs-60);margin-top:var(--app-fs-36);opacity:1;visibility:visible;}
.page-index-alumni-service .wrapper .list .item.active .right-icon {right:-25%;}
.popup-alumni-service {position:fixed;top:0;left:0;display:none;z-index:101;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
.popup-alumni-service .popup-main {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.popup-alumni-service .popup-main-content {width:200px;padding:10px;border-radius:20px;overflow:hidden;background-color:#fff;}
.popup-alumni-service .popup-main .close {margin-top:1em;font-size:var(--app-fs-30);color:#fff;cursor:pointer;}
.page-index-activity-donation {padding:calc(var(--app-basis-ratio) * 120px) 0;}
.page-index-activity-donation .app-main-module-title {margin-bottom:var(--app-fs-12);text-align:left;}
.page-index-activity-donation .wrapper {gap:28px;}
.page-index-activity-donation .activity-preview,.page-index-activity-donation .alumni-donation {flex:1;flex-shrink:0;}
.page-index-activity-donation .list-wrap {padding:0 var(--app-fs-50);border-radius:var(--app-border-radius);background:#F6F6F6;}
.page-index-activity-donation .list li {padding:var(--app-fs-26) 0;border-bottom:1px solid #E1E1E1;}
.page-index-activity-donation .list .title {font-size:var(--app-fs-18);color:#666;transition:all 0.3s ease-in-out;}
.page-index-activity-donation .list .time {margin-top:10px;font-size:var(--app-fs-18);color:#999;}
.page-index-activity-donation .list-wrap .more {padding:var(--app-fs-26) 0;font-size:var(--app-fs-16);color:#000;}
.page-index-activity-donation .list-wrap .more .i-icon {width:1em;height:1em;margin-left:10px;opacity:0.6;}
.page-index-activity-donation .list li:hover .title {color:var(--app-primary-color);}
.page-index-activity-donation .list-wrap .more:hover {color:var(--app-primary-color);}
@media screen and (max-width:992px) {
  .page-index-news .notice-wrap .news-list {grid-template-columns:repeat(1,minmax(0,1fr));
}
.page-index-news-wrapper {flex-direction:column;}
.page-index-news .hot-news {width:100%;}
.page-index-news .tag {font-size:15px;}
.page-index-news .hot-news .text-wrap {padding:20px 24px;}
.page-index-news .hot-news .text-wrap .title {font-size:14px;}
.page-index-news .notice-wrap {flex:none;width:100%;margin-top:24px;margin-left:0;padding:20px 24px;}
.page-index-news .notice-wrap .news-list li .title {font-size:14px;}
.page-index-alumni-service {height:auto;}
.page-index-alumni-service .wrapper .list {flex-direction:column;}
.page-index-alumni-service .wrapper .list .item {width:100%;padding:40px 0;border-left:none;border-bottom:1px solid rgba(255,255,255,0.2);}
.page-index-activity-donation .wrapper {flex-direction:column;}
.page-index-activity-donation .list-wrap {padding:0 24px;}
.page-index-activity-donation .list .title {font-size:14px;}
}