@charset "utf-8";

.banner{position: relative;height: calc(100vh - 146px);overflow: hidden;}
.banner .swiper-slide .pic{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-position: center;background-size: cover;background-repeat: no-repeat;}
.banner .swiper-slide .video{height: 100%;}
.banner .swiper-slide .video video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.banner .swiper-pagination{z-index: 2;bottom: 30px;font-size: 0;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;margin: 0 6px;background-color: #fff;border-radius: 6px;opacity: .5;transition: .5s;}
.banner .swiper-pagination .swiper-pagination-bullet-active{width: 28px;opacity: 1;}
.banner .btn{z-index: 1;position: absolute;top: 50%;width: 60px;height: 60px;margin-top: -30px;background-color: rgba(255,255,255,.2);border: 1px solid #fff;border-radius: 4px;backdrop-filter: blur(10px);cursor: pointer;transition: .3s;}
.banner .btn::after{content: '';position: absolute;left: 50%;top: 50%;width: 20%;height: 20%;border-top: 2px solid #fff;}
.banner .prev-btn{left: 0;transform: translateX(-100%);}
.banner .prev-btn::after{border-left: 2px solid #fff;transform: translate(-30%,-50%) rotate(-45deg);}
.banner .next-btn{right: 0;transform: translateX(100%);}
.banner .next-btn::after{border-right: 2px solid #fff;transform: translate(-70%,-50%) rotate(45deg);}
.banner .btn:hover{background-color: #00685D;border-color: #00685D;}
.banner:hover .prev-btn{transform: translateX(40%);}
.banner:hover .next-btn{transform: translateX(-40%);}


.index-container{min-height: 500px;}

.index-title{display: flex;justify-content: space-between;align-items: center;margin-bottom: 50px;}
.index-title .name{position: relative;padding-bottom: .5em;font-size: 30px;line-height: 1;font-weight: bold;}
.index-title .name::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 4px;background-image: linear-gradient(90deg,#FF8D12 1em,#0F578B 1em);border-radius: 2px;}
.index-title.white .name{color: #fff;}
.index-title.white .name::after{background-image: linear-gradient(90deg,#FF8D12 1em,#fff 1em);}
.index-title.white .index-more-btn{color: #fff;}
.index-title.white .index-more-btn::before{background-color: #fff;}
.index-title.white .index-more-btn::after{border-color: #fff;}

.index-more-btn{position: relative;display: inline-block;vertical-align: top;padding-right: 4em;line-height: 20px;white-space: nowrap;color: #00685D;transition: .3s;}
.index-more-btn::before{content: '';position: absolute;right: 1.6em;top: 50%;width: 1.8em;height: 1px;background-color: #00685D;}
.index-more-btn::after{content: '';position: absolute;right: 0;top: 50%;width: 1.6em;height: 1.6em;background-color: #fff;border: 1px solid #00685D;border-radius: 50%;transform: translateY(-50%);background-image: url(../images/icon_logo.png);background-size: 100% 100%;}
.index-more-btn:hover{color: #00685D;transform: translateX(.3em);}

.index-container .part0{z-index: 1;position: relative;background-color: rgba(0,104,93,.6);}
.index-container .part0 .top-news-swiper{margin-top: -80px;}
.index-container .part1{padding: 0;}
.index-container .part2{padding: 50px 0 100px;background: #337C6F url(../images/index_part_bg1.jpg) center no-repeat;background-size: cover;}
.index-container .part3{padding: 60px 0 80px;background: #F5F5F5 url(../images/index_part_bg2.jpg) center no-repeat;background-size: cover;}
.index-container .part4{position: relative;padding: 150px 0 130px;background: #75A5D5 url(../images/index_part_bg3.jpg) center no-repeat;background-size: cover;}
.index-container .part4::before{content: '';position: absolute;left: 6.25%;bottom: 0;width: 58.85%;height: calc(100% + 70px);background: url(../images/index_part_element_building.png) center no-repeat;background-size: contain;}
.index-container .part4 .w1600 > .top{padding: 30px 36px;margin-left: 33.33%;background-color: rgba(0,104,93,.6);backdrop-filter: blur(10px);}
.index-container .part4 .w1600 > .top .index-title{margin-bottom: 25px;}
.index-container .part4 .w1600 > .bottom{display: flex;justify-content: space-between;flex-wrap: wrap;}
.index-container .part4 .w1600 > .bottom > .con-l{width: 50%;}
.index-container .part4 .w1600 > .bottom > .con-r{width: 33.33%;}


.top-news-swiper{position: relative;height: 80px;overflow: hidden;}
.top-news-swiper .swiper-slide a{display: flex;justify-content: space-between;align-items: center;height: 100%;color: #fff;}
.top-news-swiper .swiper-slide a .tit{flex: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: .3s;}
.top-news-swiper .swiper-slide a .index-more-btn{padding-left: 1.2em;margin-left: 200px;border-left: 1px solid rgba(255,255,255,.5);color: #fff;}
.top-news-swiper .swiper-slide a .index-more-btn::before{background-color: #fff;}
.top-news-swiper .swiper-slide a .index-more-btn::after{border-color: #fff;}
.top-news-swiper .swiper-pagination{z-index: 1;right: 160px;display: flex;}
.top-news-swiper .swiper-pagination .swiper-pagination-bullet{width: 16px;height: 16px;margin: 0 10px;background-color: #fff;opacity: .5;}
.top-news-swiper .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;}
.top-news-swiper .swiper-slide a:hover .tit{transform: translateX(.3em);}


.index-news-swiper{position: relative;overflow: hidden;}
.index-news-swiper .swiper-slide a{position: relative;display: block;overflow: hidden;}
.index-news-swiper .swiper-slide .pic{position: relative;overflow: hidden;}
.index-news-swiper .swiper-slide .pic::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 65%;background-image: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.7));pointer-events: none;}
.index-news-swiper .swiper-slide .pic em{display: block;padding-top: 61.3%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.index-news-swiper .swiper-slide .info{position: absolute;left: 0;right: 0;bottom: 0;padding: 2em;color: #fff;transform: translateY(7em);transition: .5s;}
.index-news-swiper .swiper-slide .info .date{margin-bottom: 1em;font-size: 14px;transition: .3s;}
.index-news-swiper .swiper-slide .info .tit{height: 3em;line-height: 1.5;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index-news-swiper .swiper-slide .info .txt{position: relative;height: 4.8em;padding-top: 1em;margin-top: 1em;line-height: 1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;opacity: .8;}
.index-news-swiper .swiper-slide .info .txt::before{content: '';position: absolute;left: 0;top: 0;width: 8em;height: 1px;background-color: #fff;transform: scaleX(0);transform-origin: left;transition: .5s;}
.index-news-swiper .swiper-slide a:hover .info{transform: translateY(0);}
.index-news-swiper .swiper-slide a:hover .info .txt::before{transform: scaleX(1);transition-delay: .3s;}
.index-news-swiper .swiper-slide.no-pic .pic::after{display: none;}
.index-news-swiper .swiper-slide.no-pic .info{color: #333;transform: translateY(0);}
.index-news-swiper .swiper-slide.no-pic .info .txt{color: #666;}
.index-news-swiper .swiper-slide.no-pic .info .txt::before{background-color: #FF8D12;}
.index-news-swiper .swiper-slide.no-pic a:hover .info .date{color: #FF8D12;}
.index-news-swiper .btn{z-index: 1;position: absolute;top: 50%;width: 50px;height: 180px;margin-top: -90px;background-color: #fff;cursor: pointer;box-shadow: 0 0 10px rgba(0,0,0,.1);transition: .3s;}
.index-news-swiper .btn::after{content: '';position: absolute;left: 50%;top: 50%;width: 14px;height: 14px;border-top: 2px solid #00685D;}
.index-news-swiper .prev-btn{left: 0;border-radius: 0 16px 16px 0;transform: translateX(-100%);}
.index-news-swiper .prev-btn::after{border-left: 2px solid #00685D;transform: translate(-30%,-50%) rotate(-45deg);}
.index-news-swiper .next-btn{right: 0;border-radius: 16px 0 0 16px;transform: translateX(100%);}
.index-news-swiper .next-btn::after{border-right: 2px solid #00685D;transform: translate(-70%,-50%) rotate(45deg);}
.index-news-swiper .btn:hover{background-color: #00685D;}
.index-news-swiper .btn:hover::after{border-color: #fff;}
.index-news-swiper .prev-btn{transform: translateX(0);}
.index-news-swiper .next-btn{transform: translateX(0);}


.teacher-pic-swiper{position: relative;padding: 20px 6.25% 0;overflow: hidden;}
.teacher-pic-swiper .swiper-slide a{display: block;transition: .5s;}
.teacher-pic-swiper .swiper-slide .pic{border: 8px solid #fff;border-radius: 50%;overflow: hidden;}
.teacher-pic-swiper .swiper-slide .pic em{display: block;padding-top: 100%;background-position: center top;background-size: cover;background-repeat: no-repeat;}
.teacher-pic-swiper .swiper-slide .name{margin-top: 2em;text-align: center;font-weight: bold;color: #fff;}
.teacher-pic-swiper .swiper-slide a:hover{transform: translateY(-20px);}
.teacher-pic-swiper .btn{z-index: 1;position: absolute;top: 50%;width: 36px;height: 36px;margin-top: -2.5em;background-color: rgba(255,255,255,.2);border: 1px solid rgba(255,255,255,.5);border-radius: 4px;backdrop-filter: blur(10px);cursor: pointer;transition: .3s;}
.teacher-pic-swiper .btn::after{content: '';position: absolute;left: 50%;top: 50%;width: 20%;height: 20%;border-top: 2px solid #fff;}
.teacher-pic-swiper .prev-btn{left: 0;}
.teacher-pic-swiper .prev-btn::after{border-left: 2px solid #fff;transform: translate(-30%,-50%) rotate(-45deg);}
.teacher-pic-swiper .next-btn{right: 0;}
.teacher-pic-swiper .next-btn::after{border-right: 2px solid #fff;transform: translate(-70%,-50%) rotate(45deg);}
.teacher-pic-swiper .btn:hover{background-color: #00685D;border-color: #00685D;}


.notice-info-swiper{padding: 30px 0 40px;overflow: hidden;}
.notice-info-swiper .swiper-slide a{position: relative;display: block;padding: 75px 30px 56px;background-color: #fff;border-radius: 4px;transition: .5s;}
.notice-info-swiper .swiper-slide a .date{position: absolute;left: 30px;top: -30px;padding: .9em .6em;background-color: #00685D;border-radius: 4px;line-height: 1;text-align: center;color: #fff;}
.notice-info-swiper .swiper-slide a .date .big{font-size: 26px;}
.notice-info-swiper .swiper-slide a .date .small{margin-top: .4em;}
.notice-info-swiper .swiper-slide a .tit{margin-bottom: .8em;font-weight: bold;line-height: 1.5;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: .3s;}
.notice-info-swiper .swiper-slide a .txt{line-height: 1.6;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.notice-info-swiper .swiper-slide a:hover{box-shadow: 0 15px 25px rgba(0,0,0,.2);}
.notice-info-swiper .swiper-slide a:hover .tit{color: #00685D;}


.study-news-list{}
.study-news-list li{margin-top: .8em;}
.study-news-list li a{display: flex;align-items: center;padding: 1.2em 0;border-bottom: 1px solid rgba(255,255,255,.3);color: #fff;}
.study-news-list li:first-child a{border-top: 0;}
.study-news-list li a .tit{flex: 100%;position: relative;padding-left: 1.8em;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: .3s;}
.study-news-list li a .tit::before{content: '';position: absolute;left: 0;top: 50%;width: 1em;height: 1em;margin-top: -.5em;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTMuNzUgMTcuODZjLjA1NC0uMDQyLjEwNS0uMDkuMTUyLS4xNGwyLjItMi4zOWMuMTctLjE4Ni4zMjItLjQ2LjQyNS0uNzQ3SDE1Yy0uNjk0IDAtMS4yNS41NTktMS4yNSAxLjI1NXYyLjAyM3ptLS44MzMuNDE0di0yLjQzN0EyLjA4MiAyLjA4MiAwIDAgMSAxNSAxMy43NWgxLjY2N1YzLjExNmMwLS43OTgtLjU5Ny0xLjQ1LTEuMzM0LTEuNDVINC42NjdjLS43MzQgMC0xLjMzNC42NS0xLjMzNCAxLjQ1djEzLjc2N2MwIC44MDIuNTk3IDEuNDUgMS4zMzQgMS40NWg3LjgzOWMuMTI3IDAgLjI2OC0uMDIuNDEtLjA1OHptLS40MTEuODkzaC03Ljg0Yy0xLjIxMyAwLTIuMTY2LTEuMDM3LTIuMTY2LTIuMjg0VjMuMTE3QzIuNSAxLjg3IDMuNDU1LjgzMyA0LjY2Ny44MzNoMTAuNjY2YzEuMjEzIDAgMi4xNjcgMS4wMzkgMi4xNjcgMi4yODNWMTMuODhjMCAuNjcxLS4zMyAxLjUxNy0uNzg1IDIuMDEybC0yLjIgMi4zOTFjLS40Ny41MS0xLjMxNy44ODMtMi4wMDguODgzaC0uMDAxek02LjI1IDVoNWEuNDE3LjQxNyAwIDAgMCAwLS44MzNoLTVhLjQxNy40MTcgMCAxIDAgMCAuODMzem0wIDMuMzMzaDYuNjY3YS40MTcuNDE3IDAgMCAwIDAtLjgzM0g2LjI1YS40MTcuNDE3IDAgMCAwIDAgLjgzM3ptMCAzLjMzNGg2LjY2N2EuNDE3LjQxNyAwIDAgMCAwLS44MzRINi4yNWEuNDE3LjQxNyAwIDAgMCAwIC44MzR6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=');background-size: 100% 100%;}
.study-news-list li a .date{margin-left: 2em;white-space: nowrap;opacity: .7;}
.study-news-list li a:hover .tit{transform: translateX(.3em);}

.fast-nav-box{display: flex;flex-wrap: wrap;height: 100%;}
.fast-nav-box .item{flex: 33.33%;display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: #fff;color: #00685D;}
.fast-nav-box .item .icon{width: 72px;height: 72px;}
.fast-nav-box .item .tit{margin-top: 1.2em;font-weight: bold;}
.fast-nav-box .item:nth-child(1){background-color: #0F578B;color: #fff;}
.fast-nav-box .item:nth-child(1) .icon{filter: brightness(0) invert(1);}
.fast-nav-box .item:nth-child(2){background-color: #FF8D12;color: #fff;}
.fast-nav-box .item:nth-child(2) .icon{filter: brightness(0) invert(1);}
.fast-nav-box .item:nth-child(3){transform: translate(-100%,-100%);}
.fast-nav-box .item:nth-child(4){background: url(../images/fast_nav_item_bg1.jpg) center no-repeat;background-size: cover;}
.fast-nav-box .item:nth-child(5){background-color: rgba(255,255,255,.3);backdrop-filter: blur(10px);color: #fff;}
.fast-nav-box .item:nth-child(5) .icon{filter: brightness(0) invert(1);}
.fast-nav-box .item:nth-child(6){background-color: rgba(0,104,93,.6);backdrop-filter: blur(10px);color: #fff;}
.fast-nav-box .item:nth-child(6) .icon{filter: brightness(0) invert(1);}
.fast-nav-box .item:hover .icon{transform: rotateY(360deg);transition: 1s;}


.research-box{background-color: #fff;}
.research-box .index-title{flex-direction: column;align-items: flex-start;padding: 40px;margin-bottom: 0;background: url(../images/research_box_titleb_bg.jpg) center no-repeat;background-size: cover;}
.research-box .index-title .name{margin-bottom: 1em;}
.research-box .research-info-list{padding: 20px 30px 10px;}

.research-info-list{}
.research-info-list li{}
.research-info-list li a{position: relative;display: block;padding: .6em 0;line-height: 20px;}
.research-info-list li .tit{margin-bottom: .5em;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: .3s;}
.research-info-list li .txt{height: 0;line-height: 25px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: .3s;}
.research-info-list li:first-child{margin-bottom: .6em;border-bottom: 1px solid #eee;}
.research-info-list li:first-child .txt{height: 50px;}
.research-info-list li a:hover .tit{color: #00685D;}


@media screen and (max-width: 1550px){
	
}


@media screen and (max-width: 1440px){
	
	.party-news-wrap2{padding: 30px;}
}


@media screen and (max-width: 1300px){
	
}


@media screen and (max-width: 1024px){
	
	.banner{height: auto;}
	.banner .swiper-slide .pic{position: static;padding-top: 36%;}
	.banner .swiper-slide .video{height: auto;padding-top: 36%;}
	.banner .swiper-pagination{bottom: 10px;}
	.banner .swiper-pagination .swiper-pagination-bullet{width: 6px;height: 6px;margin: 0 3px;}
	.banner .swiper-pagination .swiper-pagination-bullet-active{width: 18px;}
	.banner .btn{display: none;}
	
	
	.index-title{margin-bottom: 20px;}
	.index-title .name{font-size: 20px;}
	.index-title .index-more-btn{margin-top: 0;}
	
	.index-more-btn{padding-right: 3em;}
	.index-more-btn::before{right: 1.2em;width: 1.4em;}
	.index-more-btn::after{width: 1.2em;height: 1.2em;}
	
	.index-container .part0{background-color: rgba(0,104,93,1);}
	.index-container .part0 .top-news-swiper{margin-top: 0;}
	.index-container .part1{padding: 0;}
	.index-container .part2{padding: 30px 0;}
	.index-container .part3{padding: 30px 0;}
	.index-container .part4{padding: 30px 0;}
	.index-container .part4 .w1600 > .top{padding: 20px 15px 25px;margin-left: 0;}
	.index-container .part4 .w1600 > .top .index-title{margin-bottom: 15px;}
	.index-container .part4 .w1600 > .bottom{margin-top: 30px;}
	.index-container .part4 .w1600 > .bottom > .con-l{width: 100%;}
	.index-container .part4 .w1600 > .bottom > .con-r{width: 100%;margin-top: 30px;}

	
	.top-news-swiper{height: 60px;}
	.top-news-swiper .swiper-slide a{display: flex;justify-content: space-between;align-items: center;height: 100%;color: #fff;}
	.top-news-swiper .swiper-slide a .tit{flex: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: .3s;}
	.top-news-swiper .swiper-slide a .index-more-btn{padding-left: 0;margin-left: 2em;border-left: 0;}
	.top-news-swiper .swiper-pagination{display: none;}

	
	.index-news-swiper .swiper-slide.no-pic .info .txt::before{transform: scaleX(1);}
	.index-news-swiper .swiper-slide.no-pic .info .date{color: #FF8D12;}
	.index-news-swiper .btn{display: none;}

	
	.teacher-pic-swiper{padding: 10px 20px 0;}
	.teacher-pic-swiper .swiper-slide .name{margin-top: 1em;}
	.teacher-pic-swiper .swiper-slide a:hover{transform: translateY(-10px);}
	.teacher-pic-swiper .btn{display: none;}

	
	.notice-info-swiper{padding: 15px 0 0;}
	.notice-info-swiper .swiper-slide a{padding: 50px 15px 30px;}
	.notice-info-swiper .swiper-slide a .date{left: 15px;top: -15px;padding: 0.6em 0.7em;}
	.notice-info-swiper .swiper-slide a .date .big{font-size: 18px;}
	.notice-info-swiper .swiper-slide a:hover{box-shadow: none;}
	.notice-info-swiper .swiper-slide a:hover .tit{color: #00685D;}

	
	.study-news-list li{margin-top: .5em;}
	.study-news-list li a{padding: .8em 0;}
	.study-news-list li a .date{margin-left: 1em;font-size: 13px;}

	
	.fast-nav-box .item{box-sizing: border-box;padding: 1.2em 1em;}
	.fast-nav-box .item .icon{width: 36px;height: 36px;}
	.fast-nav-box .item .tit{margin-top: .6em;}
	.fast-nav-box .item:nth-child(3){transform: translate(0,0);}

	
	.research-box .index-title{padding: 20px;}
	.research-box .index-title .name{margin-bottom: .5em;}
	.research-box .research-info-list{padding: 15px 20px;}
	
	.research-info-list li .txt{display: none;}
	.research-info-list li:first-child{margin-bottom: 0;border-bottom: 0;}
	.research-info-list li a{padding: .4em 0;}
}


@media screen and (max-width: 820px){
	
}