@charset "utf-8";
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/GothamBold.eot');
  src: url('../fonts/GothamBold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/GothamBold.woff2') format('woff2'),
      url('../fonts/GothamBold.woff') format('woff'),
      url('../fonts/GothamBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

html{ overflow: hidden; overflow-y: scroll;}
body{ max-width: 19.2rem; margin: 0 auto;}

header{ width: 100%; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); z-index: 10;}
.header{ display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; margin-left: -0.65rem; margin-right: -0.65rem; padding-top: 0.39rem;
  position: relative; z-index: 1;}
.logo{ width: 3.39rem; transition: all 0.35s ease;}
.logo a{ display: block;}
.logo img{ width: 100%;}

.head_link{ display: flex; display: -webkit-flex; align-items: center; justify-content: flex-end; font-size: 0.16rem;}
/* .head_link > a{ font-family: 'Gotham';} */
.head_link > a:hover{ color: #c9a55e;}
.head_link > a:first-child{ margin-right: 0.42rem; position: relative;}
.head_link > a:first-child::after{ content: ''; display: block; width: 0.03rem; height: 0.22rem; background-color: #fff; 
  position: absolute; right: -0.21rem; top: 50%; transform: translateY(-50%);}
.head_link span{ font-size: 0.17rem;}
.student{ margin-left: 0.4rem;}
.student a{ color: #a48bc1; }
.search{ display: inline-block; width: 1.21rem; margin-left: 0.33rem; height: 0.273rem; position: relative;}
.search .notxt{ width: 100%; height: 0.273rem; padding: 0; border: none; outline: none; padding-left: 0.25rem;
  background: rgba(255, 255, 255, 0.15); color: #fff; border-radius: 0rem; box-sizing: border-box;
  position: absolute; top: 0rem;}
.search .notxt1{ width: 0.3rem; height: 0.273rem; padding: 0; border: none; outline: none; background: rgba(0,0,0,0);
  position: absolute; left: 0rem; top: 0rem;}
.search .notxt1::after{ content: ''; display: block; width: 0.16rem; height: 0.16rem; background: url(../images/search_icon.png) no-repeat center/cover;
  position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0);}

.nav{ display: flex; display: -webkit-flex; padding: 0.18rem 0; float: right;}
.nav > li{ margin-right: 0.53rem; position: relative;}
.nav > li:last-child{ margin-right: 0rem;}
.nav > li > a{ display: block; font-size: 0.18rem; line-height: 1; padding: 0.1rem 0 0.21rem;}
.subNav{ width: 1.74rem; padding: 0.12rem 0.1rem 0.04rem; /* background: url(../images/subnav_bg.png) no-repeat; background-size: 100% 100%; */
  display: none; position: absolute; left: 50%; top: 0.49rem; transform: translateX(-50%);}
.subNav::before{ content: ''; display: block; width: 100%; height: 0.15rem; background: url(../images/subnav_icon.png) no-repeat center/cover;
  position: absolute; top: 0rem; left: 50%; transform: translateX(-50%);}
.subNav::after{ content: ''; display: block; width: 100%; height: 2px; background: #c9a65e;
  position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%);}
