@charset "utf-8";
/* CSS Document */
.subbanner{width: 100%;overflow: hidden;position: relative; } 
.subbanner-con{width: 100%;height: 0;padding-bottom:26.1%;overflow: hidden; background-position:center top;background-size: cover;background-repeat: no-repeat;text-align: center;}
/*content*/
.subPage{ padding-bottom: 40px; position: relative; z-index: 9;}


/*侧边栏*/ 
.subLeft{width: 250px;/*! background: #E8F4FC; */ }
.subLeft.gp-Tl .sub-leftTitle{ margin-top: -125px; }
.gp-subLeft{width: 210px;background:#ffffff; border-left: #0e418c 20px solid;}
.gp-subLeft > ul{ padding-bottom: 50px;}
.gp-subLeft > ul >li{position: relative;margin: 0 20px;/*! overflow: hidden; */} 
.gp-subLeft > ul >li > a{ display: block;/*! transition: all 0.35s ease-in-out; */ padding: 13px 0;position: relative;z-index: 1;margin: 10px 0;}
.gp-subLeft > ul >li > a:hover,.gp-subLeft > ul >li > a.active{color:#fff;padding-left: 40px;background: #ae0b2a;margin-left: -20px;width: 190px;border-top-right-radius: 30px;border-bottom-right-radius: 30px;}
.gp-subLeft .gp-toggles,.gp-sub-toggles{font-size: 12px;font-size: 1.2rem; width: 15px;height: 40px;position: absolute;right: 0;top: 6px;line-height: 40px;text-align: center;cursor: pointer;color:#fff;font-weight: normal;display: block;/*! margin-right: 12px; */z-index: 9;}
.gp-subLeft .gp-toggles.icon-jia{background: url(../images/jia.png) no-repeat center center;}
.gp-subLeft .gp-toggles.icon-jia.icon-down{background: url(../images/jian.png) no-repeat center center;}
.gp-subLeft .gp-sub-toggles{width: 50px;height: 50px;line-height: 50px;}
.gp-second-nav{font-size: 16px;display: none;/*! background: #1a7562; */ position: relative;}
.gp-second-nav dd a{display: block;position: relative; padding:10px 0 10px 35px; transition: all 0.35s ease-in-out;  /*! text-align: center; */}
.gp-second-nav dd dd a{padding-left: 60px;font-size: 16px;font-size: 1.6rem;padding: 10px 30px 10px 50px;background-color: #3d72b3;color:#ddd;border-bottom: none;}
.gp-second-nav dd dd a:before{border-bottom-color: #4e81c0;}
.gp-second-nav dd a:hover,.gp-second-nav dd a.current{/*! color:#fff; */ opacity: 0.8;}

.gp-subLeft > ul >li{border-bottom: #f2ede9 1px solid;}


.gp-subLeft *{transition: none;}
.gp-subRight{margin-left: 280px; overflow: hidden;}
.gp-subRight-con{margin-top: 20px;overflow: hidden; position: relative;}
.gp-subRight.gp-Tl{ margin: 0; }
/*侧边栏移动端 */
.gp-m-subNav{display:none; }
.gp-m-inner-header{width:100%;height:40px;background-color: #0e418c;cursor:pointer;line-height: 40px;}
.gp-m-inner-header > span{height: 50px;padding-left: 15px;font-size: 1.8rem;color:#fff;}
.gp-m-subNav .gp-m-inner-header-icon{float: right; width: 50px;height: 42px;}
.gp-m-subNav .gp-m-inner-header-icon-out i.icon-jia{display: block; background: url(../images/jia.png) no-repeat center;width: 50px;height: 42px;}
.gp-m-subNav .gp-m-inner-header-icon-click i.icon-jian{display: block; background: url(../images/jian.png) no-repeat center;width: 50px;height: 42px;}
.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;display:block;color:#fff;}
.gp-subNavm ul{background: #DFDAD5;}
.gp-subNavm li{position: relative;}
.gp-subNavm li > a{ font-size: 14px;padding-left:13px;height:45px;line-height:45px;border-bottom:1px solid #eee9e5;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,.gp-sub-m-toggle{width: 15px;height: 15px;position: absolute;right: 16px;top: 15px;line-height: 40px;text-align: center;}
.gp-m-toggle.icon-right{ background: url(../images/jia.png) no-repeat center center;}
.gp-m-toggle.icon-down{ background: url(../images/jian.png) no-repeat center center; }
.gp-subNavm dl{ display: none; background-color:#EEE9E5; }
.gp-subNavm dl dd{ padding-left: 30px; line-height:18px; padding:10px 0px 10px 30px;border-bottom: 1px solid #dfdad5;position: relative;}
.gp-subNavm li dl dd a{ font-size: 14px; font-weight:normal; display:inline;  border:none; padding:0px;}
.gp-subNavm li dl dd a:hover{ color:#5b396c;}

.subCon{position: relative;z-index: 3;background: #fff;padding: 40px 40px;min-height: 700px;}
.sub-leftTitle{line-height: 28px; position: relative;width: 210px;margin-top: -80px;background: #0e418c;}
.sub-leftTitle h2{color: #fff;padding: 26px;}
.sub-leftTitleTL{ margin-top: -100px;}
/*自定义*/ 


.wrap_bottom { height: 160px;}


/*文章页和简介页*/
.gp-bread{  }
.gp-bread > div{ display: inline-block; width: auto; float: right;margin-top: 30px;}
.articleTitle{ overflow: hidden;position: absolute;bottom: 0;left: 0;width: 100%;z-index: 1;height: 150px;
background-color:rgba(0,0,0,0.5);
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.65), rgba(0,0,0,0)); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(top, rgba(0,0,0,0.65), rgba(0,0,0,0)); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(top, rgba(0,0,0,0.65), rgba(0,0,0,0)); /* Firefox 3.6 - 15 */
  background: linear-gradient(to top, rgba(0,0,0,0.65), rgba(0,0,0,0)); /* 标准的语法 */}
.Bucea-article01{ }
.pageArticleTitle{margin-bottom: 40px;overflow: hidden;border-top: #558ac9 2px solid;}
.pageArticleTitle h3{ width: 66%;float: left;margin-top: 27px;}
.articleAuthor { overflow: hidden; width: 29%;float: right;position: relative;min-height: 100px;}
.articleAuthor .from{ display: block;padding-right: 100px;padding-top: 30px;}
.articleAuthor .date{ width: 87px;height: 100px;background: #558ac9; text-align: center; position: absolute;right: 0;top: 0;}
.articleAuthor .date .day{ margin: 20px 0 0 0; }

.gp-article{line-height:33px; }
.gp-article p{/*! text-indent: 2em; */} 
.gp-article table{margin: auto;}
.gp-article i,.gp-article em{font-style: italic;}
.gp-article strong{ font-weight: bold; }




/*列表页*/
.articleTitle02{margin-bottom: 20px; overflow:hidden;}
.articleTitle02 span{ display: inline-block; font-weight: bold;}
.gp-subRight.gp-Tl .articleTitle02{ display: none; }
.BNUlist01{ overflow: hidden; }
.BNUlist01 li{ border-bottom: #f0f0f0 1px solid; overflow: hidden; padding: 17px 0 17px 20px;background: url(../images/libg.png) no-repeat left top 23px; }
.BNUlist01 li a{ position: relative; line-height: 24px;transition: all 0.2s ease-in-out; }
.BNUlist01 li a:hover{ padding-left: 10px; }
.BNUlist01 li .date{ float: right;  margin-top: 5px; position: relative;padding-left: 20px;color: #808080;}



/*领导图片页*/
.BNUlist03{ margin:-15px -11px; overflow: hidden;}
.BNUlist03 li{  overflow: hidden; }
.BNUlist03 li a{ display: block; margin: 15px 11px;  position: relative;}
.BNUlist03 .gp-img-responsive{padding-bottom: 134%;}
.BNUlist03 .listText{ display: block; overflow: hidden; padding: 15px 20px;  transition: all 0.3s ease-in-out;
background:rgba(0, 0, 0, 0.3);position: absolute;z-index: 9;left: 0;bottom: 20px;width: 64%;}
.BNUlist03 .listTitle{ color: #fff; margin-bottom: 8px; font-size:18px;}
.BNUlist03 .listCon{ color: #fff; opacity: 0.8;}
.BNUlist03 .listText:before{ content: ""; display: none; width: 17px; height: 8px; background: url(../images/icon3.png) no-repeat center;
position: absolute; bottom: 13px;left: 30px; }
.BNUlist03 li a:hover .listText:before{display: block;}
.letterList{ background:#f5f5f5; overflow:hidden; padding: 12px 13px;margin-bottom: 30px;}
.letterList a{ display:inline-block; color: #558ac9;width: 29px;height: 30px;text-align: center;line-height: 30px;}
.letterList a.active,.letterList a:hover{background: #0e418c;border-radius: 50%;color: #fff;}



/*视频空间列表页*/
.BNUlist04{ margin:-10px -15px; overflow: hidden;}
.BNUlist04 li{  overflow: hidden; }
.BNUlist04 li a{ display: block; margin: 20px 10px;  position: relative;}
.BNUlist04 .listText{ display: block;overflow: hidden; margin: 10px 0 0 0;
transition: all 0.3s ease-in-out;position: relative;z-index: 9;}
.BNUlist04 .listTitle { height: 48px; line-height: 24px;  }
.BNUlist04 .listDate{ background: url(../images/icon4.png) no-repeat left center; padding-left: 25px; position: relative;color: #a02226;}
.BNUlist04 .listDate:before{ content: ""; display: block; width: 30px; height: 1px; background: #e0c67e; position: absolute;
left: -30px; top: 10px;}

.BNUlist04 .play{ display: block; width:40px; height:40px; background: url(../images/play.png) no-repeat center; border:#fff 2px solid;
border-radius: 50%; position: absolute;left: 50%;top: 50%;z-index: 9;margin-left: -22px;margin-top: -48px; background-size: 15px;}



/*新闻列表页*/
.FirstNews{ overflow:hidden;margin-bottom: 30px;}
.FirstNews a{ display: block; overflow: hidden; }
.FirstNews .gp-img-responsive{ width: 470px;height: 264px; padding: 0;float: left;}
.FirstNews .FirstNewsText { margin-left: 500px; overflow: hidden; border-bottom: #f0f0f0 1px solid;padding-bottom: 30px;transition: all 0.2s ease-in-out;}
.FirstNews .FirstTitle {margin-top: 10px;}
.FirstNews .FirstCon { margin: 35px 0 65px 0; color: #999; line-height: 24px; height: 72px; }
.FirstNews .FirstDate{ color: #558ac9; }
.FirstNews a:hover .FirstNewsText{ padding-left:10px; }


/*科研进展列表页*/
.BNUlist05{}
.BNUlist05 li a{ display: block; padding: 24px 0 15px 0; overflow: hidden; border-bottom: #f2f2f2 1px solid;}
.BNUlist05 .date{ display: block; width: 65px; float: left; position: relative;}
.BNUlist05 .date:before{ content: ""; display: block; width: 1px;height: 46px;background: #e7e7e7; position: absolute; right: -15px; top: 0;transform: rotate(-20deg);}
.BNUlist05 .year{ color: #808080; display: block; }
.BNUlist05 .listText{ margin-left: 100px; transition: all 0.2s ease-in-out;}
.BNUlist05 .listCon{ color: #999; margin-top: 8px; }
.BNUlist05 li a:hover .listText{ padding-left: 10px; }

/*实验室简介*/
.LabIntro{position: relative;overflow: hidden;margin-bottom: 28px;}
.LabIntro .gp-img-responsive{padding: 0;height: 400px;}
.LabIntro .gp-img-responsive img{   }
.LabIntro .LabText{ background: url(../images/labbg.png) no-repeat; width: 454px;position: absolute;right: 0;top: 0;height: 400px;
  background-size: cover;}
.LabIntro .LabTitle{ width: 218px; margin: 66px auto 36px auto; }
.LabIntro .LabCon{ width: 218px; line-height: 28px; margin: 0 auto; opacity: 0.6;}
.LabIntro .LabText:before{ content: ""; display:block; width: 20px; height: 140px;background:#ae0b2a; position:absolute; top: 50px; left: 68px;
transform: rotate(17deg);}


/*头图列表*/
.BNUlist06{ margin: -20px; overflow: hidden; }
.BNUlist06 li a{ display: block; margin: 20px; overflow: hidden; position: relative;}
.BNUlist06 .gp-img-responsive{ padding-bottom: 41%; }
.BNUlist06 .listText{ width: 100%; background: rgba(0,0,0,0.4); position: absolute;bottom: 0;left: 0;z-index: 9;}
.BNUlist06 .listCon{ padding: 10px; }
.BNUlist06 .listCon p{ display: inline-block; color: #fff;padding: 0 13px;position: relative;} 
.BNUlist06 .listCon p:nth-child(1):before,.BNUlist06 .listCon p:nth-child(2):before{ content: ""; display: block; width: 1px;height: 12px;background: rgba(255,255,255,0.3); 
position: absolute;right: 0; top: 4px; }


/*人员详情页*/
.teamIntro{ border-top:#eaeff5 20px solid; border-bottom: #eaeff5 20px solid; border-left: #eaeff5 30px solid; border-right: #eaeff5 30px solid;
 overflow: hidden; background: url(../images/introbg.png) no-repeat right bottom;
margin-bottom: 20px;}
.teamIntro .gp-img-responsive{ width: 220px; height: 310px; padding: 0; float: left;border-right: #eaeff5 10px solid;}
.teamIntro .teamIntroText { margin: 60px 20px 0 255px; overflow: visible;}
.teamIntro .teamIntroText span{ display: block; padding: 14px 0;color: #999;}
.teamIntro .teamIntroText .name{ color: #666666; }
.teamIntro .teamIntroText .name strong{ font-size: 22px; color: #333; position: relative;padding-right: 30px;}
.teamIntro .teamIntroText .name strong:before{ content: ""; display: block; width:8px; height: 18px;background: #085ad1;
position: absolute; left: -25px; top: 7px; }
.teamIntro .teamIntroText .major{ color: #333; }
.teamIntro .teamIntroText span a{ color: #999; line-height: 24px;padding: 6px 30px;}
.teamIntro .teamIntroText span a:hover{ text-decoration: underline; color: #333; }
.teamIntro .teamIntroText .mail{ background:url(../images/mail.png) no-repeat left center;  padding-left: 40px; }
.teamIntro .teamIntroText .website{ background:url(../images/website.png) no-repeat left center;  padding-left: 40px; }
.IntroList1{ overflow: hidden;margin-bottom: 25px;}
.IntroTitle{ display: inline-block; min-width: 90px;background: #f5f2f0;padding: 13px 20px;position: relative;
	border-top-right-radius: 30px;border-bottom-right-radius: 30px;border-left: #ae0b2a 1px solid;margin-bottom: 20px;margin-left: 4px;}
.IntroTitle:before{ content: ""; display: block;width: 7px; height: 10px;background: #ae0b2a;position: absolute; left: -4px; top: 20px; }





/*附件*/
.Annex{ margin: 40px 0; overflow: hidden; padding: 15px 20px;background: #f7f7f7;} 
.Annex h3{ overflow: hidden; position: relative;display: inline-block;float: left;color: #666666; padding-right: 20px;} 
.annexList{overflow: hidden;  }
.annexList li{ overflow: hidden; position: relative; }
.annexList li a{line-height: 24px;color: #666;}
.AnnexNext{ padding: 24px 30px; width: 70%;}
.AnnexNext a{ color: #006747; }

/*分享*/
 .share{overflow: hidden;}
 .share_btn{font-weight: normal;font-size: 14px;text-align: center;}
 .share .bdsharebuttonbox  > a{padding-left: 0;margin:5px 0 !important;;height: 60px;text-indent: 0;width: 60px;line-height: 60px;text-align: center;background: none;font-size: 23px;display: block;}
 .share .bdsharebuttonbox > a.bds_weixin{background:url(../images/wechat.png) no-repeat center;color:#7dd43c}
 .shareBox {width: 260px;background-color: #fff;position: fixed;top: 50%;left: 50%;margin: -150px 0 0 -130px;z-index: 9998;height: 310px;border: 6px solid #8F8F8F;border-radius: 8px;box-shadow: 0 0 7px #aaa;display: none;}
 .shareBox { font-size: 14px;}
 .shareBox .title {   background: #f6f6f6;  font-size: 14px;  font-weight: bold;  padding: 10px 15px !important;}
 .shareClose {   position: absolute;    right: 0;    top: 0; cursor: pointer;font-size: 18px;width: 20px;; }
 .sharelist {  position: static;   height: 250px;  overflow-y: auto;padding-left: 17px !important;}
 .sharelist li {    float: left;    width: 130px;     padding: 2px;     margin-left: 6px;     _margin-left: 3px;     height: 28px;     overflow: hidden;     list-style: none; }
 .sharelist li a {     color: #565656;     font: 12px '宋体';     display: block;        text-decoration: none;     border: 1px solid #fff;     line-height: 18px; width: auto;height: auto;text-indent: 0;}
 .weChatBox{width: 280px;height:300px;background-color:#fff;border:solid 1px #d8d8d8;padding:10px;position: fixed;left: 50%;top: 50%;margin:-150px 0 0 -140px;z-index: 9998;display: none;box-shadow: 0 0 10px rgba(0,0,0,0.25);}
 .weChatBox .w-title{font-size: 12px;font-weight: bold;padding:0 0 10px 0;}
 .w-close{width: 20px;height: 20px;line-height: 20px;text-align: center;font-size: 20px;position: absolute;right: 0;top: 0;color:#333;cursor: pointer;}
 .qrcode{width: 200px;height: 200px;margin:15px auto;background: #ccc;}
 .w-footer{font-size: 12px;line-height: 1.5;color:#999;}
 #qrodeText{opacity: 0;position: absolute;left: 0;top: 0;z-index: 0;visibility:hidden;}
 



.bdsharebuttonbox { }
.bshare-custom { width: auto; float: left;}
.share { overflow:hidden;width: 60px;position: absolute;top: 223px;right: 12vw;z-index: 9;}
.share .bshare-custom a{margin:5px 0; padding:0px !important; width: 60px; height:60px;display: block;}
.share .bshare-custom .bshare-sinaminiblog{ background:url(../images/sina.png) no-repeat;}
.share  .bshare-custom .bshare-qzone{ background:url(../images/zone.png) no-repeat; }
.share  .bshare-custom .bshare-more.more-style-addthis{  background:url(../images/bds_more.png) no-repeat; }
  
/***分页*/ 
.gp-page { margin:40px auto 50px auto; color:#999;font-size: 0;clear: both;overflow: hidden;max-width: 404px;}
.gp-page > div{border: #0961cb 1px solid;border-radius: 30px;overflow: hidden;max-width: 280px; float: left; margin: 0 10px;}
.gp-page:after,.gp-page:before { content:" "; display:table}
.gp-page a:first-child{}
.gp-page a,.gp-page span{display:inline-block;*display: inline;*zoom:1;cursor: pointer;height:38px;line-height: 38px; position:relative;text-align: center; vertical-align: middle;width: 38px;font-size: 16px;transition: all 0.35s ease-in-out;/*! margin:0 6px; *//*! border-radius:50%; */color: #666666;border-right: #a5c7f1 1px solid;}
.gp-page .gp-page-start,.gp-page .gp-page-end,.gp-page .gp-page-next,.gp-page .gp-page-prev,.gp-page > span {width: auto;padding:0 15px;}
.gp-page  span{border:none;padding: 0;color: #333;}
.gp-page  a:hover ,.gp-page  a.on_pages{ background-color:#065eca;color: #fff;/*! font-weight: bold; *//*! border-radius: 50%; */}
.gp-page .gp-page-prev{}
.gp-page .gp-page-next{ border: none; }
.gp-page a.on_pages{}
.gp-page .first,.gp-page .last{ border:#0961cb 1px solid; border-radius: 30px; float: left;width: 50px;}
.gp-m-page{display: none;}
.gp-m-page a{display: inline-block;margin:0 10px;height: 32px;line-height: 32px;font-size: 1.2rem;background: #eee;border-radius: 0;border: none;}
.gp-page a.gp-page-prev:hover{ background-color:#fff; border-top-left-radius: 30px;border-bottom-left-radius: 30px; }
.gp-page a.gp-page-next:hover{background-color:#fff; border-top-right-radius: 30px;border-bottom-right-radius: 30px;}
.gp-page a.first:hover,.gp-page a.last:hover{ background-color: #fff; }
/*居中*/
.gp-page-centered {text-align:center}
.gp-page a:hover { background-color:#065eca;color:#fff;}
.gp-m-page a.gp-page-prev:hover,.gp-m-page a.gp-page-next:hover{ background:#eee;color: #333;  }



@media screen  and (max-width:1800px) {
    .share{ right:10px; }
}



@media screen  and (max-width:1300px) {
   .share{ position: static; width: auto;float: right;margin-right: 25px;}
   .bdsharebuttonbox{ float: left; }
   .share .bdsharebuttonbox > a{ margin: 0px 3px !important;background-size: 35px !important;width: 35px;height: 35px;}
   .share .bshare-custom a{ float: left; margin:0 3px; background-size: 35px !important;width: 35px;height: 35px;}
   .share_btn{ text-align:left; margin: 10px 0;}

}


@media screen  and (max-width:1200px) {
   .gp-bread > div{ margin-left: 0; float: right; padding: 0 0 15px 76px;}

}



@media screen  and (max-width:1020px) {
   .subPage{ padding-bottom: 30px; }
   .subPage-con.gp-container{margin-left:0 !important; margin-right:0 !important;}
   .subCon{ padding: 25px; }
   .gp-container{ width: auto; margin-left: 15px !important; margin-right: 15px !important; } 
   .gp-subLeft{display: none;}
   .gp-m-subNav{display: block;}
   .gp-page{display: none;background: none;}
   .gp-m-page{display: block; margin: 30px auto auto auto;}
   .gp-subRight.gp-Tl .articleTitle02{ display: block; }
   .gp-subRight{margin-left: 0 !important;clear: both;}
   .gp-subRight-con{ margin-top: 0;padding: 15px; }
   .articleTitle h2{margin-top: 0;padding: 10px 0;float: none;background: none;margin-bottom: -25px;}
   .gp-f24{ font-size: 2.0rem; }
   .FirstNews .gp-img-responsive{ width: 360px;height: 202px; }
   .FirstNews .FirstNewsText{ margin-left: 385px; }
   .FirstNews .FirstCon{ margin: 20px 0; }
   .BNUlist06 { margin: -10px; }
   .BNUlist06 li a{ margin: 10px; }
   .teamIntro .teamIntroText{ margin-top: 20px; } 
} 


 
@media screen  and (max-width:768px) {
  .gp-article img{width:auto !important;height:auto !important;}
  .gp-article video{width:auto !important;}
  .gp-article table{width:100% !important; }
  .subCon{ padding: 20px; }
 


}

@media screen and (max-width:766px) {
    .BNUlist04 .listTitle{ height: auto; } 
    .LabIntro .LabText{ position: static; background-color: #0251a8;width: auto;padding: 20px;height: auto;}
    .LabIntro .LabTitle,.LabIntro .LabCon{ width: auto; margin: 0;}
    .LabIntro .gp-img-responsive{ height: 0; padding-bottom: 42%; }
    .LabIntro .LabText:before{ display: none; }
    .pageArticleTitle h3{ width: auto; float: none; }
    .articleAuthor{ width: auto; float: none; }
    .articleAuthor .date{ width: 66px; height: 66px; }
    .articleAuthor .date .day{ margin:6px 0 0 0; }
    .articleAuthor{ min-height: auto; margin: 10px 0;}
    .pageArticleTitle{ margin-bottom: 15px; }
}




@media screen and (max-width:640px) {
    .articleTitle{ position: static; background: #eee9e5; height: auto; padding: 7px 0;}
    .gp-bread{ margin: 0; text-align: left; }
    .gp-bread,.gp-bread a, .gp-bread span{ color: #666; }
    .gp-bread > div{ margin: 0;padding: 0;}
    .BNUlist03 .listText{ width: 80%; padding: 10px; bottom: 0;}
    .BNUlist04{ margin: -10px -15px; }
    .BNUlist04 li a{ margin: 10px 15px; }
    .FirstNews{ margin-bottom: 0; }
    .FirstNews .gp-img-responsive{ width: 100%; float:none; height: 0; padding-bottom: 56.3%; }
    .FirstNews .FirstNewsText{ margin-left: 0; }
    .FirstNews .FirstCon{ margin: 10px 0; }  
    .gp-f26{ font-size: 2.0rem; font-size: 20px; }
    .BNUlist05 .date:before{ right:6px; }
    .BNUlist05 .listText{ margin-left: 76px; }
    .teamIntro{ border: none;background: none; }
    .teamIntro .gp-img-responsive{ float: none; margin: 0 auto; border:#eaeff5 10px solid; }
    .teamIntro .teamIntroText{ margin: 0; }
    .teamIntro .teamIntroText .name{ text-align: center; }
    .BNUlist01 li .date{ float: none; padding: 0; }
    .BNUlist01 li a{ display: block; }

}

@media screen and (min-width:479px) {
  /* [class*="gp-xs"],[class*="gp-sm"],[class*="gp-md"],[class*="gp-lg"] {
    display: inline-block;*display: inline;*zoom:1;margin-right: -2px;margin-left: -2px;vertical-align: top;
  } */
  [class*="gp-xs"]{margin-right: -2px;margin-left: -2px;}
  .gp-xs-1 {width: 8.33333333%;}
  .gp-xs-2 {width: 16.66666667%;}
  .gp-xs-3 {width: 25%;}
  .gp-xs-4 {width: 33.33333333%;}
  .gp-xs-5 {width: 41.66666667%;}
  .gp-xs-6 {width: 50%;}
  .gp-xs-7 {width: 58.33333333%;}
  .gp-xs-8 {width: 66.66666667%;}
  .gp-xs-9 {width: 75%;}
  .gp-xs-10 {width: 83.33333333%;}
  .gp-xs-11 {width: 91.66666667%;}
  .gp-xs-12 {width: 100%;}
  .gp-xs-offset-0 {margin-left: 0;}
  .gp-xs-offset-1 {margin-left: 8.33333333%;}
  .gp-xs-offset-2 {margin-left: 16.66666667%;}
  .gp-xs-offset-3 {margin-left: 25%;}
  .gp-xs-offset-4 {margin-left: 33.33333333%;}
  .gp-xs-offset-5 {margin-left: 41.66666667%;}
  .gp-xs-offset-6 {margin-left: 50%;}
  .gp-xs-offset-7 {margin-left: 58.33333333%;}
  .gp-xs-offset-8 {argin-left: 66.66666667%;}
  .gp-xs-offset-9 {margin-left: 75%;}
  .gp-xs-offset-10 {margin-left: 83.33333333%;}
  .gp-xs-offset-11 {margin-left: 91.66666667%;}
  .gp-xs-reset-order {margin-left: 0;margin-right: 0;left: auto;right: auto;float: left;}
  [class*="gp-"].gp-xs-centered {margin-left: auto;margin-right: auto;display: block;}
  [class*="gp-"].gp-xs-centered:last-child {float: none;}
  [class*="gp-"].gp-xs-uncentered {margin-left: 0; margin-right: 0;float: left;}
  [class*="gp-"].gp-xs-uncentered:last-child {float: left;}
  /*平均分配*/
  .gp-avg-xs-1 > li{width: 100%;}
  .gp-avg-xs-2 > li{width: 50%;}
  .gp-avg-xs-3 > li{width: 33.3%;}
  .gp-avg-xs-4 > li{width: 25%;}
  .gp-avg-xs-5 > li{width: 20%;}
  
}

@media screen and (min-width:767px) {
  [class*="gp-sm"]{margin-right: -2px;margin-left: -2px;}
  .gp-sm-1 { width: 8.33333333%;}
  .gp-sm-2 {width: 16.66666667%;}
  .gp-sm-3 {width: 25%;}
  .gp-sm-4 {width: 33.33333333%;}
  .gp-sm-5 {width: 41.66666667%;}
  .gp-sm-6 {width: 50%;}
  .gp-sm-7 {width: 58.33333333%;}
  .gp-sm-8 {width: 66.66666667%;}
  .gp-sm-9 {width: 75%;}
  .gp-sm-10 {width: 83.33333333%;}
  .gp-sm-11 {width: 91.66666667%;}
  .gp-sm-12 {width: 100%;}
  .gp-sm-offset-0 {margin-left: 0;}
  .gp-sm-offset-1 {margin-left: 8.33333333%;}
  .gp-sm-offset-2 {margin-left: 16.66666667%;}
  .gp-sm-offset-3 {margin-left: 25%;}
  .gp-sm-offset-4 {margin-left: 33.33333333%;}
  .gp-sm-offset-5 {margin-left: 41.66666667%;}
  .gp-sm-offset-6 {margin-left: 50%;}
  .gp-sm-offset-7 {margin-left: 58.33333333%;}
  .gp-sm-offset-8 {margin-left: 66.66666667%;}
  .gp-sm-offset-9 {margin-left: 75%;}
  .gp-sm-offset-10 {margin-left: 83.33333333%;}
  .gp-sm-offset-11 {margin-left: 91.66666667%;}
  .gp-sm-reset-order {margin-left: 0;margin-right: 0;left: auto;right: auto;float: left;}
  [class*="gp-"].gp-sm-centered {margin-left: auto;margin-right: auto;display: block;}
  [class*="gp-"].gp-sm-centered:last-child {display: block;}
  [class*="gp-"].gp-sm-uncentered {margin-left: 0;margin-right: 0; }
  [class*="gp-"].gp-sm-uncentered:last-child { display: block;}
  /*平均分配*/
  .gp-avg-sm-1 > li{width: 100%;}
  .gp-avg-sm-2 > li{width: 50%;}
  .gp-avg-sm-3 > li{width: 33.3%;}
  .gp-avg-sm-4 > li{width: 25%;}
  .gp-avg-sm-5 > li{width: 20%;}
}  
@media screen and (min-width:997px) {
  [class*="gp-md"]{margin-right: -2px;margin-left: -2px;}
  .gp-md-1 {width: 8.33333333%;}
  .gp-md-2 {width: 16.66666667%;}
  .gp-md-3 {width: 25%;}
  .gp-md-4 {width: 33.33333333%;}
  .gp-md-5 {width: 41.66666667%;}
  .gp-md-6 {width: 50%;}
  .gp-md-7 {width: 58.33333333%;}
  .gp-md-8 {width: 66.66666667%;}
  .gp-md-9 {width: 75%;}
  .gp-md-10 {width: 83.33333333%;}
  .gp-md-11 {width: 91.66666667%;}
  .gp-md-12 {width: 100%;}
  .gp-md-offset-0 { margin-left: 0;}
  .gp-md-offset-1 { margin-left: 8.33333333%;}
  .gp-md-offset-2 { margin-left: 16.66666667%;}
  .gp-md-offset-3 { margin-left: 25%;}
  .gp-md-offset-4 {margin-left: 33.33333333%;}
  .gp-md-offset-5 {margin-left: 41.66666667%;}
  .gp-md-offset-6 {margin-left: 50%;}
  .gp-md-offset-7 {margin-left: 58.33333333%;}
  .gp-md-offset-8 {margin-left: 66.66666667%;}
  .gp-md-offset-9 {margin-left: 75%;}
  .gp-md-offset-10 {margin-left: 83.33333333%;}
  .gp-md-offset-11 { margin-left: 91.66666667%;}
  .gp-md-reset-order { margin-left: 0;margin-right: 0; left: auto;right: auto; float: left;}
  [class*="gp-"].gp-md-centered { margin-left: auto; margin-right: auto;float: none; }
  [class*="gp-"].gp-md-centered:last-child {float: none;}
  [class*="am-u-"].gp-md-uncentered { margin-left: 0; margin-right: 0; float: left;}
  [class*="gp-"].gp-md-uncentered:last-child { float: left; }
  /*平均分配*/
  .gp-avg-md-1 > li{width: 100%;}
  .gp-avg-md-2 > li{width: 50%;}
  .gp-avg-md-3 > li{width: 33.3%;}
  .gp-avg-md-4 > li{width: 25%;}
  .gp-avg-md-5 > li{width: 20%;}
}
@media screen and (min-width:1920px) {
  [class*="gp-lg"]{margin-right: -2px;margin-left: -2px;}
  .gp-lg-1 {width: 8.33333333%;}
  .gp-lg-2 {width: 16.66666667%; }
  .gp-lg-3 { width: 25%;}
  .gp-lg-4 { width: 33.33333333%;}
  .gp-lg-5 {width: 41.66666667%;}
  .gp-lg-6 {width: 50%;}
  .gp-lg-7 {width: 58.33333333%;}
  .gp-lg-8 {width: 66.66666667%; }
  .gp-lg-9 {width: 75%;}
  .gp-lg-10 {width: 83.33333333%;}
  .gp-lg-11 { width: 91.66666667%;}
  .gp-lg-12 {width: 100%;}
  .gp-lg-offset-0 {margin-left: 0;}
  .gp-lg-offset-1 { margin-left: 8.33333333%;}
  .gp-lg-offset-2 {margin-left: 16.66666667%;}
  .gp-lg-offset-3 {margin-left: 25%;}
  .gp-lg-offset-4 { margin-left: 33.33333333%;}
  .gp-lg-offset-5 {margin-left: 41.66666667%;}
  .gp-lg-offset-6 {margin-left: 50%;}
  .gp-lg-offset-7 {margin-left: 58.33333333%;}
  .gp-lg-offset-8 {margin-left: 66.66666667%;}
  .gp-lg-offset-9 {margin-left: 75%;}
  .gp-lg-offset-10 {margin-left: 83.33333333%;}
  .gp-lg-offset-11 {margin-left: 91.66666667%;}
  .gp-lg-reset-order {margin-left: 0;margin-right: 0;left: auto;right: auto;float: left;}
  [class*="gp-"].gp-lg-centered {margin-left: auto;margin-right: auto;float: none;}
  [class*="gp-"].gp-lg-centered:last-child {float: none;}
  [class*="gp-"].gp-lg-uncentered { margin-left: 0;margin-right: 0;float: left;}
  [class*="gp-"].gp-lg-uncentered:last-child {float: left;}
  /*平均分配*/
  .gp-avg-lg-1 > li{width: 100%;}
  .gp-avg-lg-2 > li{width: 50%;}
  .gp-avg-lg-3 > li{width: 33.3%;}
  .gp-avg-lg-4 > li{width: 25%;}
  .gp-avg-lg-5 > li{width: 20%;}
}