@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}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
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}
html{scroll-behavior: smooth;}
body{font:14px/1.5 HelveticaNeue-Thin,"Helvetica Neue",Helvetica,Arial,PingFangSC-Light,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;background:#fff;scroll-behavior: smooth;}
a{text-decoration:none;color:#303030;transition:color .2s ease;-moz-transition:color .2s ease;-webkit-transition:color .2s ease}
a:focus,a:hover{text-decoration:none;color:#ac3823}
:focus{outline:0}

/* Common Style */
.inner{position:relative;display: block;}
.header{background:#fff url(../img/header_bg.jpg) no-repeat center;}
.header .inner{padding-top:38px;padding-bottom:38px}
.header-logo{float:left}
.header-logo img{width:auto;height:85px}
.header-search{float:right;position:relative;width:275px;height:40px;margin-top:25px}
.search-input{display:block;width:100%;height:40px;padding:0 10px;line-height:40px;background:url(../img/header_search_bg.png);background-position:100% 100%;border:none;color:#fff;transition:.3s box-shadow ease;-moz-transition:.3s box-shadow ease;-webkit-transition:.3s box-shadow ease}
.search-input::-webkit-input-placeholder{color:#f1f1f1;opacity:.8}
.search-input::-moz-placeholder{color:#f1f1f1;opacity:.8}
.search-input::-ms-input-placeholder{color:#f1f1f1;opacity:.8}
.search-submit{position:absolute;top:5px;right:10px;display:block;width:30px;height:30px;background: #cfc8c3 url(../img/icon_search.png) no-repeat center;background-size:20px;border:none;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.2);transition:.3s box-shadow ease,.3s background-color ease;-moz-transition:.3s background-color ease;-webkit-transition:.3s background-color ease}
.search-input:focus,.search-submit:focus{box-shadow:0 0 10px rgba(0,0,0,.4)}
.search-submit:hover{background-color:rgba(0,0,0,.2)}

.header-menu{background:#ceac72;font-family:"Noto Serif SC",SimSun,serif;text-shadow:0 0 5px rgba(0,0,0,.3);}
.navbar-toggle{width:30px;height:30px;padding:0;line-height:30px;text-align:center;background:rgba(0,0,0,.3);border-radius:50%;transition:.3s all ease;-moz-transition:.3s all ease;-webkit-transition:.3s all ease}
.navbar-toggle img{width:20px;height:20px;vertical-align:text-bottom}
.navbar-toggle.collapsed{background:0 0}
.site-nav,.site-nav ul{width:100%}
.site-nav li{position:relative;width:12%}
.site-nav li:last-child{width:16%}
.site-nav li a{display:block;padding:16px 0;width:100%;font-size:18px;text-align:center;color:#fff;transition:.2s background ease;-webkit-transition:.2s background ease;-moz-transition:.2s background ease}
.site-nav>ul>li:hover>a{background:#ac9060;color:#fff}
.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:#ac9060;color:#fff}
.dropdown-menu{left:0;padding:0;width:100%;min-width:195px;border:none;text-align:left;font-size:16px}
.dropdown-menu>li{width:100%}
.dropdown-menu>li>a{display:block;padding:10px 0 10px 20px;text-align:left;background:rgba(0,0,0,.65);color:#fff;font-size:16px;font-weight:400}
.dropdown-menu>li>a:hover{background:#ac9060;color:#fff}

.footer{background:#303030;border-bottom:15px solid #957934;color:#fff;}
.footer .inner{padding-top:20px;padding-bottom:20px;}
.footer-copyright{text-align:left;line-height:2;}
.footer-info{text-align:right;line-height:2;}

.more-link{font-family: "Noto Serif SC",SimSun,serif;line-height:1;}


/* Homepage Style */
.banner-slider{padding: 65px 0 25px;background: #f8f8f8 url(../img/banner_bg.jpg) no-repeat center;}
.banner-carousel{max-width:1400px;width:100%;height:360px;}
.banner-carousel .swiper-slide{width:1160px;height:340px;margin:10px 0;background-size:cover;background-position:center;background-repeat: no-repeat;background-color:#fafafa}
.banner-carousel .swiper-slide:hover{box-shadow: 0 0 10px rgba(0,0,0,.4);}
.banner-carousel .swiper-slide-active{box-shadow:0 0 8px rgba(0,0,0,.3)}
.swiper-pagination.banner-pagination{position: relative;margin-top: 25px;}
.swiper-pagination.banner-pagination .swiper-pagination-bullet{width:14px;height:11px;margin: 0 8px;background-color: #c8a870;border-radius: 5px;transition: .3s all ease;-moz-transition: .3s all ease;-webkit-transition: .3s all ease}
.swiper-pagination.banner-pagination .swiper-pagination-bullet-active{width:44px}

.home-row-1{padding:50px 0;background: #fff url(../img/home_bg_1.jpg);}
.home-row-2{padding:40px 0 50px;background: #fff url(../img/home_bg_3.jpg);}

.teacher-slider{padding:30px 0 20px;background: #dbc296 url(../img/home_bg_2.jpg) no-repeat center/cover}
.teacher-slider .title{text-align:center}
.teacher-slider .title img{width:auto;height:40px;}
.teacher-slider .more-link{text-align:center;}
.teacher-slider .more-link a{display:inline-block;padding:5px 3px;color:#fff;border-bottom: 1px solid #fff;transition: padding .3s ease;-moz-transition: padding .3s ease;-webkit-transition: padding .3s ease;}
.teacher-slider .more-link a:hover{padding:5px 14px}

.teacher-carousel{margin:10px 0;}
.teacher-carousel .swiper-slide{width:25%}
.teahcer-carousel-item{position:relative;width:220px;height:300px;margin:15px auto;background:#fff url(../img/teacher_carousel_item_bg.png) no-repeat center;box-shadow: 0 0 8px rgba(0,0,0,.3);transition: .3s all ease;-moz-transition: .3s all ease;-webkit-transition: .3s all ease;}
.teahcer-carousel-item:hover{box-shadow:0 0 14px rgba(0,0,0,.5)}
.teahcer-carousel-item .photo{position:relative;width:100%;height:230px;background-color:#f1f1f1;background-size:cover;background-position: center -10px;}
.teahcer-carousel-item .photo img{position:absolute;left:0;bottom:0;width:100%;}
.teahcer-carousel-item .content{padding:8px 20px 0}
.teahcer-carousel-item .content h1{font-size: 18px;font-weight: 600;color: #222;transition: .2s all ease;-moz-transition: .2s all ease;-webkit-transition: .2s all ease;}
.teahcer-carousel-item .content p{margin-top: 3px;font-size: 14px;font-weight: normal;color: #8b6e22;transition: .2s all ease;-moz-transition: .2s all ease;-webkit-transition: .2s all ease;}
.teahcer-carousel-item .content span{position: relative;z-index: 1;}
.teahcer-carousel-item .content span::after{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:#c3a769;transition: .5s all ease;-moz-transition: .5s all ease;-webkit-transition: .5s all ease;z-index: -1;}
.teahcer-carousel-item .content p span::after{background: #cdc2bc;transition: .8s all ease;-moz-transition: .8s all ease;-webkit-transition: .8s all ease;}
.teahcer-carousel-item:hover .content span::after{width:100%;}
.teahcer-carousel-item:hover .content h1, .teahcer-carousel-item:hover .content p{color:#fff;}

.teahcer-carousel-item .go-button{position: absolute;top:60%;right:0;line-height: 1;padding:5px 5px 5px 14px;background:#fc3d59;border-top-left-radius: 5px;border-bottom-left-radius: 5px;transition: .3s all ease;-moz-transition: .3s all ease;-webkit-transition: .3s all ease}
.teahcer-carousel-item .go-button img{width:auto;height:15px;}
.teahcer-carousel-item .go-button:hover{padding-right:8px;background:#cc3333}

.teacher-carousel-prev{width:50px;height:50px;background: url(../img/teacher-carousel-prev.png) no-repeat center;transition: .3s opacity ease;-moz-transition: .3s opacity ease;-webkit-transition: .3s opacity ease}
.teacher-carousel-next{width:50px;height:50px;background: url(../img/teacher-carousel-next.png) no-repeat center;transition: .3s opacity ease;-moz-transition: .3s opacity ease;-webkit-transition: .3s opacity ease}
.teacher-carousel-prev:hover{opacity: .8;}
.teacher-carousel-next:hover{opacity: .8;}


/* List Style */
.block-item{margin:15px 0;}

.block-special-title{position:relative;z-index:1;width:100%;text-align:center;font-size:22px;}
.block-special-title img{width:auto;height:40px;}
.block-special-content{position:relative;width:100%;height:300px;margin-top:-20px;padding:35px 25px 0;background: url(../img/home_content_bg_style_1.png) no-repeat center;background-size:100% 100%;}
.block-special-content li{overflow: hidden;padding:7px 0;border-bottom:1px dotted #dddddd;}
.block-special-content li:last-child{border-bottom:none}
.block-special-content .date{float:left;width:15%;height:18px;line-height:18px;background: #ba9d5b;color: #fff;font-size: 12px;border-radius: 3px;text-align: center;}
.block-special-content .content{float:left;width:85%;padding-left:15px;line-height:18px;color: #222;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.block-special-content .more-link{position: absolute;bottom: -8px;left: 0;right: 0;text-align: center;}
.block-special-content .more-link a{display: inline-block;padding:6px 20px;background:#c8a870;color: #fff;letter-spacing: 1px;transition: .3s all ease;-moz-transition: .3s all ease;-webkit-transition: .3s all ease}
.block-special-content .more-link a:hover{background:#303030;box-shadow:0 0 5px rgba(0,0,0,.2)}
.block-special-content li:hover .content{color:#ac3823}
.block-title{padding:0 10px;}
.block-title .icon img{width: auto;height: 45px;}
.block-title h1{display: inline-block;margin-top:7px;padding:8px 5px;border:1px solid #d1ae74;font: 700 24px/1 "Noto Serif SC",SimSun,serif;font-weight: 700;}

.block-content{margin-top: -32px;background: #f1f1f1}
.block-content .more-link{width: 100%;height: 20px;background-color: #f0dbac;text-align: right;}
.block-content .more-link a{display: inline-block;height: 20px;line-height: 20px;padding: 0 5px;background-color: #967939;color:#fff;}
.block-list{padding:30px 18px 20px;height:280px;overflow: hidden;background: url(../img/block_item_bg.png) no-repeat center top;}
.block-list li{padding:6px 0;overflow:hidden;}
.block-list li a{float: left;width: 80%;color: #222;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.block-list li span{float: left;width: 20%;color: #777;text-align: right;overflow: hidden;white-space: nowrap;}
.block-list li a:hover{color:#ac3823;}


/* Column */
.column{padding-bottom:40px;background:#fff url(../img/home_bg_1.jpg)}
.column-banner{position:relative;width:100%;height:300px;margin:0 auto;background-size:cover;background-position: center;background-color: #f1f1f1;background-repeat: no-repeat;}
.column-banner .overlay{position:absolute;height:60%;width:100%;bottom:0;left:0;background:transparent;background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.5));background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.5));background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.5));background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5))}
.column-title{position:absolute;bottom:16%;left: 0;right: 0;width: 100%;text-align: center;font: 700 24px/1 "Noto Serif SC",SimSun,serif;color:#fff}
.column-title h1 span{border-bottom:5px solid #eedaaa}
.breadcrumbs{margin:15px 0 0;color:#f1f1f1;font-size:14px;font-weight: 400;}
.breadcrumbs a{margin: 0 5px;color: #f1f1f1;}
.breadcrumbs .possplit{display:none;}

.column-nav{position:relative;margin-top:-18px;padding-bottom:10px;text-align: center;}
.column-nav li{display:inline-block;margin:0 8px}
.column-nav li a{display: block;width: 100%;padding:5px 10px;background:#303030;color:#fff;border-bottom:2px solid #947933;box-shadow: 0 0 2px rgba(0,0,0,.2);}
.column-nav li a.active{background:#ccac71}

.column-news-list{min-height: 500px;margin-top:10px;padding:30px 40px;background:transparent;}
.column-news-list .item{padding:8px 5px;margin:0 5px;overflow:hidden;border-bottom:1px dotted #ccc;transition: .3s all ease;-moz-transition: .3s all ease;-webkit-transition: .3s all ease}
.column-news-list .item a{float: left;width: 80%;padding-left:10px;color: #222;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.column-news-list .item span{float: left;width: 20%;color: #fff;text-align: center;background:#ceac72;overflow: hidden;white-space: nowrap;border-radius: 5px;}
.column-news-list li:hover .item{background:#f1f1f1}
.column-news-list .item a:hover{color:#ac3823}

/* Post Detail */
.breadcrumb{margin-bottom:0;background:#777;color:#fff;border-radius:0;}
.breadcrumb a{color:#fff;}
.post-detail{background:url(../img/home_bg_1.jpg);}
.post-detail .inner{padding-top:50px;padding-bottom:50px;}
.post-content-inner{background:#fff;}
.post-info{padding:30px;text-align:center;border-bottom:1px dotted #ccc}
.post-title{padding-bottom:5px;font: 700 22px/1 "Noto Serif SC",SimSun,serif;}
.post-attr{margin-top:5px;color:#1d1d1d}
.post-content{padding:30px;min-height:400px;background:#fff;}
.post-content img{max-width:100%;height:auto;margin:15px 0;box-shadow:0 5px 5px rgba(0,0,0,.1)}

@media screen and (max-width:1199px) {
    .footer-copyright{padding-left:15px}
    .footer-info{padding-right: 15px;}
    .banner-carousel .swiper-slide{width: 90%;}
    .block-list{background-size: 100% 100%;}
}

@media screen and (max-width:991px) {
    .footer-copyright{padding-left: 0;text-align:center;border-bottom:1px  #888}
    .footer-info{padding-right: 0;text-align:center;}
    .header-logo{float:none;display: block;width: 100%;text-align: center;}
    .header-search{display:none;}
    .header-menu .inner{width: 100%;}
    .site-nav li a{font-size: 16px;white-space: nowrap;}
    .banner-carousel{height: auto;}
    .banner-carousel .swiper-slide{width: 90%;height: 26vw}
    .teacher-carousel .swiper-slide{width: 33.33%;}
    .block-list{background:transparent}
}

@media screen and (max-width:767px){
    .header-menu .inner{padding:0}
    .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:rgba(0,0,0,.1)}
    .site-nav li a{padding:15px 0 15px 30px;font-size:16px;text-align:left;}
    .site-nav li:last-child{width: 100%;}
    .site-nav .open .dropdown-menu > li > a{padding:8px 0 8px 30px;}
    .banner-carousel .swiper-slide{width: 95%;height: 28vw}
    .teacher-carousel .swiper-slide{width: 50%;}
    .column-news-list{position:relative;margin-top: -20px;padding:20px 10px;min-height: 200px;}
}

@media screen and (max-width:480px) {
    .header-logo img{max-width: 100%;width: 100%;height: auto;}
    .banner-slider{padding-top:0;padding-bottom: 10px;}
    .banner-carousel .swiper-slide{width: 100%;height: 40vw;margin-top:0;}
    .swiper-pagination.banner-pagination{margin:0;}
    .home-row-1{padding:25px 0;}
    .block-special-content .date{width:20%;}
    .block-special-content .content{width:80%;}
    .teacher-carousel .swiper-slide{width: 100%;}
    .footer-copyright,.footer-info{font-size: 12px;}
    .post-info,.post-content{padding:20px 10px;}
    .column-news-list .item a{width: 75%;}
    .column-news-list .item span{width: 25%;}
}