html, body{ background: #fff;}

.content-sub{ position: relative; }


.bg-sub{width: 79rem; height: 78rem; max-width: 50%; background: url('../../images/20240215/bg-news-p.jpg') no-repeat bottom right #CAD8AD; background-size: 100%; position: absolute; right: 0; top: -10rem; z-index: 90;}
.bg-sub-mini{ height: 22.5rem; background-image: none;}
.title-common{display: inline-block; color: #fff; font-size: 7rem; line-height: 1; letter-spacing: -0.07200000000000001em; font-family: 'BFU'; font-weight: normal;padding-top: 3rem; padding-left: 6rem; text-transform: uppercase; transform: translateX(80px); opacity: 0; transition: all 0.6s ease-out 0s;}
.showAnimate .title-common{transform: none; opacity: 1;}



.con-common{position: relative; z-index: 100; max-width: 1510px; padding: 0 20px; margin: 0 auto;}
.breadcrumbs, .breadcrumbs a{font-size: 16px; font-weight: 300; color: #888888; margin: 16px 0;}


/* 通用列表 */
.list-common{ margin-top: 5rem; }
.list-common .item-common{background: url('../../images/20240215/list-news-p.svg') no-repeat #F2F4F2; background-position: right 4px bottom 4px; margin-bottom: 5rem; overflow: hidden; transform: translateY(80px); opacity: 0; transition: all 0.6s ease-out .2s; }
.showAnimate .item-common{transform: none; opacity: 1;}
.list-common .img-item-common{float: left; width: 47rem; overflow: hidden;}
.list-common .bgImg-item-common{width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: all .6s;}
.list-common .bgImg-item-common::after{display: block; content: '';width: 100%; padding-bottom: 56.25%;}
/* .list-common .img-item-common img{transition: all 1s;} */
.list-common .con-item-common{margin-left: 47rem; padding: 4rem 7rem 0;}
.list-common .tip-item-common {font-size: 16px; color: #888;}
.list-common .til-item-common {font-size: 20px; color: #315F3E; padding: 20px 0 10px; margin-bottom: 10px;}
.list-common .source-item-common {font-size: 14px; color: #888; padding: 0 7rem; margin-left: 47rem;}
.list-common .date-item-common {font-size: 14px; color: #175127; margin-top: 16px; padding: 0 7rem 4rem; margin-left: 47rem;}
.list-common li:hover .item-common{box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.4549); transform: translateY(-5px);}
.list-common .item-common:hover .til-item-common{font-weight: bold; color: #315F3E;}
.list-common .item-common:hover .bgImg-item-common{transform: scale(1.1);}
.list-common .border-line-green{transition: all .5s; cursor: pointer; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative;}
.list-common .border-line-green:before{ content: "";  position: absolute; z-index: 1;left: 0;right: 100%;bottom: 0; background: #74A372; height: 2px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.list-common .item-common:hover .border-line-green:before{ right: 0;}

/* 通用文章页 */
body.body-gray{background: #F4F8F5;}
.con-article{width: 100%; max-width: none; padding-left: 0; padding-right: 0;}
.con-article .top-article{width: 100%; max-width: 1510px; padding: 0 20px; margin: 0 auto; position: relative; z-index: 100;}
.con-article .header-article{padding-top: 11rem; text-align: center; transform: translateY(80px); opacity: 0; transition: all 0.6s ease-out .2s;}
.showAnimate .header-article{transform: none; opacity: 1;}

.con-article .header-article .title-article{font-size: 3.6rem; color: #014E37; font-weight: bold; padding-bottom: 24px;}
.con-article .header-article .other-article{font-size: 18px; color: #888; padding-bottom: 12px;}
.main-article-wrapper{width: 100%; background: #fff; }
.main-article-wrapper .main-article{width: 100%; max-width: 1510px; padding: 60px 20px; margin: 0 auto; position: relative;}
.main-article-wrapper .deteil-article{ font-size: 20px; line-height: 2; color: #575757; margin-right: 470px; }
.main-article-wrapper .deteil-article p{ padding-bottom: 24px;}
.main-article-wrapper .deteil-article img{display: inline-block; width: auto; height: auto; max-width: 100%; margin: 0 auto;}
.main-article-wrapper .sub-article{position: sticky; top: 0; width: 340px; float:right;}
.main-article-wrapper .til-sub-article{font-size: 26px; font-weight: bold; color: #74A372;}
.main-article-wrapper .list-sub-article li{ margin-top: 22px;}
.main-article-wrapper .list-sub-article li a{ display: block; background: #F4F8F5;}
.main-article-wrapper .list-sub-article .img-item-sub-article{width: 100%; overflow: hidden;}
.main-article-wrapper .list-sub-article .bgImg-item-sub-article{width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all .6s;}
.main-article-wrapper .list-sub-article .bgImg-item-sub-article::after{display: block; content: '';width: 100%; padding-bottom: 56.25%;}

/* .main-article-wrapper .list-sub-article img{ transition: all 1s;} */
.main-article-wrapper .list-sub-article .con-item-sub-article{padding: 16px 24px;}
.main-article-wrapper .list-sub-article .til-item-sub-article{ font-size: 16px; color: #575757;}
.main-article-wrapper .list-sub-article .date-item-sub-article{ font-size: 14px; color: #518961; margin-top: 12px;}
.main-article-wrapper .list-sub-article li:hover .bgImg-item-sub-article{transform: scale(1.1);}
.main-article-wrapper .list-sub-article li:hover .til-item-sub-article{ font-weight: bold;}
.main-article-wrapper .author-article{font-size: 18px; color: #888; background: #F4F8F5; padding: 16px 36px; margin-top: 30px;}

/* .showAnimate .sub-article, .showAnimate .deteil-article{transform: none; opacity: 1;} */

/* 文章页-分享 */
.share-wrapper{margin-top: 36px; font-size: 0;}
.share-wrapper .share{display: inline-block; padding: 20px; border: 1px solid #B7B7B7; border-left: none; border-right: none;}
.share-wrapper span{line-height: 36px; font-size: 16px; color: #6F7070; vertical-align: middle;}
.share-wrapper .share_btn{display: inline-block;*display: inline;*zoom:1;width: 36px;height: 36px;margin: 0 0 0 18px;position: relative; vertical-align: middle;}
.share-wrapper .share_btn.sina{background: url(../../images/20240215/sina.svg) center no-repeat; background-size: 36px 36px;}
.share-wrapper .share_btn.wechat{background: url(../../images/20240215/wechat.svg) center no-repeat; background-size: 36px 36px;}
.share_btn .share_code{position: absolute;left: 50%;bottom: 36px; transform: translateX(-50%); width: 90px;background: #fff;display: none;}
.share_btn:hover .share_code{display: block;}
.share_btn .share_code img{display: block;}


/* 二级页通用列表 - 时间/内容/图片 */
.list-3col-common{ margin-top: 40px; }
.item-3col-common {height: 165px; margin-bottom: 30px; background: #F4F8F5; overflow: hidden;transform: translateY(80px); opacity: 0; transition: all 0.6s ease-out .2s;}
.showAnimate .item-3col-common{transform: none; opacity: 1;}
.item-3col-common .date-common{ width: 14rem; float:left; color: #518961; text-align: center;}
.item-3col-common .day-common{font-size: 5rem; font-weight: bold; line-height: 110px;}
.item-3col-common .year-common{ font-size: 14px; }
.item-3col-common .main-common{margin-left: 140px;}
.item-3col-common .detail-common{margin-right: 295px; padding: 24px 50px 24px 0; overflow: hidden;}
.item-3col-common .til-detail-common{font-size: 20px; line-height: 1.3; color: #575757; padding: 0 0 10px;}
.item-3col-common .source-detail-common{font-size: 14px; color: #888; margin-top: 16px;}

.item-3col-common .img-common{ width: 295px; height: 165px; float: right; overflow: hidden;}
.item-3col-common .bgImg-common{width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all .6s;}
/* .item-3col-common .bgImg-common::after{display: block; content: '';width: 100%; padding-bottom: 56.25%;} */
/* .item-3col-common .img-common img{width: 100%; height: 100%; transition: all 1s;} */
.list-3col-common .item-3col-common-wrapper:hover .item-3col-common{box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.4549); transform: translateY(-5px);}
.list-3col-common .item-3col-common:hover .til-detail-common{font-weight: bold; color: #315F3E;}
.list-3col-common .item-3col-common:hover .bgImg-common{transform: scale(1.1);}
.list-3col-common .border-line-green{transition: all .5s; cursor: pointer; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative;}
.list-3col-common .border-line-green:before{ content: "";  position: absolute; z-index: 1;left: 0;right: 100%;bottom: 0; background: #74A372; height: 2px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.list-3col-common .item-3col-common:hover .border-line-green:before{ right: 0;}

/* 二级页 - 带图子模块 */
.sub-module{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding-bottom: 40px; }
.sub-module .con-sub-module{float: left; width: 41%; background: #fff; padding: 30px 30px 0 30px; transform: translateX(-80px); opacity: 0; transition: all 0.6s ease-out .2s;}
.sub-module .img-sub-module{float: left; width: 59%; transform: translateX(80px); opacity: 0; transition: all 0.6s ease-out .2s; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;}
.sub-module .img-sub-module::after{display: block; content: ''; width: 100%; padding-bottom: 56.25%;}
.til-sub-module a{ font-size: 4rem;color: #575757; text-align: left;}
.til-sub-module-mini{ width: 100%; padding-bottom: 20px; display: none;}

.sub-module .list-sub-module{margin-top: 30px;}
.sub-module .con-sub-module li{margin-bottom: 24px;}
.sub-module .item-sub-module{display: inline-block; padding: 24px;background: #F4F8F5; transition: all 0.6s ease-out 0s;}
.sub-module .til-item-sub-module{font-size: 20px; color: #575757; margin-bottom: 16px; transition: all 0.6s ease-out 0s;}
.sub-module .date-item-sub-module{font-size: 14px; color: #518961; transition: all 0.6s ease-out 0s;}
.sub-module .item-sub-module:hover{ background: #74A372;}
.sub-module .item-sub-module:hover .til-item-sub-module, .sub-module .item-sub-module:hover .date-item-sub-module{ color: #fff;}
.sub-module .more{text-align: right;}
.showAnimate.sub-module .con-sub-module, .showAnimate.sub-module .img-sub-module{transform: none; opacity: 1;}


/* 分页 */
.pages-wrapper{ position: relative; z-index: 100; padding-bottom: 60px;}
.pages-small{display: none;}
.pages {padding: 0;color:#999;font-size: 0;text-align:center;margin: 0 auto;}
.pages:after,.pages:before{content:" "; display:table}
.pages>a:first-child{}
.pages>a,.pages>span{display:inline-block;*display: inline;*zoom:1;cursor: pointer;width: 40px;height: 40px;line-height: 40px;position:relative;text-align: center;vertical-align: top;font-size: 14px;transition: all 0.35s ease-in-out;margin: 0 4px 0 4px;color: #014E37;background: #DAE5D9; border-radius: 3px;}

.pages .start,.pages .end,.pages > span,.pages .next,.pages .prev{/* width: auto; *//* padding: 0 24px; */font-weight: normal;font-size: 14px;}
.pages .next,.pages .prev{width: auto;padding: 12px 16px;}
.pages .start,.pages .end{width: auto; padding: 0 16px;}
.pages > a:hover ,.pages > a.on_page{background:linear-gradient(180deg, #018425 0%, #014213 100%);color: #DAE5D9;}
.pages > a.on_page{}
@media screen and (max-width:900px){
	.pages{display: none;}
	.pages-small{display: block; font-size: 12px; color: #018425;}
	.pages-small a{display: inline-block; line-height: 30px; cursor: pointer;}
	.prev-pages{ padding-left: 26px;}
	.next-pages{ padding-right: 26px; text-align: right; float:right;}
}
/* 分页结束 */


/* 个性化 */
.bg-ecol{background: #74A372;}
.bg-research{ background: #AAD1C4;}
.bg-voice{ background: #517E55;}
.bg-campus{ background: #175127;}
.bg-about{ background: #8AB792;}
.bg-admis{background: #518961;}
.bg-col{background: #0E503C;}
.bg-school{background: #42745D;}
.list-common .item-ecol{ background-image: url('../../images/20240215/list-ecol-p.svg');}
.bgimg-ecol{ background-image: url('../../images/20240215/bg-ecol-p.jpg'); background-size: contain; background-color: #74A372;}
.bgimg-research{ background-image: url('../../images/20240215/bg-research-p.jpg'); background-size: contain; background-color: #AAD1C4;}
.bgimg-voice{ background-image: url('../../images/20240215/bg-voice-p.jpg'); background-size: contain; background-color: #517E55;}
.bgimg-campus{ background-image: url('../../images/20240215/bg-campus-p.jpg'); background-size: contain; background-color: #175127;}
.bgimg-about{ background-image: url('../../images/20240215/bg-about-p.jpg'); background-size: contain; background-color: #8AB792;}
.bgimg-admis{ background-image: url('../../images/20240215/bg-admis-p.jpg'); background-size: contain; background-color: #518961;}
.bgimg-col{ background-image: url('../../images/20240215/bg-col-p.jpg'); background-size: contain; background-color: #0E503C;}
.bgimg-school{ background-image: url('../../images/20240215/bg-school-p.jpg'); background-size: contain; background-color: #42745D;}

.sub-module-guidance{padding: 4rem 0 9rem;}
.sub-module-research{padding: 4rem 0 9rem;}
.con-sub-ecol{width: 100%; background: #fff; padding: 5rem 0 9rem;}

/* ecol1-action */
.list-action-module{ margin-top: 30px; display: -webkit-box; display: -ms-flexbox;display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.list-action-module li{width: 50%; float: left; padding: 0 0 30px;}
.list-action-module li:nth-child(2n){padding-left: 30px; transition: all 0.6s ease-out 0s; transform: translateX(-80px); opacity: 0;}
.list-action-module li:nth-child(2n+1){padding-right: 30px; transition: all 0.6s ease-out .3s;transform: translateX(-80px); opacity: 0;}
.list-action-module li a{width: 100%; height: 100%; display: inline-block; background: #F4F8F5; transition: all 0.6s ease-out 0s;}
.list-action-module .img-action-module{ width: 250px; overflow: hidden; float: right;}
.list-action-module .bgImg-action-module{width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all .6s;}
.list-action-module .bgImg-action-module::after{display: block; content: '';width: 100%; padding-bottom: 56.25%;}
/* .list-action-module .img-action-module img{ transition: all 0.6s ease-out 0s;} */
.list-action-module .con-action-module{margin-right: 250px; padding: 16px;}
.list-action-module .til-action-module{font-size: 20px; color: #575757; margin-bottom: 12px; transition: all 0.6s ease-out 0s;}
.list-action-module .date-action-module{font-size: 14px; color: #518961; transition: all 0.6s ease-out 0s;}
.list-action-module li a:hover{background: #74A372;}
.list-action-module li a:hover .bgImg-action-module{transform: scale(1.1);}
.list-action-module li a:hover .til-action-module, .list-action-module li a:hover .date-action-module{ color: #fff;}
.action-module .more{text-align: center;}
.action-module.showAnimate .list-action-module li {transform: none; opacity: 1;}

/* research */
.til-list-common{font-size: 4rem; color: #575757; padding-top: 7rem;}
.til-list-common a{color: #575757;}
.list-research .item-3col-common{height: 120px;}
.list-research .item-3col-common .img-common{width: 196px; height: 120px;}
.list-research .item-3col-common .detail-common{margin-right: 196px;}
.list-research .item-3col-common .day-common{line-height: 80px;}
.sub-module.sub-module-research .item-sub-module:hover{ background: #74B5A0;}

.con-institute{ width: 100%; background: url('../../images/20240215/bg2-research-p.jpg') no-repeat top center; background-size: cover; padding: 4rem 0 10rem;}
.header-institute .more{float: right;}
.header-institute .til-institute{font-size: 4rem; font-weight: normal; color: #fff;}
.list-institute{overflow: hidden; padding-top: 10rem; width: 100%;}
.list-institute li{width: 20%; float: left; padding: 0 12px; transition: all 1s ease-out 0s; transform: translateY(50px); opacity: 0; overflow: hidden;}
.list-institute li:nth-child(2n){transform: translateY(-50px);}
.list-institute li .item-institute{ display: inline-block; background: rgba(16, 59, 49, .75); color: #fff; font-size: 16px; transition: all 0.6s ease-out 0s;}
.list-institute li .img-item-institute{overflow: hidden; position: relative;}
.list-institute li .img-item-institute::after{display: block; content: ''; width: 100%; padding-bottom: 56.25%;}
.list-institute li .img-item-institute img{transition: all 0.6s ease-out 0s; position: absolute; left: 0; top: 0; bottom: 0; right: 0; object-fit: cover;}
.list-institute li .con-item-institute{padding: 16px; height: 280px;}
.list-institute li .til-item-institute{font-size: 18px; margin-bottom: 24px;word-break: break-word; word-wrap:break-word;}
.list-institute li .more-item-institute img{margin: 0 auto; opacity: .5; margin-top: 16px; width: 1.6rem; height: 2.3rem;}
.list-institute li:hover .item-institute{ transform: translateY(-30px); background: #74B5A0;}
.list-institute li:hover .img-item-institute img{ transform: scale(1.1);}
.list-institute li:hover .more-item-institute img{ opacity: 1;}

.con-institute.showAnimate li{transform: none; opacity: 1;}

.con-academic{padding-bottom: 90px; background: url('../../images/20240215/bg3-research-p.jpg') no-repeat center; background-size: cover;}
.con-academic .til-academic{text-align: center; padding: 40px 0;}
.con-academic .til-academic a{font-size: 4rem; color: #575757; }
.academicSwiper .swiper-slide{transform: scale(.7); transition: transform .3s;z-index: 95;}
.academicSwiper .swiper-slide-next, .academicSwiper .swiper-slide-prev{transform: scale(.88); z-index: 98;}
.academicSwiper .swiper-slide.swiper-slide-active{transform: scale(1); box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.2824); z-index: 100;}
.academicSwiper .con-swiper{display: inline-block; padding: 16px; background: #82938B; }
.academicSwiper .con-swiper img{width: 100%;}
.academicSwiper .til-con-swiper{font-size: 2.8rem; padding: 24px 0; color: #fff; text-align: center;}
.academicSwiper .swiper-button-next:after,.academicSwiper .swiper-button-prev:after{color: rgba(255, 255, 255, .7);}

/* voice */
.topic-voice-wrapper{ padding: 4rem 0;}
.topic-voice a{ background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex;}
.topic-voice .img-topic-voice{width: 38.5%; overflow: hidden; position: relative;}
.topic-voice .img-topic-voice::before{ display: block; content: ''; width: 100%; height: 0; padding-bottom: 100%;}
.topic-voice .img-topic-voice img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; object-fit: cover; transition: all 0.6s ease-out 0s;}
.topic-voice .con-topic-voice{width: 61.5%; position: relative; padding: 8rem 15rem 5rem 12rem;}
.topic-voice .con-topic-voice::before{ position: absolute; top: 30px; left: 30px; content: ''; width: 5.1rem;height: 4.5rem; background: url('../../images/20240215/lf-icon-voice.svg') no-repeat center; background-size: 100%;}
.topic-voice .con-topic-voice::after{ position: absolute; bottom: 30px; right: 30px; content: ''; width: 5.1rem;height: 4.5rem; background: url('../../images/20240215/rt-icon-voice.svg') no-repeat center;  background-size: 100%;}
.topic-voice .source-topice-voice{font-size: 20px; font-weight: bold; color: #006334;}
.topic-voice .til-topice-voice{font-size: 3rem; font-weight: bold; color: #175127; padding: 0 0 10px; margin: 4rem 0;}
.topic-voice .detail-topice-voice{font-size: 16px; color: #175127; }
.topic-voice .border-line-green{transition: all .5s; cursor: pointer; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative;}
.topic-voice .border-line-green:before{ content: "";  position: absolute; z-index: 1;left: 0;right: 100%;bottom: 0; background: #74A372; height: 2px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.topic-voice a:hover .border-line-green:before{ right: 0;}
.topic-voice a:hover img{transform: scale(1.1);}


.list-voice-wrapper{width: 100%; background: #fff; padding-top: 4rem;}
.list-voice .item-voice{height: 264px; background: #F2F4F2; margin-bottom: 3.6rem; overflow: hidden; transform: translateY(80px); opacity: 0; transition: all 0.6s ease-out .2s;}
.showAnimate .item-voice{transform: none; opacity: 1;}
.list-voice .item-voice a{display: -webkit-box; display: -ms-flexbox; display: flex;}
.list-voice .img-item-voice{ width: 264px; overflow: hidden; -moz-flex-shrink: 0;-ms-flex-shrink: 0;-webkit-flex-shrink: 0;flex-shrink: 0; position: relative;}
.list-voice .img-item-voice::before{display: block; content: ''; width: 100%; height: 0; padding-bottom: 100%;}
.list-voice .img-item-voice img{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; object-fit: cover; transition: all 1s;}
.list-voice .con-item-voice{ padding: 5rem 10rem 0; position: relative; flex-grow: 1;}
.list-voice .con-item-voice::before{ position: absolute; top: 16px; left: 3rem; content: ''; width: 5.1rem;height: 4.5rem; background: url('../../images/20240215/lf-icon-voice.svg') no-repeat center; background-size: 100%;}
.list-voice .con-item-voice::after{ position: absolute; bottom: 16px; right: 3rem; content: ''; width: 5.1rem;height: 4.5rem; background: url('../../images/20240215/rt-icon-voice.svg') no-repeat center;  background-size: 100%;}
.list-voice .tip-item-voice {font-size: 20px; color: #006334;}
.list-voice .til-item-voice {font-size: 24px; color: #3E3E3E; padding: 20px 0 10px; margin-bottom: 10px;}
.list-voice .date-item-voice {font-size: 14px; color: #3E3E3E; margin-top: 16px; }
.list-voice li:hover .item-voice{box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.4549); transform: translateY(-5px);}
.list-voice .item-voice:hover .til-item-voice{font-weight: bold; color: #006334;}
.list-voice .item-voice:hover img{transform: scale(1.1);}
.list-voice .border-line-green{transition: all .5s; cursor: pointer; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative;}
.list-voice .border-line-green:before{ content: "";  position: absolute; z-index: 1;left: 0;right: 100%;bottom: 0; background: #74A372; height: 2px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.list-voice .item-voice:hover .border-line-green:before{ right: 0;}


/* campus */
.tabs-campus{margin-bottom: 5rem; overflow: hidden;}
.tabs-campus .til-tabs{width: auto; padding: 0 60px; background: #F2F4F2;}
.tabs-campus .til-tabs.active{background: #175127;}
.tabPane-campus .subTil-tabPane-campus{font-size: 4rem; color: #006334; clear: both; padding: 5rem 0 0;}
.tabPane-campus .con-tabPane-contact{ overflow: hidden;}
.tabPane-campus .con-tabPane-contact li{width: 50%; float: left; font-size: 2rem; padding: 3rem 0 5rem;}
.tabPane-campus .con-tabPane-contact li:nth-child(odd){padding: 3rem 8rem 3rem 3rem;}
.tabPane-campus .con-tabPane-contact li:nth-child(even){padding: 3rem 3rem 3rem 8rem;}
.tabPane-campus .con-tabPane-contact li p{padding: 1.2rem 0;}
.tabPane-campus .photowall-campus{width: 100%; transform: translateY(80px); opacity: 0; transition: all 0.6s ease-out 0s;}
.tabPane-campus .sm-img-photowall{display: none;}
.tabPane-campus .photowall-campus.showAnimate{transform: none; opacity: 1;}


.list-common.list-campus .con-item-campus{padding-top: 2rem;}
.list-common.list-campus .source-item-campus, .list-common.list-campus .date-item-campus{margin-left: 0; padding: 6px 0;}

.til-sub-list-campus{ background: url('../../images/20240215/arrow-h.png') no-repeat left center; background-size: 1.5rem 2.3rem; padding-left: 4rem; font-size: 4rem; color: #315F3E; margin: 4rem 0 3rem;}
.til-sub-list-campus a{color: #315F3E;}

.list-service{ padding-bottom: 6rem; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.list-service li{ width:50%; float: left; margin-bottom: 8rem; }
.list-service li:nth-child(2n){padding-left: 8.5rem; transform: translateY(80px); opacity: 0; transition: all 0.6s ease-out .2s;}
.list-service li:nth-child(2n+1){padding-right: 8.5rem; transform: translateY(80px); opacity: 0; transition: all 0.6s ease-out 0s;}
.list-service.showAnimate li{transform: none; opacity: 1;}


.list-service .con-item-service{display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 30px;}
.list-service .icon-item-service{width: 21px; -moz-flex-shrink: 0; -ms-flex-shrink: 0;-webkit-flex-shrink: 0;flex-shrink: 0; position: relative; margin-right: 28px;}
.list-service .circle-item-service{width: 21px; height: 21px; border: 1px solid #518961; border-radius: 50%; position: relative;}
.list-service .circle-item-service::before{display: block; content: ''; width: 9px; height: 9px; background: #518961; border-radius: 50%; position: absolute; left: 5px; top: 5px;}
.list-service .icon-item-service::after{display: block; content: ''; width: 1px; background: #518961; position: absolute; left: 10px; top: 21px; bottom: 0;}
.list-service .con-item-service{font-size: 18px; color: #575757;}
.list-service .til-item-service{font-size: 2.8rem;color: #315F3E;margin-bottom: 20px;}
.list-service .border-line-green{transition: all .5s; cursor: pointer; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; display: inline-block;}
.list-service .border-line-green:before{ content: "";  position: absolute; z-index: 1;left: 0;right: 100%;bottom: 0; background: #74A372; height: 2px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.list-service .item-service .img-item-service{overflow: hidden; position: relative;}
.list-service .item-service .bgImg-item-service{width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all .6s;}
.list-service .item-service .bgImg-item-service::after{display: block; content: '';width: 100%; padding-bottom: 56.25%;}
/* .list-service .item-service .img-item-service img{ transition: all 0.6s ease-out 0s; position: absolute; left: 0; top: 0; bottom: 0; right: 0;} */
.list-service .item-service:hover .border-line-green:before{ right: 0;}
.list-service .item-service:hover .til-item-service{ font-weight: bold;}
.list-service .item-service:hover .bgImg-item-service{transform: scale(1.1);}

.list-sub-din li{margin-bottom: 6rem;}
.list-sub-din .item-din{display: block; position: relative; overflow: hidden; cursor: default;}
.list-sub-din .rt-img-item-din{ float: right;}
.list-sub-din .img-item-din{overflow: hidden; width: 42%; }
.list-sub-din .bgImg-item-din{width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all .6s;}
.list-sub-din .bgImg-item-din::after{display: block; content: '';width: 100%; padding-bottom: 66.6%;}
/* .list-sub-din .img-item-din img{transition: all 0.6s ease-out 0s;} */
.list-sub-din .con-item-din{width: 66%; position: absolute; left: 0; bottom: 0; background: #F4F8F5; padding: 3rem 4rem; font-size: 18px; }
.list-sub-din .con-item-din .til-item-din{font-size: 3.5rem; color: #575757; margin-bottom: 4rem;}
.list-sub-din .con-item-din .detail-item-din{color: #575757;}
.list-sub-din .con-item-din .more{text-align: right; margin-top: 10px;}
.list-sub-din .rt-con-item-din{right: 0; left: auto;}
.animate-sub-din .img-item-din, .animate-sub-hous .img-item-din, .animate-sub-museums .img-item-din{transform: translateY(-80px); opacity: 0; transition: all 0.6s ease-out 0s;}
.animate-sub-din .con-item-din, .animate-sub-hous .con-item-din, .animate-sub-museums .con-item-din{transform: translateY(80px); opacity: 0; transition: all 0.6s ease-out 0s;}
.animate-sub-din.showAnimate .img-item-din, .animate-sub-hous.showAnimate .img-item-din, .animate-sub-museums.showAnimate .img-item-din, .animate-sub-din.showAnimate .con-item-din, .animate-sub-hous.showAnimate .con-item-din, .animate-sub-museums.showAnimate .con-item-din{transform: none; opacity: 1;}
.list-sub-din .item-din:hover .bgImg-item-din{transform: scale(1.1);}
.list-sub-din .item-din:hover .til-item-din{font-weight: bold; color: #315F3E;}
.list-sub-din .item-din:hover .textBorder:before{ right: 0;}


.item-hous{ overflow: hidden; margin-bottom: 6rem; background: #F4F8F5; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: default;}
.item-hous .img-item-hous{ width: 46%; overflow: hidden; order: 2; flex-shrink: 0;}
.item-hous .bgImg-item-hous{width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all .6s;}
.item-hous .bgImg-item-hous::after{display: block; content: '';width: 100%; padding-bottom: 66.6%;}
/* .item-hous .img-item-hous img{transition: all 0.6s ease-out 0s;} */
.item-hous .con-item-hous{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center;align-items: center; padding: 0 5rem;}
.item-hous .con-item-hous .til-item-hous{font-size: 3.5rem; color: #575757; margin-bottom: 4rem; padding-top: 2rem;}
.item-hous .con-item-hous .detail-item-hous{font-size: 18px; color: #575757;}
.item-hous .img-item-hous{transform: translateY(-80px); opacity: 0; transition: all 0.6s ease-out 0s;}
.item-hous .con-item-hous{transform: translateY(80px); opacity: 0; transition: all 0.6s ease-out 0s;}
/* .con-hous.showAnimate .img-item-hous, .con-hous.showAnimate .con-item-hous,  */
.animate-classroom.showAnimate .img-item-hous, .animate-classroom.showAnimate .con-item-hous, .animate-library.showAnimate .img-item-hous, .animate-library.showAnimate .con-item-hous, .animate-sports.showAnimate .img-item-hous, .animate-sports.showAnimate .con-item-hous{transform: none; opacity: 1;}

.item-hous:hover .bgImg-item-hous{transform: scale(1.1);}
.item-hous:hover .til-item-hous{font-weight: bold; color: #315F3E;}
.item-hous:hover .textBorder:before{ right: 0;}
.item-hous .con-item-hous .detail-item-sports p{padding-bottom: 2.4rem;}

.item-hous.item-library .img-item-hous{order: 0;}


.item-classroom{background: #F4F8F5; overflow: hidden; padding: 0 0 4rem 0; margin-bottom: 6rem;}
.item-classroom .til-classroom{font-size: 3.5rem; color: #575757; padding: 4rem 2rem 4rem 5rem;}
.item-classroom .img-item-classroom{width: 47%; float: left; margin-right: 3rem; margin-bottom: 16px; overflow: hidden;}
.item-classroom .bgImg-item-classroom{width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all .6s;}
.item-classroom .bgImg-item-classroom::after{display: block; content: '';width: 100%; padding-bottom: 66.6%;}
/* .item-classroom .img-item-classroom img{transition: all 0.6s ease-out 0s;} */
.item-classroom .con-item-classroom{ font-size: 18px; color: #575757; padding: 0 2rem;}
.item-classroom .con-item-classroom p{margin-bottom: 12px;}
.item-classroom .img-item-classroom{transform: translateY(-80px); opacity: 0; transition: all 0.6s ease-out 0s;}
.item-classroom .con-item-classroom{transform: translateY(80px); opacity: 0; transition: all 0.6s ease-out 0s;}
.con-classroom.showAnimate .img-item-classroom, .con-classroom.showAnimate .con-item-classroom{transform: none; opacity: 1;}

.item-classroom:hover .til-classroom{font-weight: bold; color: #315F3E;}
.item-classroom:hover .bgImg-item-classroom{transform: scale(1.1);}
.item-classroom:hover .textBorder:before{ right: 0;}


.item-health .img-item-classroom{float: right; margin-right: 0; margin-left: 3rem;}
.item-health .con-item-classroom{ padding-left: 5rem;}
.con-health.showAnimate .item-health .img-item-classroom, .con-health.showAnimate .item-health .con-item-classroom{transform: none; opacity: 1;}


.list-otherSer{ overflow: hidden; padding-bottom: 6rem;}
.list-otherSer li{ width: 50%; float: left; margin-bottom: 5rem;}
.list-otherSer li:nth-child(2n){padding-left: 3.6rem; transform: translateY(80px); opacity: 0; transition: all 0.6s ease-out .2s;}
.list-otherSer li:nth-child(2n+1){padding-right: 3.6rem; transform: translateY(80px); opacity: 0; transition: all 0.6s ease-out 0s;}
.list-otherSer.showAnimate li{transform: none; opacity: 1;}
.list-otherSer .item-otherSer{position: relative; display: block;}
.list-otherSer .img-item-otherSer{width: 32.8rem; height: 32.8rem; border-radius: 50%; overflow: hidden; position: relative; z-index: 10;}
.list-otherSer .bgImg-item-otherSer{width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all .6s;}
/* .list-otherSer .img-item-otherSer img{width:100%; height: 100%; transition: all 0.6s ease-out 0s;} */
.list-otherSer .con-item-otherSer{position: absolute; left: 16.4rem; top: 0; bottom: 0; right: 0; border: 1px solid #707070; padding: 0 2rem 0 20rem;color: #575757; font-size: 16px; line-height: 1.2;}
.list-otherSer .til-item-otherSer{font-size: 4rem;color: #315F3E; padding: 4rem 0;word-break: break-word; word-wrap:break-word;}
.list-otherSer .item-otherSer:hover .til-item-otherSer{font-weight: bold;}
.list-otherSer .item-otherSer:hover .bgImg-item-otherSer{ transform: scale(1.1);}
.list-otherSer .item-otherSer:hover .textBorder:before{right: 0;}

.list-photo{padding: 4rem 0 9rem;}
.list-photo .brick {width: 25%; position: relative; cursor: pointer;}
.list-photo .brick img { margin: 0px; padding: 0px; display: block; transition: all 0.6s ease-out 0s;}
.list-photo .brick .info-brick{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(9, 51, 21, .75); opacity: 0; transition: all 0.6s ease-out 0s; text-align: center;  display: -webkit-box; display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column;flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center;justify-content: center;}
.list-photo .brick .til-info-bricke{font-size: 24px; font-weight: normal; color: #fff; margin-bottom: 20px;}
.list-photo .brick .more{opacity: .6;}
.list-photo .brick:hover .info-brick{opacity: 1;}
.list-photo .brick:hover img{transform: scale(1.1);}


.more-load-wrapper{ text-align: center; padding-bottom: 50px;}
.more-load{display: inline-block; cursor: pointer;}
.more-load span{ color: #018425; user-select: none;}
.more-load .loader-contant {
  display: none;
  margin: 0 auto 16px;
  color: #018425;
  font-size: 28px;
  overflow: hidden;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  transform: translateZ(0);
  /* animation：规定完成动画所花费的时间，该属性必须规定，否则动画时长为0，无法播放 */
  animation: loadBox .8s infinite ease, round .8s infinite ease;
}
 
  @keyframes loadBox {
    0% {
      box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
        0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
 
    5%,
    95% {
      box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
        0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
 
    10%,
    59% {
      box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em,
        -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em,
        -0.297em -0.775em 0 -0.477em;
    }
 
    20% {
      box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,
        -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em,
        -0.749em -0.34em 0 -0.477em;
    }
 
    38% {
      box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,
        -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em,
        -0.82em -0.09em 0 -0.477em;
    }
 
    100% {
      box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
        0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
  }
 
  @keyframes round {
    0% {
      transform: rotate(0deg); /* 开始旋转 div 元素 */
    }
 
    100% {
      transform: rotate(360deg); /* 结束旋转 div 元素 */
    }
  }

/* life */
.list-life{ overflow: hidden; padding: 4rem 0;}
.list-life li{width: 50%; float: left; margin-bottom: 5.8rem;}
.list-life li:nth-child(2n+1){ padding-right: 3.5rem;}
.list-life li:nth-child(2n){ padding-left: 3.5rem;}
.list-life .item-life{background: #F4F8F5; color: #575757; transition: all 0.6s ease-out 0s; cursor: pointer;}
.list-life .img-item-life{position: relative; overflow: hidden;}
.list-life .bgImg-item-life{width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all 0.6s;}
.list-life .bgImg-item-life::after{display: block; content: '';width: 100%; padding-bottom: 56.25%;}
/* .list-life .img-item-life::after{display: block; content: ''; width: 100%; padding-bottom: 66.6%;} */
/* .list-life .img-item-life img{transition: all 0.6s ease-out 0s; position: absolute; left: 0; top: 0; bottom: 0; right: 0;} */
.list-life .icon-item-life{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 78px; height: 56px; }
.list-life .til-item-life{height: 12rem; padding: 3rem 4rem; font-size: 18px;}
.list-life li:hover .item-life{ background: #175127; color: #fff;}
.list-life li:hover .img-item-life .bgImg-item-life{ transform: scale(1.1);}
.video-show-life{display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.8); z-index: 5100;}
.video-show-life .con-video-show{width: 100%; height: 100%; position: relative; display: flex;align-items: center; justify-content: center;}
.video-show-life .con-video-show .close-video-show{position: absolute; right: 20px; top: 20px;z-index: 10; cursor: pointer;}
.video-show-life .video-show{ max-width: 90%; height: auto;}

.list-life li:nth-child(2n){ transform: translateX(80px); opacity: 0; transition: all 0.6s ease-out .2s;}
.list-life li:nth-child(2n+1){ transform: translateX(-80px); opacity: 0; transition: all 0.6s ease-out 0s;}
.list-life.showAnimate li{transform: none; opacity: 1;}

/* campus 二级页 */
.til-campus .more{float: right;}
.video-campus{width: 100%; margin-top: 3rem;}
.video-campus .icon-video{left: 50%; top: 50%; transform: translate(-50%, -50%);}

.photo-campus { overflow: hidden; position: relative; z-index: 100; border: 6rem solid #fff; border-left: none; border-right: none; background: #F4F8F5;}
.photo-campus .lf-photo-campus{width: 42%; float: left;}
.photo-campus .rt-photo-campus{width: 58%; float: left;}
.photo-campus .top-photo-campus{width: 100%; height: 19.5rem; background: #517E55; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.photo-campus .til-photo-campus{font-size: 4rem; font-weight: normal; color: #fff;}
.photo-campus .img-swiper-slide{display: block; width: 100%; height: 62.3rem; line-height: 1.5; background-repeat: no-repeat; background-size: cover; background-position: center center; color: #fff; font-size: 3rem; font-weight: normal; text-align: center; position: relative;}
.photo-campus .img-swiper-slide p{ position: absolute; left: 0; right: 0; top: 50%; text-align: center; transform: translateY(-50%);}

.photo-campus .con-lf-photo-campus{margin-left: 13%; margin-top: 9rem;}
.photo-campus .item-lf-photo-campus{width: 50%; padding-right: 16px; padding-bottom: 16px; float: left;}
.photo-campus .item-lf-photo-campus .img-lf-photo-campus{display: block; width: 100%; height: 17rem; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative;}
.photo-campus .item-lf-photo-campus .tilImg-lf-photo-campus{background: rgba(9, 51, 21, .7); color: #fff;font-size: 16px; font-weight: normal; position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center; line-height: 1.5; display: block; opacity: 0; transition: all 0.6s ease-out 0s;}
.photo-campus .item-lf-photo-campus .tilImg-lf-photo-campus p{ position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: center; opacity: 0;}
/* .photo-campus .item-lf-photo-campus .img-lf-photo-campus:hover .tilImg-lf-photo-campus{ display: block; opacity: 1;} */
.photo-campus .swiper-pagination{position: relative; top: 0; height: 16.3rem; line-height: 16.2rem; background: #175127;}
.photo-campus .swiper-pagination .swiper-pagination-bullet{background: #74A372; opacity: 1;}
.photo-campus .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}
.photo-campus .item-lf-photo-campus:hover .tilImg-lf-photo-campus{opacity: 1;}
.photo-campus .item-lf-photo-campus:hover .tilImg-lf-photo-campus p{opacity: 1;}

.photo-campus .top-photo-campus{transition: all 1.2s ease-out 0s; transform: translateX(80px); opacity: 0;}
.photo-campus .item-lf-photo-campus:nth-child(1){transition: all 1.2s ease-out 0s; transform: translate(-80px, -80%); opacity: 0;}
.photo-campus .item-lf-photo-campus:nth-child(2){transition: all 1.2s ease-out .4s; transform: translate(80px, -80%); opacity: 0;}
.photo-campus .item-lf-photo-campus:nth-child(3){transition: all 1.2s ease-out .6s; transform: translate(80px, -80%); opacity: 0;}
.photo-campus .item-lf-photo-campus:nth-child(4){transition: all 1.2s ease-out .2s; transform: translate(80px, -80%); opacity: 0;}
.photo-campus .swiper-slide{transition: all 1.8s ease 0s; transform: scale(1.4); opacity: 0;}
.photo-campus.showAnimate .top-photo-campus, 
.photo-campus.showAnimate .item-lf-photo-campus:nth-child(1), 
.photo-campus.showAnimate .item-lf-photo-campus:nth-child(2),
.photo-campus.showAnimate .item-lf-photo-campus:nth-child(3), 
.photo-campus.showAnimate .item-lf-photo-campus:nth-child(4),
.photo-campus.showAnimate .swiper-slide{transform: none; opacity: 1;}



.service-campus{ overflow: hidden; position: relative; z-index: 100; display: -webkit-box; display: -ms-flexbox;display: flex; border-bottom: 5rem solid #fff;}
.service-campus .lf-service-campus, .service-campus .rt-service-campus{width: 50%; float:left;}
.service-campus .lf-service-campus{background: #DAE5D9;}
.service-campus .rt-service-campus{background: #F4F8F5;}
/* .service-campus .top-lf-service-campus{ height: 34rem;} */
.service-campus .con-lf-service-campus{padding-left: 25%; padding-bottom: 16px; overflow: hidden;}
.service-campus .til-service-campus{ display: block; margin: 3rem 0;font-size: 4rem; font-weight: normal; color: #002B1E; }
.service-campus .detail-service-campus{color: #575757;}
.service-campus .detail-service-campus .img-rt-service-campus{overflow: hidden;}
.service-campus .detail-service-campus img{transition: all 0.6s ease-out 0s;}
.service-campus .detail-service-campus:hover .til-rt-service-campus{ font-weight: bold;}
.service-campus .detail-service-campus:hover img{transform: scale(1.1);}

.service-campus .item-lf-service-campus{width: 50%; float: left; padding: 1.5rem 0 1.5rem 4rem; font-size: 2.4rem; color: #315F3E; background: url('../../images/20240215/arrow-g.svg') no-repeat left center; background-size: 1.6rem 2.3rem; float: left; transition: all 0.6s ease-out 0s;}
.service-campus .item-lf-service-campus:hover{ background-position: 2rem center; padding-left: 5rem; font-weight: bold;}
.service-campus .bm-lf-service-campus{ width: 100%; height: 32rem; background-repeat: no-repeat; background-size: cover;}
.service-campus .con-rt-service-campus{padding: 0 5rem; color: #575757; font-size: 16px;}
.service-campus .con-rt-service-campus .til-service-campus{text-align: center;}

.service-campus .con-rt-service-campus .detail-life-service-campus{padding-top: 3rem;}
.service-campus .con-rt-service-campus .item-life-service-campus{width: 50%; float: left; padding: 0 5rem;}
.service-campus .con-rt-service-campus .item-lf-service-campus{width: 100%; float: none; display: block;}
.service-campus .con-rt-service-campus .img-life-service-campus{width: 100%; margin-bottom: 2rem; overflow: hidden;}
.service-campus .con-rt-service-campus .bgImg-life-service-campus{width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all .6s;}
.service-campus .con-rt-service-campus .bgImg-life-service-campus::after{display: block; content: '';width: 100%; padding-bottom: 56.25%;}
/* .service-campus .con-rt-service-campus .img-life-service-campus img{transition: all 0.6s ease-out 0s;} */
.service-campus .con-rt-service-campus .text-life-service-campus{color: #575757; margin-bottom: 3rem;}
.service-campus .con-rt-service-campus .date-life-service-campus{font-size: 14px;color: #006334; border-bottom: 1px solid #74A372; padding-bottom: 3rem;}
.service-campus .con-rt-service-campus .other-life-service-campus li{width: 50%; float: left; margin-top: 2rem;}
.service-campus .con-rt-service-campus .other-life-service-campus li:nth-child(odd){ padding-right: 1.3rem;}
.service-campus .con-rt-service-campus .other-life-service-campus li:nth-child(even){ padding-left: 1.3rem;}
.service-campus .con-rt-service-campus .other-life-service-campus li a{display: block; font-size: 2rem; line-height: 2.25; background: #DAE5D9; color: #315F3E; text-align: center;}
.service-campus .con-rt-service-campus .other-life-service-campus li a:hover{background: #315F3E; color: #DAE5D9;}
.service-campus .con-rt-service-campus .detail-life-service-campus:hover .bgImg-life-service-campus{transform: scale(1.1);}

.video-campus{transition: all 0.6s ease-out 0s; transform: translateY(80px); opacity: 0;}
.video-campus.showAnimate{transform: none; opacity: 1;}
.service-campus .lf-service-campus{transition: all 0.6s ease-out 0s; transform: translateX(-80px); opacity: 0;}
.service-campus .rt-service-campus{transition: all 0.6s ease-out 0s; transform: translateX(80px); opacity: 0;}
.service-campus.showAnimate .lf-service-campus, .service-campus.showAnimate .rt-service-campus{transform: none; opacity: 1;}


/* about */
.overview-about{padding: 9rem 0; overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;}
.overview-about .rt-overview-about{-moz-flex-shrink: 0; -ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0; width: 70%;}
.overview-about .lf-overview-about{background: #fff; width: 30%; padding: 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}
.overview-about .lf-overview-about .til-list-common{ padding-top: 0;}
.overview-about .lf-overview-about p{margin-top: 8px;}
.overview-about .lf-overview-about .more{text-align: right;}

.overview-about .lf-overview-about{transition: all 0.6s ease-out 0s; transform: translateX(-80px); opacity: 0;}
.overview-about .rt-overview-about{transition: all 0.6s ease-out .3s;transform: translateX(80px); opacity: 0;}
.overview-about.showAnimate .lf-overview-about, .overview-about.showAnimate .rt-overview-about {transform: none; opacity: 1;}

.msg-about{width: 100%; height: 87rem; background: url('../../images/20240215/msg-about-p.jpg') no-repeat top center; background-size: cover; overflow: hidden; z-index: 100; position: relative;}
.msg-about .til-msg-about{font-size: 5rem; font-weight: bold; color: #fff; text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3922); text-align: center; padding: 6rem 0;}
.msg-about .con-msg-about-wrapper{max-width: 1000px; height: 70rem; background: url('../../images/20240215/bgMsg-about-p.png') no-repeat bottom center; background-size: cover; margin: 0 auto;}
.msg-about .con-msg-about{ width: 74%; margin: 0 auto; position: relative;}
.msg-about .detail-msg-about{max-height: 48rem; overflow: hidden;}
.msg-about .subTil-msg-about{font-size: 24px; font-weight: bold; color: #006334; padding-top: 4rem;}
.msg-about .con-msg-about p{color: #030303; padding-top: 4rem; line-height: 2;}
.msg-about .more{ text-align: center; position: absolute; bottom: 4rem; left: 0; right: 0;}

.msg-about .til-msg-about{transition: all 0.6s ease-out 0s; transform: translateY(80px); opacity: 0;}
.msg-about .con-msg-about{transition: all 0.6s ease-out .3s;transform: translateY(-80px); opacity: 0;}
.msg-about.showAnimate .til-msg-about, .msg-about.showAnimate .con-msg-about {transform: none; opacity: 1;}

.leader-about{ background: #F2F2F2; padding-bottom: 6rem;}
.leader-about .header-leader-about{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 5rem 0 3rem;}
.leader-about .header-leader-about .til-list-common{padding-top: 0;}
.leader-about .list-leader-about .item-leader-about{ font-size: 18px; line-height: 1.2; border-left: 4px solid #518961; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; color: #006334; margin-bottom: 10px;}
.leader-about .lf-item-leader-about{ width: 210px; -moz-flex-shrink: 0; -ms-flex-shrink: 0;-webkit-flex-shrink: 0; flex-shrink: 0; padding: 18px 0 18px 30px; background: #F4F8F5; font-weight: bold;}
.leader-about .rt-item-leader-about{padding: 18px 0 18px 30px;}
.leader-about .list-leader-about .item-leader-about.textBorder:before{z-index: 1;}

.history-about{padding: 10rem 0 3rem; background: #fff; overflow: hidden;}
.history-about .con-common{ position: relative; display: -webkit-box; display: -ms-flexbox; display: flex;}
.history-about .lf-history-about{width: calc(50% - 20px);}
.history-about .rt-history-about{width: calc(50% - 20px); padding-left: 50px; position: absolute; right: 20px; top: 0; bottom: 0;}
.history-about .lf1-history-about{display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px;}
.history-about .bg1-history-about{width: 7.2rem; margin-left: 10px; background: #8AB792;}
.history-about .lf2-history-about{display: -webkit-box; display: -ms-flexbox; display: flex;}
.history-about .lfother-history-about{width: 50%; padding-right: 10px;}
.history-about .img3-history-about{width: 50%; }
.history-about .lf-history-about .more{text-align: right; margin-top: 5rem;}
.history-about .rt-history-about .til-list-common{padding-top: 0; padding-bottom: 5rem;}

.history-about .rt-history-about .con-rt-history-about{ height: calc(100% - 12rem); overflow-y: auto;}
.history-about .rt-history-about .date-history-about{font-size: 20px; font-weight: bold; color: #006334; margin: 3rem 0 2rem;}
.history-about .separator-history-about{ width: 21px; margin: 9rem 20px 0;}
.history-about .separator-history-about .circle-separator{width: 21px; height: 21px; border-radius: 50%; border: 1px solid #518961; position: relative;}
.history-about .separator-history-about .circle-separator::before{display: block; content: ''; width: 9px; height: 9px; background: #518961; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.history-about .separator-history-about .line-separator{ width: 1px; height: calc(100% - 3rem); margin-left: 10px; background: #518961;}

.history-about .lf-history-about{transition: all 0.6s ease-out 0s; transform: translateX(-80px); opacity: 0;}
.history-about .rt-history-about{transition: all 0.6s ease-out .3s;transform: translateX(80px); opacity: 0;}
.history-about.showAnimate .lf-history-about, .history-about.showAnimate .rt-history-about {transform: none; opacity: 1;}

.data-about{position: relative;}
.data-about .con-data-about{width: 100%; height: 61.6rem; background: url('../../images/20240215/bgData-about-p.jpg') no-repeat; background-size: cover; padding-top: 5rem;}
.data-about .con-common{height: 100%;}
.data-about .con-data-about .swiper-data-about{padding-bottom: 3rem;}
.data-about .item-swiper-slide{ width: 14.25%; padding: 5px; float:left;}
.data-about .item2-swiper-slide{width: 28.5%;}
.data-about .con-item-data-about{ width: 100%; padding-bottom: 100%; background: rgba(116, 163, 114, .6); margin-bottom: 10px; position: relative;}
.data-about .con-item-data-about.bg2{background: rgba(81, 137, 97, .6); }
.data-about .con-item-data-about.bg3{background: rgba(49, 95, 62, .6); }
.data-about .con-item-data-about.bg4{background: rgba(0, 99, 52, .6); }
.data-about .con-item-data-about.bg5{background: rgba(0, 69, 29, .6); }
.data-about .con-item-data-about.bg6{background: rgba(4, 51, 16, .6); }
.data-about .con-item-data-about.bg7{background: rgba(10, 80, 59, .6); }
.data-about .detail-item-data-about{ position: absolute; top: 0; left: 0; right: 0; bottom: 0;text-align: center; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; font-size: 18px; padding: 0 16px; cursor: pointer; }
.data-about .num-data-about{font-size: 50px; font-weight: bold; transition: transform 1s ease;}
.data-about .num-data-about span{font-size: 100px; font-weight: bold;}
.data-about .desc-data-about{font-size: 16px; padding-top: 3rem;}
.data-about .swiper-data-wrapper{padding-bottom: 20px;}
.data-about .swiper-horizontal>.swiper-pagination-bullets, .data-about .swiper-pagination-bullets.swiper-pagination-horizontal, .data-about .swiper-pagination-custom, .data-about .swiper-pagination-fraction{ bottom: 0;}
.data-about .swiper-pagination-bullet{ background: #006334;}
.data-about .swiper-pagination-bullet-active{background: #fff;}
.data-about .detail-item-data-about:hover .num-data-about{transform: rotateX(360deg) scale(1.15);}

.bg-con-overview{background: url('../../images/20240215/bg-overview-p.jpg') no-repeat center top; background-size: cover; padding: 20px; margin-top: 3rem;}
.bg-con-overview .text-con-overview{width: 50%; padding: 20px; background: rgba(11, 34, 17, .75); color: #fff;}
.con-overview p.fontBold{ padding-top: 2rem; padding-bottom: 2rem;}
.con-overview p{line-height: 1.8; padding-bottom: 3rem;}
.con-overview .other-con-overview{margin: 5rem 40px;}

.box-msg-wrapper {background: url('../../images/20240215/bg-msg-p.jpg') no-repeat top center; background-size: cover; padding-top: 10rem; margin-top: 3rem; padding-bottom: 16px;}
.box-msg-wrapper .box-msg{max-width: 1240px; background: url('../../images/20240215/bg-letter-msg-p.png') no-repeat bottom center; background-size: 100%; padding-bottom: 50rem; margin: 0 auto;}
.box-msg-wrapper .text-msg{ width: 82%; margin: 0 auto; padding: 5rem 6rem; position: relative; z-index: 100; background: #F8F7F7;}
.box-msg-wrapper .text-msg .til-msg{font-size: 3rem; font-weight: bold; color: #006334; padding-bottom: 4rem;}
.box-msg-wrapper .text-msg p{line-height: 1.8; color: #030303; padding-bottom: 3rem;}

.con-leader {margin-top: 3rem;}
.con-leader li{width: 100%; padding: 3rem 0; background: #F2F2F2; margin-bottom: 14px; overflow: hidden;}
.con-leader li:nth-child(even){ background: #F4F8F5;}
.con-leader .item-leader{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.con-leader .lf-item-leader{width: 34.5rem; padding: 2.4rem; background: #fff; box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.2549); border-top: 4px solid #518961; -moz-flex-shrink: 0; -ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0;}
.con-leader .rt-item-leader{margin-left: 10rem; font-size: 14px; color: #575757;}
.con-leader .rt-item-leader .tip-item-leader{font-size: 24px; color: #006334;}
.con-leader .rt-item-leader .name-item-leader{font-size: 3.6rem; font-weight: bold; color: #006334; margin: 3rem 0 4rem;}



.con-history .til-con-history{ font-size: 10rem; color: #DAE5D9; text-align: center; margin: 3rem auto;}
.con-history .til-con-history span{font-family: BFU; letter-spacing: -0.09em;}

.list-history{width: 100%; }
.con-list-history li{width: 50%; position: relative; border-top: 1px solid #518961; border-right: 1px solid #518961;}
.con-list-history li:nth-child(2n){left: 50%; border-right: none; border-left: 1px solid #518961;}
.item-history{display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; cursor: pointer; padding: 10px 20px 20px 0;}
.con-list-history li:nth-child(2n) .item-history{padding: 10px 0 20px 20px;}
.item-history .img-item-history-wrapper{ width: 28.6rem; height: 28.6rem; border-radius: 50%; padding: 1rem; border: 1px dashed #74A372; overflow: hidden; -moz-flex-shrink: 0;-ms-flex-shrink: 0; -webkit-flex-shrink: 0; flex-shrink: 0; margin-left: 20px;}
.con-list-history li:nth-child(2n) .img-item-history-wrapper{margin-left: 0; margin-right: 20px;}
.item-history .img-item-history{ width: 100%; height: 100%; overflow: hidden; border-radius: 50%; background-repeat: no-repeat; background-size: cover; background-position: center center; transition: all 0.6s ease-out .3s;}
/* .item-history .img-item-history img{ height: 100%; transition: all 0.6s ease-out .3s;} */
.item-history .til-item-history{font-family: BFU; font-size: 6rem; color: #8AB792;letter-spacing: -0.09em;}
.item-history p{padding-top: 8px;}
.item-history .circle-history{ width: 21px; height: 21px; border: 1px solid #518961; border-radius: 50%; background: #fff; position: absolute; top: -10px; right: -10px;}
.item-history .circle-history::before{ display: block; content: ''; width: 9px; height: 9px; background: #518961; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.con-list-history li:nth-child(2n) .circle-history{right: auto; left: -10px;}
.item-history:hover .img-item-history{transform: scale(1.1);}
/* .item-history:hover img{transform: scale(1.1);} */
.item-history:hover .til-item-history{
	color: hsla(0, 0%, 100%, 0.65);
	background-image: -webkit-linear-gradient(
	  right,
	  rgba(255, 255, 255, 1),
	  rgba(81, 137, 97, 1) 25%,
	  rgba(255, 255, 255, 1) 50%,
	  rgba(81, 137, 97, 1) 75%,
	  rgba(255, 255, 255, 1)
	);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-background-size: 200% 100%;
	-webkit-animation: masked-animation 2s infinite linear;
	filter: drop-shadow(0 1px 0 rgba(0,0,0,.3));
}
@keyframes masked-animation {
	0% {
	  background-position: 0 0;
	}
	to {
	  background-position: -100% 0;
	}
}


.til-admis{font-size: 4rem; color: #575757; padding: 5rem 0 4rem 3rem;}

.list-admis{background: #fff; margin-bottom: 7rem;}
.list-admis .item-admis{display: -webkit-box; display: -ms-flexbox; display: flex; padding: 3rem 0 6rem; font-size: 18px; color: #575757; line-height: 1.2;}
.list-admis .item-admis img{height: auto;}
.list-admis .item-admis .rt-item-admis{ width: 50%; overflow: hidden;}
.list-admis .item-admis .bgImg-rt-item-admis{width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all .6s;}
.list-admis .item-admis .bgImg-rt-item-admis::after{display: block; content: '';width: 100%; padding-bottom: 56.25%;}

.list-admis .item-admis .lf-item-admis{ width: 50%; padding: 0 4rem 0 3rem;display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column;}
.list-admis .item-admis .til-item-admis{font-size: 24px; margin-bottom: 2.6rem;}
.list-admis .item-admis .subTil-item-admis{font-size: 20px; margin: 20px 0 10px;}
.list-admis .item-admis .pdf-item-admis{ margin: 20px 0 0;}
.list-admis .item-admis .pdf-item-admis a{display: inline-block; padding: 20px 110px 20px 0; border: 1px solid #74A372; border-left: none; border-right: none; font-size: 20px; color: #518961; background: url('../../images/20240215/pdf.svg') center right 5.5rem no-repeat; }

.list-admis .item-admis .more{text-align: right;}
.list-admis li:nth-child(2n) .item-admis .lf-item-admis{ -prefix-box-ordinal-group: 2; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
.list-admis .rt-item-admis{transition: all 0.6s ease-out 0s; transform: translateX(80px); opacity: 0;}
.list-admis .lf-item-admis{transition: all 0.6s ease-out .3s;transform: translateX(-80px); opacity: 0;}
.con1-admis.showAnimate .list-admis .rt-item-admis, 
.con1-admis.showAnimate .list-admis .lf-item-admis,
.con2-admis.showAnimate .list-admis .rt-item-admis,
.con2-admis.showAnimate .list-admis .lf-item-admis,
.con3-admis.showAnimate .list-admis .rt-item-admis,
.con3-admis.showAnimate .list-admis .lf-item-admis {transform: none; opacity: 1;}

.con2-admis-wrapper{width: 100%; background: #648D70;}
.con2-admis-wrapper .list-admis{background: none; margin-bottom: 4rem;}
.con2-admis-wrapper .list-admis .item-admis{color: #fff;}
.con2-admis-wrapper .til-admis{color: #fff;}
.con2-admis-wrapper .list-admis .item-admis .pdf-item-admis a{border-color: #CAD8AD; color: #fff; background-image: url('../../images/20240215/pdf-w.svg');}
.con2-admis-wrapper .list-admis .pdf-item-admis .textBorder:before{background: #fff;}




.list-col{ padding-top: 4rem;}
.list-col .item-col{ position: relative; clear: both;}
.list-col .item-col .rt-item-col{ width: 75%; display: inline-block; overflow: hidden;}
.list-col .item-col .bgImg-rt-item-col{width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all .6s;}
.list-col .item-col .bgImg-rt-item-col::after{display: block; content: '';width: 100%; padding-bottom: 56.25%;}
/* .list-col .item-col .rt-item-col img{ transition: all 0.6s ease-out 0s;} */
.list-col .item-col .lf-item-col{ width: 32%; padding: 4rem 4rem 3rem;display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; background: #fff; position: absolute; right: 0; bottom: 0; z-index: 10;}
.list-col .item-col .til-item-col{font-size: 4rem; font-weight: normal; color: #575757; margin-bottom: 3rem;}
.list-col .item-col p{ padding-bottom: 3rem;}
.list-col .item-col p.fontBold{ padding-top: 1rem; padding-bottom: 0;}
.list-col .item-col .more{text-align: right;}
.list-col li{margin-bottom: 7rem;}
.list-col li:nth-child(2n) .item-col .lf-item-col{ left: 0; right: auto; text-align: left;}
.list-col li:nth-child(2n) .item-col {text-align: right;}
.list-col .rt-item-col{transition: all 0.6s ease-out 0s; transform: translateX(80px); opacity: 0;}
.list-col .lf-item-col{transition: all 0.6s ease-out .3s;transform: translateX(-80px); opacity: 0;}
.list-col.showAnimate .rt-item-col, .list-col.showAnimate .lf-item-col {transform: none; opacity: 1;}
.list-col .item-col:hover .bgImg-rt-item-col{transform: scale(1.1);}
.list-col .item-col:hover .til-item-col{ font-weight: bold;}

/* schools */
.tabs-school .til-tabs{width: auto; padding: 0 20px;}
.con-school{ padding: 6rem 0;}
.con-school li{width: 33.3%; padding-right: 10px; float: left;}
.con-school li .item-school{display: block; width: 100%; padding-bottom: 100%; background: #fff; position: relative;}
.con-school .name-school{font-size: 4rem; font-weight: normal;color: #575757; margin: 1rem auto 4rem; text-align: center;}
.con-school .con-item-school{position: absolute; top: 0; bottom: 0; right: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center;align-items: center; padding: 0 3.5rem;}
.con-school .list-school{margin-bottom: 5rem; margin-right: -10px; overflow: hidden;}
.con-school .list-school .li2-school{margin-top: 6rem;}
.con-school .list-school .li3-school{margin-top: 12rem;}
.list-school li{transition: all 0.6s ease-out;transform: translateY(80px); opacity: 0; }
.list-school.showAnimate li{transform: none; opacity: 1;}

.con-depart{padding-bottom: 10rem;}
.sub-depart-wrapper{ padding-top: 6rem; overflow: hidden;}
.sub-depart-wrapper .sub-depart{ background: #fff; padding-left: 4rem;}
.sub-depart .til-con-depart{font-size: 3.6rem; font-weight: bold; color: #006334; padding: 4rem 0;}
.sub-depart .list-depart{ overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.sub-depart .list-depart li{width: 50%;padding-right: 4rem; float: left; margin-bottom: 4rem; border-left: 4px solid #518961; padding-left: 2rem;}
.sub-depart .list-depart .item-depart{line-height: 1.4; font-size: 2.6rem; color: #575757; display: inline-block; padding-right: 6rem; position: relative;}
.sub-depart .list-depart .item-depart::after{display: block; content: ''; position: absolute; right: 0; top: 50%; background: url('../../images/20240215/arrow-g.svg') no-repeat center; background-size: 100%; width: 1.5rem; height: 2.3rem; transform: translateY(-50%); opacity: 0; transition: all 1s ease-out;}
.sub-depart .list-depart .item-depart:hover{color: #518961; }
.sub-depart .list-depart .item-depart:hover::after{opacity:1;}

.sub-depart .til-con-depart{transition: all 0.6s ease-out;transform: translateY(-50px); opacity: 0; }
.sub-depart .list-depart{transition: all 0.6s ease-out;transform: translateY(50px); opacity: 0; }
.sub-depart.showAnimate .til-con-depart, .sub-depart.showAnimate .list-depart{transform: none; opacity: 1;}

/* Research institutions */
.con-institution{background: #fff; padding: 5rem; margin-top: 7rem;}
.con-institution .til-institution{font-size: 3rem; color: #006334;}
.con-institution .item1-institution{padding-top: 6rem; overflow: hidden;}
.con-institution .item1-institution .lf-item1-institution{width: 66%; float: left; padding-right: 5rem;}
.con-institution .item1-institution .rt-item1-institution{width: 34%; float: right; position: relative; overflow: hidden;}
.con-institution .item1-institution:nth-child(even) .lf-item1-institution{ float: right; padding-right: 0; padding-left: 5rem;}
.con-institution .item1-institution:nth-child(even) .rt-item1-institution{ float: left;}

.con-institution .item1-institution .rt-item1-institution::before{display: block; content: ''; width: 100%; height: 0; padding-bottom: 56.25%;}
.con-institution .item1-institution .rt-item1-institution img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; object-fit: cover; transition: all 0.6s ease-out;}
.con-institution .item1-institution .til-item-institution{font-size: 2.4rem; color: #518961; border-left: 4px solid #518961; padding-left: 14px; }
.con-institution .item1-institution .desc-item-institution{font-size: 18px; line-height: 1.2; padding: 5rem 0;color: #575757;}
.con-institution .item1-institution:hover img{transform: scale(1.1);}

.con-institution.con2-institution .item1-institution .lf-item1-institution{float: left; padding: 0 0 0 5rem;}
.con-institution.con2-institution .item1-institution .rt-item1-institution{float: left; }
.con-institution.con2-institution .item1-institution:nth-child(even) .lf-item1-institution{ float: left; padding: 0 5rem 0 0;}
.con-institution.con2-institution .item1-institution:nth-child(even) .rt-item1-institution{ float: right;}

.con3-institution{margin-bottom: 8rem;}
.con3-institution .list3-institution{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 5rem;}
.con3-institution .item3-institution{width: 50%; padding-right: 5rem; float:left; margin-bottom: 5rem;}
.con3-institution .item3-institution a{display: inline-block; font-size: 2.4rem; padding-left: 14px; border-left: 4px solid #518961; color: #575757;}
.con3-institution .item3-institution a:hover{color: #006334; text-decoration: underline;}

.con1-institution, .con2-institution, .con3-institution{transition: all 0.6s ease-out;transform: translateY(80px); opacity: 0; }
.con1-institution.showAnimate, .con2-institution.showAnimate, .con3-institution.showAnimate{transform: none; opacity: 1;}

/* Academic journals */
.list-journals .item-journals{padding: 5rem; margin: 3rem 0 6rem; background: #fff;}
.list-journals .til-item-journals, .list-journals .til-item-journals a{ font-size: 3rem; color: #006334;}
.list-journals .main-item-journals{ padding: 5rem 0 2rem; overflow: hidden;}
.list-journals .lf-item-journals{float: left; width: 26.5%;overflow: hidden;}
.list-journals .lf-item-journals img{transition: all 0.6s ease-out;}
.list-journals .rt-item-journals{float: left; width: 73.5%; padding-left: 6.8rem; color: #575757; font-size: 18px; line-height: 1.2;}
.list-journals .detail-item-journals{padding-top: 2.4rem;}
.list-journals .more{text-align: right;}
.list-journals .main-item-journals:hover img{transform: scale(1.1);}

.list-journals .item-journals{transition: all 0.6s ease-out;transform: translateY(80px); opacity: 0; }
.list-journals .item-journals.showAnimate{transform: none; opacity: 1;}





@media screen  and (max-width:1440px){
	.main-article-wrapper .deteil-article{ margin-right: 400px;}

	.list-common.list-campus .til-item-campus{padding-top: 0;}
	.list-common.list-campus .source-item-campus{padding: 0;}
	.data-about .num-data-about{font-size: 40px;}
	.data-about .num-data-about span{ font-size: 80px;}
}

@media screen  and (max-width:1366px){
	.service-campus .bm-lf-service-campus{height: 230px;}

}

@media screen  and (max-width:1200px){
	.main-article-wrapper .deteil-article{ margin-right: 300px;}
	.main-article-wrapper .sub-article{width: 270px;}
	.main-article-wrapper .deteil-article{font-size: 16px;}

	.sub-module .con-sub-module{padding: 24px 24px 0 24px;}
	.sub-module .list-sub-module{margin-top: 24px;}
	.sub-module .con-sub-module li{margin-bottom: 16px;}
	.sub-module .item-sub-module{padding: 16px;}
	.sub-module .til-item-sub-module{font-size: 16px; }
	.sub-module .date-item-sub-module{font-size: 12px; }

	.list-action-module .img-action-module{ width: 178px; }
	.list-action-module .con-action-module{margin-right: 178px; }
	.list-action-module .til-action-module{font-size: 14px;}
	.list-action-module .date-action-module{font-size: 12px;}

	.list-institute li .con-item-institute{height: 220px;}
	.list-institute li .item-institute{ font-size: 12px;}
	.list-institute li .til-item-institute{font-size: 14px; margin-bottom: 16px;}

	.topic-voice .source-topice-voice{font-size: 16px;}
	.topic-voice .til-topice-voice{font-size: 24px;}
	.topic-voice .detail-topice-voice{font-size: 14px;}
	.list-voice .item-voice{height: 200px;}
	.list-voice .img-item-voice{width: 200px;}
	.list-voice .tip-item-voice{font-size: 14px;}
	.list-voice .til-item-voice{font-size: 16px;}
	.list-voice .date-item-voice{font-size: 12px;}
	.list-otherSer .con-item-otherSer{font-size: 14px;}

	.tabPane-campus .con-tabPane-contact li{font-size: 14px;}
	.service-campus .item-lf-service-campus{font-size: 16px; background-size: 7px 12px;}
	.service-campus .til-rt-service-campus{font-size: 14px;}
	.service-campus .con-rt-service-campus, .service-campus .date-rt-service-campus{font-size: 12px;}

	.service-campus .con-rt-service-campus, .service-campus .con-rt-service-campus .item-life-service-campus{padding: 0 2rem;}
	.service-campus .con-rt-service-campus .date-life-service-campus{font-size: 12px;}
	.service-campus .con-rt-service-campus .other-life-service-campus li a{font-size: 14px;}

	.data-about .num-data-about{font-size: 28px;}
	.data-about .num-data-about span{ font-size: 50px;}
	.data-about .detail-item-data-about{font-size: 14px;}
	.data-about .desc-data-about{font-size: 12px;}

	.con-leader .rt-item-leader .tip-item-leader{font-size: 16px;}

	.list-common .til-item-common{font-size: 16px;}

	.con-institution .item1-institution .til-item-institution{font-size: 16px; border-left-width: 2px; padding-left: 8px;}
	.con-institution .item1-institution .desc-item-institution{font-size: 14px;}
	.con3-institution .item3-institution a{font-size: 16px; border-left-width: 2px; padding-left: 8px;}
	.list-journals .rt-item-journals{font-size: 14px;}

	.list-admis .item-admis{font-size: 14px;}
	.list-admis .item-admis .pdf-item-admis a{font-size: 14px;}
	.list-admis .item-admis .subTil-item-admis{font-size: 14px;}

	.data-about .con-data-about{height: auto; padding-top: 32px;}
	.data-about .con-data-about .swiper-data-about{padding-bottom: 18px;}

	.bg-sub-mini{height: 144px;}

	.til-list-common{padding-top: 45px;}
	.con-leader .lf-item-leader{width: 220px;}
	.con-leader .rt-item-leader{margin-left: 40px;}
	.item-history .img-item-history-wrapper{width: 168px; height: 168px; padding: 6px;}
	.list-life .til-item-life{height: 76px; padding: 18px 24px;}
	.list-life li:nth-child(2n+1){ padding-right: 16px;}
	.list-life li:nth-child(2n){ padding-left: 16px;}
	.list-life li{margin-bottom: 32px;}

	.list-service li{ margin-bottom: 40px; }
	.list-service li:nth-child(2n){padding-left: 40px; }
	.list-service li:nth-child(2n+1){padding-right: 40px;}

	.list-common .img-item-common{width: 300px;}
	.list-common .con-item-common{margin-left: 300px; padding: 12px 30px 0;}
	.list-common .source-item-common, .list-common .date-item-common{margin-left: 300px; padding: 0 30px 16px; margin-top: 0;}
	.topic-voice .con-topic-voice::before, .list-voice .con-item-voice::before{width: 32px; height: 28px; left: 18px;}
	.topic-voice .con-topic-voice::after, .list-voice .con-item-voice::after{width: 32px; height: 28px; right: 18px;}
	.topic-voice .con-topic-voice{padding: 50px 80px 30px 60px;}

	.tabPane-campus .con-tabPane-contact li:nth-child(odd){padding: 18px 40px 18px 18px;}
	.tabPane-campus .con-tabPane-contact li:nth-child(even){padding: 18px 18px 18px 40px;}
	.tabs-campus .til-tabs{padding: 0 40px;}
	.service-campus .bm-lf-service-campus{height: 205px;}

}

@media screen  and (max-width:1024px){
	
	.item-3col-common{height: 110px;}
    .item-3col-common .main-common{margin-left: 76px;}
    .item-3col-common .date-common{width: 76px;}
	.item-3col-common .detail-common{padding: 12px 24px 12px 0; margin-right: 200px;}
    .item-3col-common .img-common{width: 196px; height: 110px;}
    .item-3col-common .day-common{font-size: 32px; line-height: 76px;}
    .item-3col-common .year-common{ font-size: 12px; }
    .item-3col-common .source-detail-common{margin-top: 0; }
    .item-3col-common .til-detail-common{font-size: 16px;}

	.list-research .item-3col-common .detail-common{padding: 24px 24px 24px 0;}

	.list-common.list-campus .til-item-campus{margin-bottom: 0;}
	.list-sub-din .con-item-din{ font-size: 14px; }
	.list-sub-din .con-item-din .til-item-din{font-size: 20px; margin-bottom: 4rem;}
	.item-hous .con-item-hous .til-item-hous{font-size: 20px; }
	.item-hous .con-item-hous .detail-item-hous{font-size: 14px; }

	.list-service .til-item-service{font-size: 18px; margin-bottom: 12px;}
	.list-service .con-item-service{font-size: 14px; padding-top: 16px;}
	.list-service .icon-item-service{margin-right: 16px;}
	
	.item-classroom .con-item-classroom{ font-size: 14px;}

	.list-life .til-item-life{font-size: 14px;}
	.msg-about .subTil-msg-about{font-size: 16px;}
	.msg-about .more{bottom: 10px;}

	.bg-con-overview .text-con-overview{width: 100%;}

	.list-admis .item-admis .til-item-admis{font-size: 16px;}

	.list-admis .item-admis .lf-item-admis{padding: 0 20px;}
	
	.main-article-wrapper .deteil-article img{width:auto !important; height: auto !important;}
	

	.bg-sub-mini{height: 126px;}
	.con-leader .lf-item-leader{width: 193px;}
	.service-campus .bm-lf-service-campus{height: 180px;}
	.photo-campus .swiper-pagination{height: 90px; line-height: 90px;}
}

/* 切换为768样式 */
@media screen  and (max-width:900px){

	/* 清除进入动画 */
	/* .showAnimate *{transform: none !important; opacity: 1 !important; transition: none !important;} */
	.title-common,
	.item-common,
	.header-article,
	.sub-article, .deteil-article,
	.item-3col-common,
	.con-sub-module, .img-sub-module,
	.list-action-module li, .con-institute li, .list-voice .item-voice, .list-service li, .list-otherSer li,
	.animate-sub-din .img-item-din, .animate-sub-din .con-item-din,
	.animate-sub-hous .img-item-din, .animate-sub-museums .img-item-din, .animate-sub-hous .con-item-din, .animate-sub-museums .con-item-din,

	/* .con-hous .img-item-hous, .con-hous .con-item-hous, */
	.animate-classroom .img-item-hous, .animate-classroom .con-item-hous, .animate-library .img-item-hous, .animate-library .con-item-hous, .animate-sports .img-item-hous, .animate-sports .con-item-hous,

	.con-classroom .img-item-classroom, .con-classroom .con-item-classroom,
	.con-health .item-health .img-item-classroom, .con-health .item-health .con-item-classroom,
	
	.con1-admis .list-admis .rt-item-admis, 
	.con1-admis .list-admis .lf-item-admis,
	.con2-admis .list-admis .rt-item-admis,
	.con2-admis .list-admis .lf-item-admis,
	.con3-admis .list-admis .rt-item-admis,
	.con3-admis .list-admis .lf-item-admis,

	.tabPane-campus .photowall-campus,
	
	.photo-campus .top-photo-campus, .photo-campus .item-lf-photo-campus,
	.list-life li, .video-campus, .photo-campus .lf-photo-campus, .service-campus .lf-service-campus, .photo-campus .rt-photo-campus, .service-campus .rt-service-campus, .overview-about .lf-overview-about, .overview-about .rt-overview-about, .msg-about .til-msg-about, .msg-about .con-msg-about, .history-about .lf-history-about, .history-about .rt-history-about, .list-col .rt-item-col, .list-col .lf-item-col, .list-school li, .sub-depart .til-con-depart, .sub-depart .list-depart, .con1-institution, .con2-institution, .con3-institution, .list-journals .item-journals
	{transform: none !important; opacity: 1 !important; transition: none !important;}


	.breadcrumbs, .breadcrumbs a{font-size: 14px;}
	.list-common .item-common{margin-bottom: 24px;}
	.list-common .con-item-common{padding: 16px 16px 0;}
	.list-common .tip-item-common{font-size: 14px;}
	.list-common .source-item-common{ padding: 0 16px 16px;} 
	.list-common .date-item-common{ padding: 0 16px 16px;}


	.con-article .header-article .title-article{font-size: 18px;}
	.main-article-wrapper .main-article{padding: 30px 20px; display: -webkit-box; display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column;}
	.con-article .header-article .other-article{font-size: 14px;}
	.main-article-wrapper .deteil-article{font-size: 14px; margin-right: 0;}
	.main-article-wrapper .list-sub-article .til-item-sub-article{font-size: 14px;}
	.main-article-wrapper .list-sub-article .date-item-sub-article{font-size: 12px;}
	.main-article-wrapper .til-sub-article{font-size: 20px;}
	.main-article-wrapper .sub-article{position: static; float: none; -prefix-box-ordinal-group: 2; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; width: 100%; padding-top: 36px;}
	.main-article-wrapper .list-sub-article{margin: 0 -8px;}
	.main-article-wrapper .list-sub-article li{width: 33.3%; float: left; padding: 0 8px;}
	.main-article-wrapper .author-article{font-size: 14px;}

	.sub-module .con-sub-module, .sub-module .img-sub-module{ width: 50%;}
	.sub-module .con-sub-module{padding: 16px 16px 0 16px;}
	.til-sub-module a{ font-size: 18px;}
	.sub-module .list-sub-module{margin-top: 16px;}
	.sub-module .con-sub-module li{margin-bottom: 8px;}
	.sub-module .item-sub-module{padding: 8px;}
	.sub-module .til-item-sub-module{font-size: 14px; }
	.sub-module-guidance{padding:20px 0 30px;}
	.sub-module-research{padding: 20px 0 30px;}
	.con-sub-ecol{padding: 20px 0 50px;}

	
	.list-action-module .img-action-module{ width: 135px; }
	.list-action-module .con-action-module{margin-right: 135px; }
	.list-action-module li{ padding: 0 0 16px;}
	.list-action-module li:nth-child(2n){padding-left: 8px;}
	.list-action-module li:nth-child(2n+1){padding-right: 8px;}

	.til-list-common{font-size: 20px;}
	.list-institute li .more-item-institute img{width: 7px; height: 12px;}

	
	.header-institute .til-institute{font-size: 20px; }
	.list-institute{ padding-top: 30px; }
	.list-institute li{ width: 25%; padding: 0 6px;}
	.list-institute li:last-child{display: none;}
	.con-academic{padding-bottom: 40px;}
	.con-academic .til-academic{padding: 20px 0 20px;}
	.con-academic .til-academic a{font-size: 20px; }
	.academicSwiper .con-swiper{padding: 12px;}
	.academicSwiper .til-con-swiper{ font-size: 16px; padding: 12px 0;}

	.topic-voice .source-topice-voice{font-size: 14px;}
	.topic-voice .til-topice-voice{font-size: 18px; margin: 12px 0;}
	.topic-voice .detail-topice-voice{font-size: 12px;}
	.topic-voice .con-topic-voice{ padding: 30px 50px;}
	.topic-voice .con-topic-voice::before{top: 16px; left: 16px;}
	.topic-voice .con-topic-voice::after{bottom: 16px; right: 16px;}

	.list-voice .item-voice{height: 150px;}
	.list-voice .con-item-voice{padding: 16px 54px;}
	.list-voice .con-item-voice::before{top: 16px; left: 16px;}
	.list-voice .con-item-voice::after{bottom: 16px; right: 16px;}
	.list-voice .img-item-voice{width: 150px;}
	.list-voice .tip-item-voice{font-size: 12px;}
	.list-voice .til-item-voice{font-size: 14px; padding: 12px 0 6px;}

	
	.list-service li{ width:50%; float: left; margin-bottom: 30px;}
	.list-service li:nth-child(2n){padding-left: 20px;}
	.list-service li:nth-child(2n+1){padding-right: 20px;}
	

	.list-sub-din .con-item-din{height: 190px;}
	.list-sub-din .img-item-din{height: 190px; }
	.list-sub-din .con-item-din .til-item-din{margin-bottom: 2rem;}
	.item-hous .con-item-hous .til-item-hous{margin-bottom: 2rem;}

	.list-otherSer li:nth-child(2n){padding-left: 8px; }
	.list-otherSer li:nth-child(2n+1){padding-right: 8px;}
	.list-otherSer .con-item-otherSer{ font-size: 12px;}
	.item-classroom .til-classroom{font-size: 16px;}
	.list-otherSer .til-item-otherSer{font-size: 18px; padding: 16px 0;}
	
	.leader-about .list-leader-about .item-leader-about{font-size: 14px;}
	.leader-about .lf-item-leader-about{width: 150px; padding: 8px 0 8px 16px;}
	.leader-about .rt-item-leader-about{padding: 8px 0 8px 16px;}

	.data-about .num-data-about{font-size: 20px;}
	.data-about .num-data-about span{ font-size: 40px;}
	.data-about .detail-item-data-about{font-size: 12px;}

	.con-leader .item-leader{display: block;}
	.con-leader .lf-item-leader{float:left; margin-right: 20px; margin-bottom: 10px;}
	.con-leader .rt-item-leader{margin-left:0;}
	.con-leader .rt-item-leader .tip-item-leader{font-size: 14px;}
	/* .con-leader .rt-item-leader .name-item-leader{font-size: 20px; } */

	
	.tabPane-campus .sm-img-photowall{display: block;}
	.tabPane-campus .big-img-photowall{display: none;}

	.con-institution{padding: 16px;}
	.con-institution .item1-institution .desc-item-institution{font-size: 12px;}

	.list-journals .item-journals{padding: 16px;}
	.list-journals .rt-item-journals{padding-left: 16px;}


	.bg-sub-mini{height: 118px;}
	.til-list-common{padding-top: 36px;}
	.item-history .img-item-history-wrapper{width: 150px; height: 150px; padding: 5px;}
	.list-common .img-item-common{width: 248px;}
	.list-common .con-item-common{margin-left: 248px; padding: 10px 16px 0;}
	.list-common .source-item-common, .list-common .date-item-common{margin-left: 248px;}

	.topic-voice .con-topic-voice::before, .list-voice .con-item-voice::before{width: 27px; height: 24px; left: 16px;}
	.topic-voice .con-topic-voice::after, .list-voice .con-item-voice::after{width: 27px; height: 24px; right: 16px;}
	.topic-voice .con-topic-voice{padding: 30px 50px 30px 50px;}
	.service-campus .bm-lf-service-campus{height: 170px;}
	.photo-campus .swiper-pagination{height: 74px; line-height: 74px;}

}

@media screen  and (max-width: 820px){
	.list-otherSer li{width: 100%; float: none; padding: 0 !important;}

	.photo-campus{border-bottom: none; border-top-width: 20px;}
	.photo-campus .lf-photo-campus, .photo-campus .rt-photo-campus{width: 100%; float: none; height: auto; overflow: hidden;}
	.photo-campus .con-lf-photo-campus{margin: 0; padding: 10px; overflow: hidden;}
	.photo-campus .item-lf-photo-campus{padding: 10px;}
	.photo-campus .item-lf-photo-campus .img-lf-photo-campus{height: 150px; }

	.service-campus{display: block;}
	.service-campus .lf-service-campus, .service-campus .rt-service-campus{ width: 100%; float: none; overflow: hidden; height: auto;}
	.service-campus .con-rt-service-campus .item-life-service-campus{padding-bottom: 30px;}
	.service-campus .con-rt-service-campus .img-life-service-campus{height: auto; max-height: none;}
	.service-campus .top-lf-service-campus{ height: auto;}
	.service-campus .list-lf-service-campus{ overflow: hidden;}
	.service-campus .con-lf-service-campus{padding-left: 20px; padding-bottom: 20px;}
	.photo-campus .top-photo-campus{height: auto; width: 100%; display: block;}
	.photo-campus .top-photo-campus > div{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding:10px 20px;}
	.service-campus .con-rt-service-campus{ padding: 0 20px 30px;}
	.service-campus .con-rt-service-campus .til-service-campus{text-align: left;}

	.overview-about{display: block; padding: 40px 0;}
	.overview-about .rt-overview-about, .overview-about .lf-overview-about{width: 100%; float: none;}
	.overview-about .lf-overview-about{padding: 20px;}
	.con-overview .other-con-overview{margin: 20px 20px;}
	.msg-about .til-msg-about{ padding: 24px 0;}
	.msg-about{ height: auto; }
	.msg-about .con-msg-about-wrapper{ height: auto; padding-bottom: 80px;}
	.msg-about .detail-msg-about{max-height: none;}

	.item-history .img-item-history-wrapper{width: 100px; height: 100px;}

	
	.list-col .item-col{ overflow: hidden;}
	.list-col .item-col .til-item-col{font-size: 16px;}
	.list-col .item-col .rt-item-col{ width: 45%; float: left;}
	.list-col .item-col .lf-item-col{ width: 55%; position: relative; float: left; padding: 12px;}

	.list-col li:nth-child(2n+1) .item-col .lf-item-col{float: right;}

	.con-school .con-item-school{padding: 0 8px;}
	.con-school .name-school{font-size: 14px; margin: 8px auto;}

	.sub-depart .list-depart li{border-left-width: 2px;}

	.tabPane-campus .con-tabPane-contact li:nth-child(even), .tabPane-campus .con-tabPane-contact li:nth-child(odd){padding:16px;}
	
	.list-action-module .til-action-module{font-size: 12px;}
	
}

/* 切换为最小尺寸 */
@media screen  and (max-width: 650px){
	.content-sub{ top: 0;}
	.bg-sub{background-image: none; position: static; width: 100%; max-width: 100%; height: auto; }
	.title-common{ padding: 16px 20px; font-size: 28px;}
	.con-common{ padding-top: 0;}

	.breadcrumbs, .breadcrumbs a{font-size: 12px;}
	.list-common{ margin-top: 16px;}
	.list-common .tip-item-common, .list-common .source-item-common, .list-common .date-item-common{font-size: 12px; padding-left: 0;}
	.list-common .til-item-common{font-size: 14px;}
	.list-common .img-item-common{width: 230px;}
	.list-common .con-item-common{margin-left: 230px;}

	.con-article .header-article{padding-top: 10px;}
	

	.list-3col-common{margin-top: 16px;}
	.item-3col-common{height: 80px; margin-bottom: 16px;}
    .item-3col-common .main-common{height: 100%; position: relative;}
    .item-3col-common .img-common, .item-3col-common .source-detail-common{display: none;}
	.item-3col-common .detail-common{padding: 12px 16px 8px 0; margin-right: 0;}
    .item-3col-common .day-common{line-height: 50px;}
    .item-3col-common .til-detail-common{font-size: 14px; -webkit-line-clamp: 3;}

	.list-action-module li{ width: 100%; }
	.list-action-module li:nth-child(2n){padding-left: 0;}
	.list-action-module li:nth-child(2n+1){padding-right: 0;}

	.list-research .item-3col-common{height: 80px;}
	.list-research .item-3col-common .day-common{line-height: 50px;}
	.list-research .item-3col-common .detail-common{margin-right: 0; padding: 12px 16px 8px 0;}
	.til-list-common{ padding-top: 10px;}

	.list-institute li{ width: 33.3%; padding: 0 6px;}
	.list-institute li:nth-child(n+4){display: none;}

	.topic-voice a{-webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column;flex-direction: column;}
	.topic-voice .con-topic-voice{-prefix-box-ordinal-group: 2; -webkit-box-ordinal-group: 2;-moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; width: 100%; padding: 16px;}
	.topic-voice .img-topic-voice{width: 100%;}
	.topic-voice .con-topic-voice::after, .topic-voice .con-topic-voice::before{display: none;}

	.history-about{padding-top: 20px;}
	.history-about .con-common{display: block;}
	.history-about .separator-history-about{display: none;}
	.history-about .rt-history-about{width: 100%; position: relative; right:0; padding-left: 0; height: 400px; padding-bottom: 20px;}
	.history-about .lf-history-about{width: 100%; float: none;}

	.data-about .item-swiper-slide{ width: 33.3%;}
	.data-about .con-data-about{ height: auto;}
	.data-about .item2-swiper-slide .con-item-data-about{ padding-bottom: calc(200% + 10px);}

	.box-msg-wrapper{padding-top: 0;}
	.box-msg-wrapper .box-msg{background: #F8F7F7; padding-bottom: 0;}
	.box-msg-wrapper .text-msg{width: 100%; padding: 20px;}
	.box-msg-wrapper .text-msg .til-msg{font-size: 16px;}

	.item-history .img-item-history-wrapper{ display: none;}

	.sub-module{-webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column;}
	.sub-module .con-sub-module, .sub-module .img-sub-module{ width: 100%;}
	.sub-module.sub-module-rt .con-sub-module{-prefix-box-ordinal-group: 2; -webkit-box-ordinal-group: 2;  -moz-box-ordinal-group: 2;-ms-flex-order: 2; -webkit-order: 2;order: 2; }
	.sub-module .til-sub-module{display: none;}
	.sub-module .til-sub-module-mini{display: block;}
	.sub-module .list-sub-module{margin-top: 0;}

	.tabPane-campus .con-tabPane-contact li{width: 100%; float: none;}


	.con-institution .til-institution{font-size: 16px;}
	.con-institution .item1-institution .lf-item1-institution{width: 100%; float: none; padding-right: 0;}
	.con-institution .item1-institution .rt-item1-institution{width: 100%; float: none; margin-bottom: 24px;}
	.con-institution .item1-institution:nth-child(even) .lf-item1-institution{padding-left: 0;}
	.con-institution.con2-institution .item1-institution .lf-item1-institution{padding: 0;}
	.con-institution.con2-institution .item1-institution:nth-child(even) .lf-item1-institution{padding: 0;}

	.con3-institution .item3-institution{width: 100%; padding-right: 0;}
	.con3-institution .item3-institution a{font-size: 14px;}

	.list-journals .til-item-journals, .list-journals .til-item-journals a{font-size: 16px;}
	.list-journals .lf-item-journals{display: none;}
	.list-journals .rt-item-journals{padding-left: 0; width: 100%;}

	.list-admis .item-admis{display: block;}
	.list-admis .item-admis .rt-item-admis{ width: 100%; padding-top: 16px;}
	.list-admis .item-admis .lf-item-admis{width: 100%; padding: 0 16px;}

	.tabs-campus .til-tabs{padding: 0 24px;}
}



@media screen  and (max-width: 499px){
	.list-common .item-common{padding-bottom: 8px; margin-bottom: 16px; }
	.list-common .img-item-common{width: 100%; float: none;}
	.list-common .con-item-common{margin-left: 0; float: none; }
	.list-common .til-item-common{padding: 8px 0;}
	.list-common .source-item-common, .list-common .date-item-common{padding: 4px 16px; margin-left: 0;}

	.main-article-wrapper .list-sub-article li{width: 100%; float: left;}
	.main-article-wrapper .list-sub-article .img-item-sub-article{display: none;}


	

	.list-action-module .img-action-module{float: none; width: 100%; height: auto;}
	.list-action-module .con-action-module{margin-right: 0;}

	.list-institute li{ width: 50%; padding: 0 6px;}
	.list-institute li:nth-child(n+3){display: none;}

	.list-voice .item-voice{height: 140px; margin-bottom: 16px;}
	.list-voice .img-item-voice{display: none;}
	.list-voice .con-item-voice{padding: 16px;}
	.list-voice .con-item-voice::before, .list-voice .con-item-voice::after{display: none;}
	.list-voice .img-item-voice{width: 120px;}
	.list-voice .til-item-voice{ padding: 8px 0 0;}

	.list-service li{ width:100%; float: none; margin-bottom: 30px;}
	.list-service li:nth-child(2n){padding-left: 0;}
	.list-service li:nth-child(2n+1){padding-right: 0;}

	.list-sub-din .con-item-din{width: 100%; position: static;}
	.list-sub-din .img-item-din{width: 100%; height: auto; float: none; }

	.item-hous{ display: block;}
	.item-hous .img-item-hous{ width: 100%;}
	.item-hous .con-item-hous{padding: 16px;}
	.item-hous .con-item-hous .more{text-align: right;}
	.item-hous .con-item-hous .til-item-hous{padding-top: 0;}

	.item-classroom .img-item-classroom{width: 100%; margin: 0 0 16px 0;}
	.item-classroom .con-item-classroom{padding: 0 16px;}
	.item-health .con-item-classroom{ padding:0 16px;}

	.list-life li{width: 100%; float: none; margin-bottom: 20px;}
	.list-life li:nth-child(2n+1){ padding-right: 0;}
	.list-life li:nth-child(2n){ padding-left: 0;}

	.photo-campus .item-lf-photo-campus{width: 100%;}

	.msg-about{height: auto;}
	.msg-about .til-msg-about{font-size: 20px; padding: 10px 0;}
	.msg-about .subTil-msg-about{ font-size: 14px;}
	.msg-about .con-msg-about{ width: 100%; padding: 0 20px; background: #F8F7F7;}
	.msg-about .more{bottom: 0;}

	.con-leader .lf-item-leader{padding: 8px; width: 150px; border-top-width: 2px;}
	.con-leader .rt-item-leader .tip-item-leader{font-size: 12px;}
	.con-leader .rt-item-leader .name-item-leader{font-size: 14px; margin: 12px 0;}
	.con-leader .rt-item-leader .desc-item-leader{font-size: 12px; }

	.list-admis .item-admis .til-item-admis{font-size: 14px;}

	.list-col .item-col .rt-item-col{ width: 100%; float: none;}
	.list-col .item-col .lf-item-col{ width: 100%; float: none;}

	.tabs-school a{display: block;}
	.tabs-school .til-tabs{padding: 0 10px; float: none; margin-bottom: 16px;}
	.con-school{padding: 20px 0 10rem;}
	/* .tabs-school .til-tabs{width: 50%; margin-right: 0; font-size: 16px;} */
	.con-school li{width: 100%; padding-right: 0;}
	.con-school li .item-school{padding-bottom: 0;}
	.con-school .list-school{margin-bottom: 0; margin-right: 0;}
	.con-school .con-item-school{padding: 16px; position: static;}
	.con-school .name-school{font-size: 18px; margin: 16px auto;}
	.con-school .list-school .li2-school, .con-school .list-school .li3-school{margin-top: 20px;}

	.sub-depart-wrapper{padding-top: 20px;}
	.sub-depart .list-depart li{width: 100%;}

	.service-campus .con-rt-service-campus .item-life-service-campus{width: 100%; padding: 0 0 30px 0; float:none;}
	.tabs-campus .til-tabs{padding: 0 16px; margin-right: 10px;}
	.tabs-campus .til-tabs:last-child{margin-right: 0;}

	.list-otherSer .img-item-otherSer{display: none;}
	.list-otherSer .con-item-otherSer{position: static; padding: 0 16px 16px;}

}

