@charset "utf-8";

/*
 * 
 * 1.0 Header & Footer Style
 * 2.0 Homepage Style
 * 3.0 Column Style
 * 4.0 Post Style
 *
 */
 
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:#1b78dd;-webkit-transition:color .2s ease;-ms-transition: color .2s ease;transition: .2s color ease;}
a:focus,a:hover{text-decoration:none;color:#1d1d1d}
a,button,input,textarea{outline:0}
html{background-color: #fff;scroll-behavior: smooth;}
body{position: relative;font: 14px/1.6 'Jost','PingFang SC', Arial, "Microsoft YaHei UI", "Microsoft YaHei", serif;background:#fff;}



/* Common */
.outer, .inner{position: relative;}
.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;}
.block-item{padding: 0 0;}
.grad-bg{background: -webkit-linear-gradient(right,#084da6, #1570bf);background:-ms-linear-gradient(right,#084da6, #1570bf);background: linear-gradient(to right,#084da6, #1570bf);}

/* 1.1 Common Header*/
.header{background-color: #fefdfc;background: url(../img/header_bg.jpg) center;background-repeat:  repeat-x;background-position: center;border-top: 5px solid #789ebf;}
.header .inner{padding-top: 33px;padding-bottom: 33px;}
.header-logo{position: relative;}
.header-logo img{width: auto;height: 75px;}
.header-logo a{display: block;position: absolute;top: 0;height: 100%;}
.site-link{left: 0;width: 34%;}
.lab-link{left: 34%;width: 64%;}
.header-link{position: absolute;top: 50%;right: 15px;margin-top: -20px;text-align: center;}
.header-link a{display: inline-block;width: 85px;height: 25px;line-height: 25px;color: #fff;background-color: #1570bf;}


/* 1.2 Common Navigation */
.header-nav{background-color: #1570bf;box-shadow: 0 -10px 10px rgba(0,0,0,.1);}
.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;}
.site-nav{padding-left: 0;padding-right: 0;}
.site-nav,.site-nav > ul{width:100%;height: 50px;}
.navbar-nav > li{position: relative;width: 8.333%}
.navbar-nav > li > a{display:block;height: 50px;line-height: 50px;padding: 0;font-size:16px;text-align:center;color:#fff;-webkit-transition: .2s background-color ease;-ms-transition: .2s background-color ease;transition: .2s background-color ease;}
.navbar-nav > li:hover > a{background-color: rgba(0,0,0,.2);}
.navbar-nav > li:last-child > ul{left: auto;right: 0}
.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:rgba(0,0,0,.2);color:#fff;}
.dropdown-menu{display: block;left: 0;right: 0;padding: 0;border: none;text-align: left;font-size: 16px;background-color: transparent;opacity: 0;visibility: hidden;border-radius: 0;-webkit-transform: translateY(15px);-ms-transform: translateY(15px);transform: translateY(15px);-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.dropdown-menu > li{width:100%;}
.dropdown-menu > li > a{display:block;padding: 10px 0 10px 15px;text-align: left;background: #fff;color:#2b374c;font-size: 16px;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.dropdown-menu>li>a:hover{background-color:#f6f6f6;color: #006aff}
.open > .dropdown-menu{transform: translateY(0);opacity: 1;visibility: visible;}

/* 1.3 Common Footer */
.footer{padding: 30px 0;background-color: #084da6;}
.footer-info{margin-top: 15px;color: #fff;}
.footer-copyright{color: #fff;opacity: .8;}
.footer-qrcode{text-align: right;}
.footer-qrcode img{width: 100px;height: auto}


/* 2.1 Homepage */
/* 2.1.0 Homepage Common Style */
.section-title{padding: 15px 0;text-align: center;}
.section-title h3{font-size: 32px;color: #1e3859;}
.section-title.small h3{font-size: 24px;}
.section-title.white h3{color: #fff;}
.section-title span{position: relative;}
.section-title span::after{content: "";position: absolute;top: 50%;left: 120%;width: 45px;border-bottom: 1px dotted #8f989e}
.section-title span::before{content: "";position: absolute;top: 50%;right: 120%;width: 45px;border-bottom: 1px dotted #8f989e}
.section-title.white span::after,.section-title.white span::before{border-bottom-color: #fff;}
.section-title p{text-align: center}
.section-title p a{color: #2160b2;}
.section-title.white p a{color: #fff;}
.block-item h4, .block-item h4 a{font-size: 16px;color: #1e3859;-webkit-transition: .2s color ease;-ms-transition: .2s color ease;transition: .2s color ease;}
.block-item h5, .block-item h5 a{font-size: 14px;color: #1e3859;-webkit-transition: .2s color ease;-ms-transition: .2s color ease;transition: .2s color ease;}
.block-item h4:hover, .block-item h4:hover a{color: #1b78dd;}
.block-item h5:hover, .block-item h5:hover a{color: #1b78dd;}
.block-item p, .block-item p a{font-size: 14px;color: #859199;}
.common-pagination .swiper-pagination-bullet{width: 10px;height: 10px;border: 1px solid #1570bf;background-color: rgba(255,255,255,0);border-radius: 50%;opacity: 1;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.common-pagination .swiper-pagination-bullet-active{width: 12px!important;height: 12px!important;background-color: #1570bf;}
.common-list{min-height: 337px;}
.common-list li{padding: 8px 0;}
.common-list .more{position: absolute;right: 20px;top: 30px;color: #2160b2;-webkit-transition: .3s opacity ease;-ms-transition: .3s opacity ease;transition: .3s opacity ease;}
.common-list .more:hover{opacity: .8;}
.common-list .date{margin-top: 2px;padding-left: 25px;color: #91A4AF;background: url(../img/icon/icon_time.png) no-repeat center left;}
.common-list.column-list li{padding: 15px 0;border-bottom: 1px dotted #efefef}
.common-list.column-list li p{margin-top: 4px;}

/* 2.1.1 Home Banner */
.banner{background-color: #f1f1f1;}
.banner-carousel{width: 100%;height: 700px;}
.banner-carousel .swiper-slide{position: relative;display: block;background-color: #333;background-repeat: no-repeat;background-position: center;background-size: cover;}
.banner-carousel-title{position: absolute;left: 160px;bottom: 160px;width: 330px;height: 50px;line-height: 50px;margin: 0 auto;padding: 0 25px;background-color: rgb(17,87,205,.6);font-size: 18px;color: #fff;text-align: left;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.banner-carousel-title::after{content: "";position: absolute;top: 50%;left: 0;width: 12px;height: 12px;margin-top: -6px;background-color: #fff;}
.banner-carousel .swiper-slide:hover .banner-carousel-title{background-color: rgb(17,87,205,.8);box-shadow: 0 0 8px rgba(0,0,0,.2);}
.banner-pagination.swiper-pagination{left: 160px;bottom: 130px;text-align: left;}
.banner-pagination .swiper-pagination-bullet{width: 60px;height: 3px;background-color: #f3f3f2;border-radius: 4px;opacity: .5;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.banner-pagination .swiper-pagination-bullet-active{opacity: 1!important;}
.dean-viewpoint{position: absolute;top: 50%;right: 160px;z-index: 99;width: 370px;height: 445px;padding: 35px 25px 20px;margin-top: -222px;background-color: rgba(0,0,0,.75);}
.dean-header{overflow: hidden;}
.dean-photo{float: left;width: 100px;height: 100px;background-size: cover;background-repeat: no-repeat;background-position: center;background-color: #f1f1f1;border-radius: 50%;}
.dean-title{box-sizing: border-box;padding-left: 10px;padding-top: 18px;font-size: 30px;color: #fff;}
.dean-title img{padding-left: 10px;width: 120px;height: auto}
.dean-body{padding: 12px 0 12px;line-height: 1.7;text-indent: 28px;color: #fff;font-size: 14px;font-weight: 300;}
.dean-body p{display: -webkit-box;min-height: 160px;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;-webkit-line-clamp: 7;line-clamp: 7;-webkit-box-orient: vertical;}
.dean-button{width: 100px;height: 35px;margin: 10px 0;border: 1px solid #f1f1f1;background: none;font-size: 15px;color: #fff;border-radius: 0;-webkit-transition: .2s all ease;-ms-transition: .2s all ease;transition: .2s all ease;}
.dean-button:hover,.dean-button:focus{background-color: #fff;color: #000;}
.dean-footer{position: relative;margin-left: -40px;margin-right: -30px;box-shadow: 0 0 5px rgba(0,0,0,.3)}
.dean-footer::before{content: "";position: absolute;left: 0;bottom: 100%;border: 8px solid;border-color: transparent #103a78 #103a78 transparent;}
.dean-link{display: block;padding: 5px 8px 5px 40px;background-color: #0055cc;color: #fff;background-image: url(../img/icon/icon_dean_link.png);background-repeat: no-repeat;background-position: 15px center;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.dean-link.l2{background-color: #4d97ff;}
.dean-link:hover{background-position-x: 20px;opacity: .95;color: #f1f1f1;}

/* 2.1.2 Home School News */
.school-news{min-height: 750px;padding: 20px 0;background: #f8fcff url(../img/school_news_bg.png) no-repeat center top;overflow: hidden;} 
.img-news-item{position: relative;width: 100%;margin-bottom: 35px;-webkit-transition: .2s all ease;-ms-transition: .2s all ease;transition: .2s all ease;}
.img-news-item .img{position: relative;width: 100%;height: 145px;background-color: #efefef;overflow: hidden;}
.img-news-item.large .img{height: 345px;}
.img-news-item .img .overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: 100% 100%;background-color: #333;-webkit-transition: .4s all ease;-ms-transition: .4s all ease;transition: .4s all ease;}
.img-news-item .img:hover .overlay{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);-webkit-transition: 1s all ease;-ms-transition: 1s all ease;transition: 1s all ease;}
.img-news-item .content{position: relative;height: 75px;padding: 20px 20px 30px;background-color: #fff;}
.img-news-item .date{margin-top: -32px;font-weight: 400;color: #1e3859;}
.img-news-item .date span{display: inline-block;height: 22px;line-height: 22px;padding: 0 10px;background-color: #d5e5f2;border-radius: 14px;}
.img-news-item h3{padding: 14px 0 10px;font-size: 18px;font-weight: 600;color: #1e3859;-webkit-transition: .3s color ease;-ms-transition: .3s color ease;transition: .3s color ease;}
.img-news-item.large .content{min-height: 130px;border-top: 2px solid #084DA6;}
.img-news-item h4{padding: 10px 0 5px;}
.img-news-item:hover{box-shadow: 0 4px 10px rgba(44,121,221,.2);}
.img-news-item h3:hover,.img-news-item h4:hover{color: #1b78dd;}
.date-news-item{position: relative;height: 50px;line-height: 50px;background: #fff;-webkit-transition: .2s all ease;-ms-transition: .2s all ease;transition: .2s all ease;}
.date-news-item .date{position: absolute;top: 0;left: 15px;width: 50px;height: 50px;line-height: 25px;background-color: #d5e5f2;text-align: center;}
.date-news-item .date span{font-size: 21px;font-weight: 400;}
.date-news-item .date b{font-size: 14px;background-color: rgba(255,255,255,.3);font-weight: 400;}
.date-news-item .date span, .date-news-item .date b{display: block;color: #1570bf;}
.date-news-item .content{height: 50px;line-height: 50px;padding-left: 80px;}
.date-news-item:hover{box-shadow: 0 4px 10px rgba(44,121,221,.2);}

/* 2.1.3 Home News Row */
.news-row-1 .inner{padding-top: 40px;padding-bottom: 40px;}
.block-item.news-row-1-item{position: relative;padding: 20px;background-color: #fff;}
.news-row-overlay{display: block;width: 100%;height: 20px;margin-top: -20px;background: url(../img/news_row_overlay.png) no-repeat center/cover;}
.news-row-overlay.rotate{position: relative;z-index: 1;margin-top: 0;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.block-tab .nav-tabs{border: none}
.block-tab .nav-tabs > li{position: relative;padding: 0 10px;}
.block-tab .nav-tabs > li::after{content: "";position: absolute;bottom: -30px;left: 0;right: 0;border-width: 10px;border-color: #333 transparent transparent;}
.block-tab .nav-tabs > li.no-split .block-title::after{display: none;}
.block-tab .nav-tabs > li:first-child{padding-left: 0;}
.block-tab .nav-tabs > li:last-child{padding-right: 0;}
.block-tab .nav-tabs > li .block-title{position: relative;height: 45px;line-height: 45px;padding: 0;font-size: 21px;color: #999;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: -10px;height: 15px;border-right: 2px solid #8c8c8c;}
.block-tab .nav-tabs > li .block-title:hover{color: #1570bf;background: none;}
.block-tab .nav-tabs > li.active > .block-title{font-size: 24px;color: #1570bf;border: none;background: transparent;border-bottom: 2px solid #2870be;}
.block-tab .nav-tabs > li.active:hover > .block-title, .block-tab .nav-tabs > li.active:focus .block-title{color: #1570bf;background: transparent;}
.block-title{width: 100%;height: 50px;line-height: 50px;margin-bottom: 25px;font-size: 21px;color: #1f3531;font-weight: 600;}
.block-title img{width: auto;height: 100%;}
.block-title .more{float: right;width: 20px;height: 17px;margin-top: 15px;background: url(../img/icon/icon_more.png) no-repeat center;}
.block-title .more:hover{box-shadow: 0 0 5px rgb(0,0,0,.3);}
.news-row-2{padding-bottom: 75px;background-color: #f3f8fc}
.block-item.news-row-2-item{position: relative;padding: 20px;margin-top: -35px;background-color: #fff;box-shadow: 0 3px 8px rgba(0,0,0,.05);}

/* 2.1.4 Home Team */
.team{margin-top: -19px;padding: 70px 0;background: #5b96e6 url(../img/team_bg.jpg) no-repeat center top;}
.team .inner{max-width: 1920px;width: 100%;margin: 0 auto;}
.team-carousel{height: 310px;margin-top: 10px;}
.team-carousel .swiper-slide{width: 20%;}
.team-carousel-item .img{position: relative;display: block;width: 285px;height: 200px;max-width: 100%;margin: 20px auto 0;background-color: #fff;border-radius: 10px;overflow: hidden;box-shadow: 0 0 10px rgba(0,0,0,.2);-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.team-carousel-item .img .overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.team-carousel-item .title{position: relative;display: block;width: 190px;height: 35px;margin: -15px auto 0;line-height: 35px;text-align: center;color: #789ebf;background-color: #fff;border-radius: 3px;}
.swiper-slide-active .team-carousel-item .img{width: 345px;height: 240px;margin-top: 0;}
.swiper-slide-active .team-carousel-item .title{font-size: 16px;font-weight: 600;}
.team-carousel-item .img:hover{box-shadow: 0 4px 10px rgba(44,121,221,.8);}
.team-pagination.common-pagination{bottom: 5px;}
.team-pagination.common-pagination .swiper-pagination-bullet{border-color: #fff;}
.team-pagination.common-pagination .swiper-pagination-bullet-active{background: #fff}

/* 2.1.5 Home Activity */
.activity{padding-bottom: 30px;background: #fff url(../img/activity_bg.png) no-repeat center top;}
.activity-carousel{height: 350px;padding-bottom: 20px;}
.activity-carousel .swiper-slide{width: 33.333%;}
.activity-carousel .swiper-slide:nth-child(odd){margin-top: 15px;}
.activity-carousel-content{display: block;padding: 10px 0;margin: 0 15px;}
.activity-carousel-content .img{position: relative;width: 100%;height: 210px;overflow: hidden;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.activity-carousel-content .img .overlay{position: absolute;top: 0;left: 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;}
.activity-carousel-content .title{position: relative;z-index: 1;max-width: 330px;width: 100%;height: 70px;line-height: 75px;margin: -12px auto 0;padding: 0 10px;font-size: 18px;text-align: center;color: #1d1d1d;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.2);-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.activity-carousel-content .img:hover{box-shadow: 0 4px 10px rgba(44,121,221,.2);}
.swiper-slide-active .activity-carousel-content .title{color: #1b78dd;}
.activity-carousel-content:hover .img .overlay{transform: scale(1.05);-webkit-transition: 1s all ease;-ms-transition: 1s all ease;transition: 1s all ease;}
.activity-pagination .swiper-pagination-bullet{width: 10px;height: 10px;border: 1px solid #1570bf;background-color: rgba(255,255,255,0);border-radius: 50%;opacity: 1;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.activity-pagination .swiper-pagination-bullet-active{width: 12px;height: 12px;background-color: #1570bf;}

/* 2.1.6 Home Links */
.links{position:relative;background-position: center;background-repeat: no-repeat;text-align: center;}
.icon-link{padding: 15px 0 30px;}
.icon-link-item{display: inline-block;min-width: 65px;margin: 0 20px;text-align: center;}
.icon-link-item .icon{display:block;margin: 0 auto;text-align: center;background: #fff;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.icon-link-item .icon img{width: auto;height: 30px;vertical-align: middle;}
.icon-link-item p{margin: 15px auto 0;color: #1e3859;font-size:14px;font-weight: 600;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.icon-link-item:hover p{margin-top: 10px;opacity: .95;}
.icon-link-item:hover .icon{opacity: .8;}
.text-link{padding: 15px 0 25px;text-align: center;background-color: #789ebf;}
.text-link .title{font-size: 24px;color: #dde8f2;}
.text-link-item{max-width: 850px;width: 100%;margin: 15px auto 0}
.text-link-item a{display: inline-block;line-height: 20px;padding: 8px 5px;color: #fff;font-weight: 300;border-radius: 4px;-webkit-transition: .3s background-color ease;-ms-transition: .3s background-color ease;transition: .3s background-color ease;}
.text-link-item i{display: inline-block;width: 20px;height: 20px;margin-right: 10px;background-color: #efefef;background-size: cover;background-repeat: no-repeat;background-position: center;border-radius: 50%;vertical-align: middle;}
.text-link-item a:hover{background-color: rgba(0,0,0,.2);}


/* 3.1 Column */
.column-banner{background-color:#f1f1f1}
.column-banner .img{position:relative;width:100%;height:375px;margin:0 auto;background-repeat: no-repeat;background-position: center;background-size: cover;background-position: center;}
.column-banner .overlay{position: absolute;height: 40%;width: 100%;bottom: 0;left :0;background: transparent;background: -webkit-linear-gradient(bottom, rgba(0,0,0,.5), transparent);background:-ms-linear-gradient(bottom,rgba(0,0,0,.5),transparent);background: linear-gradient(bottom, rgba(0,0,0,.5), transparent);}
.column{min-height: calc(100vh - 400px);background: #fafafa}
.column .block-item{padding: 10px 15px;background-color: #fff;}
.column-left-content{margin-top: -70px;}
.column-right-content{margin-top: -30px;margin-bottom: 30px;background-color: #fff;padding: 15px}
.column-nav{background-color: #fff;box-shadow: 0 4px 10px rgba(44,121,221,.1);}
.col-anchor{padding: 15px 20px;background-color: #1e66b8;color:#fff;font-size:24px}
.col-name{margin:0 10px 0;padding: 5px 0;font-size:26px;color:#006aff;border-bottom: 1px dashed #909090;}
.col-list{margin-bottom:30px;background:#fff}
.col-list > ul{position:relative;padding: 0}
.col-list li{border-bottom: 1px #efefef dotted;}
.col-list li.selected{background: #fff;}
.col-list li.selected > a{color:#1e86d8;font-weight:600;background-color: rgba(0,0,0,.1);}
.col-list li a{color:#636363;display:block;padding:8px 20px;font-weight: 400;font-size: 15px;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.col-list li a:hover{background-color: #006aff;color: #fff;}
.col-sublist{position:relative;padding:0}
.col-sublist li a{display:block;padding:10px 20px;color:#636363;font-size:14px;background-color:#f5f5f5;}
.col-sublist li span{position:relative;top:3px;font-size:12px;float:right}
.col-sublist li:hover a+span{color:#4863d2}
.col-breadcrumbs{float: right;margin-top: 15px;margin-right: 10px}
.activity-carousel-content.column-img,.activity-carousel-content.column-teacher{margin: 0;}
.activity-carousel-content.column-img .title,.activity-carousel-content.column-teacher .title{height: 35px;line-height: 35px;max-width: 250px;font-size: 14px;}
.activity-carousel-content.column-teacher .img{max-width: 125px;height: 170px;margin: 0 auto;}
.activity-carousel-content.column-teacher .title{box-shadow: none;}
.teacher-filter{margin: 10px;padding: 10px;background-color: #fafafa;}
.teacher-filter p{font-size: 14px;padding-left: 5px;}
.filter-item{display: inline-block;width: 22px;height: 22px;line-height: 22px;text-align: center;border-bottom: 1px solid #efefef;}
.filter-item.all{width: auto;padding: 0 5px;}
.filter-item:hover{background-color: #0055cc;color: #fff;}
.filter-item:focus,.filter-item.active{border: 1px solid #006aff;}

/* 4.1 Post */
.post{padding-top: 30px;padding-bottom: 60px;background: #f8fcff url(../img/post_bg.png) no-repeat center/cover;background-attachment: fixed;}
.breadcrumbs{text-align:left;color:rgba(0,0,0,.5);margin-bottom:5px}
.breadcrumbs span:first-child{margin-right:8px}
.page-content{padding:20px 15px;border-top:5px solid #134ea6;box-shadow:0 5px 10px rgba(0,0,0,.1);background-color: #fff;}
.post-title{margin:10px 0 5px;text-align:center;font-size:26px;color:#363636}
.post-meta{display:block;padding:0 10px 5px;color: #1e3859;text-align: center;font-size: 14px}
.post-meta > span{display: inline-block;padding: 2px 4px;border-bottom:1px solid #558c82;background:#fafafa;margin:5px 8px}
.post-meta > span i{color:rgba(85,140,130,.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}


@media screen and (max-width: 1600px){
    .banner-carousel-title,.banner-pagination.swiper-pagination{left: 40px}
    .dean-viewpoint{right: 40px;}
    .team-carousel .swiper-slide{width: 33.333%;}
}
@media screen and (max-width: 1199px){
    .activity-carousel-content.column-teacher .img{height: 195px;}
    .site-link{width: 42%;}
    .lab-link{left: 42%;width: 58%;}
    .post-content img{height:auto;max-width:100%;margin:0}
}
@media screen and (max-width: 991px){
    .header-logo img{width: 100%;height: auto;}
    .site-link{width: 45%;}
    .lab-link{left: 45%;width: 55%;}
    .header-link{position: relative;top: 0;right: 0;margin-top: 5px;}
    .header-nav .inner{width: 100%;}
    .navbar-nav > li > a{font-size: 16px;}
    .banner-carousel{height: 45vw}
    .dean-viewpoint{position: relative;top: 0;right: 0;width: 100%;height: auto;margin-top: 0;padding: 35px 20px 5px;background-color: #333;}
    .dean-body p{min-height: auto;}
    .dean-footer{margin-left: -20px;margin-right: -20px;}
    .dean-footer::before{display: none;}
    .banner-carousel-title{bottom: 35px;width: 220px;height: 30px;line-height: 30px;font-size: 12px;}
    .banner-pagination.swiper-pagination{bottom: 10px;}
    .img-news-item .img,.img-news-item.large .img{height: 32vw;}
    .date-news-item{margin-bottom: 35px;}
    .team-carousel .swiper-slide{width: 100%;}
    .news-row-2-item.i2{margin-top: 30px;}
    .activity-carousel{height: auto;padding-bottom: 35px;}
    .activity-carousel .swiper-slide{width: 100%;}
    .activity-carousel-content .img{height: 38vw}
    .footer-info,.footer-copyright,.footer-qrcode{text-align: center;}
    .footer-qrcode{margin-top: 8px;}
    .activity-carousel-content.column-teacher .img{height: 275px;}
}

@media screen and (max-width: 767px){
    .header{background-image: none;}
    .header .inner{padding-top: 20px;padding-bottom: 20px;}
    .header-logo{display: block;text-align: center;}
    .header-link a{font-size: 12px}
    .site-nav, .site-nav > ul{height: auto;}
    .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:9px 0 9px 30px;font-size:16px;text-align:left;}
    .navbar-nav > li > a{height: auto;line-height: initial;}
    .site-nav .dropdown-menu{display: none;}
    .site-nav .open .dropdown-menu{display: block;}
    .site-nav .open .dropdown-menu > li > a{padding:6px 0 6px 30px;}
    .site-nav > ul > li::after{content:"";}
    .navbar-nav li:last-child ul{left: 0;right: 0;}
    .banner-carousel .swiper-slide{width: 100%;}
    .banner-button{width: 18px;height: 55px;margin-top: -27px;}
    .column-banner .img{height: 30vw}
    .col-anchor{padding: 10px 20px;}
    .page-content{padding: 10px 20px}
    .activity-carousel-content.column-teacher .img{height: 54vw;}
}
@media screen and(max-width: 414px){
    .dean-link{font-size: 12px;}
    .breadcrumbs{display: none;}
    .post-content img{height: auto!important;}
}