@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{text-decoration:none;color:#1b78dd;-webkit-transition:color .2s ease;-ms-transition: color .2s ease;transition: .2s color ease;}
a:focus,a:hover{text-decoration:none;color:#1d1d1d}
a,button,input,textarea{outline:0}
html{background-color: #fff;scroll-behavior: smooth;}
body{position: relative;font: 14px/1.6 'PingFang SC', Arial, "Microsoft YaHei UI", "Microsoft YaHei", serif;background:#fff;}

/* Common */
.outer, .inner{position: relative;}
.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;}

/* Header */
.header{background: url(../img/header_bg.jpg) no-repeat center;}
.header .container{position: relative;}
.header-logo{padding: 42px 0;}
.header-logo img{width: auto;height: 65px;}
.header-search{position: absolute;top: 50%;right: 0;width: 220px;height: 32px;margin-top: -16px;line-height: 32px;}
.search-input{position: absolute;width: 100%;height: 100%;padding: 0 10px;font-size: 14px;border: 1px solid #9d2111;color: #333;background-color: #fff;border-radius: 0;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.search-input::-webkit-input-placeholder{color: #282828;}
.search-input:focus{box-shadow: 0 0 5px rgba(0,0,0,.3);}
.search-button{position: absolute;top: 0;right: 0;width: 32px;height: 32px;border: 0;background: url(../img/icon/icon_search.png) no-repeat center;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.search-button:hover{background-color: rgb(0,0,0,.1);}

/* Footer */
.footer{background-color: #6b1911;}
.footer-photo{width: 100%;height: 160px;background: #f1f1f1 url(../img/footer_bg.jpg) no-repeat center/cover}
.footer-copyright{padding: 15px 0;text-align: center;color: #fff;}


/* Header Nav */
.header-nav{z-index: 10;width: 100%;height: 50px;line-height: 50px;background-color: #900908;}
.navbar-toggle{width:30px;height:30px;padding:0;background: rgba(0,0,0,.3) url(../img/icon/icon_menu.png) no-repeat center/cover;border-radius:50%;transition:.3s background-color ease;-moz-transition:.3s background-color ease;-webkit-transition:.3s background-color ease;}
.navbar-toggle.collapsed{background-color: transparent;}
.site-nav{padding-left: 0;padding-right: 0;}
.site-nav,.site-nav > ul{width: 100%;height: 50px;}
.navbar-nav > li{position: relative;width: 11.111%}
.navbar-nav > li > a{display:block;height: 50px;line-height: 50px;width: 100%;padding: 0;font-size: 18px;text-align: center;color: #fff;-webkit-transition: .2s background-color ease;-ms-transition: .2s background-color ease;transition: .2s background-color ease;}
.navbar-nav > li:hover > a{background-color: rgba(0,0,0,.35);}
.navbar-nav > li:last-child > ul{left: auto;right: 0}
.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:rgba(0,0,0,.35);color:#fff;}

.dropdown-menu{position: absolute;display: block;left: 0;right: 0;width: 100%;min-width: 100%;padding-top: 15px;border: none;text-align: center;font-size: 16px;background-color: transparent;opacity: 0;visibility: hidden;border-radius: 0;-webkit-transform: translateY(15px);-ms-transform: translateY(15px);transform: translateY(15px);-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;box-shadow: none;}
.dropdown-menu::after{content: "";position: absolute;top: -5px;left: 44%;border: 10px solid transparent;border-bottom-color: #fff;}
.dropdown-menu > li{width: 100%;}
.dropdown-menu > li > a{display:block;padding: 10px 0 10px 15px;text-align: left;background: #fff;color:#2b374c;font-size: 16px;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.dropdown-menu>li>a:hover{background-color:#9e261a;color: #fff}
.open > .dropdown-menu{transform: translateY(0);opacity: 1;visibility: visible;}


/* Homepage */
.banner{max-width: 100%;background-color: #333;}
.banner-carousel{width: 1920px;max-width: 100%;height:550px;margin: 0 auto;background-color: #f1f1f1;}
.banner-carousel .swiper-slide{position: relative;display: block;background-size: cover;background-repeat: no-repeat;background-position: center;}
.banner-pagination .swiper-pagination-bullet{width: 35px;height: 3px;background-color: #fff;opacity: 1;border-radius: 0;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.banner-pagination .swiper-pagination-bullet-active{background-color: #c62812!important;box-shadow: 0 0 5px rgba(0,0,0,.3);}
.swiper-button-prev.banner-button-prev{width: 35px;height: 65px;background: rgba(0,0,0,.5) url(../img/icon/icon_arrow_left.png) no-repeat center;background-size: auto;-webkit-transition: .3s background-color ease;-ms-transition: .3s background-color ease;transition: .3s background-color ease;}
.swiper-button-next.banner-button-next{width: 35px;height: 65px;background: rgba(0,0,0,.5) url(../img/icon/icon_arrow_right.png) no-repeat center;background-size: auto;-webkit-transition: .3s background-color ease;-ms-transition: .3s background-color ease;transition: .3s background-color ease;}
.swiper-button-prev.banner-button-prev:hover{background-color: rgba(0,0,0,.75);}
.swiper-button-prev.banner-button-next:hover{background-color: rgba(0,0,0,.75);}

.home-news{padding: 65px 0;background: url(../img/home_news_bg.jpg) no-repeat center bottom;}
.block-title{width: 100%;height: 40px;line-height: 40px;margin: 15px 0;background: url(../img/home_title_line_l.png) no-repeat;background-position: 100px center;}
.block-title.short{background: url(../img/home_title_line_s.png) no-repeat;background-position: 85px center;}
.block-title.no-bg{background: transparent;}
.block-title.no-float .view-more{position: absolute;top: 55px;left: 55%;}
.block-title h1{width: 100px;height: 40px;background-position: center;background-size: auto;background-repeat: no-repeat;}
.block-title h1.i1{background-image: url(../img/home_title_1.png);}
.block-title h1.i2{background-image: url(../img/home_title_2.png);}
.block-title h1.i3{background-image: url(../img/home_title_3.png);}
.block-title h1.i4{margin: 0 auto 40px;background-image: url(../img/home_title_4.png);}
.block-title h1.i5{margin: 0 auto 40px;background-image: url(../img/home_title_5.png);}
.block-title .view-more{float: right;width: 50px;height: 18px;padding: 0;margin-top: -28px;line-height: 1;border: 1px solid #898989;color: #898989;background-color: transparent;text-align: center;border-radius: 0;}
.block-title .view-more:hover{background-color: #898989;color: #fff;}

.block-intro{padding: 20px;background: #fdfdfd url(../img/home_intro_bg.png) no-repeat right bottom;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.block-intro:hover{box-shadow: 0 0 5px rgba(0,0,0,.3);}
.block-intro p{min-height: 110px;color: #161616;text-indent: 24px;}
.block-intro p a{color: #161616}
.block-intro .more{text-align: right;color: #9e261a;}
.block-intro .more a{color: #9e261a;}
.block-intro .more i{display: inline-block;width: 16px;height: 16px;margin-left: 8px;line-height: 1;background: url(../img/icon/icon_more_cricle.png) no-repeat center/cover;vertical-align: middle;}

.teacher-carousel{width: 100%;height: 180px;}
.teacher-carousel .swiper-slide{position: relative;display: block;padding: 35px 30px;background: #eeebea url(../img/home_teacher_bg.png) no-repeat right bottom;-webkit-transition: .3s background-color ease;-ms-transition: .3s background-color ease;transition: .3s background-color ease;}
.teacher-carousel .photo{position: absolute;top: 50%;left: 30px;width: 96px;height: 96px;margin-top: -48px;background-color: #f1f1f1;background-repeat: no-repeat;background-size: cover;border-radius: 50%;}
.teacher-carousel .content{padding-left: 110px;}
.teacher-carousel .content h1{padding-top: 10px;font-size: 18px;font-weight: 600;color: #333;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.teacher-carousel .content p{padding-top: 8px;color: #303030;}
.teacher-carousel .swiper-slide:hover{background-color: #fff;}
.teacher-carousel .swiper-slide:hover h1{color: #960000;}

.common-pagination{position: relative;}
.common-pagination .swiper-pagination-bullet{width: 35px;height: 3px;margin: 0 8px;background-color: #565656;opacity: 1;border-radius: 0;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.common-pagination .swiper-pagination-bullet-active{background-color: #c62812!important;box-shadow: 0 0 5px rgba(0,0,0,.3);}

.news-carousel{position: relative;width: 100%;height: 420px;background-color: #f1f1f1;}
.news-carousel .swiper-slide{display: block}
.news-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;}
.news-content{position: absolute;top: 0;right: 0;width: 290px;height: 100%;padding: 60px 20px;background-color: rgba(0,0,0,.75);-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.news-content:hover{background-color: rgba(0,0,0,.6);box-shadow: 0 0 10px rgba(0,0,0,.5);}
.news-content .date span{display: inline-block;height: 20px;line-height: 20px;padding: 0 8px;background-color: #bf0808;color: #fff;border-radius: 10px;}
.news-content h2{margin: 15px 0 20px;font-size: 16px;line-height: 24px;color: #fff;}
.news-content p{margin-bottom: 35px;font-size: 14px;line-height: 24px;color: #c4c4c4;}
.news-content button{width: 105px;height: 35px;line-height: 1;border: 1px solid #fff;color: #fff;background-color: transparent;border-radius: 0;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.news-content button:hover{box-shadow: 0 0 10px rgba(0,0,0,.5);}
.news-content button img{margin-left: 5px;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.news-content button:hover img{margin-left: 10px;}

.home-achievement{background: url(../img/home_achievement_bg.png) no-repeat center;}
.achievement-item{margin: 15px 0;min-height: 430px;background-color: #fff;box-shadow: 0 0 15px rgba(0,0,0,.1);-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.achievement-item:hover{box-shadow: 0 0 15px rgba(0,0,0,.3);}
.achievement-item .img{position: relative;display: block;width: 100%;height: 160px;}
.achievement-item .img .overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;background-color: #f1f1f1;}
.achievement-item .img .date{position: absolute;left: 22px;bottom: 12px;}
.achievement-item .img .date span{display: inline-block;padding: 2px 4px;background-color: #9e261a;color: #fff}
.achievement-item .content{padding: 25px 20px 0;}
.achievement-item .content h2{position: relative;min-height: 40px;padding-bottom: 18px;font-size: 16px;color: #333;font-weight: 600;}
.achievement-item .content h2 a{color: #333;}
.achievement-item:hover .content h2 a{color: #900908;}
.achievement-item .content h2::after{content: "";position: absolute;bottom: 0;left: 0;width: 54px;border-bottom: 2px solid #8e0700;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.achievement-item:hover .content h2::after{width: 100px;}
.achievement-item .content p{min-height: 125px;padding-top: 16px;font-size: 14px;line-height: 22px;color: #666;}
.achievement-item .content p a{color: #666;}
.achievement-item .content .more{display: block;margin-top: 32px;text-align: left;}
.achievement-item .content .more span{color: #919191;}
.achievement-item .content .more i{float: right;width: 6px;height: 12px;margin-top: 6px;background: url(../img/icon/icon_more_red.png) no-repeat center;}
.achievement-more{display: inline-block;width: 130px;height: 35px;margin-top: 25px;line-height: 1;background-color: #900908;color: #fff;border: none;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.achievement-more:hover{background-color: #bf0808;}

.home-photo{padding: 75px 0 100px;background: url(../img/home_photo_bg.jpg) no-repeat center bottom;}
.photo-carousel{width: 100%;height: 290px;}
.photo-carousel .swiper-slide{width: 25%;height: 245px;}
.photo-item{display: block;margin: 0 10px;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.photo-item:hover{box-shadow: 0 0 10px rgba(0,0,0,.3);}
.photo-item .img{display: block;position: relative;width: 100%;height: 150px;background-color: #f1f1f1;}
.photo-item .img .overlay{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.photo-item .content{padding: 15px;border-bottom: 1px solid #aa3c28;}
.photo-item .content h2{font-size: 16px;line-height: 21px;min-height: 42px;}
.photo-item .content h2 a{color: #333;}
.photo-item:hover .content h2 a{color: #900908;}
.photo-item .content .more{display: block;margin-top: 15px;text-align: left;}
.photo-item .content .more span{color: #919191;}
.photo-item .content .more i{float: right;width: 6px;height: 12px;margin-top: 6px;background: url(../img/icon/icon_more_red.png) no-repeat center;}


/* Column */
.breadcrumb-nav{float: right;padding:8px 0;margin-top: -10px;font-size: 14px;color: #bf2b2b;}
.breadcrumb-nav a{color:#bf2b2b}
.breadcrumb-nav a:hover{color: #333;}

.column{padding: 50px 0;}
.column-anchor{height:55px;line-height:55px;padding-left:15px;font-size:18px;background-color:#8c0b06;color:#fff;font-weight: 600;}
.column-nav{min-height: calc(100vh - 600px);box-shadow: 0 0 5px rgb(0,0,0,.1);}
.column-nav ul li a{display: block;height: 40px;line-height: 40px;padding-left:25px;background: #fff;color: #222;font-size: 16px;}
.column-nav ul li a:hover{background:#333;color:#fff}
.column-nav ul li ul li a{height: 36px;line-height: 36px;padding-left: 40px;background:#f0f0f0;font-size: 14px;}
.column-nav ul li.selected > a{background:#730700;color:#fff}

.column-content{min-height: calc(100vh - 300px);box-shadow: 0 0 5px rgb(0,0,0,.1);}
.column-name{height:55px;line-height:55px;padding: 0 25px;font-size:18px;border-top: 4px solid #ae1408;border-bottom: 1px solid #efefef;color:#333;font-weight: 400;}
.column-list{padding: 10px 25px;}
.column-list li{margin-bottom: 10px;}
.column-list li h2 a{font-size: 16px;color: #333}
.column-list li h2:hover a{color: #960000;}
.column-list li p{color: #666;}
.teacher-list{padding: 20px}
.teacher-photo{position: relative;width: 150px;height: 202px;margin: 0 auto;background-color: #333;box-shadow: 0 5px 10px rgba(0,0,0,.1);}
.teacher-photo .overlay{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;}
.teacher-name{padding: 10px;text-align: center;font-size: 16px;}
.teacher-name a{color: #333;}
.teacher-name:hover{width: 150px;margin: 0 auto;box-shadow: 0 5px 5px rgba(0,0,0,.1);}
.photo-list li{margin: 15px 0;}
.photo-list .img{display: block;width: 100%;height: 190px;background: #f1f1f1;box-shadow: 0 2px 2px rgba(0,0,0,.2);}
.photo-list .img img{width: 100%;height: 100%;}
.photo-list p{position: relative;min-height: 50px;padding: 10px 5px;font-size: 14px;color: #39506b;}
.photo-list p:hover{color: #960000;}

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


/*
*   Responsive
*/
@media screen and (max-width: 1199px){
    /* Home */
    .photo-carousel .swiper-slide{width: 33.33%;}
    .block-title.no-float .view-more{left: 58%;}
    .achievement-item .content{padding: 25px 20px 10px}
    /* Column */
    .column-nav{min-height: auto;}
    .column-nav{margin-bottom: 25px;}
}
@media screen and (max-width: 991px){
    /* Nav */
    .header-logo{text-align: center;}
    .header-search{display: none;}
    .header-nav .container{width: 100%;}
    /* Home */
    .block-title{margin-top: 20px;}
    .banner-carousel{height: 34vw;}
    .news-carousel{height: auto;}
    .news-overlay{position: relative;height: 43vw;}
    .news-content{position: relative;left: auto;right: auto;bottom: auto;width: 100%;padding: 30px 20px;background-color:#fff;box-shadow: 0 0 5px rgba(0,0,0,.3);}
    .news-content h2{margin: 10px 0;color: #222;}
    .news-content:hover{background-color: #f1f1f1;}
    .news-content p{margin-bottom: 20px;}
    .news-content button{border-color: #730700;color: #730700;}
    .achievement-item .img{height: 45vw;}
    .photo-carousel{height: auto;}
    .photo-carousel .swiper-slide{width: 50%;height: auto;}
    .photo-item .img{height: 24vw;}
    /* Column */
    .column-content{min-height: auto;}
}
@media screen and (max-width: 767px){
    .header-logo img{width: 100%;height: auto;}
    /* Nav */
    .site-nav, .site-nav > ul{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: #333}
    .site-nav li a{padding:9px 0 9px 30px;font-size:16px;text-align:left;}
    .navbar-nav > li > a{height: auto;line-height: initial;}
    .site-nav > ul > li::after{content:"";}
    .dropdown-menu{padding: 0;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
    .dropdown-menu::after{display: none;}
    .navbar-nav .open .dropdown-menu>li>a{padding: 8px 0 8px 30px;background-color: #666;color: #fff;}
    /* Footer */
    /* Home */
    .block-title.no-float .view-more{left: 60%;}
}
@media screen and (max-width: 480px){
    /* Footer */
    .footer-copyright{padding: 20px;}
    /* Home */
    .news-content{padding: 20px;}
    .photo-carousel .swiper-slide{width: 100%;}
    .photo-item .img{height: 50vw;}
    .block-title.no-float .view-more{left: 65%;}
    /* Column */
    .column-name{height: auto;line-height: initial;padding: 20px 15px;}
    .breadcrumb-nav{float: none;margin-top: 0;}
    .column-list{padding: 10px 15px;}
    /* Post */
    .post-content{min-height: auto;margin: 20px 10px;}
}