@charset "utf-8";
article,aside,audio,body,canvas,caption,dd,div,dl,dt,fieldset,figure,footer,form,header,html,input,label,legend,li,mark,menu,nav,ol,section,table,tbody,td,textarea,tfoot,th,thead,time,tr,ul,video{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:400;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:middle}
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 "Noto Serif SC", \5FAE\8F6F\96C5\9ED1,\5B8B\4F53,"Hiragino Sans GB",STHeiti,"WenQuanYi Micro Hei","Droid Sans Fallback",SimSun,serif;background:#fff;scroll-behavior:smooth}
a{text-decoration:none;color:#333;-webkit-transition:.3s color ease;-ms-transition:.3s color ease;transition:.3s color ease}
a:focus,a:hover{text-decoration:none;color:#016295}
a,a:focus,button,input{outline:0}
.block-item{padding:20px 0}
.block-item.i2{padding-left:40px}
.inner,.outer{position:relative}
.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.text-two-line{display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.block-title{position:relative;height: 70px;padding:10px 0;font-weight: 700;background:url(../img/block_title_bg.png) 95px center no-repeat;background-position:95px center}
.block-title.center{text-align:center;background-position: 55% center;}
.block-title h3{font-size:32px;font-weight:600;color:#333}
.block-title .view-more{float:right;margin-top:-28px;font-size: 18px;color: #999;}
.block-title.center .view-more{color: #fff;}

/*
* Header
*/
.header{background:#61abe4;}
.header-logo{display:block;padding:26px 0}
.header-logo img{width:100%;height:auto}
.header-link{margin-top: 34px;color: #fff;font-size: 16px;font-weight: 700;text-align: right;}
.header-link a{color: #fff;}
/* Hedaer Search */
.header-search{float:right;position:relative;width:240px;height:36px;line-height:36px;margin-top:12px;overflow:hidden;border-radius:18px}
.search-input{position:absolute;left:0;top:0;width:100%;height:100%;font-size:14px;color:#fff;background-color:#91c4ec;padding:0 14px;border:none;transition:all .3s ease}
.search-input::-webkit-input-placeholder{color:#fff;opacity:.8;-webkit-transition:.3s all ease;-ms-transition:.3s all ease;transition:.3s all ease}
.search-input:focus::-webkit-input-placeholder,.search-input:hover::-webkit-input-placeholder{color:#fff;opacity:1}
.search-button{position:absolute;top:0;right:0;width:50px;height:100%;color:#fff;border-width:initial;border-style:none;border-color:initial;border-image:initial;background:url(../img/icon/icon_search.png) center center no-repeat;transition:all .3s ease}
/* Hedaer Menu */
.header-nav{width:100%;background:#fff}
.header-nav .navbar-toggle{color:#666;font-size:18px;padding:5px 10px}
.site-nav,.site-nav ul{width:100%}
.site-nav li{position:relative;width:11.11%;-webkit-transition:.3s all ease;-ms-transition:.3s all ease;transition:.3s all ease}
.site-nav li a{display:block;width:100%;font-size:18px;font-weight:600;text-align:center;color:#333;padding:20px 0;-webkit-transition:.3s all ease;-ms-transition:.3s all ease;transition:.3s all ease}
.site-nav > ul > li::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;width: 0;border-bottom: 3px solid #61abe4;-webkit-transition:.3s all ease;-ms-transition:.3s all ease;transition:.3s all ease}
.site-nav > ul > li:hover::after{width: 100%;}
.site-nav li:hover a{color:#333}
.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}
.dropdown-menu{top:100%;left:0;width:100%;min-width:110px;border-right-style:initial;border-bottom-style:initial;border-left-style:initial;border-right-color:initial;border-bottom-color:initial;border-left-color:initial;text-align:center;padding: 0;border-width:2px 0 0;border-image:initial;border-radius:0}
.dropdown-menu>li{width:100%}
.dropdown-menu>li>a{display:block;color:#333;font-size:18px;font-weight:400;padding:15px 10px;background:#fff;white-space:normal}
.dropdown-menu>li>a:hover{color:#fff;background:#61abe4}


/*
* Footer
*/
.footer{background:#61abe4;padding:60px 0 0}
.footer-logo{padding: 10px 0 40px;}
.footer-info{font-size:18px;line-height: 20px;text-align:right;padding:10px 0 40px}
.footer-info p{color:#fff}
.footer-copyright{padding:10px 0;border-top: 1px solid #b0d5f2;color:#fff;text-align: right;font-size: 16px;}


/*
* Homepage
*/
/* Banner */
.home-banner{background-color:#f1f1f1}
.banner-carousel{display:block;max-width:1920px;width:100%;height:560px;background-color:#f1f1f1}
.banner-carousel .swiper-slide{position:relative;display:block;width:100%;background-size:cover;background-color:#333;background-repeat:no-repeat;background-position:center center}
.banner-pagination.swiper-pagination{bottom:25px;text-align:center;margin:0 auto}
.banner-pagination.swiper-pagination .swiper-pagination-bullet{position:relative;width:12px;height:12px;margin:0 10px;background-color:#fff;opacity:1;border-radius: 6px;transition:all .3s ease}
.banner-pagination.swiper-pagination .swiper-pagination-bullet-active{width: 40px;opacity:1;background:#61abe4}
.banner-button-prev,.banner-button-next{width: 80px;height: 80px;margin-top: -40px;background-color: rgba(255,255,255,.5);transition:all .3s ease}
.banner-button-prev:hover,.banner-button-next:hover{background-color: #61abe4}
.banner-button-prev{left: 0;}
.banner-button-next{right: 0;}
/* Home List */
.home-list{padding:50px 0;background: #fff}
.img-list{min-height:480px;padding-top:20px}
.img-list li{position:relative;margin-bottom:30px}
.img-list li:last-child{margin-bottom:0}
.img-item .img{position:absolute;top:0;left:0;width:160px;height:90px;background-color:#f1f1f1;overflow:hidden}
.img-item .img .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;transition:all .3s ease}
.img-item .content{display:block;padding:0 25px 0 180px}
.img-item .content h3{font-size:18px;font-weight:600;color:#333;transition:all .3s ease}
.img-item .content p{height:48px;line-height:24px;font-size:16px;color:#666;margin:2px 0}
.img-item .content .date{font-size:14px;color:#999}
.img-item:hover .content h3{color:#61abe4}
.date-list{padding-top: 20px;}
.date-list li{position: relative;margin-bottom: 38px;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.date-list li:last-child{margin-bottom: 0;}
.date-list li .date{position: absolute;left: 0;top: 0;width: 60px;height: 60px;line-height: 1;text-align: center;}
.date-list li .date span,.date-list li .date b{display: block;width: 100%;text-align: center;white-space: nowrap;overflow: hidden;}
.date-list li .date span{height: 30px;line-height: 30px;font-size: 22px;font-weight: 400;color: #61abe4;border: 1px solid #61abe4}
.date-list li .date b{height: 30px;line-height: 30px;font-size: 10px;font-weight: normal;color: #fff;background: #61abe4;}
.date-list li .content{display: block;min-height: 60px;padding-left: 80px;padding-right: 15px;line-height: 1;}
.date-list li .content h3{display:block;padding-top: 6px;color: #333;font-size: 18px;font-weight: 700;line-height: 1;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.date-list li .content p{display: block;padding-top: 10px;color: #666;font-size: 14px;line-height: 1;}
.date-list li:hover .content h3{color: #61abe4;}
/* Home Photo */
.home-photo{max-height: 500px;padding: 50px 0 0;background:url(../img/home_photo_bg.png) center center no-repeat}
.photo-carousel{width:100%;height:290px;margin:30px 0}
.photo-carousel .swiper-slide{width:33.333%;}
.photo-carousel-item{max-width:370px;width:100%;margin:15px auto 0;padding:0;transition:all .3s ease}
.photo-carousel-item .photo{width:100%;height:200px;background-color:#f1f1f1;background-size:cover;background-position:center center;background-repeat:no-repeat}
.swiper-slide-active .photo-carousel-item{margin-top: 10px;}
.swiper-slide-active .photo-carousel-item .photo{transform:scale(1.08);border: 4px solid #61abe4;box-shadow: 0 10px 15px rgba(0,0,0,.2);}
.photo-carousel-item .title{font-size:18px;font-weight: 700;color:#333;text-align:center;padding:12px 0;transition:all .3s ease}
.photo-carousel-item:hover .title{color: #fff;}
.photo-button-next,.photo-button-prev{background-size:20px}
.photo-button-prev{left:-60px;}
.photo-button-next{right:-60px;}
/* Home Link */
.home-link{padding: 30px 0;background-color: #fff;}
.home-link-item{max-width: 280px;width: 100%;height: 100px;margin: 20px auto;font-size: 24px;text-align: center;color: #fff;background: #016295 url(../img/home_link_item_bg.png) no-repeat center/cover;transition: .3s all ease;}
.home-link-item:hover{transform: scale(1.05);box-shadow: 0 0 10px rgba(0,0,0,.3);}
.home-link-item p{line-height: 100px;}


/*
* Column
*/
.breadcrumb-nav{padding: 10px 0;background: rgba(97, 171, 228, .1);color:#61abe4}
.breadcrumb-nav .icon{display:inline-block;margin-right:10px}
.breadcrumb-nav a{color:#61abe4}
.breadcrumb-nav a:hover{color:#61abe4}
.column{min-height:calc(100vh - 500px);padding:50px 0}
.column-anchor{height:80px;line-height:80px;padding-left:15px;border-left: 4px solid #61abe4;font-size:22px;background:#fff url(../img/block_title_bg.png) no-repeat 110% center;background-size: 40%;color:#61abe4;font-weight:700;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.column-nav>ul{padding-top:20px}
.column-nav ul li a{display:block;height:48px;line-height:48px;padding-left:15px;background:#fafafa;color:#222;font-size:17px;transition:all .3s ease}
.column-nav ul li a:hover{background:#61abe4;color:#fff}
.column-nav ul li ul li a{height:42px;line-height:42px;padding-left:42px;background:#f0f0f0;font-size:15px}
.column-nav ul li.selected>a{background:#f7f7f7;color:#61abe4}
.column-name{height:55px;line-height:55px;padding:0 15px;font-size:18px;border:1px solid #e7e7e7;background:#f7f7f7;color:#61abe4;font-weight:400}
.column-content{padding:20px 20px 40px;border:1px solid #e7e7e7}
.column-content .block-list-style-3{padding:0;box-shadow:0 0 0 transparent}
.column-content .date-block{background:#909090}
.teacher-list-item{margin:20px 0}
.teacher-list-item .photo{position:relative;width:150px;height:202px;overflow:hidden;margin:0 auto;background-color:#333;box-shadow:0 5px 10px rgba(0,0,0,.1);border-radius:6px;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}
.teacher-list-item .photo .overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}
.teacher-list-item .title{width:150px;margin:0 auto;padding:4px 10px;text-align:center;font-size:16px}
.teacher-list-item .title a{color:#333;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}
.teacher-list-item:hover .photo{box-shadow:0 5px 20px rgba(0,0,0,.2)}
.teacher-list-item:hover .title a{color:#61abe4}
#wp_pager{margin:20px 0}
#wp_pager ul.pages li{padding-left:0}

/*
* Post
*/
.post{padding:20px 0}
.post-detail{padding-top:30px;padding-bottom:50px}
.post-detail .inner{background-color:#fff}
.post-info{padding:15px 10px;background:#f8f8f8;border-top:4px solid #61abe4;border-bottom:1px solid #f1f1f1}
.post-title{padding-bottom:5px;font-size:22px;text-align:center;color:#61abe4}
.post-attr{margin-bottom:15px;text-align:center;color:#999}
.post-content{margin:20px 30px;min-height:400px;overflow: hidden;}
.post-content img{margin:10px 0;max-width:100%!important;height:auto!important}


@media screen and (max-width:1439px){
    .photo-button-prev{left:20px}
    .photo-button-next{right:20px}
}
@media screen and (max-width:1199px){
    /* Homepage */
    .banner-carousel{height:400px}
    .banner-carousel .swiper-slide{width:100%}
    .home-link-item{font-size: 20px;}

    /* Column - Teacher */
    .teacher-item{max-width:190px}
    .teacher-photo{height:260px}
    .teacher-list-item{max-width:190px;width:100%;margin:0 auto}
    .teacher-list-item .photo{height:198px}
}
@media screen and (max-width:991px){
    /* Header*/
    .header-logo{padding:25px 0 10px;text-align:center}
    .header-logo img{max-width:460px;width:100%;height:auto}
    .header-link{margin-top:0;margin-bottom:15px;text-align:center}
    .header-search{float:none;display:block;width:250px;margin:5px auto 30px}
    .site-nav li a{padding:15px 0;font-size:16px}

    /* Footer */
    .footer{padding-top:30px}
    .footer-logo{padding:0;text-align:center}
    .footer-logo img{max-width:350px;width:100%;height:auto}
    .footer-info{text-align: center;}
    .footer-info p{display: inline-block;margin: 0 8px;}
    .footer-copyright{text-align:center}

    /* Homepage */
    .photo-carousel .swiper-slide{width:50%}
}
@media screen and (max-width:767px){
    /* Header */
    .header-nav .container{padding-left:0!important;padding-right:0!important}
    .navbar-nav .open .dropdown-menu>li>a{padding:10px 15px!important}
    .site-nav,.site-nav ul{background:#f1f1f1}
    .navbar-nav,.site-nav{padding:0!important;margin:0!important}
    .site-nav li{width:100%}
    .site-nav li a{padding:15px 0}

    /* Footer */
    .footer-info{font-size: 16px;}

    /* Homepage */
    .block-title{background-position: 55px center;}
    .block-title h3{line-height: 50px;font-size:26px}
    .block-title .view-more{margin-top: -40px;}
    .banner-carousel{height:40vw}
    .banner-button-prev, .banner-button-next{width: 30px;height: 30px;background-size: 12px auto;}
    .photo-carousel .swiper-slide{width: 100%;}

    /* Column */
    .column-content{padding: 20px 0 40px;border: none;}

    /* Post */
    .post-content{margin:0;padding:14px 0}
    .post-content img{max-width:100%;height:auto!important}
    .post-title{font-size:20px}
    .post-attr{margin-bottom:0}
}
@media screen and (max-width:425px){
    /* Homepage */
    .block-title .view-more{font-size: 14px;}
    .home-list{padding: 10px 0;}
    .img-item .img{position:relative;display:block;width:100%;height:45vw}
    .img-item .content{padding:20px 10px}
    .img-item .content h3{padding-bottom: 8px;}
    .photo-carousel-item{padding: 0 20px;}

    /* Footer */
    .footer-info,.footer-copyright{font-size: 14px;}
}