@charset "utf-8";
/* ===================首页样式========================== */

/* banner */
.banner{height:100vh;position:relative;overflow: hidden}
.banner .swiper-container,.banner-bg{height:100%}
.banner-bg-mb{display:none}
.banner-bg{overflow: hidden}
/*.banner-bg img{transition: all 5s linear;transition-delay: .5s}*/
/*.banner .swiper-slide-active .banner-bg img{transform: scale(1.1)}*/
.banner .swiper-pagination{height:20px;bottom:42px;display:flex;align-items:flex-end;justify-content:center}
.banner .swiper-pagination-bullet{width:5px;height:50%;opacity:1;background:#fff;border-radius:0;transition:height .4s linear}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px}
.banner .swiper-pagination-bullet-active{height:100%;background:#0257aa}
.banner .scroll-bar{z-index:2;position:absolute;bottom:96px;right:5%;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:scroll 1.2s infinite}
.banner .scroll-bar:after{content:'';width:1px;height:50px;opacity:.5;position:absolute;left:50%;bottom:calc(100% + 15px);background:#fff}
@keyframes scroll { 0% {transform:translate(0, 0);} 50% {transform:translate(0, 10px);} 100% {transform:translate(0, 0)} }

/* news */
.news{padding:90px 0 118px}
.news-main{margin-top:60px;display:flex;justify-content:space-between}
.news-lft{width:48.5%;height:436px;overflow:hidden;position:relative;display:block;opacity: 0}
.news-lft img{transition: all .6s ease-in-out}
.news-lft:hover img{transform: scale(1.1)}
.news-lft-info{padding:22px 20px;background:rgba(0,0,0,.4);color:#fff;position:absolute;width:100%;bottom:0;left:0;z-index:1;display:flex;align-items:center}
.news-lft-info h3{font-size:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width: 78%}
.news-lft-info p{font-family:Montserra;font-size:18px;margin-left:12px;padding-left:12px;position:relative}
.news-lft-info p:after{content:'';height:12px;width:1px;position:absolute;left:0;top:5px;background:#fff}
.news-list{width:48.5%}
.news-list a{display:flex;align-items:center;padding:24px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;opacity: 0}
.news-list a:hover{background: #fff;box-shadow: 0 5px 40px rgba(17,58,93,.1)}
.news-pic img{transition: all .4s ease}
.news-list a:hover img{transform: translateX(10px)}
.news-list a+a{border-top:0}
.news-pic{width:23%;height: 96px}
.news-time{text-align:right;font-size:22px;font-family:Montserrat;color:#888;width:17%;padding-right:24px;margin-right:20px;position:relative}
.news-time:after{content:'';height:50px;width:1px;background:#ebebeb;position:absolute;right:0;top:-8px}
.news-txt{width:57%}
.news-txt h3{font-size:18px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news-txt p{font-size:14px;color:#888;margin-top:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news-lft.startAnimate{animation: to-up 1.5s ease both .2s}
.news-list a.startAnimate{animation: to-up 1.5s ease both}
.news-list a:nth-child(2).startAnimate{animation: to-up 1.5s ease both .2s}
.news-list a:nth-child(3).startAnimate{animation: to-up 1.5s ease both .4s}

/* Profile */
.profile{padding:90px 0 132px;background:url(../images/index/profile-bg.jpg) no-repeat top}
.profile .com-tit h2{color:#fff}
.profile .com-tit h3{color:#256eb3;text-shadow:-1px 1px 0 #3d7fbc,1px 1px 0 #3d7fbc,1px -1px 0 #3d7fbc,-1px -1px 0 #3d7fbc}
.profile-main{height:542px;display:flex;margin-top:60px;box-shadow:0 5px 40px rgba(17,58,93,.1);z-index:1}
.profile-lft{width:40%;position:relative;z-index:1}
.profile-lft:after{content:'';width:calc(100% + 42px);height:65%;background:#0256a7;position:absolute;left:-42px;bottom:-42px;z-index:-1;transform: scale(.5);transition: all 1.5s ease .5s;transform-origin: top right;opacity: 0}
.profile-rgt{width:60%;background:#fff;padding:0 70px;display:flex;flex-direction:column;justify-content:center}
.profile-rgt p{font-size:16px;color:#666;line-height:28px}
.profile-data{margin-top:50px}
.profile-data ul{display:flex;justify-content:space-between}
.profile-num{font-size:18px;color:#888;font-weight:700;line-height:1;display:flex;align-items:flex-start}
.profile-num span{font-size:50px;font-weight:700;color:#f6921e;padding-right:5px;font-family:Montserra}
.profile-data span:not(:last-child){padding-right: 0}
.profile-data p{font-size:16px;color:#666;margin-top:10px}
.profile-main.startAnimate{animation: to-down 1.5s ease both}
.profile-main.startAnimate .profile-lft:after{transform: scale(1);opacity: 1}

/* 公告 */
.ann{padding:90px 0 120px;background:#f2f2f2}
.ann .com-tit h2{color: #0256a7}
.ann .com-tit h3{color:#f2f2f2}
.ann-main{margin-top:40px;display:flex;justify-content:space-between}
.ann-lft{height:650px;width:49.7%;position:relative;display:block;overflow: hidden;opacity: 0}
.ann-lft-txt{position:absolute;bottom:0;left:0;padding:55px 26px;color:#fff;max-width:322px;z-index: 1}
.ann-lft-txt:after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:rgba(2,87,170,.9);z-index: -1;transition: all .4s ease}
.ann-lft:hover .ann-lft-txt:after{width: 250%;height: 250%}
.ann-lft-txt h3{font-size:20px;line-height:26px;margin:36px 0 20px;height:52px;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical}
.ann-lft-txt p{font-size:14px;line-height:24px;height:48px;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical}
.ann-main .rm-btn{width:120px;height:45px;display:flex;align-items:center;justify-content:center;font-size:14px;border:1px solid rgba(255,255,255,.3);border-radius:30px;margin-top:50px;transition: all .4s ease}
.ann-lft:hover .rm-btn{color: #0256a7;border-color: #fff;background: #fff}
.ann-rgt{display:flex;align-items:baseline;flex-wrap:wrap;align-content:space-between;justify-content:space-between;width:49.7%}
.ann-rgt a{display:flex;flex-direction:column;justify-content:center;padding:0 30px;width:49.5%;background:#fff;height:322px;opacity: 0}
.ann-rgt a:after{content: '';width: 0;height: 3px;background-color: #0256a7;position: absolute;bottom: 0;left: 50%;transition: all 0.4s ease;opacity: 0}
.ann-rgt a:hover{box-shadow: 0 10px 18px rgba(2,87,170,.2);}
.ann-rgt a:hover:after{left: 0;opacity: 1;width: 100%}
.ann-rgt .time{font-size:14px;color:#888}
.ann-rgt h3{font-size:20px;line-height:26px;color:#333;margin:16px 0;height:52px;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical}
.ann-rgt p{font-size:14px;color:#888;line-height:24px;height:48px;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical}
.ann-rgt .rm-btn{border-color:#e5e5e5;color:#666;margin-top: 30px}
.ann-rgt a:hover .rm-btn{border-color: #0256a7;color: #fff;background: #0256a7}
.ann-lft.startAnimate{animation: to-up 1.5s ease both}
.ann-rgt a.startAnimate:nth-child(1){animation: to-up 1.5s ease both .2s}
.ann-rgt a.startAnimate:nth-child(2){animation: to-up 1.5s ease both .3s}
.ann-rgt a.startAnimate:nth-child(3){animation: to-up 1.5s ease both .4s}
.ann-rgt a.startAnimate:nth-child(4){animation: to-up 1.5s ease both .5s}

/* 校园风光 */
.scenery{padding-top:90px;overflow: hidden}
.scenery .com-tit h2{color: #f6921e}
.scenery-main{margin-top:60px}
.scenery .swiper-container{overflow:unset}
.scenery .swiper-slide{height:475px;width:430px;display:flex}
.scenery a{display:flex;width:100%;height:430px;position: relative;overflow: hidden}
.scenery a img{transition: all .6s ease}
.scenery a:hover img{transform: scale(1.1)}
.scenery a:after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top:0;background: rgba(2,87,170,.5);opacity: 0;visibility: hidden;transition: all .4s ease}
.scenery a:before{content: '';background: url("../images/index/eye.png")no-repeat center /100%;z-index: 1;width: 36px;height: 36px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;visibility: hidden;transition: all .4s ease;transition-delay: .2s}
.scenery a:hover:after,.scenery a:hover:before{opacity: 1;visibility: visible}
.scenery .swiper-slide:nth-child(odd){align-items:flex-end}
.scenery-nav{display:flex}
.scenery-nav>div{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 5px 40px 0 rgba(0,0,0,.1);cursor:pointer;transition: all .4s ease}
.scenery-nav>div:hover{box-shadow:0 5px 40px 0 rgba(2,87,170,.5)}
.scenery-nav i{display:block;background:url(../images/common/arr-gray-l.png) no-repeat center/100%;width:16px;height:11px}
.scenery-next{margin-left:22px}
.scenery-next i{transform:rotate(180deg)}
.scenery-nav.startAnimate{animation: to-lft 1.5s ease both}
/* lightbox */
.lcl_fade_oc.lcl_is_closing #lcl_overlay,.lcl_fade_oc.lcl_is_closing #lcl_window,.lcl_fade_oc.lcl_pre_show #lcl_overlay,.lcl_fade_oc.lcl_pre_show #lcl_window{opacity:0!important}
.lcl_fade_oc.lcl_is_closing #lcl_overlay{-webkit-transition-delay:.15s!important;transition-delay:.15s!important}
.lcl_txt_over #lcl_txt .lcl_txt_border{border-bottom: 0!important;padding-bottom: 0}
#lcl_overlay{opacity: .95!important}




/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
}

@media all and (max-width:1439px) {
    /* 1360 */
    .news-lft-info h3{font-size: 18px;max-width: 75%}
    .news-lft-info p{font-size: 16px}
    .news-time{padding-right: 10px;margin-right: 10px}
    .profile-main{height: 460px}
    .ann-lft{height: 530px}
    .ann-lft-txt{padding: 40px 20px}
    .ann-rgt a{height: 263px}
    .ann-main .rm-btn{margin-top: 30px}
    .ann-lft-txt h3{font-size: 18px;margin: 28px 0 10px}
    .ann-rgt h3{font-size: 18px}
    .scenery .swiper-slide{width: 360px}
    .profile-num span{font-size: 36px}
    .profile-lft:after{width: calc(100% + 30px);left: -30px;bottom: -30px}
}

@media all and (max-width:1359px) {
    /* 1280 */
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .news-lft,.news-list{width: 100%}
    .news-main{flex-wrap: wrap}
    .profile-rgt{padding: 0 30px}
    .profile-rgt p{font-size: 14px}
    .profile-main{height: 400px}
    .profile-num span{font-size: 30px}
    .profile-num{font-size: 16px}
    .ann-rgt a{padding: 0 20px}
    .news-time{width: 10%}
    .news-txt{width: 64%}
}

@media all and (max-width:1151px) {
    /* 1024 */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .news,.profile,.ann,.scenery{padding: 60px 0}
    .profile-lft,.profile-rgt,.ann-lft,.ann-rgt{width: 100%}
    .ann-main{flex-wrap: wrap}
    .banner{height: calc(100vh - 60px)}
    .news-lft,.news-list a,.ann-lft,.ann-rgt a{opacity: 1}
    .news-time{width: 15%}
    .news-txt{width: 59%}
    .news-main,.profile-main,.scenery-main{margin-top: 40px}
    .ann-rgt{margin-top: 8px}
    .profile-main{flex-wrap: wrap;height: auto}
    .profile-lft{height: 300px}
    .profile-rgt{padding: 40px}
    .ann-lft{height: 400px}
    .ann-rgt a{margin-bottom: 8px}
    .scenery-nav>div{width: 50px;height: 50px}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner{height: 220px}
    .banner-bg-mb{display: block}
    .banner .swiper-pagination{bottom: 10px}
    .banner-bg-pc,.news-lft-info p,.news-pic,.banner .scroll-bar{display: none}
    .ann-rgt a{width: 100%}
    .news,.profile,.ann,.scenery{padding: 40px 0}
    .news-lft{height: 200px}
    .news-main,.profile-main,.profile-data,.ann-main,.scenery-main{margin-top: 30px}
    .news-lft-info{padding: 10px}
    .news-lft-info h3,.news-time{font-size: 14px}
    .news-time{width: 17%;padding-right: 10px;margin-right: 15px;text-align: center}
    .news-list a{padding: 15px 0}
    .news-time:after{top: -15px}
    .news-txt{width: 77%}
    .news-txt h3{font-size: 16px}
    .profile-rgt{padding: 20px}
    .profile-num span{font-size: 18px}
    .profile-num{font-size: 14px}
    .profile-data p{margin-top: 0}
    .ann-lft-txt{padding: 15px}
    .ann-lft-txt h3{font-size: 16px;margin: 15px 0 10px}
    .ann-lft-txt p,.ann-rgt p{font-size: 13px}
    .ann-main .rm-btn{margin-top: 15px;width: 100px;height: 35px;font-size: 13px}
    .ann-rgt h3{font-size: 16px;margin: 10px 0}
    .ann-rgt a{height: 230px}
    .scenery-nav>div{width: 35px;height: 35px}
    .scenery-nav i{width: 10px}
    .scenery .swiper-slide{height: auto;width: 92%}
    .news-lft-info h3{max-width: 100%}
}