@charset "utf-8";
.subBanner{ font-size: 0;}
.subBanner .gp-img-responsive{ padding-bottom: 18.23%;}
.bread{ line-height: 28px; text-align: right; background: #EEEEEE; padding-right: 9px; box-sizing: border-box;}

.gp-article{ padding-bottom: 40px; position: relative;}
.gp-title{ /* font-weight: normal; */ margin: 36px 0 34px; color: #333; text-align: center; line-height: 28px;}
.gp-info{ text-align: center; font-size: 0; margin-top: 20px; background: #F8F8F8; padding: 15px 0;}
.gp-info span{ display: inline-block; color: #999; line-height: 20px; margin-right: 30px; vertical-align: middle; position: relative;}
/* .gp-info span::before{ content: ''; display: block; width: 1px; height: 16px; background: #ccc; position: absolute; right: -111px; top: 50%; transform: translateY(-50%);} */
.gp-info span:last-child:before{ display: none;}
.gp-info span:last-child{ margin-right: 0px;}
.gp-content{ margin: 30px 0 0; padding-top: 30px; border-top: 1px solid rgba(0, 0, 0, 0.1);}
.gp-content p{ line-height: 30px; margin-bottom: 22px; text-align: justify;}
.gp-content p:last-child{ margin-bottom: 0px;}
.fontWeightNormal{ font-weight: normal;}
.intro .gp-content{ padding-top: 0; border-top: none;}
.intro .gp-content p{ margin-bottom: 0;}

.gp-left{ width: 260px; flex-shrink: 0; margin-top: -28px;}
.gp-right{ width: calc(100% - 260px); flex: 1; padding-top: 23px; padding-left: 36px;}
.gp-subLeft{ position: relative;}
.gp-subLeft h3{ text-align: center; background: rgba(0, 54, 112, 0.8); color: #fff; line-height: 73px;font-weight: bold;
    position: absolute; left: 0; bottom: 100%; width: 100%;}
.gp-subLeft ul{ text-align: center; border-bottom: 1px solid rgba(229,230,235,1);}
.gp-subLeft ul li{ }
.gp-subLeft ul li > a{ display: block; color: #fff; line-height: 64px; position: relative;
    border-left: 1px solid rgba(229,230,235,1); background: #003c7f;
    border-right: 1px solid rgba(229,230,235,1);}
.gp-subLeft ul li > a::before{ content: ''; display: block; width: 100%; height: 1px; background: rgba(229,230,235,1);
    position: absolute; top: 0; left: 0;}
.gp-subLeft ul li > a.active, .gp-subLeft ul li > a:hover{ background: #fff; color: #003c7f;}
.gp-subLeft ul li > a.active::before{ content: ''; display: block; width: 5px; height: 100%;background: #F07203;
    position: absolute; left: 0; top: 0;}
.gp-subLeft .gp-toggles{width: 64px;height: 64px;position: absolute;right: 0;top: 0;line-height: 64px;text-align: center;cursor: pointer;color:#666}
.gp-second-nav{font-size: 14px;display: none;background: rgba(0, 54, 112, 0.5);}
.gp-second-nav dd a{display: block;padding:10px 15px 10px 20px;color:#fff;border-bottom: 1px dotted #fff;transition: all 0.35s ease-in-out;}
.gp-second-nav dd a:hover,.second_nav dd a.active{background: #003c7f;}
/*侧边栏移动端 */
.gp-m-subNav{display:none;}
.gp-m-inner-header{width:100%;height:40px;background-color:rgba(0, 0, 0, 0.1);cursor:pointer;line-height: 40px;}
.gp-m-inner-header > span{height: 40px;padding-left: 15px;font-size: 16px;color:#666;}
.gp-m-subNav .gp-m-inner-header-icon-click{}
.gp-m-subNav .gp-m-inner-header-icon{float: right;width: 40px;height: 40px;text-align: center;}
.gp-m-subNav  .gp-m-inner-header-icon-click i{display: block;}
.gp-subNavm{ width:100%; overflow: hidden;display: none;}
.gp-subNavm h2{width:100%;height:48px;line-height:48px;background-color:#003c7f;}
.gp-subNavm h2 a{padding-left:13px;font-size:20px;font-family:Tahoma;display:block;color:#fff;}
.gp-subNavm ul{}
.gp-subNavm li{position: relative;}
.gp-subNavm li > a{ font-size: 14px;padding-left:13px;height:40px;line-height:40px;border-bottom:1px solid #e6e6e6;display:block;}
.gp-subNavm li.sub_has span{ margin-left: 10px;}
.gp-subNavm li.on a{ color:#003c7f; display:block; width:100%;}
.gp-m-toggle{width: 40px;height: 40px;position: absolute;right: 0;top: 0;line-height: 40px;text-align: center;}
.gp-subNavm dl{ display: none; background-color:#fff; padding:5px 0px;}
.gp-subNavm dl dd{ padding-left: 30px; line-height:18px; padding:8px 0px 8px 30px;border-bottom: 1px dotted #e6e6e6;}
.gp-subNavm li dl dd a{ font-size: 12px; font-weight:normal; display:inline;  border:none; padding:0px;}
.gp-subNavm li dl dd a:hover{ color:#a70510}
@media screen and (max-width:997px) {
  .gp-subLeft{display: none;}
  .gp-m-subNav{display: block;}
}
.contactUs{ position: relative; margin-top: 132px; padding-bottom: 29px; box-shadow: 0px 0px 27.8px rgba(0, 0, 0, 0.1); text-align: center; color: #000;}
.contactUs .title{ max-width: 177px; margin: 0 auto; background: #F07203; color: #fff; font-weight: bold; text-align: center;line-height: 58px;
    position: absolute; top: -32px; width: 100%; left: 50%; transform: translateX(-50%);}
.contactUs .lable{ padding-top: 46px; padding-bottom: 19px; border-bottom: 1px solid #F8F6F6; line-height: 23px;}
.number{ padding-bottom: 24px; border-bottom: 1px solid #F8F6F6;}
.number-icon, .email-icon{ display: inline-block; padding-left: 26px; line-height: 24px; margin-top: 20px; font-weight: bold; color: #003c7f; position: relative;}
.number-icon::before, .email-icon::before{ content: ''; display: block; width: 20px; height: 20px; background: url(../images/number.png) no-repeat center;
    position: absolute; left: 0;}
.email-icon::before{ background: url(../images/email.png) no-repeat center;}
.contactUs .gp-f16{ line-height: 20px; margin-top: 10px;}
.contactUs .img{ margin-top: 13px;}

.curChannel{ line-height: 27px; padding-bottom: 13px; border-bottom: 1px solid #EFEFEF; color: #2D2B2B; font-weight: bold;}
.textList{ }
.textList ul li{ position: relative; padding: 10px 17px; padding-left: 11px; margin-top: 7px; border-bottom: 1px solid #EFEFEF;}
.textList ul li::marker{ content: '';}
.textList ul li::before{ content: ''; display: block; width: 4px; height: 4px; background: #003c7f;position: absolute;left: 0;top: 26px;}
.textList ul a{ display: block; line-height: 24px; transition: all 0.35s ease;}
.textList ul a:hover{ transform: translateX(10px);}
.textList ul .title{ line-height: 38px;}
.textList ul .date{ line-height: 38px;}

/* 捐赠鸣谢 */
.thanks{ }
.thanks ul li{ margin-top: 20px;}
.thanks ul a{ display: block; line-height: 24px; padding: 20px 20px 16px; background: #F8F8F8; transition: all 0.25s ease;}
.thanks li:hover a{ background: #003c7f; color: #fff;}

/* 项目展示 */
.picList ul{ margin-top: 19px;}
.picList li{ margin-bottom: 24px;}
.picList li:last-child{ margin-bottom: 0px;}
.picList li a{ padding: 14px 20px 14px 14px; background: #F6F6F6; transition: all 0.35s ease;}
.picList li:hover a{ transform: translateY(-8px);}
.picList .img{ width: 259px; flex-shrink: 0;}
.picList .gp-img-responsive{ padding-bottom: 56.37%;}
.picList .infoBox{ flex: 1; padding-left: 15px;}
.picList .infoBox .title{ line-height: 24px;}
.picList .infoBox .summary{ line-height: 22px; color: #999; margin-top: 15px;}
.picList .infoBox .more{ line-height: 18px; color: #003670; margin-top: 21px;}




/*分页*/
.pages{ padding: 60px 0 0;}
.gp-page { padding: 0; color:#999; font-size: 0px;}
.gp-page:after,.gp-page:before { content:" "; display:table}
.gp-page>a,.gp-page>span{display:inline-block;color: #333; background: #F2F2F2; cursor: pointer; 
    width: 32px; height: 32px; line-height: 32px; border-radius: 2px; font-size: 16px;border: 1px solid rgba(0,0,0,0);
    position:relative;text-align: center; margin-bottom:0px; margin-left:10px;vertical-align: top; box-sizing: border-box; *display: inline; *zoom:1;}
.gp-page-select{height: 32px;line-height: 32px;min-width: 50px;display:inline-block;*display: inline;*zoom:1;vertical-align: top;}
.gp-page .gp-page-prev, .gp-page .gp-page-next,.gp-page .gp-page-start,.gp-page .gp-page-end, .gp-page .jump{ width: auto; padding: 0 10px;}
.gp-page > span{border:none}
.gp-page > a:hover, .gp-page > a.active{ background-color:#003c7f; color: #fff;}
.gp-m-page{ display: none;}
.gp-m-page a{display: inline-block;margin:0 10px}
/*居中*/
.gp-page-centered {text-align:center}
/*右对齐*/
.gp-page-right {text-align:right}
.gp-page .omit{ cursor: not-allowed;}
.selectDiv{ display: inline-block; margin-right: 0px; margin-left: 16px; padding: 0px; border: 1px solid rgba(0,0,0,0); background: #F2F2F2; position: relative;}
.selectDiv + span{ margin-left: 0; }
.selectDiv > span{ display: inline-block; height: 32px; line-height: 32px; width: auto; text-align: left; position: relative;}
.selectDiv > span.currentPage{ display: inline-block; width: 32px; padding-left: 0px; text-align: center; box-sizing: border-box; color: #333;}
.selectDiv > span.currentPage::before{ content: ''; display: block; width: 5px; height: 5px; /* background: url(../images/page-down.png) no-repeat center/cover; */
    position: absolute; top: 50%; transform: translateY(-50%); right: 10px; transition: all 0.25s ease;}
.selectDiv:hover > span::before{ transform: translateY(-50%) rotateZ(180deg);}
.selectDiv dl{ display: none; position: absolute; width: 100%; left: 50%; transform: translateX(-50%); bottom: 100%; background: #ebf0fa; border-radius: 4px; border-bottom: 4px solid #fff;
    max-height: 200px; overflow-y: scroll;}
.selectDiv dl a{ display: block;}
.selectDiv:hover dl{ display: block;}
.selectDiv a{ display: inline-block; line-height: 30px;}
.selectDiv dd:hover{ background: #003c7f;}
.selectDiv dd:hover a{ color: #fff;}
.pageInput{ width: 32px; height: 32px; padding: 0; border: none; outline: none; background: #F2F2F2; text-align: center; margin-left: 10px;}

.Annex{ background: #fff; margin-top: 80px; text-indent: 0 !important; justify-content: flex-start;}
.Annex h3{ width: 111px; line-height: 48px; background: #003c7f; color: #fff; text-align: center; position: relative;}
/* .Annex h3::before{ content: ''; display: block; width: 30px; height: 30px; position: absolute; top: 0; left: 0;} */
.Annex ul{ min-height: unset; margin-top: 21px;}
.Annex li{ margin-bottom: 15px; line-height: 30px; position: relative; }
.Annex li:last-child{ margin-bottom: 0;}
.Annex li::marker{ content: ''; display: none;}
.Annex li a{ display: inline-block; color: #000; padding: 12px 20px 13px; background: #F2F2F2; position: relative; transition: all 0.35s ease;}
.Annex li a:hover{ color: #003c7f;}
.gp-article .Annex li,.gp-article .Annex ul{list-style:none outside none !important;}

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

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

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

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

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

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

@media screen and (max-width:997px) {
    .subContent > .flex{ flex-direction: column;}
    .gp-left{ margin-top: 10px; width: 100%;}
    .gp-right{ width: 100%; padding: 20px 0 0;}
    .contactUs{ display: none;}
    .pages{ padding: 20px 0 0;}
    .gp-page{ display: none;}
    .gp-m-page{ display: block;}
    .gp-m-page .gp-page-prev, .gp-m-page .gp-page-next{ width: auto; padding: 0 10px;}
    
}

@media screen and (max-width:767px) {
    .gp-title{ margin: 30px 0;}
    .Annex{ margin-top: 20px; padding: 5px 0;}

}

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

@media screen and (max-width:540px) {
    .picList .img{ width: 230px;}
    .picList .infoBox .title{ line-height: 22px;}
    .picList .infoBox .summary{ line-height: 20px;margin-top: 10px;}
    .picList .infoBox .more{ margin-top: 10px;}
}

@media screen and (max-width:479px) {
    .textList ul li{ padding: 5px 10px;}
    .textList ul li::before{ top: 16px;}
    .gp-title{ margin: 15px 0; font-size: 18px; font-weight: normal;}
    .gp-info{ margin-top: 10px;}
    .gp-content{ margin-top: 10px;}
    .gp-content p{ margin-bottom: 15px; line-height: 26px;}
    .Annex{ margin-top: 10px; padding: 0;}
    .Annex li a{ display: block; text-wrap: wrap; padding: 10px 5px; line-height: 24px;}
    .picList li{ margin-bottom: 15px;}
    .picList li a{ flex-direction: column;}
    .picList .img, .picList .infoBox{ width: 100%; padding: 0;}
    .picList .infoBox{ margin-top: 20px;}
}

@media screen and (max-width:414px) {
    .gp-container{ padding-left: 0; padding-right: 0;}
    .bread{ padding-right: 10px;}
    .thanks ul li{ margin-top: 15px;}
    .thanks ul a{ padding: 15px;}
}