@charset "utf-8";

.section-title{position: relative;height: 40px;line-height: 40px;margin-bottom: 15px;text-align: left;}

.section-title h1{position: relative;font-size: 32px;font-weight: 600;color: #8b2a34;}
.section-title.text-center h1::after{right: 0;margin: 0 auto;}
.section-title.text-white h1{color: #fff;}
.section-title a{position: absolute;top: 50%;right: 0;display: inline-block;height: 30px;margin-top: -15px;line-height: 30px;padding-right: 40px;font-size: 14px;color: #999;background: url(../img/icon/icon_more.png) no-repeat center right;background-size: contain;}
.section-title a:hover{color: #10619e;}
.section-title a.relative{position: relative;top: auto;left: auto;margin-top: 50px;}

.block-title{position:relative;line-height: 40px;padding:4px 0 10px;margin-bottom: 0;text-align: left;}
.block-title.text-center{text-align: center;background-position: top center;background-position: 55% center;}
.block-title h1{font-size: 28px;font-weight: 600;color: #8b2a34;vertical-align: middle;}
.section-more-btn{position: absolute;top: 0;right: 0;z-index: 2;display: inline-block;width: 120px;height: 36px;font-size: 12px;background-color: #c23e4b;background: linear-gradient(to right, #c33e4c, #5a141b);color: #fff;border: none;border-radius: 18px;}
.section-more-btn i{display: inline-block;width: 12px;height: 12px;background: url(../img/icon/icon_more_btn.png) no-repeat center;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.section-more-btn:hover i{margin-left: 6px;}
.section-more-btn:hover{background-color: #8b2a34;color: #fff;}

.block-item{margin: 30px 0;}
.block-item.i1{padding-right: 10px;}
.block-item.i2{padding-left: 10px;}
.block-item.i4{padding-left: 10px;}
.block-item.i5{padding: 20px 0;}
.block-item.i6{padding: 20px 0;}

/*
* Homepage
*/
.home-banner{background-color: #f1f1f1;}
.banner-carousel{display:block;max-width: 1920px;width: 100%;height: 600px;background-color: #f1f1f1;}
.banner-carousel .swiper-slide{position: relative;display:block;width:100%;background-size:cover;background-repeat: no-repeat;background-position: center;background-color: #999;}
.banner-carousel-item{position: absolute;left: 260px;top: 150px;max-width: 600px;width: 100%;height: 300px;padding: 30px 40px 0;background-color: rgba(0,0,0,.6);}
.banner-carousel-item h2{padding-bottom: 4px;font-size: 24px;line-height: 48px;}
.banner-carousel-item p{min-height: 120px;font-size: 16px;line-height: 30px;}
.banner-carousel-item h2,.banner-carousel-item p{color: #fff;}
.banner-carousel-btn{display: inline-block;width: 120px;height: 36px;background-color: #c23e4b;background: linear-gradient(to right, #c33e4c, #5a141b);color: #fff;border: none;border-radius: 18px;}
.banner-carousel-btn i{display: inline-block;width: 12px;height: 12px;background: url(../img/icon/icon_more_btn.png) no-repeat center;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.banner-carousel-btn:hover i{margin-left: 6px;}
.swiper-button-prev.banner-button-prev,.swiper-button-next.banner-button-next{width: 100px;height: 100px;margin-top: -50px;background-color: rgba(0,0,0,.2);border-radius: 50%;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.swiper-button-prev.banner-button-prev:hover,.swiper-button-next.banner-button-next:hover{background-color: rgba(0,0,0,4);}
.swiper-button-prev.banner-button-prev{left: 50px;}
.swiper-button-next.banner-button-next{right: 50px;}
.banner-notice{background-color: #666;text-align: center;color: #fff;}
.banner-notice p{margin: 0;padding: 10px 0;}

/* Home News */
.home-news{padding: 70px 0 30px;background-color: #f0f0f0;}
.news-carousel{width: 100%;height:540px;overflow: hidden;}
.news-carousel .swiper-slide{position:relative;width: 100%;background-color: #999;background-size: cover;background-repeat: no-repeat;background-position: center;}
.news-carousel-item{position: absolute;left: 0;right: 0;bottom: 0;padding: 20px 30px 12px;background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.6));}
.news-carousel .swiper-slide:hover .news-carousel-item{background-color: rgba(0,0,0,.6);}
.news-carousel-item h3{height: 56px;font-size: 20px;line-height: 28px;color: #fff;}
.news-carousel-item p{min-height: 48px;font-size: 14px;line-height: 24px;color: #fff;}

.news-list ul{min-height: 544px;}
.news-list-item{padding: 14px 16px;margin-bottom: 18px;background-color: #fff;}
.news-list-item:hover{background: linear-gradient(to right,#c33e4c,#5a141b);-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.news-list-item .date{position: relative;padding-bottom: 12px;font-size: 14px;color: #999;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.news-list-item .date::after{content: "";position: absolute;left: 0;bottom: 0;width: 24px;height: 2px;background: linear-gradient(to right,#c33e4c,#5d151c);-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.news-list-item h3{height: 48px;margin-top: 12px;line-height: 24px;font-size: 16px;color: #333;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.news-list-item:hover .date{color: #fff;}
.news-list-item:hover .date::after{background: #fff;}
.news-list-item:hover h3{color: #fff;}

/* Home Hero */
.home-hero{position: relative;z-index: 1;}
.home-hero .inner{padding: 60px;margin-top: -120px;background: #c33e4c;background: linear-gradient(to left, #5a141b, #c33e4c);}
.home-hero-more{padding: 0 0 50px;text-align: center;}
.home-hero-more .section-more-btn{position: relative;top: auto;left: auto;}
.hero-text-title{position: relative;padding-bottom: 25px;font-size: 36px;font-weight: 600;color: #fff;}
.hero-text-title::after{content: "";position: absolute;bottom: 0;left: 0;width: 40px;height: 4px;background-color: #fff;}
.hero-text-intro{height: 150px;line-height: 30px;margin-top: 50px;margin-bottom: 40px;font-size: 16px;color: #fff;}
.hero-more{text-align: left;}
.hero-more-btn{width: 160px;height: 50px;background-color: #fff;border: none;color: #8b2a34;border-radius: 25px;}
.hero-more-btn i{display: inline-block;width: 12px;height: 12px;background: url(../img/icon/icon_hero_more_black.png) no-repeat center;background-size: contain;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.hero-more-btn:hover i{margin-left: 8px;}
.hero-img{width: 100%;height: 350px;background-color: #999;background-size: cover;background-repeat: no-repeat;background-position: center;}

/* Home Hero List */
.home-hero-list{padding-top: 20px;}
.hero-list{min-height: 294px;padding: 36px 0;}
.hero-list li{position: relative;border-top: 1px solid #000;}
.hero-list li:last-child{border-bottom: 1px solid #000}
.hero-list li:hover{background: linear-gradient(to left, #5a141b, #c33e4c);}
.hero-list li h3{height: 54px;padding-right: 42px;line-height: 54px;font-size: 16px;color: #333;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.hero-list li i{position: absolute;right: 0;top: 18px;width: 24px;height: 18px;background: url(../img/icon/icon_hero_more_black.png) no-repeat center;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.hero-list li:hover i{right: 12px;background-image: url(../img/icon/icon_hero_more_white.png);}
.hero-list li:hover h3{padding:0 54px 0 12px;color: #fff;}

/* Home Institution */
.home-institution{padding: 80px 0 0;}
.institution-item{margin: 40px 0;text-align: center;transition: .3s all ease;}
.institution-item img{height: 80px;width: auto;}
.institution-item:hover {opacity: .7;transform: scale(1.05);}

/* Home Achievement */
.home-achievement{padding: 80px 0 40px;background: url(../img/home_achievement_bg.png) no-repeat center;}
.achievement-carousel{height: 520px;}
.achievement-carousel .swiper-slide{background-color: #999;background-size: cover;background-position: center;}
.achievement-carousel-title{position: absolute;left: 0;right: 0;bottom: 0;padding: 18px 20px;background-color: rgba(0,0,0,.5);-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.achievement-carousel .swiper-slide:hover .achievement-carousel-title{background-color: rgba(0,0,0,.8);}
.achievement-carousel-title p{margin: 0;padding: 0;font-size: 16px;color: #fff;}
.swiper-button-prev.achievement-button-prev,.swiper-button-next.achievement-button-next{width: 40px;height: 40px;margin-top: -20px;border: 1px solid #fff;background-color: transparent;background-size: 12px auto;border-radius: 50%;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
.swiper-button-prev.achievement-button-prev:hover,.swiper-button-next.achievement-button-next:hover{background-color: #c33e4c;border-color: #c33e4c;}

.achievement-list{min-height: 406px;}
.achievement-list-item{padding: 14px 0;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.achievement-list-item .date{font-size: 14px;color: #fff;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.achievement-list-item h3{height: 60px;margin: 5px 0;font-size: 18px;color: #fff;line-height: 30px;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.achievement-list-item p{height: 72px;font-size: 14px;line-height: 24px;color: #fff;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.achievement-list-item:hover{padding: 14px 16px;background-color: #fff;}
.achievement-list-item:hover .date,.achievement-list-item:hover p{color: #999;}
.achievement-list-item:hover h3{color: #8b2a34;}



/* Date List */
.date-list{padding: 20px 0;}
.date-list ul{min-height: 412px;}
.date-list li{position: relative;margin-bottom: 20px;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.date-list li:hover{background-color: #fff;}
.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;border-radius: 0;overflow: hidden;border: 1px solid #af3638;}
.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: 24px;font-weight: 400;color: #af3638;}
.date-list li .date b{height: 30px;line-height: 30px;font-size: 12px;font-weight: normal;color: #fff;background: #af3638;}
.date-list li .content{display: block;padding: 0 16px 0 80px;}
.date-list li .content h3{display:block;height: 60px;padding-top: 2px;color: #333;font-size: 16px;line-height: 28px;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.date-list li:hover .content h3{color: #af3638;}


/* Block Report List */
.block-report-list{min-height: 380px;padding-top: 10px;}
.block-report-list > ul > li{margin-bottom: 20px;}
.report-list-item{position: relative;padding: 20px;margin-bottom: 30px;background-color: transparent;border: none;background-color: #f0f0f0;border-radius: 0;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.report-list-item:hover{background: url(../img/home_report_item_bg.png) no-repeat center;}
.report-list-item::after{content: "";position: absolute;left: 0;right: 0;top: 0;width: 100%;height: 4px;background: linear-gradient(to right,#c33e4c,#5d151c);}
.report-list-item .text{padding-bottom: 0;}
.report-list-item .text h3{position: relative;height: 60px;line-height: 30px;font-size: 16px;font-weight: 600;font-size: 16px;margin-bottom: 6px;color: #333;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.report-list-item .text h3::after{content: "";position: absolute;left: 0;bottom: 0;width: 20px;height: 2px;background-color: #8b2a34;}
.report-list-item .text p{height: 96px;margin-top: 14px;font-size: 14px;line-height: 24px;color: #999;}
.report-list-item:hover .text h3,.report-list-item:hover .text p{color: #fff;}
.report-list-item:hover .text h3::after{background-color: #fff;}



/* Photo Carousel */
.home-photo{padding: 50px 0;background: #f5f3f1 url(../img/home_photo_bg.png) no-repeat center;}
.photo-carousel{height: 305px;}
.photo-carousel .swiper-slide{width: 20%;}
.photo-carousel-item{display: block;width: 100%;padding: 15px 0;margin: 0 auto;border-radius: 4px;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.photo-carousel-item .photo{max-width: 260px;width: 100%;height: 195px;margin: 0 auto;background-color: #999;background-repeat: no-repeat;background-position: center;background-size: cover;border: 2px solid transparent;border-radius: 8px;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.photo-carousel-item .title{margin: 10px;text-align: center;font-size: 16px;font-weight: 600;color: #333;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.photo-carousel-item:hover .photo{border-color: #10619e;}
.photo-carousel-item:hover .title{color: #999;}
.swiper-pagination.photo-pagination .swiper-pagination-bullet{width: 18px;height: 8px;border-radius: 4px;opacity: 1;}
.swiper-pagination.photo-pagination .swiper-pagination-bullet-active{width: 40px;background: #10619e;}
.photo-carousel .swiper-scrollbar-drag{background: #10619e;}
.photo-control{position: absolute;top: 0;left: 0;right: 0;max-width: 1800px;width: 100%;height: 100%;}
.photo-button-prev.swiper-button-prev,.photo-button-next.swiper-button-next{width: 64px;height: 64px;margin-top: -32px;background-color: #fff;background-size: 16px auto;box-shadow: 0 0 10px rgba(0,0,0,.1);border-radius: 50%;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.photo-button-prev{left: -80px;background-image: url(../img/icon/icon_photo_left.png);}
.photo-button-next{right: -80px;background-image: url(../img/icon/icon_photo_right.png);}
.photo-button-prev:hover,.photo-button-next:hover{box-shadow: 0 0 10px rgba(0,0,0,.3);}
/* Announcement */
.home-announcement{padding: 60px 0;background-color: #f0f0f0;}
/* Activity */
.home-activity{padding: 60px 0 0;}
.essay-list-item{padding: 14px 0;}
.essay-list-item h3{font-size: 16px;color: #333;}
.essay-list-item:hover h3{color: #10619e;}
.essay-list-item p{position: relative;padding-top: 12px;margin-bottom: 0;font-size: 14px;color: #999;}
.essay-list-item p::after{content: "";position: absolute;right: 0;top: 70%;width: 72%;border-bottom: 1px solid #e0e0e0;}
/* Quick Link */
.home-quick-link{padding: 28px 0;}
.quick-link-list ul{display: flex;flex-wrap: wrap;}
.quick-link-list li{width: 33.3%;padding: 12px}
.quick-link-item{display: block;height: 80px;padding: 12px 16px 0;text-align: center;background: #8b2a34 url(../img/home_img_link_bg.png) no-repeat center;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease}
.quick-link-item:hover{box-shadow: 0 8px 20px rgba(0,0,0,.3);}
.quick-link-item p{margin: 0;padding-top: 8px;font-size: 24px;color: #fff;}


/*
 * Column Style
 */
.column-banner{position: relative;background-color: #f0f0f0;overflow: hidden;}
.column-img{max-width: 1920px;width: 100%;height: 340px;margin: 0 auto;background-repeat: no-repeat;background-size: cover;background-position: center;}
.column-overlay{position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;width: 600px;height: 180px;background: rgba(255,255,255,.6);}

.column{position: relative;z-index: 3;margin-top: 0;min-height:calc(100vh - 500px);}
.column-sidebar,.column-content{position: relative;}
.column-sidebar{margin-bottom:20px;}
.column-content{min-height: 500px;padding-bottom: 20px;overflow: hidden;margin-bottom:50px;padding: 10px 20px 30px;background: #fff;}

.column-name{padding: 40px 25px;margin-top: -80px;font-weight:600;background: #7b1a24 url(../img/column_name_bg.png) no-repeat center/cover;}
.column-name h1{font-size:24px;color:#fff;}
.column-name p{display: none;}
.column-name .navbar-toggle{margin-top: -10px;margin-right: 0;color: #fff;}
.column-title{padding:0 20px;margin:20px 0;font-size:24px;font-weight:600;color: #8b2a34;border-left: 4px solid #8b2a34;}
.column-collapse{padding: 0!important;margin: 0!important;}

.col-list{padding-top: 20px;overflow: hidden;border-left: 4px solid #8b2a34;background: #f0f0f0 url(../img/column_list_bg.png) no-repeat bottom center;}
.col-list a{display: block;padding: 16px 14px;font-size: 14px;background: #f7f7f7;color: #333;border-bottom: 1px solid #fff;text-align: left;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.col-list a:hover{background: #fff;color: #8b2a34;border-right: 4px solid #8b2a34;}
.col-list a span{float: right;}
.col-list > ul > li > a{border-bottom: 1px dotted #fff}
.col-sublist a{padding: 8px 30px;background: #e0e0e0;font-size: 14px;}
.wp_listalbumn{margin-top:20px}

.column-img-item{margin:16px 0;width:100%;box-shadow:0 4px 10px rgba(0,0,0,.1);}
.column-img-item .photo{padding-bottom:116%;width:100%;background-color:#999;background-position:center;background-size:cover;background-repeat:no-repeat;}
.column-img-item h3{position:relative;margin:0;padding:10px 16px;width:100%;background-color:#fff;color:#333;text-align:center;font-size:18px;-webkit-transition:.3s all ease;transition:.3s all ease;-ms-transition:.3s all ease;}
.column-img-item:hover h3{background-color:#f0f0f0;box-shadow:0 10px 10px rgba(0,0,0,.1);color:#8b2a34;}

.column-date-list{padding-top: 20px;border-top: 1px solid #8b2a34;}

.column-breadcrumb{float: right;padding-top: 12px;font-size: 14px;color: #999;}
.column-breadcrumb a{color: #999;font-weight: normal;text-transform: capitalize;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.column-breadcrumb a:hover{color: #8b2a34;}

.column-post-item{display: flex;padding: 0 12px;text-align: left;border-bottom: 1px solid #e0e0e0;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.column-post-item:hover{background-color: #8b2a34;}
.column-post-item h3{width: 80%;padding: 0;margin: 0;line-height: 62px;color: #333;font-size: 16px;}
.column-post-item p{width: 20%;padding: 0;margin: 0;line-height: 62px;color: #999;font-size: 14px;text-align: right;}
.column-post-item:hover h3,.column-post-item:hover p{color: #fff}

/*
* Post
*/
.post-banner .inner{max-width: 1920px;width: 100%;height: 300px;margin: 0 auto;background-color: #f0f0f0;}
.post-img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;}
.post-overlay{max-width: 1400px;width: 100%;height: 100%;margin: 0 auto;padding-top: 60px;}
.post-overlay-content{position: relative;z-index: 1;max-width: 600px;width: 100%;height: 180px;padding: 40px 20px;background-color: rgba(255,255,255,.6);backdrop-filter: blur(2px);}
.post-overlay-content h1{position: relative;font-size: 32px;color: #8b2a34;}
.post-overlay-content h1::after{content: "";position: absolute;left: 0;bottom: -26px;width: 26px;height: 4px;background: #8b2a34;}
.post-overlay-content p{padding-top: 50px;font-size: 16px;color: #8b2a34;}
.post-overlay-content p a{color: #8b2a34;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.post-overlay-content p a:hover{opacity: .8;}

.post{padding-top: 80px;background: url(../img/post_bg.png) no-repeat center bottom;}
.post-breadcrumb{padding: 12px 0;background-color: transparent;color: #10619e;}
.post-breadcrumb a{color: #333;opacity: .8;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.post-breadcrumb a:hover{color: #333;opacity: 1;}
.post-content{width:100%;padding:0;margin:40px 0;}
.post-title{padding-bottom: 10px;font-size:24px;font-weight: bold;text-align:center;color:#333}
.post-attr{padding:0 20px 20px;text-align:center;color:#999;}
.post-attr > span{display: inline-block;padding:5px 10px;cursor: pointer;}
.read-content{width: 100%;min-height: 400px;line-height: 2;margin:0 auto;padding:10px 20px 40px;border-top: 1px solid #e0e0e0;}
.read-content img{margin:10px 0;max-width:100%!important;height:auto}
.breadcrumb{color:#fff;text-align:left;background:#10619e;border-radius:0}
.breadcrumb .possplit{display: none;}
.breadcrumb a{margin: 0 5px;color:#fff;opacity: .8;-webkit-transition: .3s all ease;-ms-transition: .3s all ease;transition: .3s all ease;}
.breadcrumb a:hover{opacity: 1}
.wp_articlecontent>table{width: 100%!important;}


@media screen and (max-width: 1919px) {
    .block-item-bg.i5,.block-item-bg.i6{width: 50%;max-width: none;margin: 0;}
    .block-item-bg.i6{left: auto;right: 0;}
}
@media screen and (max-width: 1599px) {
    .swiper-button-prev.news-button-prev{left: 10px;width: 40px;height: 40px;}
    .swiper-button-next.news-button-next{right: 10px;width: 40px;height: 40px;}
}
@media screen and (max-width: 1440px) {
    .news-carousel .swiper-slide{padding: 0 4px}

    /* Header */
    .header-logo img{width: 100%;height: auto;}
    .header-search{width: 100%;}
    /* Footer */
    .footer-logo img{width: 100%;height: auto;}
}


@media screen and (max-width:1199px){
    /* Home */
    .banner-carousel{height: 400px}
    .banner-carousel-item{left: 0;right: 0;top: auto;bottom: 0;max-width: 100%;height: auto;padding: 20px}
    .swiper-button-prev.banner-button-prev, .swiper-button-next.banner-button-next{width: 32px;height: 32px;margin-top: -16px;background-size: 12px auto;}
    .banner-carousel-item h2{font-size: 18px;}
    .banner-carousel-item p{min-height: auto;margin-bottom: 24px;font-size: 14px;}

    .news-carousel .swiper-slide{width: 33.33%}
    .quick-link-item p{padding-top: auto;margin-top: 8px;font-size: 16px;}
    .block-item.i1,.block-item.i2,.block-item.i4,.block-item.i5,.block-item.i6{padding: 0;margin: 0;}
    .home-list{padding: 40px 0;}
    .block-item-bg.i5, .block-item-bg.i6{display: none;}


    /* Column */
    .column-banner .img{height:300px}
    .column-img-item .photo{height: 150px;}

    /* Header */
    .header-search{width: 220px;margin-top: 8px;}
}

@media screen and (max-width: 991px){
    /* Header */
    .header{padding: 10px 0;background-size: cover;}
    .header-logo{padding: 10px 0 0;text-align: center;}
    .header-logo img{max-width: 768px;width: 100%;height: auto;}
    .header-toolbar{position: relative;}
    .header-link{width: 100%;margin-top: 0;margin-bottom: 15px;}
    .header-link ul{justify-content: center;}
    .header-search{z-index: 199;top: 100%;width: 100%;margin: 5px auto 20px;box-shadow: 0 0 20px rgba(0,0,0,.5);background: #fff;}
    .search-input{opacity: 1;visibility: visible;}
    
    /* Footer */
    .footer{padding-top: 30px;}
    .footer-logo{padding: 0;text-align: center;}
    .footer-logo img{max-width: 720px;width: 100%;height: auto;}
    .footer-qrcode{text-align: center;}
    .footer-qrcode img{display: block;margin: 0 auto;}
    .footer-info{line-height: 1.3;padding-bottom: 15px;text-align: center;}
    .footer-info p{display: inline-block;margin: 0 4px;}
    .social-media ul{justify-content: center;}
    .footer-link{max-width: 100%;width: 100%;margin: 18px auto 8px}
    .footer-link > ul{justify-content: center;}
    .footer-link > ul > li:last-child{margin: 0;}
    .footer-copyright{text-align: center;}

    /* Nav */
    .header-nav .inner{width: 100%;}
    .site-nav li a{padding: 15px 0;font-size: 15px;}

    /* Home */
    .section-title a.relative{position: absolute;top: 50%;right: 0;margin-top: auto;}
    .block-item{margin: 20px 0;}
    .home-news{padding: 30px 0;}
    .home-achievement{background-size: cover;}
    .news-carousel,.achievement-carousel{height: 50vw;}
    .news-carousel-item{padding: 12px;}
    .news-carousel-item h3{font-size: 16px;}
    .news-carousel-item p{margin: 0;}
    .block-item-bg.i5, .block-item-bg.i6{display: none;}

    .home-hero .inner{padding: 20px;}
    .hero-img{height: 50vw;}
    .hero-text-intro{height: auto;margin: 20px 0;}
    .hero-more{margin-bottom: 30px;}
    .report-list-item{background-size: cover!important;}

    /* Column */
    .column-img-item .photo{height: 220px;}
}

@media screen and (max-width: 767px){
    /* Header */
    .header-logo img{width: 100%;height: auto;}

    /* Nav */
    .header-nav .container{padding-left: 0!important;padding-right: 0!important;}
    .navbar-nav .open .dropdown-menu>li>a{padding: 10px 15px!important;}
    .site-nav,.navbar-nav{padding: 0!important;margin: 0!important;}
    .site-nav li{width: 100%;}
    .site-nav li a{padding: 15px 0;}
    .dropdown-menu{display: none;}

    /* Footer */
    .footer-logo{width: 100%;text-align: center;}
    .footer-logo img{width: 100%;height: auto}
    .footer-info{padding: 10px 0}
    .footer-info p{margin: 0 8px 0 0;padding-left: 24px;line-height: 2;opacity: .9;font-size: 12px;}
    .footer-copyright{height: auto;line-height: 1.8;padding: 20px;font-size: 12px;opacity: .8;}
    .footer-link{margin-top: 10px;}
    .footer-link > ul > li{margin-right: 10px;}

    /* Home */
    .section-more-btn{top: -8px;}
    .block-item{padding: 10px 0;margin: 10px 0;}
    .block-title h1{font-size: 20px;font-weight: bold;}
    .block-tab li a{font-size: 16px;}
    .block-tab li.active a{font-size: 20px;font-weight: bold;}
    .banner-carousel{height: 54vw;}
    .swiper-button-prev.banner-button-prev{left: 10px;}
    .swiper-button-next.banner-button-next{right: 10px;}
    .home-news{padding: 40px 0;}
    .date-item .content h3{font-size: 16px;}

    .section-title h1{font-size: 22px;}

    .home-hero .inner{margin-top: 0;}
    .hero-text-title{font-size: 22px;}
    .hero-text-intro{font-size: 14px;}
    .hero-list li h3{font-size: 14px;}
    .achievement-list-item h3{font-weight: 600;}
    .hero-more-btn{width: auto;height: 40px;padding: 0 20px;}

    .institution-item{width: 100%;}
    .institution-item img{width: 100%;height: auto;}

    /* Column */
    .column-name{font-size: 20px;}
    .col-list a{padding: 12px 20px 12px 30px;font-size: 14px;text-align: left;}
    .column-right{padding: 0;margin-top: 10px;}

    .column-content{padding: 0;}
    .column-breadcrumb{float: none;}

    .column-post-item{flex-wrap: wrap;}
    .column-post-item h3{width: 100%;line-height: 36px;}
    .column-post-item p{width: 100%;text-align: left;line-height: 36px;}

    .column-title{padding: 15px 20px;font-size: 22px;}
    .column-img{height: 300px;}

    /* Post */
    .post-overlay-content p{padding-top: 12px;}
    .post{padding: 40px 0}
    .read-content{padding: 10px 20px;}
    .read-content img{height: auto!important;}
    .post-title{font-size: 20px;}
    .post-attr{margin-bottom: 0;}
}
@media screen and (max-width: 480px){

    /* Header */
    .header-link a{font-size: 12px;}

    /* Footer */
    .footer-copyright{font-size: 12px;}
    .block-list li a{font-size: 14px;}
    .column-position{float: none;display: block;}

    /* Home */
    .block-item{margin: 0;}
    .section-more-btn{width: 100px;}
    .news-carousel,.achievement-carousel{margin: 20px 0;}
    .banner-carousel{height: 50vw;}
    .banner-carousel-item h2{line-height: 30px;}
    .banner-carousel-item p{line-height: 24px;}
    .achievement-carousel-title{padding: 8px 12px;}

    .quick-link-list li{width: 100%;}
    .home-institution{padding: 20px 0 0}
    .institution-item{height: 48px;margin: 10px 0;text-align: left;}
    .institution-item img{width: auto;height: 100%;}
}