.subNav a{ display: block; background: rgba(255, 255, 255, 0.7); line-height: 1; font-size: 0.16rem; color: #4f198a; text-align: center; padding: 0.19rem 0 0.16rem;}
.subNav dd{ margin-bottom: 0rem;}
.subNav dd:hover a{ color: #c9a55e; background: rgba(255, 255, 255, 1);}


/*手机端导航默认*/
.mobile_bg{width: 100%;height: 100vh;z-index: 90;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.6);display: none;}
.gp-menu{ width: 10%;z-index: 98;height: 100%;position: absolute; top: 57px; right: 30px; display: none;}
.open .gp-menu{ width: 100%; right: 0rem; top: 0rem;}
.gp-menu-header{position: absolute;top: 0;right: 0;z-index: 996;width: 100%;height: 0.4rem; }
.gp-menu-link{float: left;line-height: 0.4rem;height: 0.4rem;padding-left: 0.15rem;}
.gp-menu-link a{color:#fff;}
.gp-menu-header-icon{color: #4f198a; width: 35px; height: 0.4rem; font-size:0.25rem; text-align: center; float:right;position: relative;  -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s;margin-right: 10px;cursor: pointer;}
.gp-menu-header-icon span{  position: absolute; left: calc((100% - 0.25rem) / 2);  top: calc((100% - 0.2rem) / 3);  width: 35px;  height: 5px;  background-color: #4f198a;}
.gp-menu-header-icon-out span{width: 35px; height: 5px; background-color:#fff;display: block;border-radius: 0rem;}
.gp-menu-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}       
.gp-menu-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
.gp-menu-header-icon-out span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outthird;}
.gp-menu-header-icon span:nth-child(1){transform: translateY(0.04rem) rotate(0deg);}
.gp-menu-header-icon span:nth-child(2){transform: translateY(-0.4rem) rotate(0deg);}
.gp-menu-header-icon span:nth-child(3){transform: translateY(-0.4rem) rotate(0deg);}
@keyframes outfirst {
  0% {transform: translateY(0) rotate(-45deg);}
  100% {transform: translateY(-4px) rotate(0deg);}
}   
@keyframes outsecond {
  0% { transform: translateY(0) rotate(45deg);}
  100% {transform: translateY(6px) rotate(0deg);}
}
@keyframes outthird {
  0% {transform: translateY(0) rotate(90deg);}
  100% {transform: translateY(16px) rotate(0deg); }
}
.gp-menu-header-icon-click span{background-color:#fff ;top: calc((100% - 0.02rem) / 2.1);}
.gp-menu-header-icon-click span:nth-child(1){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clickfirst;}     
.gp-menu-header-icon-click span:nth-child(2){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clicksecond;}
.gp-menu-header-icon-click span:nth-child(3){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clickthird;}
@keyframes clickfirst {
  0% {transform: translateY(0.04rem) rotate(0deg);}
  100% {transform: translateY(0) rotate(45deg);}
}   
@keyframes clicksecond {
  0% {transform: translateY(-0.04rem) rotate(0deg);}
  100% {transform: translateY(0) rotate(-45deg);}
} 
@keyframes clickthird {
    0% {  opacity: 0}
  100% {opacity: 0}
}   
.gp-menu-nav{ display: none; width: 100%; position: fixed; top: 0; right: 0rem; padding: 0 30px; box-sizing: border-box;
  background: url(../images/gp-moble-header-bg.png) no-repeat center/cover;}
/*导航*/
.gp-menu-nav a{}
.gp-menu-nav > ul { padding-top: 20px; overflow: hidden; overflow-y: scroll;}
.gp-menu-nav > ul li{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;
  text-align: center;}
.gp-menu-nav > ul > li{position: relative;border-bottom: 0.01rem solid #80619c;}
.gp-menu-nav > ul > li > a{display: block;padding: 20px 0; font-size: 18px; }
.gp-menu-nav > ul > li > ul {background: rgba(0,0,0,0.1);padding:0 0.25rem}
.gp-menu-nav > ul > li > ul a{ display: block; padding: 10px 0; font-size: 16px;}
.gp-menu-arrow { cursor: pointer; width: 22px; height: 66px; line-height: 90px; color:#fff;text-align: center;position: absolute;right: 0;top: 0;font-size: 0.26rem;margin-right: 0.1rem;transition: all 0.3s ease-in-out;
  background: url(../images/gp-m-navIcon.png) no-repeat center;}
.gp-menu-nav > ul > li.on .gp-menu-arrow{transform: rotate(0deg);}
.gp-menu-nav li ul {display: none;}
/*导航内标签效果*/
.gp-menu-nav a{color:#fff;}
.open .gp-menu-link{display: none;}
.open .gp-menu-header{background: none; top: 46px; right: 30px;}
@-webkit-keyframes returnToNormal {
  from {
    opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;-webkit-transform: none;transform: none;
  }
}

@keyframes returnToNormal {
  from {
    opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;-webkit-transform: none;transform: none;
  }
}
/*
侧滑右侧
*/
.gp-menu-nav.gp-menu-offcanvas2{ position: fixed; display: block; transform: translate(150%,0); transition: all 1s ease-in-out; height: 100vh; overflow: hidden; overflow-y: scroll; width: 100%;}
/* .open .gp-menu-nav.gp-menu-offcanvas2{ display: block; transform: translate(0,0);} */
.open .gp-menu-offcanvas2{transform: translate(0,0);position:absolute; right: 0rem; padding-bottom: 60px;}
/* 移动导航链接 */
.gp-m-link{ font-size: 0; margin-bottom: 13px;}
.gp-m-link a{ display: inline-block; padding: 15px 20px 15px 10px; font-size: 16px; text-align: left; line-height: 1; margin-right: 20px; position: relative;}
.gp-m-link a:hover{ color: #c8a55e;}
.gp-m-link a::after{ content: ''; display: block; width: 2px; height: 15px; background: #fff;
  position: absolute; right: 0px; top: 50%; transform: translateY(-40%);}
.gp-m-link a:last-child:after{ display: none;}
/* 移动导航搜索 */
.gp-m-search{ max-width: 100%; height: 45px; position: relative;}
.gp-m-search .notxt{ width: 100%; height: 45px; padding: 0; border: none; outline: none; border-radius: 5px; color: #4f198a; padding-left: 10px;
  position: absolute; left: 0px; top: 0px;}
.gp-m-search .notxt1{ width: 55px; height: 45px; padding: 0; border: none; outline: none; border-radius: 5px;
  background: url(../images/gp-m-search_icon.png) no-repeat center;
  position: absolute; top: 0px; right: 0px; }



footer{ margin-top: 1.4rem; border-bottom: 0.01rem solid #fff; background: url(../images/footer_bg.png) no-repeat center/cover; position: relative;}
footer *{ color: #fff;}
footer::before{ content: ''; display: block; width: calc(100% - 0.84rem); height: 0.5rem; background-color: #c4a86a;
  position: absolute; right: 0rem; top: -0.14rem; z-index: -1;}
.footer{ }
.footer_logo{ font-size: 0rem;}
.footerBox{ padding: 0.34rem 0 0.2rem; position: relative;}
.box_lf span{ display: block; line-height: 1; padding-left: 0.54rem; font-size: 0.16rem; font-weight: lighter; position: relative;}
.footerBox .addr{ line-height: 0.26rem; margin-top: 0.65rem; font-size: 14px;}
.footerBox .addr::before{ content: ''; display: block; width: 0.2rem; height: 0.26rem; background: url(../images/addr_icon.png) no-repeat center/cover;
  position: absolute; left: 0.02rem; top: 0rem;}
.footerBox .addr::after{ content: ''; display: block; width: 0.01rem; height: 100%; background-color: #c4a86a;
  position: absolute; left: 0.4rem; top: 0rem;}
.footerBox .post{ line-height: 0.4rem; margin-top: 0.4rem;}
.footerBox .post::before{ content: ''; display: block; width: 0.44rem; height: 0.36rem; background: url(../images/email_icon.png) no-repeat center/cover;
  position: absolute; left: 0.18rem; top: 0rem;}
.footerBox .post::after{ content: ''; display: block; width: 0.01rem; height: 0.4rem; background-color: #c4a86a;
  position: absolute; left: 0.9rem; top: 0rem;}
.box_rt{ text-align: right; position: absolute; right: 0.29rem; top: 0.6rem;}
.box_rt span .gp-img-responsive{ padding-bottom: 100%; background: initial;}
.box_rt span:first-child{ display: inline-block; width: 0.8rem; margin-right: 0.2rem; box-sizing: border-box; /* border: 0.02rem solid #905d29; */ padding-left: 0;}
.box_rt span:last-child{ display: block; margin-top: 0.08rem; font-size: 0.12rem; line-height: 1; color: #c9a65e; padding-left: 0.24rem; position: relative;}
.box_rt span:last-child::before{ content: ''; display: block; width: 0.19rem; height: 0.16rem; background: url(../images/weChet_icon.png) no-repeat center/cover;
  position: absolute; left: -0.02rem; top: 50%; transform: translateY(-50%);}
.box_rt img{ width: 100%;}

.copyright{ padding-top: 0.12rem; padding-bottom: 0.32rem; position: relative;}
.copyright::before{ content: ''; display: block; width: 100%; height: 0.02rem; background-color: #916b82;
  position: absolute; top: 0rem; left: 50%; transform: translateX(-50%);}
.copyright span{ display: block; font-size: 0.12rem; color: #a48bc1; line-height: 1;}


/* Hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .head_rt{ }
}


/* 响应式样式 */
@media screen and (max-width:1700px){
  .header{ margin-left: -1rem; margin-right: -1rem;}
  .nav > li{ margin-right: 0.4rem;}
  footer{ margin-top: 1.5rem;}
}
@media screen and (max-width:1600px){
  
}

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

@media screen and (max-width:1400px) {
  .header{ margin-left: -0.5rem; margin-right: -0.5rem;}
}

@media screen and (max-width:1280px) {
  .header{ margin-left: 0rem; margin-right: 0rem;}
}

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

@media screen and (max-width:1100px) {
  .footerBox{ text-align: center;}
  .box_rt{ position: relative;}
  .footerBox, .footer_logo, .box_rt span:first-child{ margin: 0 auto;}
  .copyright{ text-align: center;}
  .copyright span{ margin: 0rem;}
  .head_rt{ display: none;}
  .gp-menu{ display: block; overflow: hidden;}
  .open .gp-menu{ display: block; overflow: visible; height: 100%; position: fixed; top: 0; left: 0;}
  .logo{ width: 7rem;}
  .gp-m-logo{ width: 300px; margin-top: 46px;}
  .gp-m-logo a{ display: block;}
  .gp-m-logo img{ width: 100%;}
  header{ overflow-x: clip;}
  .header{ padding-top: 30px;}
  .gp-menu{ top: 40px;}
  .open header{ height: 0; z-index: 11111; position: static; transform: none;}
  .footerBox .addr{ display: inline-block; margin-top: 0.3rem;}
  .box_rt{ display: block; max-width: 140px; right: auto; top: auto; margin: 0.4rem auto 0.2rem;}
  .box_rt span:first-child{ display: block; width: 100%; max-width: 125px; transition: all 0.35s ease;}
  .copyright{ padding: 0.2rem 0 0.4rem;}
}
@media screen and (max-width:1024px) {
  
}

@media screen and (max-width:996px) {
  .box_rt{ text-align: center;}
  .box_rt span:last-child{ display: inline-block;}
  .copyright::before{ width: 90%;}
  
}

@media screen and (max-width:767px) {
  footer{ margin-top: 90px;}
  .footer_logo{ width: 80%;}
  .box_rt{ font-size: 15px;}
  .box_lf{ font-size: 0.16rem;}
  .box_rt{ margin: 0 auto;}
  .footerBox .addr{ margin: 0.4rem 0;}
  .footerBox .addr::after{ height: 16px; top: 0;}
  header::after{ height: 140px;}
  header > .gp-container{ padding: 0;}
  footer::before{ width: calc(100% - 64px);}
}

@media screen and (max-width:680px) {
  .logo, .gp-m-logo{ width: 270px; font-size: 0;}
  .logo a{display: block;}
  .footerBox .addr{ text-align: left;}
}

@media screen and (max-width:540px) {
  footer{ background: url(../images/ft_bg.png) no-repeat center/cover;}
  .footerBox{ padding: 37px 0 0;}
  .footer_logo{ max-width: 265px;}
  .box_rt span:first-child{ max-width: 82px;}
  .box_rt{ margin-top: 50px;}
  .box_rt span:last-child{ padding-left: 0px;}
  .box_rt span:last-child::before{ display: none;}
  .box_rt span:last-child{ margin-top: 7px;}
  .footerBox .addr{ margin: 30px 0 9px;}
  .copyright{ padding: 8px 0 35px;}
  .copyright::before{ width: 100%;}
  .box_lf span{ padding-left: 20px;}
  .footerBox .addr::after{ height: 13px; left: 15px;}
}

@media screen and (max-width:479px) {
  .gp-menu-nav > ul > li > a{ font-size: 16px; padding: 10px 0;}
  .gp-menu-arrow{ height: 44px; line-height: 44px;}
  .gp-menu-nav > ul > li > ul a{ font-size: 14px;}
  .footerBox.gp-container{ margin: 0 auto;}
  .footerBox .addr{ width: 80%;}
  .gp-menu-header-icon-out span{ width: 30px; height: 4px;}

}

@media screen and (max-width:414px) {
  .gp-menu-nav > ul{ padding-top: 20px;}
  .gp-m-link a{ padding: 20px 25px 20px 5px; margin-right: 20px;}
  .logo, .gp-m-logo{ width: 240px; font-size: 0;}
  .gp-menu-nav.gp-menu-offcanvas2{ padding: 0 15px; padding-bottom: 40px;}
  /* .gp-menu, .open .gp-menu-header{ top: 50px; right: 20px;} */
  .gp-m-logo{ margin-top: 30px;}
}

@media screen and (max-width:380px) {
  .gp-menu, .open .gp-menu-header{ top: 30px;}
  .footerBox .addr{ line-height: 1.5;}
}