@charset "utf-8";
.pid-2a2f8814-5408-40f4-921d-117f8f73235c{ position: relative; z-index: 12;}
.desginSection{ position: relative;z-index: 11;}
li::marker{content: ''; display: none;}
.flex{ display: flex; display: -ms-flexbox;}
.gp-img-responsive img{ width: 100%;}

.dept-intro{ padding: 30px; box-sizing: border-box; background: #fff; position: relative;}
.pageIntro{ color: #333;}
.box{ line-height: 30px; margin-top: 30px;}
.box.no-bg{ margin-top: 10px;}
.box.no-bg .boxTitle{ background: transparent; color: #000;}
.box.no-bg .boxTitle span::before{ background: #df4e18;}
.boxTitle{ line-height: 54px; margin-bottom: 20px; background: #004A99; color: #fff; font-weight: bold;padding-left: 20px;}
.boxTitle span{ line-height: 24px; padding-left: 14px; position: relative;}
.boxTitle span::before{content: '';display: block;width: 4px; height: 100%;background: #fff;position: absolute;left: 0;top: 0;}
.boxCon{ }
.contactUs{ padding: 10px 30px; padding-left: 45px; background: #F8F8F8; margin-top: 20px;}
.contactUs .flex{ margin-bottom: 10px;}
.contactUs .flex:last-child{ margin-bottom: 0px;}
.contactUs .tag{ display: block; /* min-width: 70px; */ margin-right: 10px;flex-shrink: 0;text-align: right;}
.contactUs span{ line-height: 24px;}

.absolut{ width: 100%; max-width: 172px; position: absolute; left: 100%;}
.maoBox{ min-width: 172px; background: #004A99; padding: 30px; box-sizing: border-box;}
.fixed .maoBox{ position: fixed; top: 70px;}
.maoBox li{ margin-bottom: 30px;}
.maoBox li:last-child{ margin-bottom: 0px;}
.maoBox a{ color: #fff; font-weight: bold;}

/* leaderList */
.leaderList{ position: relative;}
.leaderList .leaderBox ul{ margin-left: -5px; margin-right: -5px;}
.leaderList .leaderBox ul.gp-avg-md-3{ justify-content: center;}
.leaderList .leaderBox ul.gp-avg-md-3 li a{ flex-direction: column; justify-content: center; align-items: center;}
/* .leaderList .leaderBox ul.gp-avg-md-3 li:nth-of-type(1){ display: flex; justify-content: center;} */
/* .leaderList .leaderBox ul.gp-avg-md-3 li:nth-of-type(1) a{ flex-direction: row; } */
.leaderList .leaderBox ul.gp-avg-md-3 li .img{ margin-right: 0;}
.leaderList .leaderBox ul.gp-avg-md-3 li:nth-of-type(2) .infoBox,
.leaderList .leaderBox ul.gp-avg-md-3 li:nth-of-type(3) .infoBox,
.leaderList .leaderBox ul.gp-avg-md-3 li:nth-of-type(4) .infoBox{ padding-left: 30px;}
.leaderList .leaderBox ul.gp-avg-md-3 li .name{ text-align: center; margin-top: 10px;}
/* .leaderList .leaderBox ul.gp-avg-md-3 li:nth-of-type(1) .img{ margin-right: 10px;} */
/* .leaderList .leaderBox ul.gp-avg-md-3 li:nth-of-type(1) .name{ text-align: left; margin-top: 0;} */
.leaderList .map{ background: url(../images/map.png) no-repeat; background-position: left 10%;}
.leaderList .phone{ background: url(../images/phone.png) no-repeat; background-position: left 10%;}
.leaderList .email{ background: url(../images/email.png) no-repeat; background-position: left 10%;}
.leaderList .office{ background: url(../images/office.png) no-repeat; background-position: left 10%;}
.leaderList .leaderBox li .tag{ font-size: 0; min-width: 25px;}
/* .leaderList ul.gp-avg-md-3 .infoBox{ transform: translateX(8px);} */


.leaderList .leaderBox li{ margin-bottom: 30px;}
.leaderList .leaderBox a{ margin: 0 5px;}
.leaderList .leaderBox .img{ width: 150px; flex-shrink: 0; margin-right: 10px;}
.leaderList .gp-img-responsive{ padding-bottom: 133.33%;}
.leaderList .leaderBox .flex{ font-size: 14px;}
.leaderList .leaderBox ul.gp-avg-md-3 li:nth-of-type(1) .infoBox .flex{ transform: translateX(20px);}
.leaderList .tag{ min-width: 80px;}
.leaderList span{ display: inline-block; line-height: 20px; margin-bottom: 4px;}
.leaderList .name{ font-weight: bold; margin-bottom: 8px;}
.leaderList .name span{ margin-bottom: 0; line-height: 1; font-weight: normal; margin-left: 20px;}
.leaderBox ul.width50:first-child li{ width: 50%;}
.leaderBox ul:first-child li:first-child{ width: 100%;}
.leaderBox ul:first-child li:nth-of-type(2),
.leaderBox ul:first-child li:nth-of-type(3){ width: 40%;}
.leaderList .duty span{ line-height: 24px; margin-bottom: 0;}
.leaderList .post{ margin-bottom: 10px; line-height: 20px;}
.leaderBox .boxTitle{ margin-bottom: 30px;}

.sub-index ul{ margin-left: -5px; margin-right: -5px; align-items: flex-start;}
.sub-index li{ position: relative; margin-bottom: 85px; transition: margin 0.35s ease; margin-top: 10px;}
.sub-index li:hover,.sub-index li.active:hover{ z-index: 3; margin-bottom: 0;}
.sub-index li a{ display: block; margin: 0 5px;overflow: hidden;}
.sub-index li .img{ position: relative;}
.sub-index .gp-img-responsive{ padding-bottom: 43.77%;  transition: all 0.35s ease; background: #fff; position: relative;}
.sub-index .gp-img-responsive img{
    transition: all 0.35s ease;
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 100%;
    left: 50%;
    transform: translateX(-50%);
    min-width: 100%;
    width: 100%;
    }
.sub-index li a{ display: block; background: #fff;}
.sub-index li > a:before{ content: ''; display: block; width: calc(100% - 10px); height: 2px;background: #004A99;
    position: absolute;left: 5px;bottom: 0;z-index: 2;}
.sub-index .title{ line-height: 85px; color: #004A99;background: #fff; font-weight: bold; padding-left: 30px; position: relative;transition: all 0.35s ease;
    position: absolute; width: calc(100% - 10px); top: 100%;left: 5px; z-index: 2;}
.sub-index .title::after{ content: ''; display: block;width: 7px;height: 2px;background: #004A99;position: absolute;right: 30px;bottom: 40px;}
.sub-index .liNav{ display: none; padding: 25px 30px 60px; background: #fff; position: absolute; top: calc(100% + 85px);left: 5px;width: calc(100% - 10px);}

.sub-index .liNav a{ display: block; line-height: 49px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); color: #444;
    background: url(../images/triangle.png) no-repeat right center;}
@media screen and (min-width:998px){
    .sub-index li.active:hover .gp-img-responsive,
    .sub-index li:hover .gp-img-responsive{ padding-bottom: 56.74%;}
    .sub-index li.active:hover .title,
    .sub-index li:hover .title{ font-size: 24px; box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);}
    .sub-index li.active:hover .liNav,
    .sub-index li:hover .liNav{ display: block;}
}
@media screen and (max-width:998px){
    .sub-index li.active .gp-img-responsive{ padding-bottom: 56.74%;}
    .sub-index li.active .title{ font-size: 24px; box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);}
    .sub-index li.active .liNav{ display: block;}
}

#calendar{ max-width: unset;}
.year_day{ display: none;}
.year_day_select{ display: flex; display: -ms-flexbox; justify-content: flex-end;}
.year_day_select_item{ margin-left: 10px;}
.year_day_select_item select{ padding: 10px 20px; padding-right: 50px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.1);font-size: 16px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;background: url(../images/section-ico.png) no-repeat right center; background-position: calc(100% - 10px);}
.pc_academic_calendar_wrap{ background: #fff; padding-top: 0; margin-top: 30px;}
.pc_academic_calendar_wrap ul{ border-left: 1px solid #ddd;}
.pc_academic_calendar_wrap ul li{ max-width: unset; width: 100%; border-top: 1px solid #ddd; border-right: 1px solid #ddd;}
.pc_academic_calendar_wrap ul span{ width: 100%; background: #F8F8F8; font-size: 16px;}
.pc_academic_calendar_wrap dl{ justify-content: space-between; border-top: 1px solid #DDD; border-top: 1px solid #DDD;}
.pc_academic_calendar_wrap dd{margin-bottom: 0; width: 14.28%; margin-right: 0; padding: 10px; min-height: 150px; border-right: 1px solid #DDD;border-bottom: 1px solid #DDD;}
.pc_academic_calendar_wrap dl a{ width: unset; font-size: 14px; text-align: left; line-height: 18px; height: auto;}
.pc_academic_calendar_wrap dl a.calendar_num{ height: unset;}
.pc_academic_calendar_wrap dl a.calendar_num.cur_day{ position:relative;z-index:1;color: #fff !important;}
.pc_academic_calendar_wrap dl a.calendar_num.cur_day:before{content:'';display:block;width: 24px;height: 24px;border-radius: 50%;background: red;
    position:absolute;left: -2px;top: -4px;z-index:-1;}
.pc_academic_calendar_wrap dl .calendar_none{ background: #004A99; border-radius: 4px; margin-top: 4px;}
.pc_academic_calendar_wrap dl .calendar_none a{ color: #fff; font-size: 12px; font-weight: normal;}
.pc_academic_calendar_wrap dd.cur a, .pc_academic_calendar_wrap dd:hover a:not(.cbbbbbb){ background: transparent;color: #333;}
.pc_academic_calendar_wrap dd:hover h4{ color: #fff;}
.calendar_icon{ display: block;}
.calendar_none_item{ padding: 4px;line-height: 16px;}




/* 响应式样式 */
@media screen and (max-width:1500px){
    .maoBox{ right: 25px; padding: 20px;}
}

@media screen and (max-width:1480px) {
    .dept-intro{ padding: 30px 20px;}
    .absolut{ left: calc(100% - 20px);}
}

@media screen and (max-width:1200px) {
    .absolut{ position: relative; left: 0; width: 100%; max-width: unset;}
    .fixed .maoBox{ z-index: 9; right: unset; max-width: 700px;}
    .maoBox ul{ display: flex; display: -ms-flexbox; flex-wrap: wrap;}
    .maoBox li{ width: 25%; margin-bottom: 0;}
    .maoBox li a{ line-height: 2;}
}

@media screen and (max-width:997px) {
    .desginSection{ position: relative;z-index: 11;}
    .fixed .maoBox{ max-width: unset; width: 100vw; left: 0; top: 0;}
    /* .sub-index li{ margin-bottom: 20px;}
    .sub-index li a{ overflow: visible;}
    .sub-index .liNav{ display: block; margin: 0 5px; padding: 10px; width: unset;position: relative; box-sizing: border-box; left: 0;}
    .sub-index .title{ position: relative; box-sizing: border-box; box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1); width: 100%;left: 0;} */
    .pc_academic_calendar_wrap{ margin-top: 20px;}
    .pc_academic_calendar_wrap dd{ min-height: 120px; padding: 5px;}
}

@media screen and (max-width:768px) {
    .dept-intro{ padding: 20px;}
    .box{ margin-top: 20px;}
    .contactUs{ padding: 20px;}
    .boxTitle{ line-height: 45px;}
}

@media screen and (max-width:680px) {
    .maoBox{ padding: 10px;}
    .maoBox li{ width: 33.33%;}
    .maoBox li a{ line-height: 1.5;}
}

@media screen and (max-width:540px) {
    .pc_academic_calendar_wrap{ overflow-x: scroll;}
    .pc_academic_calendar_wrap ul{ width: 680px;}
    .pc_academic_calendar_wrap dl{ width: 680px;}
    .pc_academic_calendar_wrap dd{ min-height: 80px;}
    
    .leaderList .leaderBox ul.gp-avg-md-3{ }
    .leaderList .leaderBox .gp-avg-md-3 .img{ width: 100%; max-width: 150px;}
    .leaderList .leaderBox .gp-avg-md-3 li:nth-of-type(1) .img{ width: 150px;}
}

@media screen and (max-width:479px) {
    .leaderList .name{ font-size: 18px;}
    .leaderList .leaderBox a.flex{ flex-direction: column; align-items: center;}
    .leaderList .infoBox{ width: 100%;margin-top: 10px;}
    .sub-index li{ margin-bottom: 70px;}
    .sub-index .title{ line-height: 65px;}
    .maoBox li{ width: 50%;}
    .sub-index .liNav{ top: calc(100% + 65px);}
}

@media screen and (max-width:414px) {
    .leaderList .leaderBox .gp-avg-md-3 li{ width: 100%;}
    .leaderList .leaderBox ul.gp-avg-md-3 li .name{ font-size: 16px;}
}
@media screen and (max-width:370px) {
    .contactUs{ padding: 10px; margin-top: 10px;}
    .maoBox li a{ font-size: 14px;}
}@charset "utf-8";
.pid-2a2f8814-5408-40f4-921d-117f8f73235c{ position: relative; z-index: 12;}
.desginSection{ position: relative;z-index: 11;}
li::marker{content: ''; display: none;}
.flex{ display: flex; display: -ms-flexbox;}
.gp-img-responsive img{ width: 100%;}

.dept-intro{ padding: 30px; box-sizing: border-box; background: #fff; position: relative;}
.pageIntro{ color: #333;}
.box{ line-height: 30px; margin-top: 30px;}
.boxTitle{ line-height: 54px; margin-bottom: 20px; background: #004A99; color: #fff; font-weight: bold;padding-left: 20px;}
.boxTitle span{ line-height: 24px; padding-left: 14px; position: relative;}
.boxTitle span::before{content: '';display: block;width: 4px; height: 100%;background: #fff;position: absolute;left: 0;top: 0;}
.boxCon{ }
.contactUs{ padding: 10px 30px; padding-left: 45px; background: #F8F8F8; margin-top: 20px;}
.contactUs .flex{ margin-bottom: 10px;}
.contactUs .flex:last-child{ margin-bottom: 0px;}
.contactUs .tag{ display: block; /* min-width: 70px; */ margin-right: 10px;flex-shrink: 0;text-align: right;}
.contactUs span{ line-height: 24px;}

.absolut{ width: 100%; max-width: 172px; position: absolute; left: 100%;}
.maoBox{ min-width: 172px; background: #004A99; padding: 30px; box-sizing: border-box;}
.fixed .maoBox{ position: fixed; top: 70px;}
.maoBox li{ margin-bottom: 30px;}
.maoBox li:last-child{ margin-bottom: 0px;}
.maoBox a{ color: #fff; font-weight: bold;}

/* leaderList */
.leaderList{ position: relative;}
.leaderList .leaderBox ul{ margin-left: -5px; margin-right: -5px;}
.leaderList .leaderBox ul.gp-avg-md-3{ justify-content: center;}
.leaderList .leaderBox ul.gp-avg-md-3 li a{ flex-direction: column; justify-content: center; align-items: center;}
/* .leaderList .leaderBox ul.gp-avg-md-3 li:nth-of-type(1){ display: flex; justify-content: center;} */
/* .leaderList .leaderBox ul.gp-avg-md-3 li:nth-of-type(1) a{ flex-direction: row; } */
.leaderList .leaderBox ul.gp-avg-md-3 li .img{ margin-right: 0;}
.leaderList .leaderBox ul.gp-avg-md-3 li:nth-of-type(2) .infoBox,
.leaderList .leaderBox ul.gp-avg-md-3 li:nth-of-type(3) .infoBox,
.leaderList .leaderBox ul.gp-avg-md-3 li:nth-of-type(4) .infoBox{ padding-left: 30px;}
.leaderList .leaderBox ul.gp-avg-md-3.width50 li .infoBox{ padding-left: 0;}
.leaderList .leaderBox ul.gp-avg-md-3 li .name{ text-align: center; margin-top: 10px;}
.leaderList .map{ background: url(../images/map.png) no-repeat; background-position: left 10%;}
.leaderList .phone{ background: url(../images/phone.png) no-repeat; background-position: left 10%;}
.leaderList .email{ background: url(../images/email.png) no-repeat; background-position: left 10%;}
.leaderList .office{ background: url(../images/office.png) no-repeat; background-position: left 10%;}
.leaderList .leaderBox li .tag{ font-size: 0; min-width: 25px;}


.leaderList .leaderBox li{ margin-bottom: 30px;}
.leaderList .leaderBox a{ margin: 0 5px;}
.leaderList .leaderBox .img{ width: 150px; flex-shrink: 0; margin-right: 10px;}
.leaderList .gp-img-responsive{ padding-bottom: 133.33%;}
.leaderList .leaderBox .flex{ font-size: 14px;}
.leaderList .leaderBox ul.gp-avg-md-3 li:nth-of-type(1) .infoBox .flex{ transform: translateX(20px);}
.leaderList .tag{ min-width: 80px;}
.leaderList span{ display: inline-block; line-height: 20px; margin-bottom: 4px;}
.leaderList .name{ font-weight: bold; margin-bottom: 8px;}
.leaderList .name span{ margin-bottom: 0; line-height: 1; font-weight: normal; margin-left: 20px;}
.leaderBox ul.width50:first-child li{ width: 50%;}
.leaderBox ul:first-child li:first-child{ width: 100%;}
.leaderList .duty span{ line-height: 24px; margin-bottom: 0;}
.leaderList .post{ margin-bottom: 10px; line-height: 20px;}
.leaderBox .boxTitle{ margin-bottom: 30px;}

.leaderList .leaderBox ul.gp-avg-md-3.width50 li a{ align-items: baseline; padding-left: 30%;}
.leaderList .leaderBox ul.gp-avg-md-3.width50 li:nth-of-type(1) a{ align-items: center; padding-left: 0;}
.leaderList .leaderBox ul.gp-avg-md-3.width50 li:nth-of-type(1) .infoBox .flex{ transform: translateX(0);}


.sub-index ul{ margin-left: -5px; margin-right: -5px; align-items: flex-start;}
.sub-index li{ position: relative; margin-bottom: 85px; transition: margin 0.35s ease; margin-top: 10px;}
.sub-index li:hover,.sub-index li.active:hover{ z-index: 3; margin-bottom: 0;}
.sub-index li a{ display: block; margin: 0 5px;overflow: hidden;}
.sub-index li .img{ position: relative;}
.sub-index .gp-img-responsive{ padding-bottom: 43.77%;  transition: all 0.35s ease; background: #fff; position: relative;}
.sub-index .gp-img-responsive img{
    transition: all 0.35s ease;
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 100%;
    left: 50%;
    transform: translateX(-50%);
    min-width: 100%;
    width: 100%;
    }
.sub-index li a{ display: block; background: #fff;}
.sub-index li > a:before{ content: ''; display: block; width: calc(100% - 10px); height: 2px;background: #004A99;
    position: absolute;left: 5px;bottom: 0;z-index: 2;}
.sub-index .title{ line-height: 85px; color: #004A99;background: #fff; font-weight: bold; padding-left: 30px; position: relative;transition: all 0.35s ease;
    position: absolute; width: calc(100% - 10px); top: 100%;left: 5px; z-index: 2;}
.sub-index .title::after{ content: ''; display: block;width: 7px;height: 2px;background: #004A99;position: absolute;right: 30px;bottom: 40px;}
.sub-index .liNav{ display: none; padding: 25px 30px 60px; background: #fff; position: absolute; top: calc(100% + 85px);left: 5px;width: calc(100% - 10px);}

.sub-index .liNav a{ display: block; line-height: 49px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); color: #444;
    background: url(../images/triangle.png) no-repeat right center;}
@media screen and (min-width:998px){
    .sub-index li.active:hover .gp-img-responsive,
    .sub-index li:hover .gp-img-responsive{ padding-bottom: 56.74%;}
    .sub-index li.active:hover .title,
    .sub-index li:hover .title{ font-size: 24px; box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);}
    .sub-index li.active:hover .liNav,
    .sub-index li:hover .liNav{ display: block;}
}
@media screen and (max-width:998px){
    .sub-index li.active .gp-img-responsive{ padding-bottom: 56.74%;}
    .sub-index li.active .title{ font-size: 24px; box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);}
    .sub-index li.active .liNav{ display: block;}
}

#calendar{ max-width: unset;}
.year_day{ display: none;}
.year_day_select{ display: flex; display: -ms-flexbox; justify-content: flex-end;}
.year_day_select_item{ margin-left: 10px;}
.year_day_select_item select{ padding: 10px 20px; padding-right: 50px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.1);font-size: 16px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;background: url(../images/section-ico.png) no-repeat right center; background-position: calc(100% - 10px);}
.pc_academic_calendar_wrap{ background: #fff; padding-top: 0; margin-top: 30px;}
.pc_academic_calendar_wrap ul{ border-left: 1px solid #ddd;}
.pc_academic_calendar_wrap ul li{ max-width: unset; width: 100%; border-top: 1px solid #ddd; border-right: 1px solid #ddd;}
.pc_academic_calendar_wrap ul span{ width: 100%; background: #F8F8F8; font-size: 16px;}
.pc_academic_calendar_wrap dl{ justify-content: space-between; border-top: 1px solid #DDD; border-top: 1px solid #DDD;}
.pc_academic_calendar_wrap dd{margin-bottom: 0; width: 14.28%; margin-right: 0; padding: 10px; min-height: 150px; border-right: 1px solid #DDD;border-bottom: 1px solid #DDD;}
.pc_academic_calendar_wrap dl a{ width: unset; font-size: 14px; text-align: left; line-height: 18px; height: auto;}
.pc_academic_calendar_wrap dl a.calendar_num{ height: unset;}
.pc_academic_calendar_wrap dl .calendar_none{ background: #004A99; border-radius: 4px; margin-top: 4px;}
.pc_academic_calendar_wrap dl .calendar_none a{color: #fff;font-size: 12px;font-weight: normal;cursor: pointer;transition: background 0.35s ease, transform 0.35s ease;}
.pc_academic_calendar_wrap dl .calendar_none a:hover{
    border-radius: 0;
    background: #f08019 !important;
    transform: translateY(-3px);
    /* animation: shake 0.35s ease; */
    }
@keyframes shake {
    0%{ transform: rotateZ(-6deg);}
    25%{ transform: rotateZ(6deg);}
    50%{ transform: rotateZ(-3deg);}
    75%{ transform: rotateZ(3deg);}
    100%{ transform: rotateZ(0deg);}
  }
.pc_academic_calendar_wrap dd.cur a, .pc_academic_calendar_wrap dd:hover a:not(.cbbbbbb){ background: transparent;color: #333;}
.pc_academic_calendar_wrap dd:hover h4{ color: #fff;}
.calendar_icon{ display: block;}
.calendar_none_item{ padding: 4px;line-height: 16px;}




/* 响应式样式 */
@media screen and (max-width:1500px){
    .maoBox{ right: 25px; padding: 20px;}
}

@media screen and (max-width:1480px) {
    .dept-intro{ padding: 30px 20px;}
    .absolut{ left: calc(100% - 20px);}
}

@media screen and (max-width:1200px) {
    .absolut{ position: relative; left: 0; width: 100%; max-width: unset;}
    .fixed .maoBox{ z-index: 9; right: unset; max-width: 700px;}
    .maoBox ul{ display: flex; display: -ms-flexbox; flex-wrap: wrap;}
    .maoBox li{ width: 25%; margin-bottom: 0;}
    .maoBox li a{ line-height: 2;}
}

@media screen and (max-width:997px) {
    .desginSection{ position: relative;z-index: 11;}
    .fixed .maoBox{ max-width: unset; width: 100vw; left: 0; top: 0;}
    /* .sub-index li{ margin-bottom: 20px;}
    .sub-index li a{ overflow: visible;}
    .sub-index .liNav{ display: block; margin: 0 5px; padding: 10px; width: unset;position: relative; box-sizing: border-box; left: 0;}
    .sub-index .title{ position: relative; box-sizing: border-box; box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1); width: 100%;left: 0;} */
    .pc_academic_calendar_wrap{ margin-top: 20px;}
    .pc_academic_calendar_wrap dd{ min-height: 120px; padding: 5px;}
}

@media screen and (max-width:768px) {
    .dept-intro{ padding: 20px;}
    .box{ margin-top: 20px;}
    .contactUs{ padding: 20px;}
    .boxTitle{ line-height: 45px;}

    .leaderList .leaderBox ul.gp-avg-md-3.width50 li a{ padding-left: 20%;}
}

@media screen and (max-width:680px) {
    .maoBox{ padding: 10px;}
    .maoBox li{ width: 33.33%;}
    .maoBox li a{ line-height: 1.5;}
}

@media screen and (max-width:540px) {
    .pc_academic_calendar_wrap{ overflow-x: scroll;}
    .pc_academic_calendar_wrap ul{ width: 680px;}
    .pc_academic_calendar_wrap dl{ width: 680px;}
    .pc_academic_calendar_wrap dd{ min-height: 80px;}
    
    .leaderList .leaderBox .gp-avg-md-3 .img{ width: 100%; max-width: 150px;}
    .leaderList .leaderBox .gp-avg-md-3 li:nth-of-type(1) .img{ width: 150px;}
    
    .leaderList .leaderBox ul.gp-avg-md-3.width50 li a{ padding-left: 10%;}
}

@media screen and (max-width:479px) {
    .leaderList .name{ font-size: 18px;}
    .leaderList .leaderBox a.flex{ flex-direction: column; align-items: center;}
    .leaderList .infoBox{ width: 100%;margin-top: 10px;}
    .sub-index li{ margin-bottom: 70px;}
    .sub-index .title{ line-height: 65px;}
    .maoBox li{ width: 50%;}
    .sub-index .liNav{ top: calc(100% + 65px);}

    .leaderBox ul.width50:first-child li{ width: 100%;}
    .leaderList .leaderBox ul.gp-avg-md-3.width50 li a{ align-items: center; padding-left: 0;}
}

@media screen and (max-width:414px) {
    .leaderList .leaderBox .gp-avg-md-3 li{ width: 100%;}
    .leaderList .leaderBox ul.gp-avg-md-3 li .name{ font-size: 16px;}
}
@media screen and (max-width:370px) {
    .contactUs{ padding: 10px; margin-top: 10px;}
    .maoBox li a{ font-size: 14px;}
}