@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:#124f57;-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 'PT Sans',Arial, Helvetica, sans-serif;background-color:#fff;}

/* Common */
.outer, .inner{position: relative;}
.text-truncate{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.block-item{padding: 20px 0;}

/* 1.1 Common Header*/
.header{position: relative;z-index: 1;border-top: 10px solid #559f93;background-color: #fefdfc;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.header .inner{padding-top: 20px;padding-bottom:20px;text-align: center;}
.header-logo img{height: 75px;}
.language-toggle{float: right;margin-top: 25px;border-bottom: 1px solid #09686d;}

/* 1.3 Common Footer */
.footer{position: relative;text-align: center;background-color: #528b80;}
.footer-logo{padding-top: 20px;padding-bottom: 5px;}
.footer-logo img{width: auto;height: 75px;}
.footer-copyright{padding: 4px 0;font-size: 14px;color: #e1ffff;background-color: #336666;text-align: center;}
.footer-absolute .footer-copyright{background-color: #528b81}
.footer-contact{position:relative;padding-bottom: 20px;font-size: 14px;color: #fff;overflow: hidden;}
.footer-contact p{line-height: 2;opacity: .8;}
.footer-contact a{color: #fff;}
.footer-qrcode{text-align: center;}
.footer-qrcode img{width: 80px;height: auto;}


/* 2.1 Homepage */
.banner{background-color: #f1f1f1;}
.intro{padding: 50px 0 200px;background-image: url(../img/news_row_2_bg.jpg);background-repeat: no-repeat;background-position: center bottom;background-color:#fafbfd;}
.links{position:relative;height: 435px;margin-top: -80px;background-image: url(../img/contact_bg.png);background-position: center;background-repeat: no-repeat;}

.banner-carousel{width: 100%;height: 450px;}
.banner-carousel .swiper-slide{position: relative;display: block;width: 1600px;background-color: #f1f1f1;background-repeat: no-repeat;background-position: center;background-size: cover;}
.banner-carousel-title{position: absolute;left: 0;right: 0;bottom: 45px;width: 330px;height: 40px;line-height: 40px;margin: 0 auto;padding: 0 15px;background-color: rgb(45,102,88,.7);font-size: 18px;color: #fff;text-align: center;border-radius: 20px;-webkit-transition: .3s background-color ease;-ms-transition: .3s background-color ease;transition: .3s background-color ease}
.banner-carousel .swiper-slide:hover .banner-carousel-title{background-color: rgb(45,102,88,.95);}
.banner-overlay{position: absolute;z-index: 1;top: 0;width: 50%;height: 100%;background-color: rgba(30,89,72,.8);}
.banner-overlay.left{right: -800px}
.banner-overlay.right{left: -800px}
.banner-button-container{position: absolute;top: 0;left: 0;right: 0;max-width: 1600px;width: 100%;height: 100%;margin: 0 auto;}
.banner-pagination .swiper-pagination-bullet{width: 16px;height: 8px;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{width: 50px;opacity: 1!important;}
.banner-button{width: 35px;height: 85px;margin-top: -42px;background-color: #c2a984;background-size: 12px 21px;-webkit-transition: .3s background-color ease;-ms-transition: .3s background-color ease;transition: .3s background-color ease}
.banner-button:hover{background-color: #d8bb95;box-shadow: 0 0 5px rgba(0,0,0,.2);}
.banner-button-next{right: -20px;background-image: url(../img/icon/icon_banner_next.png);}
.banner-button-prev{left: -20px;background-image: url(../img/icon/icon_banner_prev.png);}

.section-title{margin-bottom: 20px;text-align: center;}
.section-title h1{font-size: 30px;font-weight: 700;color: #348fa6;}
.college-intro{height: 320px;padding: 50px 20px 0;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.college-intro h1{position: relative;font-size: 26px;color: #5b9f93;}
.intro-content{margin-top: 5px;color: #636363;line-height: 2;display: -webkit-box;overflow: hidden;text-indent: 10px;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;-webkit-line-clamp: 4;line-clamp: 4;-webkit-box-orient: vertical;}
.college-photo{width: 100%;height: 320px;background-color: #333;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.college-photo .swiper-slide{background-repeat: no-repeat;background-size: cover;background-position: center;background-color: #444;}
.college-pagination .swiper-pagination-bullet{width: 16px;height: 8px;background-color: #f3f3f2;border-radius: 4px;opacity: .5;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.college-pagination .swiper-pagination-bullet-active{width: 50px;opacity: 1!important;}
.divider span{display: inline-block;width: 25px;height: 4px;background-color: #559f93;}
.divider span:first-child{background-color: #124f57;}
.divider span:last-child{background-color: #a8cb6a;}
.more-button{margin-top: 15px;padding: 5px 10px;border: 2px solid #124f57;color: #124f57;background-color: transparent;border-radius: 4px;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.more-button:hover{background-color: #124f57;color: #fff;}

.links .section-title{margin-top: 50px;margin-bottom: 50px;}
.links .section-title h1,.links .section-title p{color: #fff;}
.links .section-title p{opacity: .7;}
.links .section-title p a{color: #fff;}

.common-list h4{height: 60px;line-height: 60px;font-size: 16px;color: #233a35;-webkit-transition: .3s color ease;-ms-transition: .3s color ease;transition: .3s color ease;}
.common-list .item:hover h4{color: #09686d;}
.common-list .item .date{position: absolute;top: 0;left: 0;line-height: 1;text-align: center;overflow: hidden;}
.common-list .item .date span, .common-list .item .date b{display: block;white-space: nowrap;}

.common-list .item{position: relative;width: 100%;height: 60px;margin-bottom: 40px;background-color: #fff;}
.common-list .item .date{width: 50px;height: 60px;background-color: #268fa6;color: #fff;}
.common-list .item .date span{display:block;height: 35px;line-height: 35px;font-size: 21px;font-weight: 400;}
.common-list .item .date b{display: block;height: 25px;line-height: 25px;background-color: rgba(0,0,0,.1);color: #bee1ea;font-size: 12px;}
.common-list .item .content{display: block;padding-left: 65px;padding-right: 20px;line-height: 1;}
.common-list .item .content h4{position: relative;}
.common-list .item .content h4::before{content: "";position: absolute;bottom: 0;left: 0;width: 25px;border-bottom: 2px solid rgba(191,167,130,.4);-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.common-list .item:hover .content h4::before{border-bottom-color: rgba(191,167,130,.9);}

/* 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,(0,0,0,.5), transparent);}

.column{min-height: calc(100vh - 400px);background: url(../img/news_row_1_bg.png) no-repeat center bottom}
.column .block-item{background-color: #fff;}
.left-nav{margin-top:-70px}
.col-anchor{padding:25px 20px;background: #268fa6;color:#fff;font-size:24px}
.col-name{margin:0 10px 0;padding:20px 0;font-size:26px;font-weight: 600;color:#348fa6;border-bottom: 1px dashed #efefef;}
.col-list{margin-bottom:30px;background:#fff}
.col-list>ul{position:relative;border-left:8px solid #064f57;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: #fff;}
.col-list li.selected > a{color:#064f57;font-weight:600}
.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-sublist{position:relative;padding:0}
.col-sublist li{font-size:14px;border-left:none;background:#f7f7f7;border-left:5px solid #93c1a4;border-top:1px solid #ededed;border-bottom:1px solid #ededed}
.col-sublist li a{color:#636363;display:block;padding:10px 20px}
.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: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:"Prev"}
.page_nav .next span{display:none!important}
.page_nav .next::before{content:"Next"}
.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}

/* 4.1 Post */
.post{margin: 30px 0 60px;}
.breadcrumbs{text-align:left;color:rgba(0,0,0,.5);margin-bottom:5px}
.breadcrumbs .glyphicon{color: #09686d;}
.breadcrumbs span:first-child{margin-right:8px}
.page-content{padding:30px;border-top:5px solid #558c82;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}
.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}
.post-content img{height:auto;max-width:100%;margin:0 20px}

@media screen and (max-width: 1659px) {
    .banner-button-prev{left: 10px;}
    .banner-button-next{right: 10px;}
}
@media screen and (max-width: 991px) {
    .navbar-nav > li > a{font-size: 16px;}
    .banner-carousel{height: 45vw}
    .links{margin-top: 180px;}
}
@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-logo img{width: 280px;height: auto;}
    .header-search{display: none}
    .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 .open .dropdown-menu > li > a{padding:6px 0 6px 30px;}
    .site-nav > ul > li::after{content:"";}
    .banner-carousel .swiper-slide{width: 100%;}
    .banner-button{width: 18px;height: 55px;margin-top: -27px;}
    .column-banner .img{height: 20vw}
    .banner-carousel-title{bottom: 35px;width: 220px;height: 30px;line-height: 30px;font-size: 12px;}
    .img-list li .img{position: relative;width: 100%;height: 25vw;}
    .img-list li .content{padding-left: 10px;padding-bottom: 20px;}
    .img-list li:nth-child(even) .content{padding-right: 10px;padding-bottom: 20px;text-align: left;}
    .img-list li:nth-child(even) .img span{left: 10px;right: auto;}
    .footer.footer-absolute{position: relative;}
    .links{height: auto;padding: 30px 0 20px;margin-top: 0;background-size: cover;}
    .icon-link-item{width: 50%;margin: 10px 0!important}
    .icon-link-item .title{height: 30px;line-height: 30px;font-size: 14px;width: 100px!important;}
    .icon-link li:nth-child(5) .title{height: auto;}
    .left-nav{margin-top: -20px;}
    .col-anchor{padding: 10px 20px;}
    .page-content{padding: 10px 20px}
}