@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:#a47333;transition:color .2s ease;-moz-transition:color .2s ease;-webkit-transition:color .2s ease}
a:focus,a:hover{text-decoration:none;color:#1d1d1d}
a,button,input,textarea{outline:0}
html{background-color: #fff;scroll-behavior: smooth;}
body{font: 14px/1.6 Arial, Helvetica, sans-serif;background:#fff;}

/* Common Style */
.outer{position: relative;min-width: 1200px}

/* Header Style */
.header{background: #4887ec url(../img/header_bg.jpg) no-repeat center/cover;}
.header-info{padding: 38px 0 35px;}
.header-logo{height: 55px;width: auto;}
.header-right{float: right;margin-top: -22px;}
.header-link{font-size: 12px;text-align: right;}
.header-link a{display: inline-block;padding: 0 10px;color: #fff;}
.header-link a:first-of-type{padding-left:18px;background: url(../img/icon/icon_link_s.png) no-repeat center left;}
.header-link a:hover{color: #bbd7ff;}
.header-search{position:relative;width:250px;height:30px;margin-top:14px;font-size: 12px;}
.search-input{display:block;width:100%;height:30px;padding:0 18px;line-height:30px;background:#f0f0f0;border:none;border-radius: 15px;transition:.3s background ease,.3s box-shadow ease;-moz-transition:.3s background ease,.3s box-shadow ease;-webkit-transition:.3s background ease,.3s box-shadow ease}
.search-input::-webkit-input-placeholder{color:#333;opacity:.8}
.search-input::-moz-placeholder{color:#333;opacity:.8}
.search-input::-ms-input-placeholder{color:#333;opacity:.8}
.search-button{position:absolute;top:0;right:-1px;display:block;width:58px;height:30px;background: #264b80 url(../img/icon/icon_search.png) no-repeat center;border:none;border-radius:15px;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-button:focus{box-shadow:0 0 10px rgba(0,0,0,.2)}
.search-button:hover{background-color:rgba(0,0,0,.2)}
.header-menu{background:#710900;}
.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:transparent;}
.header-nav{width: 100%;height: 50px;background: rgba(0,0,0,.35);}
.site-nav{position:relative;height: 50px;text-align:center;line-height: 50px;}
.site-nav > ul > li{position:relative;float:left;width: 10%;text-align: center;font-size: 15px;}
.site-nav > ul > li > a{position:relative;display: block;width: 100%;height: 50px;color: #fff;line-height: 50px;-webkit-transition: .2s all ease;transition: .2s all ease;}
.site-nav > ul > li:hover > a{background-color: rgba(0,0,0,.1);}
.site-nav > ul > li:hover > a::after{position: absolute;right: 0;bottom: 9px;left: 0;height: 30px;border-left: 2px solid #fff;content: "";}
.sub-nav{position: absolute;top: 100%;left: 0;z-index: 2;visibility: hidden;width: 120%;background-color: rgba(29, 68, 135, .9);box-shadow: inset 0 3px 5px rgba(0,0,0,.1);font-size: 15rem;opacity: 0;-webkit-transition: .2s all ease;-moz-transition: .2s all ease;-ms-transition: .2s all ease;transition: .2s all ease;transform: translateY(10px);}
.sub-nav li a{display: block;height: 42px;color: #fff;padding-left: 20px;line-height: 42px;font-size: 15px;font-weight: 300;text-align: left;}
.sub-nav li:hover a{background-color: #006afe;}
.site-nav > ul > li:hover .sub-nav{visibility: visible;opacity: 1;transform: translateY(0);}

/* Footer Style */
.footer{padding: 25px 0 15px;background: #0055cc url(../img/footer_bg.jpg) no-repeat center/cover;text-align: center;color: #fff;}
.footer .inner{background: url(../img/footer_slogan.png) no-repeat center;}
.footer-logo img{height: 105px}
.footer-copyright{padding: 8px 0;font-size: 13px;font-weight: 300;}

/* Common Style */
.block-item{padding: 10px 0;}


/* Homepage Style */
.home-banner{z-index: 1;background: #f1f1f1;}
.home-news{position: relative;z-index: 2;margin-top: -140px;}
.home-news .overlay{position: absolute;z-index: 0;top: 210px;left: 0;width: 100%;height: 80px;background-color: #f1f1f1;}
.home-news .inner{position: relative;}
.home-content-1{position: relative;z-index: 1;margin-top: -80px;padding-bottom: 60px;}
.home-content-1 .row{background: #fff;}

.home-content-2{margin-top: -230px;}
.block-item{padding: 20px 25px;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.block-item.blue{margin-top: 0;background: #0055cc;}
.tab-content{min-height: 412px;}

.banner-carousel{width: 100%;height: 750px;}
.banner-carousel .swiper-slide{position: relative;background-color: #f1f1f1;background-repeat: no-repeat;background-size: cover;background-position: center;}
.banner-carousel-item{position: absolute;left: 0;right: 0;bottom: 200px;text-align: center;}
.banner-carousel-item .title{display: inline-block;min-width: 200px;padding: 12px 25px;background: rgba(0,0,0,.6);color: #fff;font-size: 18px;}
.banner-carousel-item .date{position:relative;width: 110px;margin: -10px auto 0;padding: 4px 8px;background: #176ce3;background: linear-gradient(to left, #176ce3,#1741e3);color: #fff;border-radius: 4px;}
.swiper-pagination.banner-pagination{bottom: 150px;}
.banner-pagination .swiper-pagination-bullet{width: 30px;height: 5px;border-radius: 0;background: #fff;opacity: .8;-webkit-transition: .3s all ease;-moz-transition: .3s all ease;-o-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.banner-pagination .swiper-pagination-bullet-active{width: 70px;background: #176ce3;}
.banner-carousel .overlay{position: absolute;bottom: 0;left: 0;right: 0;z-index: 1;height: 250px;background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.4));}

.news-carousel{position: relative;width: 100%;height: 440px;overflow: hidden;background:#fff}
.news-carousel .swiper-slide{width: 33.3333%;height: 440px;background-color: #f5faff;}
.news-carousel .swiper-slide:nth-child(odd){background-color: #fff;}
.news-carousel-item{padding:45px 35px 0;}
.news-carousel-item .photo{position:relative;display: block;width: 100%;height: 200px;background: #fff url(../img/default_bg.jpg) no-repeat center/cover;}
.news-carousel-item .photo .overlay{position:absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.news-carousel-item .date{margin-top: 25px;}
.news-carousel-item .date span{display:inline-block;padding: 3px 12px;background-color: #0055cc;font-size: 12px;color: #fff;border-radius: 14px;}
.news-carousel .swiper-slide:nth-child(odd) .news-carousel-item .date span{background: #4e6280;}
.news-carousel-item .title{width: 100%;padding: 15px 0 10px;font-size: 18px;color: #001e42;-webkit-transition: .3s color ease;-moz-transition: .3s color ease;-ms-transition: .3s color ease;transition: .3s color ease;}
.news-carousel-item .intro{font-size: 14px;color: #444;}
.news-carousel-item:hover .title{color: #176ce3;}
.news-button{width: 22px;height: 50px;line-height: 50px;background-color: #5597ff;background-repeat: no-repeat;background-position: center;background-size: auto;-webkit-transition: .3s all ease;-moz-transition: .3s all ease;-o-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.news-button-prev{left: -25px;background-image: url(../img/icon/icon_arrow_left.png);}
.news-button-next{right: -25px;background-image: url(../img/icon/icon_arrow_right.png);}
.news-button:hover{background-color: #4f6280;}


.home-teacher{position:relative;padding: 50px 0 70px;background: #4e6280 url(../img/teacher_bg.png) no-repeat center}
.teacher-carousel{height: 300px;}
.teacher-carousel .swiper-slide{width: 20%;padding: 40px 0;}
.teacher-carousel .swiper-slide:nth-child(odd){margin-top: 20px;}
.teacher-carousel-item .photo{position: relative;display: block;width: 180px;height: 180px;margin: 0 auto;background: #f1f1f1 url(../img/teacher_default.jpg) no-repeat center/cover}
.teacher-carousel-item .photo .overlay{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.teacher-carousel-item .info{position: relative; z-index: 1;display: block;width: 180px;margin: -50px auto 0;padding: 0 10px;}
.teacher-carousel-item .info p{line-height: 2;margin-bottom: 10px;}
.teacher-carousel-item .info p span{display: inline-block;padding: 0 8px;border-top: 2px solid #fff;border-bottom: 2px solid #fff;color: #fff;}
.teacher-carousel-item .info h3{display: inline-block;padding: 7px 25px 7px 6px;background: #0055cc;color: #fff;min-width: 120px;}
.pagination-wrapper{text-align: center;}

.swiper-pagination.teacher-pagination{position: relative;display: inline-block;padding: 1px 12px;background: rgba(255,255,255,.2);border-radius: 15px;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.teacher-pagination .swiper-pagination-bullet{width: 12px;height: 12px;margin: 0 4px;background: #fff;opacity: .3;}
.teacher-pagination .swiper-pagination-bullet-active{opacity: 1;}

.photowall{box-shadow: 0 4px 10px rgba(0,0,0,.1);}
.photowall-item .content{display: block;width: 100%;height: 223px;padding: 35px 20px 0;background-color: #fafafa;}
.photowall-item .content .date span{padding: 2px 6px;border: 2px solid #006aff;color: #006aff;font-size: 12px;border-radius: 15px;font-weight: 600;}
.photowall-item .content .title{display:-webkit-box;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;margin: 14px 0 5px;font-size: 16px;color: #001e42;line-height: 1.4;font-weight: 600;}
.photowall-item .content .intro{display:-webkit-box;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;color: #606060;font-size: 13px;}
.photowall-item .photo{position: relative;display: block;width: 100%;height: 223px;background: #f1f1f1 url(../img/default_bg.jpg) no-repeat center/cover;}
.photowall-item .photo .img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}


.block-tab .nav-tabs{border: none}
.block-tab .nav-tabs > li .block-title{position:relative;padding: 0 10px;height: 45px;line-height: 45px;font-size: 22px;color: #50627a;border: none;-webkit-transition: .3s all ease;-moz-transition: .3s all ease;transition: .3s all ease;}
.block-tab .nav-tabs > li:first-child .block-title::after{content: "";position: absolute;top: 15px;right: 0;height: 15px;border-right: 2px solid #8c8c8c;}
.block-tab .nav-tabs > li .block-title:hover{color: #0055cc;background: none;}
.block-tab .nav-tabs > li.active > .block-title{font-size: 26px;color: #006aff;border: none;background: #fff;}
.block-tab .nav-tabs > li.active:hover > .block-title, .block-tab .nav-tabs > li.active:focus .block-title{color: #006aff;border: none;background: #fff;}

.block-title{font-size: 26px;font-weight: 500;color: #006aff;font-family: 'Khand', sans-serif;}
.block-title .more{float: right;margin-top: -30px;width: 60px;height: 20px;line-height: 20px;font-size: 12px;text-align: center;color: #fff;border-radius: 9px;background: #364c6b;}

.block-title.white{padding: 0;color: #fff;}
.block-title .more.no-float{float: none;}
.block-title.large-bottom{padding: 0!important;margin-bottom: 20px;}
.block-title.active{color: #006aff}
.block-title.teacher{text-align: center;color: #fff;}
.block-title.teacher .more,.block-title.white .more{display: inline-block;padding: 1px 5px;margin-left: 5px;font-size: 12px;background-color: #364c6b;color: #fff;border-radius: 10px;}

.block-list.blue{background: #0055cc;color: #fff;}

.date-list{position: relative;padding-top: 15px;padding-left: 10px;}
.date-list .more{display: block;position: absolute;top: -34px;right: 0;width: 60px;height: 20px;line-height: 20px;font-size: 12px;text-align: center;border: 1px solid #3a4d6b;color: #3a4d6b;border-radius: 10px;}
.date-list li{position: relative;padding: 10px 0;border-bottom: 1px dashed #efefef;}
.date-list li .date{position: absolute;width: 45px;height: 45px;background: url(../img/icon/icon_date.png) no-repeat center/cover;color: #003580;text-align: center;}
.date-list li .date p{padding-top: 17px;font: 600 14px/1 Arial, Helvetica, sans-serif;}
.date-list li .date span{display: block;font: 500 12px/1 Arial, Helvetica, sans-serif;}
.date-list li .title{display:block; padding-left: 60px;}
.date-list li .title p{padding: 6px 0 2px;font-size: 16px;color: #001e42;line-height: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: .3s color ease;-moz-transition: .3s color ease;-ms-transition: .3s color ease;transition: .3s color ease;}
.date-list li .title span{padding-left: 18px;background: url(../img/icon/icon_time.png) no-repeat center left;font-size: 12px;color: #39506b;}
.date-list li:hover .title p{color: #176ce3;}

.detail-list{padding: 15px 0 13px;}
.detail-list ul{min-height: 387px;}
.detail-list li{padding: 10px 0;border-bottom: 1px solid #154ca6;-webkit-transition: .3s all ease;-moz-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.detail-list li a{color: #fff;}
.detail-list li .date{font-size: 12px;}
.detail-list li .date span{display: inline-block;height: 24px;line-height: 24px;padding: 0 8px;background-color: #004991;font-size: 12px;border-radius: 10px;}
.detail-list li .date b{float: right;min-height: 20px;padding-right: 18px;font-weight: normal;background: url(../img/icon/icon_author.png) no-repeat center right;color: #9cc9ff;}
.detail-list li .title{padding: 3px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;}
.detail-list li .addr{min-height: 19px;padding-left: 18px;color: #9cc9ff;background: url(../img/icon/icon_location.png) no-repeat center left;font-size: 12px;}
.detail-list li .addr i{float: right;width:42px;height: 12px;background: url(../img/icon/icon_more_arrow.png) no-repeat center;-webkit-transition: .3s all ease;-moz-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.detail-list li:hover{opacity: .8;}
.detail-list li:hover .addr i{margin-right: 10px;background-position: left center;}

.normal-list{position: relative;padding: 0 35px 16px;}
.normal-list .more{position: absolute;top: -58px;right: 35px;display: inline-block;padding: 1px 5px;margin-left: 5px;font-size: 12px;background-color: #3a4d6b;color: #fff;border-radius: 10px;}
.normal-list li{padding: 5px 0;font-size: 16px;overflow: hidden;}
.normal-list li a{float: left;width: 80%;color: #cae0ff;}
.normal-list li span{float: left;width: 20%;line-height: 16px;font-size: 14px;color: #ededed;text-align: right;}

/* Homepage Style */

.home-media{background-color: #f3f8ff;}
.home-media .container{position: relative;z-index: 1;}
.home-media .inner{background-color: #f3f8ff;}

.footer-link{padding: 25px 0 20px;line-height: 1;text-align: center;color: #001e42;}
.footer-link b{padding-right: 5px;font-family: 'Khand', sans-serif;}
.footer-link span{padding: 0 6px 0 0;}
.footer-link span::after{content: "|";padding-left: 10px;color: #999;}
.footer-link span:last-of-type::after{content: "";}
.footer-link a{color: #001e42;}

.qrcode-item{position:relative;float: left;width: 20%;padding: 10px 0;text-align: center;}
.qrcode-item .img{position:relative;z-index: 1;width: 120px;height: 120px;margin: 0 auto;background: #f1f1f1;box-shadow: 0 2px 4px rgba(0,0,0,.1);}
.qrcode-item .img img{width: 100%;height: 100%;}
.qrcode-item p{position:relative;z-index: 1;padding: 10px 0;color: #4e6280;}

.floating-bar{position: fixed;top: 45%;right: 3px;z-index: 99;width: 165px;background: rgba(78, 98, 128, .7);border-radius: 4px;box-shadow: 0 0 8px rgba(0,0,0,.1);}
.floating-bar .logo{width: 65px;height: 65px;margin: -33px auto 6px;padding: 5px;background: #fff;border-radius: 50%;}
.floating-bar .logo img{width: 100%;height: 100%;}
.floating-bar ul{padding-bottom: 8px;}
.floating-bar li{padding: 5px 20px;border-bottom: 1px dotted #61728b;text-align: center;font-size: 14px;-webkit-transition: .2s all ease;-moz-transition: .2s all ease;-ms-transition: .2s all ease;transition: .2s all ease;}
.floating-bar li:hover{background: rgba(0,0,0,.2)}
.floating-bar li:last-child{border-bottom: none;}
.floating-bar li a{color: #fff;}
.link-button{display: block;width: 100%;height: 40px;line-height: 40px;text-align: center;color: #fff;}
.link-button.blue{background: #1858cb}
.link-button.grey{background: #5597ff}
.back-top{height: 35px;line-height: 35px;background: #fff;text-align: center;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;cursor: pointer}

/* Column */
.column-banner{max-width: 1920px;height: 350px;margin: 0 auto;background: url(../img/default_bg.jpg) no-repeat center;background-size: auto;}
.column-banner .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;}
.column-content{padding-bottom: 60px;box-shadow: 0 -30px 30px rgba(0,0,0,.1);}
.column-left-content{position: relative;margin-top: -80px;padding: 20px 50px;background: #fff;border-left: 4px solid #1157cd;}
.column-left-content::after{content: "";position: absolute;top: 0;right: 0;height: 80px;border-right: 4px solid #1157cd;}
.column-breadcrumb{padding: 10px 0;font-size: 14px;color: #8c8c8c;}
.column-root-name{font-size: 30px;font-weight: 300;}
.column-list{padding-top: 30px;}
.column-list a{display: block;padding: 10px;color: #1d1d1d;border-bottom: 1px solid #e3e3e3;font-size: 16px;}
.column-list li.selected > a{font-weight: 600;border-bottom-color: #176ce3;color: #176ce3;}
.wp_subcolumn{padding-left: 10px;margin-bottom: 10px;}
.wp_subcolumn > li > a{font-size: 14px;}

.column-right-content{padding-top: 40px;}
.current-column-name{position: relative;line-height: 60px;font-size: 32px;font-weight: 400;color: #1461aa;border-bottom: 1px solid #ebebeb;}
.current-column-name span{position: relative;}
.current-column-name span::after{content: "";position: absolute;bottom: -8px;left: 0;right: 0;border-bottom: 2px solid #1461aa;}
.column-detail{min-height: calc(100vh - 500px);padding: 20px 5px;}
.column-detail .normal-list{padding: 0;}
.column-detail .normal-list li{padding: 8px 0;border-bottom: 1px dashed #efefef;}
.column-detail .normal-list a{color: #333;font-size: 16px;}
.column-detail .normal-list a:hover{color: #205acc}
.column-detail .normal-list span{color: #999;}
.teacher-list-title{margin-bottom: 15px;font-size: 18px;border-bottom: 2px solid #f1f1f1;color: #225bcf;}
.teacher-list-title span{padding: 4px 15px;border-bottom: 1px solid #0055cc;font-weight: 600;}
.teacher-list{margin-top: 10px;}
.teacher-list li{margin-bottom: 10px;}
.teacher-list li a{display: block;height: 35px;line-height: 35px;padding-left: 15px;font-size: 15px;color: #333333;background: #fff;    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: .3s all ease;-moz-transition: .3s all ease;-ms-transition: .3s all ease;}
.teacher-list li:hover a{box-shadow: 0 0 10px rgba(0,0,0,.2);color: #1157cd;}
.photo-list li{margin-bottom: 15px;}
.photo-list .img{display: block;width: 100%;height: 235px;background: #f1f1f1 url(../img/default_bg.jpg) no-repeat center/cover;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: 71px;padding: 10px 5px;font-size: 16px;color: #39506b;}
.photo-list p::after{content: "";position: absolute;bottom: 0;left: 5px;width: 30px;border-bottom: 5px solid #0055cc;}
.photo-list p:hover{color: #4887ec;}

/* Post */
.post-detail{margin: 25px 0;}
.post-detail .inner{max-width: 1024px;margin: 0 auto}
.post-metas{color: #999;text-align: center;}
.post-title{font-size: 30px;font-weight: 600;color: #333;}
.post-attr span{margin: 0 5px;}

.post-content{min-height: calc(100vh - 400px);padding: 30px 0}
.post-content img{max-width: 100%;height: auto;}

/* Webplus */
.wp_entry img{max-width: 100%;height: auto;}

/* Bootstrap */
.container{width:1170px}
@media (max-width:1200px){.photo-list .img{height: 194px;}
@media (min-width:1440px){.container{width:1400px}}