@charset "utf-8";
.sub-banner .gp-img-responsive{ padding-bottom: 20.83%;}

.gp-left{ width: 350px; flex-shrink: 0; padding-bottom: 40px;}
.microsoft *{ font-family: 'Microsoft YaHei' !important;}

/*侧边栏*/
.gp-subLeft{background: #8AA07B; transform: translateY(-100px);}
.gp-subLeft > ul{ background: #F8F8F8; transform: translateX(20px); box-sizing: border-box; position: relative;}
.gp-subLeft > ul::after{ content: ''; width: 100%; height: 30px; background: #F8F8F8;
    position: absolute; bottom: -30px; left: 0px;}
.gp-subLeft > ul >li{ padding-left: 50px; position: relative;}
.gp-subLeft > ul >li::before{ content: ''; display: block; width: 0px; height: 10px; background: #8AA07B;
    position: absolute; left: 0px; top: 35px; transition: all 0.25s ease;}
.gp-subLeft > ul >li > a{padding: 30px 0;display: block; line-height: 24px; border-bottom: 1px solid rgba(0, 0, 0, 0.1);transition: all 0.35s ease-in-out;}
.gp-subLeft > ul >li:hover > a,.gp-subLeft > ul >li.on > a{background: initial; padding-right: 20px; margin-right: 0; color: #8AA07B; border-bottom: 1px solid #8AA07B;}
.gp-subLeft > ul >li:hover::before,.gp-subLeft > ul >li.on::before{ width: 30px;}
.gp-subLeft .gp-toggles{ width: 58px; height: 84px; position: absolute;right: 0;top: 0;
    line-height: 84px;text-align: center;cursor: pointer;color:#666}
.gp-second-nav{font-size: 14px;display: none;background: #EFF2ED;}
.gp-second-nav dd a{display: block; font-size: 16px; padding:10px 15px 10px 20px; transition: all 0.35s ease-in-out;}
.gp-second-nav dd a:hover,.second_nav dd a.on{background: #fff; color: #8AA07B;}

/*侧边栏移动端 */
.gp-m-subNav{display:none;}
.gp-m-inner-header{width:100%;height:40px;background-color:#e1ebe3;cursor:pointer;line-height: 40px;}
.gp-m-inner-header > span{height: 40px;padding-left: 15px;font-size: 16px;color:#666;}
.gp-m-subNav .gp-m-inner-header-icon-click{}
.gp-m-subNav .gp-m-inner-header-icon{float: right;width: 40px;height: 40px;text-align: center;}
.gp-m-subNav  .gp-m-inner-header-icon-click i{display: block;}
.gp-subNavm{ width:100%; overflow: hidden;display: none;}
.gp-subNavm h2{width:100%;height:48px;line-height:48px;background-color:#003c7f;}
.gp-subNavm h2 a{padding-left:13px;font-size:20px;font-family:Tahoma;display:block;color:#fff;}
.gp-subNavm ul{}
.gp-subNavm li{position: relative;}
.gp-subNavm li > a{ font-size: 14px;padding-left:13px;height:40px;line-height:40px;border-bottom:1px solid #e6e6e6;display:block;}
.gp-subNavm li.sub_has span{ margin-left: 10px;}
.gp-subNavm li.on a{ color:#003c7f; display:block; width:100%;}
.gp-m-toggle{width: 40px;height: 40px;position: absolute;right: 0;top: 0;line-height: 40px;text-align: center;}
.gp-subNavm dl{ display: none; background-color:#fff; padding:5px 0px;}
.gp-subNavm dl dd{ padding-left: 30px; line-height:18px; padding:8px 0px 8px 30px;border-bottom: 1px dotted #e6e6e6;}
.gp-subNavm li dl dd a{ font-size: 12px; font-weight:normal; display:inline;  border:none; padding:0px;}
.gp-subNavm li dl dd a:hover{ color:#a70510}


@media screen and (max-width:997px) {
  .gp-subLeft{display: none;}
  .gp-m-subNav{display: block;}
}
.gp-subLeft .h2{ font-size: 30px; line-height: 30px; font-weight: bold; color: #fff; padding: 35px 70px;}
.gp-right .h2{ width: 350px; line-height: 30px; font-weight: bold; color: #fff; padding: 35px 70px; box-sizing: border-box; background: #8AA07B;
    position: absolute; left: 0px; top: -100px; transition: all 0.35s ease;}

.gp-right{ width: calc(100% - 420px); position: relative;}
.page-title{ display: block; font-weight: bold; position: absolute; left: 0px; top: 30px;}
.bread{ font-size: 0; text-align: right; margin-top: 32px; padding-bottom: 22px; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.bread a{ font-size: 16px; color: #999;}
.bread span{ font-size: 16px; line-height: 16px; color: #999999;}

/* 简介页 */
.introduction{ margin-top: 30px; padding-bottom: 80px; min-height: 400px;}
.introduction p{ line-height: 30px; margin-bottom: 20px;}
.introduction p:last-child{ margin-bottom: 0px;}

/* 机构设置 */
.institution{ padding: 34px 0 80px; min-height: 400px;}
/* .institution li{ box-sizing: border-box;} */
.institution li:nth-of-type(odd){ background: #F8F8F8;}
.institution li a{ display: block; line-height: 20px; padding: 20px 30px; box-sizing: border-box; transition: font-weight 0.5s ease;}
.institution li:hover a{ font-weight: 800;}

/* 联系方式 */
.contact{ line-height: 21px; padding: 30px 0 80px;}
.contact .addr, .contact .mail, .contact .phone{ padding-left: 14px; margin-bottom: 30px; position: relative;}
.contact .addr::before, .contact .mail::before, .contact .phone::before{ 
    content: ''; display: block; width: 4px; height: 100%; background: #8AA07B;
    position: absolute; left: 0px; height: 100%;
}
.contact .map{ padding-top: 10px;}
.contact .map a{ display: block;}
.contact .map img{ width: 100%;}

/* 文字列表页 */
.list{ padding: 25px 0 80px;}
.list li{ background: #F8F8F8; margin-bottom: 20px;}
.list li:last-child{ margin-bottom: 0px;}
.list ul a{ display: block; padding: 20px 30px; line-height: 20px;}
.list ul a .date{ margin-left: 5px;}

/*分页*/
.gp-page { padding:50px 0 0; color:#999; font-size: 0px;}
.gp-page:after,.gp-page:before { content:" "; display:table}
.gp-page>a,.gp-page>span{display:inline-block; cursor: pointer; width: 30px; height: 30px; line-height: 30px; font-size: 16px;
 position:relative;text-align: center;  border:1px solid #ddd;  margin-bottom:5px; margin-left:10px;vertical-align: top; box-sizing: border-box; *display: inline; *zoom:1;}
.gp-page-select{height: 32px;line-height: 32px;min-width: 50px;display:inline-block;*display: inline;*zoom:1;vertical-align: top;}
.gp-page .gp-page-start,.gp-page .gp-page-end,.gp-page .gp-page-next,.gp-page .gp-page-prev,.gp-page > span {width: auto;padding:0 15px;}
.gp-page .gp-page-start, .gp-page .gp-page-prev,
.gp-page .gp-page-next, .gp-page .gp-page-end{ border: none; padding: 0 10px;}
.gp-page > span{border:none}
.gp-page > a:hover { background-color:#8AA07B; color: #fff;}
.gp-m-page{ display: none;}
.gp-m-page a{display: inline-block;margin:0 10px}
/*居中*/
.gp-page-centered {text-align:center}
/*右对齐*/
.gp-page-right {text-align:right}
.gp-page .omit{ cursor: not-allowed;}

/* 夏令营 */
.pic{ padding-bottom: 80px;}
.pic ul{ margin-left: -12.5px; margin-right: -12.5px; padding-top: 30px;}
.pic ul li{ padding-left: 10px; padding-top: 10px; margin-bottom: 40px; box-sizing: border-box;}
.pic ul a{ display: block; margin: 0 12.5px;}
.pic .img{ position: relative;}
.pic .img::after{ content: ''; display: block; background-color: #EFF2ED; transition: all 0.35s ease;
    position: absolute; inset: 0; z-index: -1;}
.pic li:hover .img::after{ background: #8AA07B;}
.pic .gp-img-responsive{ padding-bottom: 56.67%; transform: translate3d(-10px,-10px,0);}
.pic .title{ line-height: 24px; height: 48px; margin-top: 20px;}
.pic .date{ color: #8AA07B; padding-left: 20px; margin-top: 10px; position: relative;}
.pic .date::before{ content: ''; display: block; width: 20px; height: 1px; background: #8AA07B;
    position: absolute; left: -10px; top: 50%; transform: translateY(-50%);}
.pic .gp-page{ padding: 10px 0 0;}

.no-left .gp-right{ width: 100%;}
/* 附属单位 */
.detachment{ padding: 40px 0;}
.detachment li{ margin-bottom: 40px;}
.detachment li a{ display: block; background: #F8F8F8;}
.detachment li .left{ width: 400px; flex-shrink: 0;}
.detachment li .right{ width: calc(100% - 400px); padding: 40px 50px 45px; box-sizing: border-box;}
.detachment .gp-img-responsive{ padding-bottom: 56.25%;}
.detachment .name{ line-height: 1;}
.detachment .summary{ -webkit-line-clamp: 3;margin-top: 30px; line-height: 30px; color: #999999;}
.detachment a:hover img{ transform: scale(1.03); opacity: 0.85;}

/* 新闻动态 */
.no-left .page-title{ font-size: 0; top: 28px;}
.no-left .page-title a{ color: #CCCCCC; margin-right: 30px; transition: all 0.35s ease;}
.no-left .page-title a:last-child{ margin-right: 0px;}
.no-left .page-title a.current, .no-left .page-title a:hover{ color: #333;}
.news .vertical .date{ width: 70px; line-height: 30px;}
.news-list .date::after{ content: ''; display: block; width: 30px; height: 2px; background: #8AA07B;
  position: absolute; bottom: 0px; left: 0px;}
.news-list .year{ line-height: 17px; margin-top: 4px;}
.date span{ display: block; font-family: 'DIN';}
.news-list li .left{ position: relative; color: #fff;}
.news-list .date{ width: 200px; padding: 10px; background: url(../images/news_date_bg.png) no-repeat; background-size: 100% 100%;
    position: absolute; bottom: 0px; left: 0px;}
.news-list .gp-page{ padding-top: 10px;}

/* 通知公告 */
.notice-list{ padding-bottom: 80px;}
.notice-list ul{ padding-top: 26px;}
.notice-list li{ width: calc(50% - 20px); margin-bottom: 40px; background: #F8F8F8; padding: 30px 30px 33px; box-sizing: border-box;}
.notice-list li:nth-of-type(odd){ float: left;}
.notice-list li:nth-of-type(even){ float: right;}
.notice-list li:last-child{ margin-bottom: 0px;}
.notice-list a{ position: relative;}
.notice-list .title{ width: calc(100% - 92px); padding-left: 20px; box-sizing: border-box; line-height: 30px; height: 60px;}
.notice-list .date{ width: 92px; padding-left: 22px; line-height: 30px; box-sizing: border-box;}
.notice-list .year{ color: #999; line-height: 17px; margin-top: 4px;}
.notice-list .date::after{ content: ''; display: block; width: 2px; height: 100%; background: #8AA07B;
  position: absolute; bottom: 0px; left: 0px;}
.notice-list .gp-page{ padding-top: 10px;}

/* 师生风采 */
.teacher-list{ padding-bottom: 80px;}
.teacher-list ul{ padding-top: 30px; margin: 0 -20px;}
.teacher-list li{ width: 50%; float: left; /* background: #F8F8F8; */ width: 20%; margin-bottom: 40px;}
/* .teacher-list li:nth-of-type(odd){ float: left;} */
/* .teacher-list li:nth-of-type(even){ float: right;} */
.teacher-list > ul li a{ display: block; margin: 0 20px;}
/* .teacher-list a .img{ width: 200px; flex-shrink: 0;} */
.teacher-list .img .gp-img-responsive{ padding-bottom: 140%;}
.teacher-list a .info-box{ width: calc(100% - 200px); padding: 50px 50px 0; box-sizing: border-box;}
.teacher-list .name{ /* line-height: 28px; */font-weight: bold; margin-top: 15px;
    padding-left: 14px;
    line-height: 26px;
    height: 26px;
    position: relative;}
.teacher-list .name::before{ content: ''; display: block; width: 4px; height: 100%; background: #415E2E;
    position: absolute; left: 0px; top: 0px;}
.teacher-list .post{ color: #999999; line-height: 1; margin-top: 20px;}
.teacher-list .summary{ line-height: 27px; margin-top: 35px; -webkit-line-clamp: 3;}
.teacher-list .gp-page{ padding-top: 10px;}

/* 通栏文章页 */
.article .gp-right > .flex{ width: 100%; align-items: flex-start;}
.latest-news{ width: 370px; flex-shrink: 0; margin-left: 50px; padding-left: 20px; padding-top: 30px; box-sizing: border-box; }
.latest-container{ background: #8AA07B;}
.latest-container .grey-bg{ width: calc(100% + 10px); background: #F8F8F8; padding: 30px 30px 10px; box-sizing: border-box;
    position: relative; inset: 10px 0 0 -20px;}
.latest-container .grey-bg::after{ content: ''; display: block; width: 100%; height: 20px; background: #F8F8F8;
    position: absolute; bottom: -20px; left: 0px;}
.latest-til{ line-height: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.grey-bg ul li{ margin-top: 20px;}
.grey-bg li .date{ line-height: 1; color: #8AA07B; padding-left: 14px; position: relative;}
.grey-bg li .date::before{ content: ''; display: block; width: 4px; height: 100%; background: #8AA07B;
    position: absolute; left: 0px; top: 0px;}
.grey-bg li .title{ line-height: 24px; margin-top: 10px;}

.gp-left .latest-news{ width: 100%; padding-left: 0; padding-top: 0;}
.gp-left .latest-container .grey-bg{ inset: 10px 0 0 10px;}

.gp-article{ width: 100%; padding-bottom: 80px;}
.gp-title{ font-weight: bold; color: #8AA07B; text-align: center; line-height: 31px; margin-top: 30px;}
.gp-info{ text-align: center; margin-top: 20px; font-size: 0; padding-bottom: 20px;
    background-image: linear-gradient(to right,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 50%,transparent 50%);
    background-image: -webkit-linear-gradient(to right,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 50%,transparent 50%);
    background-image: -moz-linear-gradient(to right,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 50%,transparent 50%);
    background-image: -o-linear-gradient(to right,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 50%,transparent 50%);
    background-size: 8px 1px; background-repeat: repeat-x; background-position: bottom;}
.gp-info span{ display: inline-block; color: #999999; line-height: 21px; margin-right: 30px;}
.gp-info span:last-child{ margin-right: 0px;}
.gp-content{ padding: 30px 0 50px;}
.gp-content p{ line-height: 30px; margin-bottom: 30px;}
.gp-content p:last-child{ margin-bottom: 0px;}

.Annex{ line-height: 20px; color: #8AA07B;}
.Annex h3{ padding-bottom: 30px;}
.Annex li{ padding: 20px; background-color: #EFF2ED; margin-bottom: 10px;}
.Annex li:last-child{ margin-bottom: 0;}
.Annex li::marker{ content: '';}
.Annex li a{ display: block; line-height: 20px;}

/* 2023-07-03 师资名录 */
.multipleList{ padding-bottom: 80px;}
.level1{ font-weight: bold; padding: 25px 0 18px;}
.level2{ padding: 25px 0 18px;}
.nameList{ margin: 0 -12px;}
.nameList li{ margin-bottom: 20px; width: 16.6%; transition: all 0.35s ease;}
.nameList a{ display: block; color: #8AA07B; background: #f5f5f5; margin: 0 12px; padding: 13px 23px; font-weight: 400;
    box-sizing: border-box; transition: all 0.35s ease;}
.nameList a:hover{ font-weight: 800;}

/* 2023-08-28 师资详情页 */
.teacherIntroduction{background: white;padding: 15px 0px;}
.teacherIntroductionTitle{overflow: hidden;}
.teacherIntroductionTitleLeft{width: 150px;height: 200px;overflow: hidden;float: left;}
.teacherIntroductionTitleRight{margin-left: 170px;}
.teacherIntroductionTitleRight .name{font-size: 20px;font-weight: bold;color: #333;margin-bottom: 14px;line-height: 34px;}
.teacherIntroductionTitleRight ul li{line-height: 34px;font-size: 15px;color: #999;/* float: left; */width: 100%;}
.teacherIntroductionTitleRight ul li:nth-child(2n){width: auto;}
.teacherIntroductionTitleRight ul li span{color: #666;}
.teacherIntroduction .article .title{ font-weight: bold; height: 40px;background: rgba(130, 160, 123, 0.6);border-top: 1px solid #e5e5e5;line-height: 40px;padding-left: 20px;color: #333;margin-bottom: 20px;}
.teacherIntroduction .article{margin: 40px 0 50px;}
.teacherIntroduction .article p{color: #666666;font-size: 15px;line-height: 32px;}



/* 响应式样式 */
@media screen and (max-width:1600px){
    
}

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

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

@media screen and (max-width:1280px) {
    .pic ul li{ width: 50%;}
    .latest-news{ width: 300px; margin-left: 30px;}
    .grey-bg{ padding: 20px 15px 0px;}
}

@media screen and (max-width:1200px) {
    .gp-right{ width: calc(100% - 400px);}
    .teacher-list a .info-box{ padding: 30px 30px 0;}

    /* 2023-07-03 师资名录 */
    .nameList li{ width: 25%;}

    .teacher-list li{ width: 25%;}
}

@media screen and (max-width:1100px) {
    .gp-right .h2{ display: inline-block; width: unset; padding: 25px 50px; top: -80px;}
    .detachment li .right{ padding: 40px 30px;}
    .notice-list li{ width: calc(50% - 10px);}
    /* .teacher-list li{ width: calc(50% - 10px);} */
    .teacher-list a .info-box{ padding: 30px 20px 0; }
    .latest-news{ display: none;}

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

@media screen and (max-width:997px) {
    .sub-content > .flex{ flex-direction: column;}
    .gp-left, .gp-right{ width: 100%;}
    .gp-page{ display: none;}
    .gp-m-subNav{ margin-top: 10px;}
    .gp-m-page{ display: block;}
    .gp-m-page .gp-page-prev, .gp-m-page .gp-page-next{ border: 1px solid #ddd;}
    .detachment li .left{ width: 340px;}
    .detachment li .right{ width: calc(100% - 340px); padding: 30px 20px;}
    .detachment .summary{ margin-top: 20px;}
    .gp-right .h2{ font-size: 24px; padding: 15px 30px; top: -60px;}
    .notice-list li{ padding: 20px;}
    .notice-list .title{ padding-left: 0px;}
    .teacher-list ul{ margin: 0 -10px;}
    .teacher-list a{ margin: 0 10px;}
    .teacher-list li{ /* width: 100%;  */ margin-bottom: 30px;}
    .teacher-list .name{ font-size: 16px; margin-top: 10px; line-height: 20px; height: 20px;}
    .gp-left{ padding-bottom: 0px;}

}

@media screen and (max-width:767px) {
    .detachment li{ margin-bottom: 30px;}
    .detachment li .flex{ flex-direction: column;}
    .detachment li .left, .detachment li .right{ width: 100%;}
    .detachment li .right{ padding: 30px;}
    .detachment .summary{ -webkit-line-clamp: unset; overflow: visible;}
    .notice-list{ padding-bottom: 40px;}
    .notice-list li{ width: 100%; margin-bottom: 30px;}
    .notice-list .gp-page{ padding-top: 30px;}
    
    /* 2023-07-03 师资名录 */
    .nameList li{ width: 33.33%;}

}

@media screen and (max-width:680px) {
    .institution li a{ padding: 20px;}
    .pic ul{ margin-left: 0px; margin-right: 0px;}
    .pic ul li{ width: 100%; margin-bottom: 30px;}
    .pic ul a{ margin: 0;}
    .pic .title{ height: unset; -webkit-line-clamp: unset; overflow: visible;}
    .gp-right .h2{ position: relative; top: unset; padding: 0; background: initial; color: #333; margin-top: 20px;}
    .no-left .bread{ margin-top: 10px;}
    .no-left .page-title{ position: relative; top: unset; margin-top: 10px;}
    .teacher-list li{ margin-bottom: 20px;}

    /* 2023-07-03 师资名录 */
    .nameList{ margin: 0 -8px;}
    .nameList a{ margin: 0 8px;}

    .teacher-list li{ width: 33.3%;}
}

@media screen and (max-width:640px) {
    .teacherIntroduction{ padding: 15px 0;}
	.teacherIntroductionTitleLeft{margin: 0 auto;float: none;}
	.teacherIntroductionTitleRight ul li{float: none;width: auto;}
	.teacherIntroductionTitleRight{margin-left: 0;}
}

@media screen and (max-width:540px) {
    .gp-container{ padding-left: 0px; padding-right: 0px;}
    
    /* 2023-07-03 师资名录 */
    .nameList li{ width: 50%;}
}

@media screen and (max-width:479px) {
    .gp-container{ margin-left: 15px; margin-right: 15px;}
    .page-title{ position: relative; top: unset; margin-top: 10px;}
    .bread{ margin-top: 20px; padding-bottom: 20px;}
    .bread a{ font-size: 14px;}
    .introduction{ margin-top: 20px; padding-bottom: 40px;}
    .introduction p{ margin-bottom: 10px;}
    .institution li a{ padding: 15px 20px;}
    .contact{ padding: 20px 0 40px;}
    .contact .addr, .contact .mail, .contact .phone{ margin-bottom: 20px;}
    .list ul a{ padding: 15px 10px;}
    .pic{ padding-bottom: 40px;}
    .detachment li .right{ padding: 20px;}
    .detachment .summary{ margin-top: 10px; line-height: 24px;}
    .gp-right .h2{ font-size: 18px;}
    .detachment li{ margin-bottom: 20px;}
    .notice-list li{ margin-bottom: 20px;}
    .notice-list .date{ width: 80px;}
    .notice-list .title{ width: calc(100% - 80px);}
    .no-left .page-title a{ font-size: 16px;}
    /* .teacher-list li{ padding: 10px 0; border-radius: 10px;} */
    .teacher-list a{ flex-direction: column;}
    .teacher-list a .img{ margin: 0 auto;}
    .teacher-list a .info-box{ width: 100%;}
    .teacher-list .post{ line-height: 1.2; margin-top: 10px;}
    .teacher-list .summary{ -webkit-line-clamp: unset; overflow: visible; margin-top: 10px;}
    .gp-article{ padding-bottom: 40px;}
    .gp-content{ padding: 30px 0;}
    .gp-content p{ margin-bottom: 20px;}
    .Annex h3{ padding-bottom: 20px;}
    .Annex li{ padding: 10px 15px;}

    .teacher-list li{ width: 50%;}

}

@media screen and (max-width:380px) {
    .pic ul li{ margin-bottom: 20px;}
    .notice-list .date{ padding-left: 15px;}

    /* 2023-07-03 师资名录 */
    .nameList li{ width: 100%;}
    
}