@charset "utf-8";
*{margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"PingFang SC","Microsoft Yahei UI","Microsoft Yahei",SimHei,Arial,Helvetica,sans-serif;font-size:14px;line-height:1.3}
li,ul{list-style:none;margin:0;padding:0}
a{text-decoration:none;transition:color .2s;-moz-transition:color .2s;-webkit-transition:color .2s;-o-transition:color .2s;-ms-transition:color .2s}
a:focus,a:hover{text-decoration:none}
a,button,input,label{outline:0}
.page-header{padding:14px 0;background:url(../img/header_background.png) no-repeat center center;background-size:cover;margin:0}
#header .container{position:relative}
.site-logo{display:inline-block;color:#5f5d5d;font-size:30px}
.site-logo img{width:453px}
.header-link{float:right;background:url(../img/icon_home.png) no-repeat center left;padding-left:10px;background-size:14px 14px;font-size:14px}
.header-link a{color:#1d1d1d;padding:0 10px}
.header-link a:first-child{border-right:1px solid rgba(0,0,0,.2)}
.header-link a:hover{color:#636363}
.search-form{position:absolute;right:0;top:40px}
.search-input{position:relative;width:260px;height:40px;border:1px solid #d1d1d1;background:#fff;padding:10px;border-radius:5px;opacity:.5;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s}
.search-submit{position:absolute;top:10px;right:8px;height:20px;width:20px;border:none;background:url(../img/icon_search.png) no-repeat center center;background-size:cover}
.search-input:focus{opacity:.9}
#headerNav{background:#4461d3}
.nav{width:100%}
.nav a{color:#fff}
.nav>li{text-align:center;width:10%}
.nav>li>a{font-size:16px;padding:15px 0}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover,.nav>li>a:focus,.nav>li>a:hover{border:none;background:#30b0ae;color:#fff}
.dropdown-menu{border:none;width:100%;min-width:175px;left:0;padding:0}
.dropdown-menu>li>a{display:block;padding:15px 0 15px 18px;background:#247f94;color:#fff}
.dropdown-menu>li>a:hover{background:#30b0ae;color:#fff}
#footer{background:url(../img/footer_background.jpg) no-repeat center center;background-size:cover;padding:40px 0}
.footer-logo{display:inline-block}
.footer-logo img{width:100%;height:auto}
.f-link{float:right}
.f-link>ul{float:left;border-bottom:1px solid #fff;margin:5px 15px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s}
.f-link>ul li{position:relative;padding:10px 15px;color:#fff}
.f-link>ul li span{margin-left:10px}
.f-link>ul:hover{background:rgba(68,97,212,.6);border-bottom:none}
.f-link>ul li ul{position:absolute;bottom:35px;left:0;width:100%;text-align:center;visibility:hidden;opacity:0;background:rgba(68,97,212,.8);transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s}
.f-link>ul li ul li{position:relative;padding:0;color:#fff}
.f-link>ul li ul li a{display:block;padding:10px 0;color:#fff}
.f-link>ul:hover li ul{visibility:visible;opacity:1;height:auto}

#link{margin-bottom: 40px;}
#link .row{display: flex;}
.link-item{width: 20%;padding: 0 6px;}
.link-item .photo{width: 100%;height: 90px;background-size: cover;background-repeat: no-repeat;background-position: center;border-radius: 8px;box-shadow: 0 0 10px rgba(0,0,0,.1);}


.copyright{margin:40px 0 0;padding:10px 0;border-top:1px solid #8fa0e6;font-size:12px;color:rgba(255,255,255,.7)}
.copyright li{float:left;padding:0 15px;border-right:1px solid #afbaeb}
.copyright li:first-child{padding-left:0}
.copyright li:last-child{border-right:none}
#hero{width:100%;background:url(../img/hero_background.jpg) no-repeat center center;background-size:cover!important}
#hero .container{padding:90px 15px}
#hero .col-lg-7,.col-lg-5{padding:0}
.news-carousel{width:100%;height:369px;background:#f1f1f1}
.news-carousel .swiper-slide{background-size:cover!important}
.hero-content{padding:10px 20px 3px;min-height:370px;background-color:#fff;overflow:hidden}
.common-pagination{left:auto!important;width:auto!important;right:20px}
.common-pagination .swiper-pagination-bullet{border-radius:0;background:rgba(0,0,0,.5);width:30px;height:4px;margin:0 10px;opacity:1}
.common-pagination .swiper-pagination-bullet-active{background:#30b0ae}
#homeTab li>a{color:#333;border-radius:0;border:none}
#homeTab>li{width:auto!important}
#homeTab>li>a{padding:5px 10px}
#homeTab li.active a{color:#30b0ae;border:none;border-bottom:3px solid #30b0ae}
#homeTab>li>a:focus,#homeTab>li>a:hover{background:0 0!important;border-top:none;border-left:none;border-right:none;color:#30b0ae!important}
.section-title{font-size:18px}
#homeTab .section-title{font-size:16px}
.tab-pane{position:relative}
.more{position:absolute;right:5px;top:-30px;display:block;width:20px;height:20px;line-height:13px;text-align:center;border:2px solid #5871ad;color:#5871ad}
.more:hover{background:#5871ad;color:#fff}
.more span{font-size:12px;top:2px}
.tab-content .list{padding:12px 0;min-height:320px}
.tab-content .list li{position:relative;margin:12px 0}
.tab-content .list .date{position:absolute;display:block;padding:0 20px;text-align:right;border-right:1px solid #dcdcdc;color:rgba(54,54,54,.4);font-weight:400}
.tab-content .list .date span{font-size:14px;color:#30b0ae}
.tab-content .list li a{display:block;padding-left:100px;color:#363636;line-height:36px}
#content{padding:40px 0}
.block-list{position:relative;min-height:315px}
.block-list h1{display:inline-block;margin:0;padding:10px 9px;color:#30b0ae;font-size:18px;border-bottom:3px solid #30b0ae}
.block-list .more{top:14px}
.block-list ul{padding:10px 5px;border-top:1px solid #a4a4a4}
.block-list ul li{padding:8px 0}
.block-list ul li::before{content:"·";position:relative;top:3px;color:#4461d3;font-size:24px;line-height:14px}
.block-list ul li a{font-size:14px;color:#363636}
.block-list ul li a:hover{color:#30b0ae}
.block-list ul li span{font-size:12px;float:right;color:rgba(54,54,54,.4)}
.block-tab .nav li>a{color:#333;border-radius:0;border:none}
.block-tab .nav>li{width:auto!important}
.block-tab .nav>li>a{padding:10px 9px;font-size:18px}
.block-tab .nav li.active a{color:#30b0ae;border:none;border-bottom:3px solid #30b0ae}
.block-tab .nav>li>a:focus,.block-tab .nav>li>a:hover{background:0 0!important;border-top:none;border-left:none;border-right:none;color:#30b0ae!important}
.block-tab .nav>li{width:auto}
.block-tab .block-list{min-height:270px}
.block-tab .block-list .more{top:-33px}
.block-tab .block-list ul{border-top:none}
.video-carousel{height:305px}
.video-carousel .swiper-slide{position:relative}
.video-overlay{position:absolute;top:0;left:0;height:100%;width:100%;background:rgba(9,22,64,.5);line-height:305px;text-align:center;z-index:10;cursor:pointer}
.video-overlay img{margin:0 auto;vertical-align:middle}
.video-title{position:absolute;bottom:0;width:100%;background:rgba(0,0,0,.5);padding:10px 15px;color:#fff;z-index:10}
.video-title:focus,.video-title:hover{color:#30b0ae}
.video-carousel video{width:100%;height:305px;background:#636363}
.video-pagination{bottom:45px!important}
.video-pagination .swiper-pagination-bullet{border-radius:0;width:30px;height:3px;opacity:1;background:rgba(150,150,150,.3)}
.video-pagination .swiper-pagination-bullet-active{background:#30b0ae}
.quick-link{margin:0 -5px;padding-top: 40px;}
.quick-link div{padding:5px 5px}
.quick-link img{width:100%;height:auto;margin-bottom: 20px;opacity:.95;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;-ms-transition:all .2s}
.quick-link img:hover{opacity:1;transform:scale(1.05)}
.teacher-carousel{height:320px;width:100%;background:#f1f1f1}
.teacher-carousel .swiper-slide{display:block;background-size:cover!important;overflow:hidden;-webkit-transform:skew(-7deg,0deg);-moz-transform:skew(-7deg,0deg);-o-transform:skew(-7deg,0deg);transform:skew(-7deg,0deg)}
.teacher-carousel .swiper-slide h1{position:absolute;bottom:8%;left:-5px;font-size:20px;padding:5px 0;width:110%;text-align:center;background:rgba(38,61,158,.5);color:#fff;-webkit-transform:skew(7deg,0deg);-moz-transform:skew(7deg,0deg);-o-transform:skew(7deg,0deg);transform:skew(7deg,0deg)}
.teacher-carousel .swiper-slide img{position:relative;left:-15px;width:120%;-webkit-transform:skew(7deg,0deg);-moz-transform:skew(7deg,0deg);-o-transform:skew(7deg,0deg);transform:skew(7deg,0deg)}
.circle-button{position:relative;width:180px;height:180px;background:#30b0ae;border-radius:50%;padding:65px 0;margin:20px auto;text-align:center;font-size:24px;color:#fff;transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s;-ms-transition:all .4s}
.circle-button:hover{background:#617adb;padding:50px 0}
.circle-button:hover .text{display:none}
.circle-button::before{content:"";position:absolute;top:10px;left:10px;width:160px;height:160px;border-radius:50%;border:1px solid #edfaf9;transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s;-ms-transition:all .4s}
.circle-button:hover::before{border:0;visibility:hidden}
.circle-button span{display:block;font-size:12px}
.circle-button img{display:none}
.circle-button:hover img{display:inline-block}
.subject-carousel{height:320px;width:100%;color:#fff}
.subject-carousel .swiper-slide{background:cover!important}
.subject-carousel .swiper-slide .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(68,97,212,.5);padding:20px 40px}
.subject-carousel .swiper-slide .overlay h1{font-size:24px;letter-spacing:3px;margin-bottom:20px}
.subject-carousel .swiper-slide .overlay span{display:block;background:url(../img/icon_time.png) no-repeat center left;background-size:contain!important;padding-left:30px;margin-bottom:20px}
.subject-carousel .swiper-slide .overlay p{font-size:16px;letter-spacing:2px;line-height:2}
.special-list{background:#edf9f9;box-shadow:0 15px 10px rgba(0,0,0,.1)}
.special-list>h1{font-size:18px;font-weight:700;color:#fff;background:#4461d3;margin:0 -15px;padding:15px 0;text-align:center}
.special-list>h1 img{width:20px;margin-right:10px}
.special-list .block-list{background:#edf9f9}
.special-list .block-list ul{min-height:338px}
.un-btn-small li{float:left;width:20%;padding:8px}
.un-btn-small li img{opacity:.95;width:100%;transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s;-ms-transition:all .4s}
.un-btn-small li:hover img{opacity:1;transform:scale(1.1)}
.un-btn-small li p{text-align:center;font-size:12px;color:#1d1d1d;margin-top:10px}
.un-btn-large{position:absolute;left:0;bottom:-60px}
.un-btn-large li{float:left;width:50%;padding:0 15px}
.un-btn-large li img{width:100%;opacity:.95;transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s;-ms-transition:all .4s}
.un-btn-large li:hover img{opacity:1;transform:scale(1.05)}
.breadcrumbs{text-align:left;color:rgba(0,0,0,.5);margin-bottom:5px}
.breadcrumbs span:first-child{margin-right:8px}
.page-content{padding:30px;border-top:5px solid #5f79da;box-shadow:0 2px 20px rgba(65,136,206,.2)}
.post-title{margin:10px 0 5px;text-align:center;font-size:26px;color:#363636}
.post-meta{display:block;padding:0 10px 5px;color:#636352;text-align:center;font-size:12px;white-space:nowrap}
.post-meta span{border-bottom:1px solid #5f79da;padding:4px;background:#fafafa;margin:5px 8px}
.post-meta span i{color:rgba(68,97,211,.5);margin-right:10px}
.post-divider{margin:10px auto;height:1px;max-width:1000px;background:#ededed}
.post-content{margin:0 auto;padding:20px 0;max-width:1000px;font-size:14px;min-height:300px}
.post-content img{height:auto;max-width:100%;margin:0 20px}
#column{margin:0 0 30px;background:#fff}
.column-banner{position:relative;width:100%;height:300px;background-size:cover!important;margin:0 auto}
.column-banner .overlay{position:absolute;height:100%;width:100%;bottom:0;left:0;background:0 0;background:url(../img/pattern.png) repeat center center}
#column .section-list{margin:0 10px;padding:10px 10px;min-height:300px}
.left-nav{margin-top:-81px}
.col-anchor{padding:25px 20px;background:#5f79da;color:#fff;font-size:24px}
.breadcrumbs{margin:15px 10px 15px;color:#999;font-size:14px}
.col-name{margin:0 10px 0;padding:20px 0;font-size:26px;font-weight:700;color:#5f79da;border-bottom:1px solid #ededed}
.breadcrumbs img{width:12px;margin-right:5px}
.col-list{margin-bottom:30px;background:#fff}
.col-list>ul{position:relative;border-left:8px solid #5f79da;padding:0}
.col-list li{position:relative;font-size:16px;border-left:none;border-top:1px dashed #ededed;border-bottom:1px dashed #ededed}
.col-list li.selected{background:#f1f1f1;color:#0288d1}
.col-list li.selected a{color:#5f79da;font-weight:700}
.col-list ul li a{color:#636363;display:block;padding:15px 20px}
.submenu-toggle{position:absolute;right:0;top:0;background:#fafafa;color:#2566bf!important;padding:15px 20px!important;border-left:1px solid #ededed}
.col-list ul li ul{position:relative;padding:0}
.col-list ul li ul li{font-size:14px;border-left:none;background:#f7f7f7;border-left:5px solid #f2afac;border-top:1px solid #ededed;border-bottom:1px solid #ededed}
.col-list ul li ul li a{color:#636363;display:block;padding:10px 20px}
.col-list ul li ul li span{position:relative;top:3px;font-size:12px;float:right}
.col-list ul li ul li:hover a+span{color:#4863d2}
.col-breadcrumbs{float:right;margin-top:30px;margin-right:10px}
.article-list{margin:10px 0;min-height:300px}
.article-list li{background:url(../img/icon_list_arrow.png) no-repeat left center;font-size:14px;padding:12px 0 12px 20px;margin:0 10px}
.article-list li a{color:#393939}
.article-list li:hover a{color:#3676d0}
.article-list li span{color:#636363;float:right}
.page_jump{display:none!important}
#wp_paging_w5{text-align:center}
.wp_paging{float:none!important;display:inline-block!important;overflow:auto;zoom:1}
.page_nav .prev span{display:none!important}
.page_nav .prev::before{content:"上一页"}
.page_nav .next span{display:none!important}
.page_nav .next::before{content:"下一页"}
.wp_paging li{height:auto!important;line-height:auto!important;margin:10px!important}
.wp_paging li a{height:auto;background:#fafafa;padding:5px 10px;border-radius:5px;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;-ms-transition:all .2s}
.wp_paging li a:hover{background:#f0f0f0;box-shadow:0 0 10px rgba(95,121,218,.4);color:#5f79da}
#wp_paging_w6{display:block;text-align:center}
@media screen and (max-width:1199px){
#hero{background-size:cover!important}
.un-btn-large{bottom:10px;width:100%}
.un-btn-large li img{max-width:200px;margin:0 auto;display:block}
.un-btn-small ul{overflow:auto;zoom:1}
#link .row{flex-wrap: wrap;}
.link-item{width: 33.333%;margin: 16px 0;max-width: 270px;height: 100px;margin: 0 auto;}
#link .link-item:nth-child(4),#link .link-item:nth-child(5){width: 50%;}
}
@media screen and (max-width:991px){
.search-form{display:none}
.f-link{float:none;padding:10px 0 40px}
.copyright ul{overflow:auto;zoom:1}
.copyright li:first-child{padding-left:15px}
.page-content{padding:30px 20px}
.post-meta{padding:10px 0}
.post-content img{max-width:100%!important;height:auto!important;margin:8px 0!important}

}
@media screen and (max-width:767px){
#navMenu{width:100%}
#headerNav .container{padding:0}
.navbar-collapse{padding:0}
.navbar-toggle{padding:0}
.navbar-nav{margin:0}
.nav>li{width:100%}
.navbar-nav>li>.dropdown-menu{display:none}
#hero .container{padding:0 15px}
.block-list{margin:15px 0}
#content{padding-bottom:20px}
.block-list ul li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.f-link>ul{width:42%}
.f-link>ul>li{text-align:center}
.copyright{margin-top:100px;padding:20px 0 0}
.link-item{width: 50%;margin: 16px 0;max-width: 270px;height: 100px;margin: 0 auto;}
}
@media screen and (max-width:599px){
.header-link{display:none}
.site-logo{text-align:center}
.site-logo img{width:100%;height:auto}
.news-carousel{height:30vh}
.circle-button{width:150px;height:150px;padding:52px 0;font-size:20px}
.circle-button::before{width:130px;height:130px}
.circle-button:hover{padding:35px 0}
.link-item{width: 100%;margin: 16px 0;max-width: 270px;height: 100px;margin: 0 auto;}
#link .link-item:nth-child(4),#link .link-item:nth-child(5){width: 100%;}
}

.info-list3 {
    display: flex;
    margin-top: 50px;
    flex-wrap: wrap;
  }
  .info-list3 li {
    width: 22%;
    margin-right: 20px;
    margin-bottom: 30px;
    transition:0.8s;
    -webkit-transition:0.8s;
    -moz-transition:0.8s;
    -ms-transition:0.8s;
    -o-transition:0.8s;
  }
  .Teacher {
    height:200px;
    width: 120px;
    
  }
 
  .Teacher img {
    width: 100%;
    height: 100%;
object-fit: contain;
  }
  .info-list3 li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
  }
  .XYFCimg {
    height: 236px;
  }
  .XYFCimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .info-list3 li:hover {
    background: #ddd !important;
  }
  .wp_entry img {
    max-width: 100% !important;
  }
  
  .info-list3 li:hover .s99 {
   
    text-decoration: underline;
  }
  .s99 {
    font-size:14px;
    font-weight: 500;
    color:  #337ab7;
    display: block;
    margin-bottom: 20px;
  }