@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;}
.block-item{margin: 10px 0;}

/* Header */
.header{position: relative;z-index: 99;width: 100%;height: 120px;background: #9c1618 url(../img/header_bg.png) no-repeat center center;background-size: cover;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.header .container{position: relative;}
.header-logo{height: 120px;line-height: 120px;}
.header-logo img{width: auto;height: 72px;vertical-align: middle;}


/* Footer */
.footer{padding: 35px 0;background-color: #2d2d2d;color: #fff;}
.footer-logo{text-align: left;}
.footer-logo img{max-width: 100%;width: auto;height: 60px;}
.footer-nav{margin-top: 5px;line-height: 1;}
.footer-nav span{margin-right: 12px;}
.footer-nav a{display: inline-block;margin: 10px 0;padding: 6px 0;color: #ccc;border-bottom: 1px solid #ccc;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.footer-nav a:hover{border-bottom-color: #fff;color: #fff;}
.footer-info{line-height: 2;}
.footer-copyright{float: right;padding-top: 20px;padding-right: 15px;text-align: right;}
.footer-qrcode{float: right;}
.footer-qrcode img{width: 100px;height: auto;}


/* Header Nav */
.header-nav{float: right;}
.navbar-toggle{padding:0;width:30px;height:30px;border-radius:50%;background: rgba(0,0,0,.3) url(../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%;}
.navbar-nav > li{position: relative;width: auto;}
.navbar-nav > li:hover::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#fff;transform:skewX(-15deg)}
.navbar-nav > li > a{position: relative;display:block;padding: 0 20px;width: 100%;height: 120px;line-height: 120px;color: #fff;text-align: center;font-size: 17px;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.navbar-nav > li:hover > a{background-color: transparent;border-bottom: 2px solid #db1711;}
.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;border-bottom: 2px solid #db1711;background-color: transparent;color:#db1711;font-weight: bold;}
.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: rgba(35,13,66,.8);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{color: #fff;background-color: rgba(35,13,66);}
.open > .dropdown-menu{visibility: visible;opacity: 1;transform: translateY(0);}


/*
*   Homepage
*/
.section-title{position: relative;padding-bottom: 30px;text-align: center;}
.section-title.white::after{background-color: #b90f10;}
.section-title img{position: relative;z-index: 1;width: auto;height: 34px;}
.section-title::after{content: "";position: absolute;top: 10px;left: 0;right: 0;width: 125px;height: 30px;margin: 0 auto;background-color: #fff;box-shadow: 0 5px 10px rgba(0,0,0,.2);}
.section-more{padding: 15px 0;text-align: center;}
.section-more .more-btn{width: 165px;height: 42px;padding-right: 20px;vertical-align: middle;color: #b61414;border: 2px solid #b61414;background: url(../img/icon/icon_more.png) no-repeat;background-size: 20px 20px;background-position: 105px center;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.section-more .more-btn.black{color: #4c4c4c;border-color: #4c4c4c;background-image: url(../img/icon/icon_more_black.png);}
.section-more .more-btn:hover{padding-right: 25px;background-position: 110px center}

.home-banner{width: 100%;background-color: #333;}
.home-banner-overlay{position: absolute;left: 0;right: 0;bottom: -2px;z-index: 10;text-align: center;}
.home-banner-overlay img{vertical-align: bottom;}
.banner-carousel{max-width: 1920px;width: 100%;height: 650px;margin: 0 auto;background-color: #333;}
.banner-carousel .swiper-slide{display: block;background-repeat: no-repeat;background-size: cover;background-position: center;}
.banner-pagination.swiper-pagination{left: 0;right: 0;bottom: 75px;}
.banner-pagination .swiper-pagination-bullet{width: 8px;height: 8px;line-height: 26px;text-align: center;background-color: transparent;border: 2px solid #fff;opacity: 1;}
.banner-pagination .swiper-pagination-bullet-active{background: #fff;box-shadow: 0 0 8px rgba(0,0,0,.4);}

.home-news{padding: 50px 0;background: url(../img/home_news_bg.png) no-repeat center bottom;}
.news-carousel{width: 100%;height: 320px;margin-bottom: 25px;}
.news-carousel .swiper-slide{background-size: cover;background-position: center;background-repeat: no-repeat;background-color: #333;}
.news-carousel-title{position: absolute;left: 0;right: 0;bottom: 0;width: 100%;overflow: hidden;padding: 15px 20px;color: #fff;background: rgba(0,0,0,.4);}
.news-pagination.swiper-pagination{width: auto;left: auto;right: 20px;}
.news-pagination.swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;background: transparent;border: 2px solid #fff;}
.news-pagination.swiper-pagination .swiper-pagination-bullet-active{background: #fff;}
.date-list li{position: relative;}
.date-list .date{position: absolute;top: 10px;left: 0;width: 45px;height: 45px;overflow: hidden;background-color: #af251b;text-align: center;color: #fff;}
.date-list .date span{display: block;height: 26px;line-height: 26px;font-size: 18px;white-space: nowrap;}
.date-list .date b{display: block;height: 20px;line-height: 20px;font-size: 12px;white-space: nowrap;}
.date-list .content{padding: 8px 20px 8px 60px;box-sizing: border-box;-webkit-transition: .3s all ease-in-out;-ms-transition: .3s all ease-in-out;transition: .3s all ease-in-out;}
.date-list .content h4{padding: 2px 0;font-size: 16px;color: #333;}
.date-list .content h4 a{color: #333;-webkit-transition: .3s all ease-in-out;-ms-transition: .3s all ease-in-out;transition: .3s all ease-in-out;}
.date-list .content:hover{box-shadow: 0 0 10px rgba(0,0,0,.2);}
.date-list .content:hover h4{color: #9c1618;}
.date-list .content p{height: 28px;line-height: 2;font-size: 14px;color: #777;}
.date-list .content p a{color: #777;}

.home-case{padding: 50px 0;background-color: #eee;}
.case-carousel{height: 290px;margin-bottom: 30px;}
.case-carousel .swiper-slide{width: 20%;padding: 15px 5px}
.case-item{position: relative;display: block;width: 100%;height: 274px;padding: 15px;background-color: #fff;background-size: cover;background-repeat: no-repeat;background-position: center;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.case-item-overlay{position: absolute;left: 0;bottom: 0;right: 0;height: 38px;background: rgba(0,0,0,.6);-webkit-transition: .5s all ease-in-out;-ms-transition: .5s all ease-in-out;transition: .5s all ease-in-out}
.case-item-title{position: absolute;left: 0;bottom: 0;right: 0;z-index: 1;height: 38px;line-height: 38px;padding: 0 15px;font-size: 14px;text-align: center;color: #fff;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.case-item-text{position: absolute;left: 0;right: 0;top: 0;width: 100%;height: 100%;padding: 45px 15px 20px;opacity: 0;visibility: hidden;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.case-item-text i{display: block;width: 30px;height: 30px;margin-bottom: 20px;background: url(../img/icon/icon_case.png) no-repeat center/cover;}
.case-item-text h4{line-height: 26px;font-size: 16px;color: #fff;}
.case-item-text p{margin-top: 15px;font-size: 12px;font-weight: bold;color: #fff;}
.case-item:hover{-webkit-transform: translateY(-15px);-ms-transform: translateY(-15px);transform: translateY(-15px);box-shadow: 0 0 10px rgba(0,0,0,.2);}
.case-item:hover .case-item-text{opacity: 1;visibility: visible;}
.case-item:hover .case-item-title{opacity: 0;visibility: hidden;}
.case-item:hover .case-item-overlay{height: 100%;background-color: rgba(127,1,2,.6);}
.case-button-next,.case-button-prev{border: 2px solid #fff;background-size: 12px;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.swiper-pagination.case-pagination{position: relative;}
.case-pagination.swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 5px;background: transparent;border: 2px solid #cc1612;opacity: 1;}
.case-pagination.swiper-pagination .swiper-pagination-bullet-active{background: #cc1612;}

.home-photowall{padding: 50px 0;background-color: #fff;}
.photowall-text{position: relative;z-index: 1;height: 200px;width: 100%;padding: 25px 15px 40px;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;}
.photowall-text:hover{box-shadow: 0 5px 10px rgba(0,0,0,.3);-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.photowall-text .date span{display: inline-block;width: 90px;height: 20px;line-height: 20px;background-color: #af251b;font-size: 12px;text-align: center;color: #fff;border-radius: 10px;}
.photowall-text h3{display:-webkit-box;overflow: hidden;line-height: 1.5;margin: 12px 0 12px;font-size: 16px;font-weight: 600;color: #333;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.photowall-text h3 a{color: #333;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.photowall-text:hover h3 a{color: #9c1618}
.photowall-text p{display:-webkit-box;overflow: hidden;line-height: 1.5;font-size: 14px;color: #060606;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;}
.photowall-text p a{color: #606060;}
.photowall-img{position: relative;width: 100%;height: 200px;overflow: hidden;background-color: #f1f1f1;}
.photowall-img .overlay{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.photowall-img:hover .overlay{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

.home-course{padding: 50px 0;background: url(../img/home_course_bg.png) center top;background-repeat: repeat-x;}
.home-course .section-more{position: relative;z-index: 1;}
.home-course .overlay{position: absolute;left: 0;right: 0;bottom: 0;z-index: 0;width: 100%;height: 200px;background-position: center top;}
.course-carousel{max-width: 1024px;width: 100%;height: 380px;margin: 20px auto;}
.course-carousel .swiper-slide{width: 33.333%;}
.course-item{margin: 15px 0;text-align: center;}
.course-item .img{width: 300px;height: 300px;margin: 0 auto;background: #333;border-radius: 50%;background-size: cover;background-repeat: no-repeat;background-position: center;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.course-item .text{max-width: 320px;width: 100%;margin: 15px auto;font-size: 18px;color: #333;text-align: center;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.course-item:hover .img{box-shadow: 0 5px 10px rgba(0,0,0,.3);}
.course-item:hover .text{color: #b90f10;}
.course-button-next,.course-button-prev{border: 2px solid #333;background-size: 12px;}

/* Column */
.column{background: url(../img/home_course_bg_2.png) no-repeat center bottom;}
.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{margin-top: -50px;margin-bottom: 50px;}
.column-anchor{padding-left:15px;height:60px;background-color:#b90f10;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:#b90f10;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:#b90f10;font-weight: bold;}
.breadcrumb-nav{float: right;margin-top: -10px;padding:8px 0;color: #b90f10;font-size: 14px;}
.breadcrumb-nav a{color:#b90f10;}
.breadcrumb-nav a:hover{color: #333;}
.column-content{min-height: calc(100vh - 300px);background-color: #fff;box-shadow: 0 7px 20px rgba(83, 36, 137,.1);}
.column-name{padding: 0 25px;height:60px;border-bottom:1px solid #efefef;color:#333;font-weight:bold;font-size:18px;line-height:60px;}
.news-list li{border-bottom: 1px solid #e6e6e6;}
.news-list-item{position: relative;padding: 20px;-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: 20px;overflow: hidden;width: 80px;height: 50px;color: #666;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:#666;}
.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:hover .content{color: #4b1c78;}
.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;color: #90070a;}
.news-list-item .content p{font-size: 14px;color: #888;}
.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;}
#wp_pager{text-align: center;}

/* Post */
.post-detail{margin: 30px 0;}
.post-detail .inner{background-color: #fff;box-shadow: 0 0 30px rgba(0,0,0,.1);}
.post-info{padding: 25px 15px 15px;border-bottom: 1px solid #f1f1f1;background:#fff;}
.post-title{padding-bottom:5px;color:#8f060a;text-align:center;font-size:20px;}
.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 #8f060a;}
.qrcode-share{margin-top:5px;padding-bottom: 20px;text-align:center;}


@media screen and (max-width: 1199px){
    /* Header */
    .header{height: auto;}
    .header-logo{height: auto;line-height: inherit;padding: 20px 0;}
    .header-logo img{height: 70px;}
    .header-nav{float: none;width: 100%;height: 50px;line-height: 50px;}
    .site-nav, .site-nav > ul{height: auto;}
    .navbar-nav > li{width: 20%;}
    .navbar-nav > li > a{height: 50px;line-height: 50px;}

    /* Home */
    .banner-carousel{height: 500px;}
    .case-carousel .swiper-slide{width:25%}
    
}
@media screen and (max-width: 991px){
    /* Nav */
    .header .container{width: 100%;}
    .header-logo{text-align: center;}
    .header-info{display: none;float: none;margin-top: 10px;text-align: center;}
    
    /* Home */
    .banner-carousel{height: 40vw;}
    .case-carousel .swiper-slide{width:33.33%}
    .course-carousel .swiper-slide{width: 100%;}

    /* Footer */
    .footer-info,.footer-nav,.footer-qrcode,.footer-copyright,.footer-logo{text-align: center;}
    .footer-nav{margin-top: 0;}
    .footer-nav{margin-bottom: 10px;}
    .footer-qrcode{float: none;}
    .footer-copyright{float: none;}
}
@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-function{padding: 10px;}
    
    /* Nav */
    .site-nav, .site-nav > ul{height: auto;}
    .header-info p{color: #9c9c9c;}
    .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: rgba(0,0,0,.8);}
    .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;}
    .header-logo{text-align: left;}
    .header-nav{height: 0;line-height: inherit;}
    .header-nav .navbar-toggle{margin-top: -45px;color:#fff;}
    
    /* 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 */
    .banner-carousel{height: 55vw;}
    .case-carousel .swiper-slide{width:50%}
    

    /* Column */
    .column-nav{margin-bottom: 25px;}
    .column-banner .img{height: 40vw;}
    .news-carousel .swiper-slide{width: 100%;}
    .column .wp_single{padding: 20px;}
}
@media screen and (max-width: 480px){
    /* Header */


    /* Home */
    .banner-carousel{height: 90vw;}
    .banner-carousel-title{font-size: 15px;}
    .news-carousel{height: 40vw;}
    .case-carousel .swiper-slide{width:100%}
    

    /* Column */
    .column{padding: 0;}
    .column-name{height: auto;line-height: normal;padding: 15px 10px 0;text-align: center;}
    .column-list{padding: 10px;}
    .column-anchor{padding-left: 0;text-align: center;}
    .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{margin: 0 10px;}
    .post-content{margin: 20px 0;overflow: auto;}
}
@media screen and (max-width: 360px){
    .book-carousel .swiper-slide{width: 100%;}
}