.content_area{margin-bottom:1.2rem}.foreground{position:relative;z-index:2;width:100%}.subtitle{margin:.22rem 0;font-size:.32rem;line-height:1.468;letter-spacing:1.6px;font-family:Muli-Bold;color:#e0293a}.side-fixedbtn{position:fixed;right:0;top:55%;z-index:13;transform:translateY(-50%);opacity:0;visibility:hidden;transition:all .4s}.side-fixedbtn.active{top:50%;opacity:1;visibility:visible}.side-fixedbtn .s-btn{display:block;position:relative;width:.69rem;height:.68rem;margin-bottom:3px;cursor:pointer}.side-fixedbtn .s-btn::after{content:"";display:block;position:absolute;top:50%;left:50%}.side-fixedbtn .btn-top{background-color:#e02a3b}.side-fixedbtn .btn-top::after{transform:translate(-50%, -80%);border-width:.08rem;border-style:solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0);transition:border-width .1s}.side-fixedbtn .btn-top:hover::after{border-width:.11rem}.side-fixedbtn .btn-share{background-color:#c5ac7a}.side-fixedbtn .btn-share::after{transform:translate(-50%, -50%);width:.24rem;height:.24rem;background:url(../images/icon-withe-share.png) no-repeat center/contain;transition:width .1s,height .1s}.side-fixedbtn .btn-share:hover::after{width:.3rem;height:.3rem}.scroll-icon{--siAnimation: 0.12rem;position:absolute;bottom:.4rem;left:50%;z-index:10;transform:translate(-50%, -50%);width:.18rem;height:.28rem;border-radius:.11rem;background:#fff;display:flex;justify-content:center;align-items:center;font-size:22px;color:rgba(255,255,255,.5);border:solid 2px #fff;transition:.4s}.scroll-icon::after{content:"";width:.05rem;height:.05rem;background-color:#c1ab77;border-radius:50%;animation:scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1)}@keyframes scroll-icon{0%{transform:translateY(calc(0px - var(--siAnimation)));opacity:0}30%,70%{opacity:1}100%{transform:translateY(var(--siAnimation));opacity:0}}.banner{position:relative;height:calc(100vh - var(--topBarHeight) - var(--navBarHeight))}.banner .swiper{width:100%;height:100%;overflow:hidden}.banner .swiper-slide{position:relative}.banner .slide-img{width:100%;height:100%}.banner .slide-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-shadow:0px 2px 20px rgba(0,0,0,.3)}.banner .title{font-size:1rem;line-height:1.26;font-family:Muli-bold;text-align:center;color:#fff}.banner .subtitle{font-size:.6rem;line-height:1.4833;letter-spacing:5px;font-family:Muli-bold;text-align:center;color:#fff}.banner .text{font-size:.4rem;line-height:1.25;font-family:Muli,Muli-Medium;text-align:center;color:#f8f8f8}.area1{position:relative}.area1 .background{position:absolute;top:0;left:0;width:17.48rem;height:13.03rem;background:#f8f8f8}.area1 .text_content{display:flex;align-items:flex-end;padding:.8rem 0}.area1 .text_content .content{width:8.2rem;margin-right:1.4rem;padding-bottom:.22rem}.area1 .text_content .admission-video{margin-bottom:.87rem}.area1 .text_content .pic{width:100%;height:3.8rem}.area1 .text_content .video-js{width:100%;height:100%}.area1 .text_content .vjs-poster{background-size:cover}.area1 .text_content .video-js .vjs-big-play-button{top:calc(50% - .4rem);left:calc(50% - .4rem);width:.8rem;height:.8rem;line-height:.8rem;border:none;border-radius:50%;font-size:.4rem}.area1 .text_content .text1{margin-bottom:.08rem;font-size:.34rem;line-height:1.47;font-family:Muli-Bold;color:#e0293a}.area1 .text_content .text1 span{font-size:.3rem}.area1 .text_content .text2{margin-bottom:4px;font-size:.58rem;line-height:1.465;font-family:Muli-Bold;color:#333;text-transform:uppercase}.area1 .text_content .text3{font-size:max(.2rem,12px);line-height:1.8;font-family:Muli,Muli-Regular;color:#333}.area1 .text_content .more_btn{margin-top:.4rem}.area1 .text_content .side{flex:1;position:relative}.area1 .text_content .side .bgImage1{position:absolute;top:-4.8rem;width:2.64rem;height:4.62rem;background:url("../images/home/home_a1_symbol.png") no-repeat center/contain}.area1 .text_content .side .bgImage2{width:2.9rem;height:7.89rem;background:url("../images/home/hkust-2x.png") no-repeat center/contain}.area1 .image_content{display:flex;overflow:hidden}.area1 .image_content .left{margin-right:.65rem}.area1 .image_content .right{display:flex;flex-wrap:wrap;align-content:space-between}.area1 .image_content .image1{width:5.78rem;height:5.89rem}.area1 .image_content .image2{width:5.44rem;height:2.95rem}.area1 .image_content .image3{width:4.48rem;height:2.3rem}.area2{position:relative;padding-bottom:1.12rem;background:#f8f8f8;overflow:hidden}.area2 .background{width:100%;height:10.82rem;background:url("../images/home/home_a2_bg.jpg") no-repeat center/cover;position:absolute;top:0;left:0}.area2 .page-content{position:relative}.area2 .top_info{padding-top:.8rem;text-align:center}.area2 .countInfo{display:flex;margin-top:.84rem;margin-bottom:1rem}.area2 .field{flex:1}.area2 .field:not(:first-child){border-left:1px dashed #979797}.area2 .field .count{font-size:.8rem;font-family:"Muli-bold";text-align:center;color:#fd2c40;line-height:1.25}.area2 .field .name{font-size:max(.18rem,12px);line-height:1.5;font-family:Muli,Muli-Regular;text-align:center;color:#333}.area2 .text_content{position:relative;width:calc(13.28rem + (100vw - 13.28rem)/2);padding-top:1.28rem;padding-left:1.35rem;padding-bottom:1.54rem;margin-bottom:2.4rem;box-sizing:border-box;background:#fff}.area2 .text_content:before{content:"";position:absolute;right:0;top:.64rem;opacity:.8;width:10.27rem;height:4.64rem;background:url(../images/home/structure-bg.png) no-repeat center/contain}.area2 .text_content>div{position:relative}.area2 .text_content .content_title{font-family:Muli-bold}.area2 .text_content .content_title .pre-title{opacity:.82;font-size:.3rem;color:#ff0018;line-height:1.2666}.area2 .text_content .content_title .subtitle{font-size:.46rem;line-height:1.478;color:#333}.area2 .text_content .text{width:11.8rem;-moz-column-count:2;column-count:2;gap:.8rem;margin-top:.3rem;margin-bottom:.46rem;opacity:.7;font-size:max(.2rem,12px);line-height:1.5}.area2 .text_content .switch_content{position:relative;font-size:.26rem;line-height:1.5}.area2 .text_content .switch_content li{margin-bottom:.34rem;font-size:.26rem;font-family:Muli,Muli-Bold;font-weight:400;text-align:left;color:#333;line-height:1.5;position:relative;cursor:pointer}.area2 .text_content .switch_content li p{position:relative;opacity:.5;display:inline-block;transition:opacity .3s;padding-right:20px}.area2 .text_content .switch_content li:last-child{margin-bottom:0}.area2 .text_content .switch_content li.active p{opacity:.9}.area2 .text_content .switch_content li.active p:after{content:" ";display:block;position:absolute;bottom:7px;right:0;width:0px;height:0px;border-width:6px;border-style:solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #e02a3b}.area2 .text_content .switch_image_box{position:absolute;top:0;right:0;width:8.6rem;height:5.24rem}.area2 .text_content .switch_image_box .image{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .4s}.area2 .text_content .switch_image_box .image.active{opacity:1;visibility:visible}.area2 .recruitment{text-align:center}.area2 .recruitment .content{display:flex;justify-content:space-between;gap:.36rem;width:10.56rem;margin:.56rem auto 0}.area2 .recruitment .item{flex:1;background:#fff}.area2 .recruitment .item:hover img{transform:scale(1.2)}.area2 .recruitment .title{padding:.7rem .5rem .56rem;text-align:left}.area2 .recruitment .text{display:inline-block;position:relative;padding-right:20px;font-size:.4rem;color:#333;line-height:1.2;font-family:Muli-Bold}.area2 .recruitment .text:after{content:" ";display:block;position:absolute;bottom:.12rem;right:0;width:0px;height:0px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #e02a3b}.area2 .recruitment .image{width:100%;height:4.02rem;overflow:hidden}.area2 .recruitment img{transition:transform .4s}.area3{padding-top:1.2rem;position:relative;min-height:6.25rem}.area3 .background{width:100%;height:6.25rem;background:url("../images/home/home_a3_bg.jpg") no-repeat center/cover;position:absolute;top:0;left:0}.area3 .swiper{overflow:hidden}.area3 .foreground{position:relative;padding:.8rem;background-color:#f8f8f8}.area3 .foreground .page-content{display:flex}.area3 .foreground .content_title h3{line-height:1}.area3 .foreground .subtitle{margin:0}.area3 .f-top{display:flex;align-items:flex-start;gap:.8rem;margin-bottom:.5rem}.area3 .f-top .content_title{margin-right:.4rem}.area3 .f-top .l-title{opacity:.9;padding-bottom:.16rem;border-bottom:1px solid #979797;font-size:max(.22rem,12px);line-height:1.5;color:#333;font-family:Muli-Bold}.area3 .f-top li{margin:.14rem 0;padding-left:.24rem;font-size:max(.14rem,12px);line-height:1.5;font-family:Muli;cursor:pointer}.area3 .f-top li.active{position:relative;font-family:Muli-Bold}.area3 .f-top li.active:after{content:" ";display:block;position:absolute;top:.1rem;left:0;width:0px;height:0px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #e02a3b}.area3 .f-bottom a[href]{cursor:url(../images/home/icon-cursor-more.png),pointer}.area4{padding:1.5rem 0}.area4 .block_title{display:flex;justify-content:space-between;align-items:flex-end}.area4 .block_title .more_btn{margin-bottom:.1rem}.area4 .content{display:flex;justify-content:space-between;gap:.36rem;margin-top:.3rem;font-family:Muli,Muli-Regular}.area4 .date{margin-bottom:.16rem;font-size:max(.16rem,12px);line-height:1.5;color:#b79557}.area4 .title{font-family:Muli-Bold;font-size:max(.2rem,12px);font-weight:700;line-height:1.5;color:#333;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.area4 .top_news{width:6.45rem;background:#f8f7f7}.area4 .top_news .image{height:3.73rem;overflow:hidden}.area4 .top_news .text{padding:.3rem .54rem .48rem}.area4 .top_news img,.area4 .news_list li img{transition:transform .4s}.area4 .top_news:hover img,.area4 .news_list li:hover img{transform:scale(1.2)}.area4 .news_list{flex:1}.area4 .news_list ul{display:flex;flex-wrap:wrap;align-content:space-between;height:100%}.area4 .news_list li{display:flex;width:100%;height:1.67rem}.area4 .news_list li .image{width:2.8rem;height:100%;overflow:hidden}.area4 .news_list li .text{flex:1;padding:.26rem .3rem .26rem .5rem;background:#f8f7f7}.area4 .news_list li .date{margin-bottom:.06rem}.area4 .news_list li .title{font-size:max(.18rem,12px);-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.width_wrap{width:1336px;margin:0 auto}@media screen and (max-width: 910px){.side-fixedbtn .s-btn{width:36px;height:36px}.side-fixedbtn .btn-top:hover::after{border-width:6px}.side-fixedbtn .btn-top::after{border-width:5px}.side-fixedbtn .btn-share:hover::after{width:18px;height:18px}.side-fixedbtn .btn-share::after{width:14px;height:14px}.subtitle{margin:10px 0;font-size:14px}.content_area{margin-bottom:40px}.banner .slide-text{text-shadow:0px 2px 10px rgba(0,0,0,.3)}.banner .title{font-size:30px}.banner .subtitle{font-size:20px;margin:6px 0 0}.banner .text{font-size:14px}.area1 .background{width:100%;height:80%}.area1 .text_content{padding:40px 0}.area1 .text_content .admission-video{margin-bottom:30px}.area1 .text_content .content{width:100%;margin-right:0;padding-bottom:20px}.area1 .text_content .side{display:none}.area1 .text_content .text1{margin-bottom:0;font-size:14px}.area1 .text_content .text1 span{font-size:12px}.area1 .text_content .text2{font-size:24px}.area1 .text_content .text3{font-size:12px}.area1 .text_content .more_btn{margin-top:20px}.area1 .image_content{display:block}.area1 .image_content .left{margin-right:0}.area1 .image_content .image1{width:100%;height:6rem}.area1 .image_content .right{margin-top:20px;gap:20px}.area1 .image_content .image2,.area1 .image_content .image3{flex:1;height:3rem}.area2{padding-bottom:40px}.area2 .background{height:5rem}.area2 .top_info{padding-top:60px}.area2 .countInfo{margin-top:30px;margin-bottom:40px}.area2 .text_content{width:100%;padding-top:40px;padding-bottom:40px;padding-left:20px;padding-right:20px;margin-bottom:40px}.area2 .text_content .content_title .pre-title{font-size:14px}.area2 .text_content .content_title .subtitle{font-size:14px;margin:4px 0;letter-spacing:initial}.area2 .text_content .text{width:100%;-moz-column-count:initial;column-count:initial;margin-top:20px;margin-bottom:20px;font-size:12px}.area2 .text_content .text p:not(:last-child){margin-bottom:6px}.area2 .text_content::before{right:initial;left:10%;top:20px;width:90%;height:2rem}.area2 .text_content .switch_content{font-size:14px}.area2 .text_content .switch_content li{margin-bottom:10px;font-size:14px}.area2 .text_content .switch_content li.active p:after{bottom:4px}.area2 .text_content .switch_image_box{position:relative;width:100%;height:4rem;margin-top:20px}.area2 .field{padding:0 6px}.area2 .field .count{font-size:.5rem}.area2 .field .name{font-size:10px}.area2 .field:not(:first-child){border-color:rgba(151,151,151,.4)}.area2 .recruitment .content{width:100%;gap:12px;margin-top:30px}.area2 .recruitment .title{padding:20px 18px}.area2 .recruitment .text{font-size:18px}.area2 .recruitment .text:after{bottom:4px}.area2 .recruitment .image{height:2.4rem}.area3{padding-top:80px;min-height:initial}.area3 .background{height:2.2rem}.area3 .foreground{padding:20px}.area3 .f-top{gap:12px;flex-wrap:wrap;margin-bottom:10px}.area3 .f-top .l-title{padding-bottom:10px;font-size:14px}.area3 .f-top li{padding-left:20px;margin:6px 0;font-size:12px}.area3 .f-top li.active::after{top:5px}.area3 .content_title{width:100%;margin-bottom:4px}.area3 .list{flex:1}.area4{padding:60px 0}.area4 .block_title .more_btn{margin-bottom:10px}.area4 .content{display:block;margin-top:30px}.area4 .top_news{width:100%;margin-bottom:20px}.area4 .top_news .text{padding:24px}.area4 .date{margin-bottom:10px;font-size:12px}.area4 .title{font-size:16px}.area4 .news_list ul{gap:20px}.area4 .news_list li{height:auto}.area4 .news_list li .image{width:2.4rem}.area4 .news_list li .text{padding:20px}.area4 .news_list li .date{margin-bottom:4px}.area4 .news_list li .title{font-size:14px}}