@charset "utf-8";

.inpage-container{min-height: 500px;box-sizing: border-box;padding: 0 0 80px;margin-top: -100px;background-color: #F8F8F8;}
.inpage-container .w1600{display: flex;justify-content: space-between;}
.inpage-container .w1600 > .con-l{flex: 0 0 260px;background-color: #F3F3F3;}
.inpage-container .w1600 > .con-r{flex: 100%;overflow: hidden;background-color: #fff;}
.inpage-container .w1600 > .con-r > .content{padding: 60px;}

.bread{position: relative;display: inline-block;vertical-align: top;line-height: 20px;white-space: nowrap;color: #666;}
.bread .icon{display: inline-block;vertical-align: middle;width: 16px;height: 16px;margin: -.25em .2em 0 0;opacity: .6;}
.bread a{position: relative;display: inline-block;vertical-align: top;margin: 0 4px;color: #666;transition: .3s;}
.bread a:nth-of-type(1){margin-left: 0;}
.bread a.on,.bread a:hover{color: #00685D;}

.page{padding-top: 40px;font-size: 0;text-align: center;}
.page > *{height: 40px;display: inline-block;box-sizing: border-box;padding: 0 1.1em;margin: 0 5px;background-color: #fff;border: 1px solid #e6e6e6;font-size: 14px;line-height: 40px;color: #333;transition: .3s;}
.page input{width: 40px;text-align: center;}
.page .no-border{padding: 0 .5em;border-color: transparent;}
.page > a.on,.page > a:hover{background-color: #00685D;border-color: #00685D;color: #fff;}


.inpage-banner{position: relative;max-height: 400px;overflow: hidden;}
.inpage-banner .bg{padding-top: 20.83%;background-position: center;background-size: cover;background-repeat: no-repeat;}

.inpage-title{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;position: relative;height: 100px;padding: 0 60px;background-image: linear-gradient(0deg,#eee 1px,rgba(0,0,0,0) 1px);line-height: 100px;}
.inpage-title .name{position: relative;font-weight: bold;color: #00685D;}
.inpage-title .name::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 3px;background-color: currentColor;}

.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);}

.vertical-nav-box{background-color: #fff;}
.vertical-nav-box .title{display: flex;align-items: center;height: 100px;padding: 0 30px;background: url(../images/menu_title_bg.jpg) center no-repeat;background-size: cover;}
.vertical-nav-box .title .cn{font-size: 24px;font-weight: bold;color: #00685D;}
.vertical-nav-box .title .en{margin-top: .4em;font-size: 12px;text-transform: uppercase;color: #FF8D12;}
.vertical-nav-box .nav-1st{}
.vertical-nav-box .nav-1st > li{border-bottom: 1px solid #eee;}
.vertical-nav-box .nav-1st > li > a{position: relative;display: block;padding: 25px 60px 25px 30px;line-height: 20px;transition: .3s;}
.vertical-nav-box .nav-1st > li > a::after{content: '';position: absolute;right: 30px;top: 50%;width: 14px;height: 4px;border-bottom: 1px solid currentColor;border-right: 1px solid currentColor;transform: translateY(-50%) skewX(45deg);}
.vertical-nav-box .nav-1st > li > a:hover{background-color: #eee;}
.vertical-nav-box .nav-1st > li.on > a{background-color: #00685D;color: #fff;}


.news-details-box{min-height: 500px;}
.news-details-box .title{font-size: 24px;line-height: 1.4;font-weight: bold;}
.news-details-box .func-wrap{display: flex;justify-content: space-between;align-items: center;padding: 20px 0;border-bottom: 1px solid #eee;}
.news-details-box .record{display: flex;line-height: 1;color: #888;}
.news-details-box .record span{display: block;padding: 0 1em;border-left: 1px solid currentColor;}
.news-details-box .record span:first-child{padding-left: 0;border-left: 0;}
.news-details-box .record span .icon{display: inline-block;vertical-align: middle;width: 16px;height: 16px;margin: -.25em .4em 0 0;opacity: .5;}
.news-details-box .share-wrap .item .icon{filter: none;}
.news-details-box .share-wrap .weixin-btn{border-color: #00C800;}
.news-details-box .share-wrap .weibo-btn{border-color: #F5AA16;}
.news-details-box .share-wrap .qq-btn{border-color: #FF3D00;}
.news-details-box .content{padding: 20px 0;line-height: 2;}
.news-details-box .content p{margin-bottom: 10px;}
.news-details-box .content em{font-style: italic;}
.news-details-box .jump-wrap{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;padding-top: 30px;border-top: 1px solid #eee;font-size: 16px;}
.news-details-box .jump-wrap .btn{position: relative;line-height: 20px;max-width: 35%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.3s;}
.news-details-box .jump-wrap .btn::before{content: '';position: absolute;top: 50%;width: 0;height: 0;border: 8px solid transparent;transform: translateY(-50%);color: #ccc;transition: 0.3s;}
.news-details-box .jump-wrap .prev-btn{padding-left: 22px;}
.news-details-box .jump-wrap .prev-btn::before{left: 0;top: 50%;border-right-color: currentColor;}
.news-details-box .jump-wrap .next-btn{padding-right: 22px;}
.news-details-box .jump-wrap .next-btn::before{right: 0;top: 50%;border-left-color: currentColor;}
.news-details-box .jump-wrap .back-btn{text-align: center;}
.news-details-box .jump-wrap .back-btn::before{display: none;}
.news-details-box .jump-wrap .back-btn .icon{display: inline-block;vertical-align: middle;width: 20px;height: 20px;margin: -.25em .4em 0 0;}
.news-details-box .jump-wrap .btn:hover{color: #00685D;}
.news-details-box .jump-wrap .btn:hover::before{color: #00685D;}

.about-box{}
.about-box .tit{margin-bottom: 1.2em;text-align: center;font-weight: bold;}
.about-box .txt{line-height: 2;}
.about-box .txt p{margin-bottom: 15px;}


.person-list{display: flex;flex-wrap: wrap;}
.person-list li{width: 22.5%;margin: 0 0 3.33% 3.33%;}
.person-list li:nth-child(4n+1){margin-left: 0;}
.person-list li a{display: block;background-color: #fff;transition: .5s;}
.person-list li .pic{overflow: hidden;}
.person-list li .pic em{display: block;padding-top: 123.7%;background-position: center top;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.person-list li .name{padding: 1.5em 1em;text-align: center;font-weight: bold;transition: .3s;}
.person-list li a:hover{box-shadow: 0 6px 10px rgba(0,0,0,.1);}
.person-list li a:hover .pic em{transform: scale(1.05);}
.person-list li a:hover .name{color: #00685D;}


.news-list{}
.news-list li+li{margin-top: 30px;}
.news-list li a{display: flex;justify-content: space-between;align-items: flex-start;padding: 40px 50px;background-color: #FBFBFB;transition: .5s;}
.news-list li .date{margin: .2em 60px 0 0;font-weight: bold;color: #00685D;}
.news-list li .info{flex: 100%;overflow: hidden;}
.news-list li .info .tit{margin-bottom: 1em;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: .3s;}
.news-list li .info .txt{line-height: 1.6;color: #888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-list li .index-more-btn{margin: 30px 0 0 110px;}
.news-list li a:hover{background-color: #fff;box-shadow: 0 6px 10px rgba(0,0,0,.1);}
.news-list li a:hover .tit{color: #00685D;transform: translateX(.3em);}


.show-pic-list{display: flex;flex-wrap: wrap;}
.show-pic-list li{width: 31%;margin: 0 0 3.5% 3.5%;}
.show-pic-list li:nth-child(3n+1){margin-left: 0;}
.show-pic-list li a{display: block;background-color: #FBFBFB;transition: .5s;}
.show-pic-list li .pic{overflow: hidden;}
.show-pic-list li .pic em{display: block;padding-top: 70.86%;background-position: center top;background-size: cover;background-repeat: no-repeat;transition: .5s;}
.show-pic-list li .info{padding: 20px;}
.show-pic-list li .info .tit{margin-bottom: .5em;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: .3s;}
.show-pic-list li .info .txt{line-height: 1.6;color: #888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.show-pic-list li .info .more{position: relative;padding-top: 1em;margin-top: 1.5em;border-top: 1px solid #eee;font-size: 14px;color: #00685D;}
.show-pic-list li .info .more .arrow{position: absolute;right: 0;top: 50%;width: 6px;height: 6px;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(-30%,50%) rotate(45deg);}
.show-pic-list li a:hover{box-shadow: 0 6px 10px rgba(0,0,0,.1);}
.show-pic-list li a:hover .pic em{transform: scale(1.05);}
.show-pic-list li a:hover .info .tit{color: #00685D;}


.teacher-name-box{}
.teacher-name-box .section{}
.teacher-name-box .section-title{display: flex;justify-content: space-between;align-items: center;height: 66px;padding: 0 35px 0 50px;background: #00685D url(../images/teacher_name_title_bg.jpg) center no-repeat;background-size: cover;color: #fff;}
.teacher-name-box .section-title .txt{display: flex;align-items: center;line-height: 16px;}
.teacher-name-box .section-title .txt span{padding: 0 1em;border-left: 1px solid currentColor;}
.teacher-name-box .section-title .txt span:first-child{border-left: 0;}
.teacher-name-box .section-subtitle{display: flex;justify-content: space-between;align-items: center;height: 66px;padding: 0 50px;margin-top: 20px;background-color: #f5f5f5;}
.teacher-name-box .section-content{padding: 15px 20px;}

.name-list{display: flex;flex-wrap: wrap;}
.name-list li{margin: 15px 20px;}
.name-list li a{display: block;transition: .3s;}
.name-list li a:hover{text-decoration: underline;color: #00685D;}


@media screen and (max-width: 1550px){
	
}


@media screen and (max-width: 1440px){
	
}


@media screen and (max-width: 1300px){
	
}


@media screen and (max-width: 1024px){
	
	.inpage-container{min-height: 300px;padding: 20px 0 30px;margin-top: 0;}
	.inpage-container .w1600 > .con-l{display: none;}
	.inpage-container .w1600 > .con-r{padding: 10px;}
	.inpage-container .w1600 > .con-r > .content{padding: 0;}
	
	.bread{font-size: 13px;}
	.bread .icon{width: 12px;height: 12px;}
	
	.page{padding-top: 30px;}
	.page > *{padding: 0 .8em;margin: 0 3px;height: 28px;font-size: 12px;line-height: 26px;}
	
	
	.inpage-banner .bg{padding-top: 25%;}
	.inpage-banner .title .cn{font-size: 20px;}
	.inpage-banner .title .en{font-size: 14px;}
	
	.inpage-title{height: auto;padding: 0 0 15px;margin-bottom: 20px;line-height: 20px;}
	.inpage-title .name{padding-bottom: .5em;font-size: 18px;}
	.inpage-title .bread{width: 100%;margin-top: 1em;}
	
	
	.news-details-box .title{font-size: 18px;}
	.news-details-box .func-wrap{padding: 10px 0;flex-wrap: wrap;}
	.news-details-box .func-wrap .share-wrap{display: none;}
	.news-details-box .record{justify-content: center;flex-wrap: wrap;text-align: center;}
	.news-details-box .record span{padding: 0;margin: .3em .5em;border-left: 0;}
	.news-details-box .record span .icon{width: 12px;height: 12px;}
	.news-details-box .content{padding: 15px 0;font-size: 15px;}
	.news-details-box .content p{margin-bottom: 8px;}
	.news-details-box .jump-wrap{padding-top: 10px;margin-top: 0;}
	.news-details-box .jump-wrap .btn{max-width: 100%;margin-top: 0;font-size: 14px;}
	.news-details-box .jump-wrap .back-btn{margin: 1em 0;}

	
	.about-box .tit{margin-bottom: 1em;}
	.about-box .txt p{margin-bottom: 10px;}
	
	
	.person-list li{width: 47%;margin: 0 0 6% 6%;}
	.person-list li:nth-child(4n+1){margin-left: 6%;}
	.person-list li:nth-child(2n+1){margin-left: 0;}
	.person-list li .name{padding: 1em .5em;}

	
	.news-list li+li{margin-top: 25px;}
	.news-list li a{flex-direction: column;align-items: initial;padding: 0;background-color: #fff;}
	.news-list li .date{margin: 0 0 .4em;}
	.news-list li .info .tit{margin-bottom: .6em;}
	.news-list li .index-more-btn{display: none;}

	
	.show-pic-list li{width: 47%;margin: 0 0 6% 6%;}
	.show-pic-list li:nth-child(3n+1){margin-left: 6%;}
	.show-pic-list li:nth-child(2n+1){margin-left: 0;}
	.show-pic-list li .info{padding: 10px 0;}
	.show-pic-list li .info .txt{display: none;}
	.show-pic-list li .info .more{padding-top: .6em;margin-top: .6em;}

	
	.teacher-name-box .section-title{flex-direction: column;align-items: initial;height: auto;padding: 10px 15px 12px;}
	.teacher-name-box .section-title .txt{flex-direction: column;align-items: initial;font-size: 13px;}
	.teacher-name-box .section-title .txt span{padding: 0;margin-top: .4em;border-left: 0;}
	.teacher-name-box .section-subtitle{flex-direction: column;align-items: initial;height: auto;padding: 10px 15px;margin-top: 10px;}
	.teacher-name-box .section-subtitle .txt{margin-top: .4em;}
	.teacher-name-box .section-content{padding: 10px;}
	
	.name-list li{margin: 5px;}
}


@media screen and (max-width: 820px){
	
}