/*-------------------------------正文--------------------------------*/
/*通用*/
.main-box { border: 1px solid #CCCCCC; margin-top: 30px; padding: 15px 25px;}

/*标题*/
.index-title { width: 100%; display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #ccc;}
.index-title span { font-size: 22px; font-weight: bold; color: #09689E;}
.index-title div { display: flex; justify-content: center; align-items: center;}
.index-title p { font-size: 15px; color: #141414; margin-right: 10px;}
.index-title i { width: 30px; height: 30px; background: url("../images/index-more.png") no-repeat center center; background-size: 22px;}

/*新闻速递*/
.main-01-box { display: flex; justify-content: space-between}
.main-01-left { width: 500px; height: 330px; position: relative;}
.main-01-left-news { width: 100%; height: 100%;}
.main-01-left-news img { width: 100%; height: 100%; object-fit: cover;}
.main-01-left-news-title { position: absolute; z-index: 110; right: 0; bottom: 0; height: 50px; line-height: 50px; width: 310px; padding: 0 20px; font-size: 16px; color: #ffffff;}
.main-01-left-news-bg { width: 100%; height: 50px; position: absolute; z-index: 100; left: 0; bottom: 0; background: rgba(0,0,0,0.6)}

.main-01-left .main-pagination { width: 150px!important; position: absolute; left: 0!important; bottom: 0!important; height: 50px; line-height: 50px; display: flex; align-items: center; justify-content: center;}
.main-01-left .main-pagination span { width: 30px; height: 20px; line-height: 20px; border-radius: 0!important; color: #ffffff; background: rgba(0,0,0,0.8); opacity: 1;}
.main-01-left .main-pagination .swiper-pagination-bullet-active { background: #09689E;}

.main-01-right { width: calc(100% - 500px); height: 100%; display: flex; flex-direction: column;}
.main-01-right-list { width: 100%; height: 55px; display: flex; justify-content: space-between; cursor: pointer;}
.main-01-right-time { display: flex; flex-direction: column; justify-content: center; align-items: center; background:#F1F2F4; color: #9B9B9B; height: 100%; width: 90px;    border-bottom: 1px solid #ffffff; box-sizing: border-box;}
.main-01-right-time span { font-size: 40px; font-weight: bold; border-bottom: 1px solid #b1b1b1;}
.main-01-right-time i { font-style: normal; font-size: 14px;}
.main-01-right-time p { font-size: 16px; font-weight: bold; border-bottom: 2px solid #b1b1b1;}
.main-01-right-text { width: calc(100% - 100px); display: flex; justify-content: center; flex-direction: column;border-bottom: 1px dashed #cac0c0}
.main-01-right-text span { font-size: 16px; line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}
.main-01-right-text p { font-size: 16px; color: #666666; margin-top: 8px; }
.main-01-right-list:hover .main-01-right-time { background:#09689E; color: #ffffff;}
.main-01-right-list:hover .main-01-right-text span { color: #09689E;}

/*公共*/
.main-pub-box { width: 100%; margin: 0 auto; display: flex; justify-content: space-between;}
.main-pub-box .main-box { height: 360px;}

/*招生信息*/
.main-02 { width: 36%;}
.main-02-left { position: relative;}
.main-02-left .swiper-slide { display: flex; position: relative;}
.main-02-left .swiper-slide img { width: 180px; height: 130px;}
.main-02-text { width: calc(100% - 200px)}
.main-02-text { margin-left: 15px;}
.main-02-title { font-size: 15px;}
.main-02-time { margin-top: 8px; color: #666666}
.main-02-swiper .swiper-pagination { position: absolute; width: 150px!important; bottom: 0; right: 0!important; left: auto!important;}
.main-02-swiper .swiper-pagination span { width: 30px; height: 20px; line-height: 20px; border-radius: 0!important; color: #ffffff; background: rgba(117, 125, 146); opacity: 1;}
.main-02-swiper span.swiper-pagination-bullet-active { background: #09689E;}
.main-02-right { margin-top: 15px; }
.main-02-right li { display: flex; justify-content: space-between; line-height: 30px;}
.main-02-right li { display: flex; justify-content: space-between; line-height: 34px; background: url("../images/index-new-jt.png") no-repeat left center; background-size: 18px; padding-left: 30px;}
.main-02-right li p { margin: 0;}


/*通知公告*/
.main-03 { width: 36%;}
.main-03 li { display: flex; justify-content: space-between; line-height: 34px; background: url("../images/index-new-jt.png") no-repeat left center; background-size: 18px; padding-left: 30px;}
.main-03 li p { margin: 0;} 

/*通知公告*/
.main-04 { width: 26%;}
.main-04-box { display: flex; flex-direction: column;}
.main-04-img { width: 100%; height: 95px; margin-top: -15px;}
.main-04-img img { width: 100%; height: 100%; object-fit: cover;}
.main-04-list { display: flex; margin-top: 15px;}
.main-04-list li { font-size: 16px;}
.main-04-list span { width: 100px; height: 80px; display: flex; align-items: center; justify-content: center; background: #E8EBF0;}
.main-04-list span img { width: 50px; height: auto; display: flex;}
.main-04-list ul { width: 100%; height: 80px; display: flex; flex-direction: column; justify-content: space-evenly; padding: 0 15px;}
.main-04-list ul li { width: 100%; background: url("../images/index-new-jt.png") no-repeat right center; background-size: 20px;}


/*页面布局*/

@media (min-width: 1420px){
    .container {
        width: 1200px!important;
    }
}

@media (min-width: 1600px){
    .container {
        width: 1560px!important;
    }

    .main-01-left { width: 650px!important;}
    .main-01-right { width: calc(100% - 670px)!important; }
}

/*页面调整*/
.cuhksz-research-features .cuhksz-pic { height: 160px;}
.cuhksz-research-features .cuhksz-text img {
    width: 100%;
    float: left;
    height: 100%;
    object-fit: cover;
}

/*响应式*/
@media(max-width:1700px){
    /*公共*/
    /* .center { width: 90%!important; padding: 15px 2%;}
    .main-pub-box { width: 94%!important;}
    .xl-hide-17 { display: none!important;}

    .main-01-left { width: 41%;}
    .main-01-right { width: 58%;} */


}
@media(max-width:1450px){
    /*公共*/
    .body-box { width: 100%;}

    /*顶部导航*/
    .header .nav li { font-size: 18px; margin: 0 5px; position: relative;}
    .header .nav li a { padding: 0 15px; height: 40px;line-height: 40px;}

}
@media(max-width:1200px){
    /*新闻速递*/
    .main-01-right-text span { font-size: 16px;}
    .main-01-right-text p { font-size: 14px;}

    /**/
    .main-01-box { flex-wrap: wrap;}
    .main-01-left { width: 100%;}
    .main-01-right { width: 100%;}
    .main-pub-box { flex-wrap: wrap;}
    .main-02, .main-08 { width: 100%}
    .main-03, .main-04, .main-06, .main-07 { width: 49%!important;}
    .main-08-img { width: 35%;}
    .main-08-text { width: 63%;}

}
@media(max-width:1100px){

}
@media(max-width:900px){

}
@media (max-width:768px) {
    /*公共*/
    .center {}
    .pc { display: none!important;}
    .nav-icon-bg { display: flex!important;}
    .xl-hide-7 { display: none!important;}
    .xl-show-7 { display: flex!important;}


    /**/
    .index-banner { height: 130px;}
    .swiper-pagination { display: none!important;}
    .main-01-left-news-title { width: 100%!important;}
    .header-bg { height: 190px;}
    .main-01 {  margin: 15px auto 0;}
    .main-box { margin-top: 15px;}
    .main-03, .main-04, .main-06, .main-07 { width: 100%!important;}
    .main-05 {width: 96%!important; margin: 15px auto 0;}

    /*底部*/
    .cuhksz-footer-menu { width: 96%; margin: 10px auto 0;}
    .cuhksz-footer-logo {display: none}
    .cuhksz-footer-menu { display: flex; justify-content: space-between; flex-wrap: wrap;}
    .cuhksz-footer-menu dl { width: 48%;}

}
@media(max-width:500px){
    /*手机端*/
    .main-01-left { height: 180px;}
    .main-01-right-text {width: calc(100% - 120px);}
    .main-01-right-text span { font-size: 14px;}
    .main-01-right-text p { font-size: 12px;}
    .main-pub-box .main-box { height: auto;}
    .main-02-right li p { display: none}
    .main-02-left .swiper-slide img { width: 140px; height: 100px;}
    .main-02-swiper .swiper-pagination { display: none}
    .main-02-text {width: calc(100% - 140px);}
    .main-06-box ul { display: flex; flex-wrap: wrap; justify-content: space-between;}
    .main-06-box li { width: 33%;}
    .main-08-list { height: 70px;}
    .main-01 .center {}
    .main-05 .center { }
}
@media (min-width:768px) {
    /*公共*/
    .wap { display: none!important;}



}