/* homepage start */

.hero-content{position:absolute;left: 12rem;top: 50%;/* top: 14rem; */transform: translateY(-50%);z-index:2;width:100%;max-width:92rem;display:flex;flex-direction:column;align-items:flex-start;gap: 1.5rem;}
.hero-badge{display:flex;align-items:center;gap:.8rem;width:100%;max-width:39.8rem;min-height:3.6rem;padding:.8rem 1.2rem;background:linear-gradient(90deg, #41ae76 0%, #98ce97 59%, #96d0b4 100%);}
.hero-badge-icon{width:1.4rem;height:1.4rem;flex-shrink:0}
.hero-badge-text{margin:0;line-height:1.4;color:#eefff7}
.hero-title{margin:0;color:#fff;font-weight:700;line-height:1.15;letter-spacing:.1rem;font-size: 6.2rem}
.hero-summary{margin:0;color:#B5D67A;font-weight:700;letter-spacing:.1rem;}
.hero-message{width:100%;max-width:82rem;margin:0;color:#edf8f2;line-height:1.7}
.hero-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:1.2rem;width:100%;padding-top:.4rem}

.hero-btn{appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;height: 5.2rem;padding: 0 3.3rem;font-weight:700;color:#fff;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}
.hero-btn:hover{transform:translateY(-0.1rem);color: #fff;}
.hero-btn-primary{background: #29716D;}
.hero-btn-secondary{background:0 0;border:.1rem solid rgba(255,255,255,.5);color: #fff;}
.hero-btn-icon{width:1.8rem;height:1.8rem;filter:brightness(0) invert(1)}

.wrapbanner{overflow:hidden;position:relative;box-sizing:border-box;z-index:2;padding-top: 9.7rem;}
.banner{position:relative;overflow:hidden;}

.banner .item{display:block;position:relative;}
.banner .banner-img{padding-bottom: 60rem;height: 0;}
.banner .banner-img img,.banner .banner-img video{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;pointer-events: none;}
.banner .swiper-slide-active .banner-img{animation:scaleBig 10s linear 0s 1 both;transform-style:preserve-3d}
@-webkit-keyframes scaleBig{
	0%{transform:scale(1)}
	100%{transform:scale(1.05)}
}
@keyframes scaleBig{
	0%{transform:scale(1)}
	100%{transform:scale(1.05)}
}
.gp-video-box video{width:100%;height:auto;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.gp-video-box{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;z-index:3}

.wrapbanner .swiper_menu{position: absolute;bottom: 1.5rem;z-index: 10;display: flex;align-items: center;justify-content: center;left: 50%;transform: translateX(-50%);}
.wrapbanner .swiper-pagination{position: relative;bottom: 0;width: auto;left: 0;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet{width: 6rem;height: .8rem;background: #fff;opacity: .6;margin: 0 .3rem;vertical-align: middle;line-height: 1;font-weight: bold;border-radius: 0;color: #fff;position: relative;border-radius: 0%;}
.wrapbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;background: #B5D67A;}

.wrapbanner .arrow{width: 4.8rem;height: 4.8rem;background: no-repeat center/2.4rem;display: block;margin: 0;cursor: pointer;border-radius: 0%;position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;opacity: .5;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.wrapbanner .prev{left: 1.8rem;background-image: url(../images/banner_prev.svg);}
.wrapbanner .next{right: 1.8rem;background-image: url(../images/banner_next.svg);}
.wrapbanner .arrow:hover{opacity: 1;}

.content{position: relative;z-index: 3;}

.wrap_mode01{position:relative;background-color:#fff;padding: 5.8rem 0 7.4rem;overflow: hidden;}
.wrap_mode01::after{content:'';position:absolute;top:0;left:0;width:50%;height:100%;background-color: #EAF3E8;z-index:0}
.mode01{position:relative;z-index:1;}
.mode01 .lf,.mode01 .rt{width: calc(50% - 5.1rem);}

.listTitle1{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom: 2.1rem;}
.listTitle1 > *{margin-right:1.5rem}
.listTitle1 > :last-child{margin-right:0}
.listTitle1 h2{font-weight:700;color:#0e3a28;letter-spacing:.1rem}

.listTitle2{position:relative;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:2.5rem}
.listTitle2>*{margin-right:1.5rem}
.listTitle2>:last-child{margin-right:0}
.listTitle2 .readMore{margin-left:auto}
.listTitle2 .title-wrap{display:flex;align-items:center;flex-wrap:wrap}
.listTitle2 .title-wrap>*{margin-right:1rem}
.listTitle2 .title-wrap>:last-child{margin-right:0}
@media screen and (min-width:640px){
.listTitle2 .title-wrap>*{margin-right: 1.1rem;}
}
.listTitle2 h2{font-weight:700;color:#fff;letter-spacing:.1rem}
.listTitle2--dark h2{color:#0e3a28}
.listTitle2 .sub{color:#b5d67a}
.listTitle2--dark .sub{color:#8ca096}


.readMore{display:flex;align-items:center;height:3.8rem;padding:0 2rem;border: 1px solid #d8e4dc;color:#66796f;transition:all .3s ease;}
.readMore::after{content: '';display: block;margin-left: .6rem;width: 1.5rem;height: 1.5rem;background: url(../images/index_more.png) no-repeat center/cover;}
.readMore--green{border-color:#b5d67a;color:#b5d67a;}
.readMore--green::after{background-image: url(../images/index_more2.png);}
.readMore:hover{border-color:#29716d;color:#29716d;}
.readMore--green:hover{background: rgba(255,255,255,.8);}

.list1{display:flex;flex-wrap:wrap;margin: 0 0 -2.4rem -2.2rem;width: 33rem;}
.list1 a{display:block;background:#fff;box-shadow:0 .8rem 2.4rem rgba(15,43,30,.078);margin: 0 0 2.4rem 2.2rem;}
.item_img3{position:relative;padding-bottom: 62.5%;}
.item_txt3{padding: 1.2rem 1.8rem 2.8rem;}
.meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
.date{color:#8ca096}
.item_txt3 h3{font-weight:700;/*color:#17352a;*/line-height:1.5;margin-top: 0.9rem;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:1;-webkit-box-orient:vertical}

.tag{display:inline-block;height: 1.83em;padding:0 1rem;background-color:#e9f6ef;color:#008c5a;font-weight:700;line-height: 1.83em}
.item_txt3 .desc{color:#7a8a81;line-height:1.6;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.index_01{width: calc(100% - 33.2rem);background: #fff;padding: .8rem 2.1rem .4rem;}
.index_01 ul{margin: 0 0;}
.index_01 .item{margin: 0 0;position: relative;padding: 1rem 0 1rem 2.4rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 2;}
.index_01 .item::before{content: '';display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: .8rem;height: .8rem;background: #B5D67A;}


.notice-tab{position:relative;}
.notice-tab .tabListBox{position:relative;}
.notice-tab .tabListBox.off{display: none;}
.notice-tab .readMore{position:absolute;right:0;top: -4rem;}

.tab-menu{display:flex;align-items:flex-end;}
.tab-menu>*{margin-right:2rem}
.tab-menu>:last-child{margin-right:0}
@media screen and (min-width:640px){
    .tab-menu>*{margin-right:3rem}
}

.til_tab{position:relative;padding-bottom:1rem;padding-top: .3rem;cursor:pointer;white-space:nowrap}
.tab-label{color:rgba(23, 53, 42, 0.72);transition:color .3s ease}
.til_tab.on .tab-label{color:rgba(181, 214, 122, 1);font-weight:700}
.tab-bar{position:absolute;bottom:0;left:0;width:3rem;height:.4rem;background:0 0;transition:all .3s ease}
.til_tab.on .tab-bar{width:100%;background:#b5d67a}

.list2{padding: 3rem 0 1rem;}
.list2>li{padding: 1.4rem 0 1.3rem;/*border-bottom:.1rem solid rgba(255,255,255,.1)*/}
.list2>li:last-child{border-bottom:none;}
.list2>li a{display:flex;align-items:flex-start;}
.list2>li a>*{margin-right:1.5rem}
.list2>li a>:last-child{margin-right:0}
@media screen and (min-width:640px){
.list2>li a{align-items:center}
}
.list2 .icon{width:.8rem;height:.8rem;background:#b5d67a;box-shadow:0 .8rem 2.4rem rgba(15,43,30,.078);margin-top:.5rem;flex-shrink:0}
@media screen and (min-width:640px){
.list2 .icon{margin-top:0}
}
.list2 .content{flex:1;display:flex;flex-direction:column}
.list2 .content>*{margin-bottom:.5rem}
.list2 .content>:last-child{margin-bottom:0}
@media screen and (min-width:640px){
.list2 .content{flex-direction:row;justify-content:space-between;align-items:center}
.list2 .content>*{margin-right:2rem;margin-bottom:0}
.list2 .content>:last-child{margin-right:0}
}
.list2 .content p{line-height: 1.5;}
.list2 .content .date{color:#b5d67a;flex-shrink:0}


.wrap_mode02{position:relative;background-color:#fff;padding: 7.9rem 0 8.1rem;overflow: hidden;}
.wrap_mode02::after{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background-color: #EAF3E8;z-index:0}
.mode02{position:relative;z-index:1;}
.mode02 .lf{width: calc(50% - 4.8rem);}
.mode02 .rt{width: calc(50% - 4.9rem);}

.index_02a{}
.index_02a ul{margin: 0 0 -0.9rem;padding: .8rem 0 0;}
.index_02a .item{margin: 0 0 .9rem;border: .1rem solid #B5D67A;position: relative;padding: 0 5rem 0 0;align-items: center;flex-wrap: nowrap;}
.index_02a .item::after{content: '';display: block;width: 1.5rem;height: 1.5rem;background: url(../images/index_more2.png) no-repeat center/cover;position: absolute;right: 2rem;top: 50%;transform: translateY(-50%);}
.index_02a .num{width: 6.5rem;height: 5rem;display: flex;align-items: center;text-align: center;background: #B5D67A;font-weight: bold;justify-content: center;}
.index_02a .num span{color: #fff;}
@supports (-webkit-background-clip: text) or (background-clip: text) {
.index_02a .num span{background: linear-gradient(90deg, #10595DFF,#176464FF,#23766FFF,#349080FF,#4AB095FF,#51BA9BFF 100%);-webkit-background-clip: text;background-clip: text;color: transparent;}
}
.index_02a .title{margin: 0 1.4rem 0 2.1rem;/*color: #17352A;*/font-weight: bold;}
.index_02a .vicetitle{color: #B5D67A;flex-shrink: 1;}


.majors-img{width:100%;max-width:79.2rem}
.majors-img img{width:100%;height:auto}

.wrap_mode03{position:relative;background-color: #D8EAD5;padding: 6.9rem 0 6.4rem;overflow: hidden;}
.mode03{position:relative;}
.mode03 .lf{width: calc(50% - 4.5rem);}
.mode03 .rt{width: calc(50% - 4.1rem);}

.student-content{display:flex;margin-top: 2.9rem;flex-wrap: nowrap;}

.student-img{flex-shrink:0;width: 48.2%;display: block;}
.student-img .gp-img{padding-bottom: 77.7%;}

.student-list{display:flex;flex-direction:column;width: 50%;}
.student-list>*{margin-bottom:.9rem}
.student-list>:last-child{margin-bottom:0}
.student-item{display:flex;align-items:center;background:#fff;padding: 1rem 1.8rem}
.student-item>*{margin-right:1.5rem}
.student-item>:last-child{margin-right:0}
@media screen and (min-width:640px){
.student-item>*{margin-right:1.8rem}
}

.student-item .icon-wrap{width:4.8rem;height:4.8rem;background:#B5D67A;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.student-item .icon-wrap img{width: 3.2rem;height: 3.2rem}
.student-item h3{font-weight:700;color:#0e3a28;margin: 0 0 .3rem;}
.student-item p{color:#66796f;}
.student-item:hover h3,.student-item:hover p{color: #B5D67A;}


.index_03{/* margin: 0 auto; *//* max-width: 115.2rem; */}
.index_03 > h3{color: #17352A;margin: 0 0 3rem;text-align: center;}
.index_03 ul{margin: 0 0 -4rem -4rem;justify-content: center;}
.index_03 li{width:auto;}
.index_03 .item{margin: 0 0 4rem 4rem;padding: 2.2rem;background: #fff;border: .1rem solid #B5D67A;text-align: left;align-items: center;min-width: 25rem;}
.index_03 .icon-wrap{width:5.2rem;height:5.2rem;background:#B5D67A;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.index_03 .icon-wrap img{width: 2.5rem;height: 2.5rem}
.index_03 .right{margin: 0 0 0 1.6rem;min-width: calc(100% - 6.8rem);line-height: 1.5;/* flex: 1; */}
.index_03 .title{margin: 0 0 .4rem;white-space:nowrap;}

.wrap_mode04{padding: 5rem 0 5.6rem;background: url(../images/mode02_bg.jpg) no-repeat center/cover;}
.mode04{}

.index_04{}
.index_04 h3{color: #fff;text-align: center;margin: 0 0 4.2rem;letter-spacing: .4rem;}
.index_04 ul{margin: 0 0 -3rem -3.6rem;}
.index_04 .item{margin: 0 0 3rem 3.6rem;color: #fff;text-align: center;}
.index_04 .top{font-size: 5.2rem;font-weight: bold;}
.index_04 .title{margin: .3rem 0 .6rem;color: #B5D67A;}
.index_04 .summary{margin: 0 0;color: #B8FFFF;}


@media screen  and (max-width:992px){
    .banner{height: auto;}
	.banner .banner-img{padding-bottom: 50%;}

    .banner_bottom{width: 96%;margin: 0;left: 2%;}
   
    .wrapbanner{padding: 0;}
    .hero-content{left: 20px;max-width: calc(100% - 40px);}

    .wrap_mode01{padding: 0;}
    .wrap_mode01::after,.wrap_mode02::after,.wrap_mode03::after{display:none}
    .mode01 .lf, .mode01 .rt,.mode02 .lf, .mode02 .rt,.mode03 .lf, .mode03 .rt{width: 100%;padding: 20px 0;position: relative;}
    .mode01 .lf::before,.mode02 .rt::before{content: '';display: block;position: absolute;left: -10%;top: 0;width: 120%;height: 100%;z-index: -1;background: #EAF3E8;}

    .wrap_mode02{padding: 0;}
    .wrap_mode03{padding: 30px 0;}

	.index_03 li{width: 50%;}
	.index_03 .right{margin: 0;width: calc(100% - 6.8rem);}
	.index_03 .title{/*white-space:normal;*/}
}
@media screen and (max-width: 767px){
    .wrapbanner .arrow{top: auto;bottom: 0;}

	.banner .banner-img{padding-bottom: 520px;}
    .hero-badge{max-width: 100%;}
    .hero-title{font-size: 30px;}

    .wrapbanner .swiper_menu{width: 100%;bottom: 20px;}

    .listTitle2{flex-direction: column;align-items: flex-start;}
    .listTitle2 .title-wrap{flex-direction: column;align-items: flex-start;}
    .listTitle2 .sub{margin: 8px 0;}
    .listTitle2 .readMore{margin: 0;}
    
    .readMore{line-height: 30px;height: 30px;font-size: 13px;}

    .wrap_mode01{padding-top: 0px;}
    .wrap_mode02{padding-bottom: 0;}

    .list1{width: 100%;margin: 0;}
    .list1 li{width: 100%;}
    .list1 a{margin-left: 0;}

    .index_01{width: 100%;}
    .index_01 .item{line-height: 1.5;}

    .item_txt3 h3{margin-bottom: 8px;font-size: 16px;}
    .item_txt3 .desc{font-size: 13px;}
    
    .list2 .content p{font-size: 14px;}
    .list2 .icon{margin-top: 8px;}

    .platform-item a{flex-direction: column;align-items: flex-start;padding: 16px;}
    .platform-item .content{width: 100%;}
    .platform-item .icon-wrap{margin: 0 0 12px;}
    .platform-item .arrow-btn{display: none;}

    .student-img{width: 100%;max-width: 100%;margin: 0 0 12px;}
    .student-content{flex-direction: column;}
    .student-item .icon-wrap{width: 30px;height: 30px;}
    .student-list{width: 100%;}
    
    .tab-menu{margin: 0 0 16px;}
    .notice-tab .readMore{position: relative;top: 0;display: inline-flex;white-space: nowrap;}
    .list2{padding: 10px 0;}
    
    .index_02a .item{padding-top: 4px;padding-bottom: 4px;}
    .index_02a .title{width: 5em;}

    .index_03 ul{margin-bottom: -10px;}
    .index_03 .item{margin-bottom: 10px;}

}
@media screen and (max-width: 380px){
    .tab-menu>*{margin-right: 8px;}
}