@charset "utf-8";
/* CSS Document */

.subPage{ padding: 40px 0 60px; position: relative; z-index: 1;}
.subPage:before{ content: ""; display: block; width: 100%; height: 544px;position: absolute; top: 0;z-index: 0;
background-color:#fefeff;
background: -webkit-linear-gradient(top, #d0e9dc, #fefeff); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(bottom, #d0e9dc, #fefeff); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(bottom,#d0e9dc, #fefeff); /* Firefox 3.6 - 15 */
background: linear-gradient(to bottom, #d0e9dc , #fefeff); /* 标准的语法 */ }
.subPage-con { background: #fff; position: relative;z-index: 1; }
.current .subPage{ padding-top:140px; }
/*侧边栏*/ 
.subLeft{background: #eeeeee; }
.gp-subLeft{width: 260px;background: #f5f5f5; }
.gp-subLeft > ul{}
.gp-subLeft > ul >li{position: relative;border-bottom: #fff 1px solid;} 
.gp-subLeft > ul >li > a{ display: block; padding: 18px 40px;}
.gp-subLeft > ul >li:hover > a,.gp-subLeft > ul >li.active > a{ font-weight: bold;color: #fff;background-color:#10a957;
background: -webkit-linear-gradient(left, #3aa6ce, #10a957); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #3aa6ce, #10a957); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right,#3aa6ce, #10a957); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #3aa6ce , #10a957); /* 标准的语法 */ }
.gp-subLeft .gp-toggles,.gp-sub-toggles{ width: 36px;height: 60px;position: absolute;right: 0;top: 0;line-height:60px;text-align: center;cursor: pointer;color:#fff;}
.gp-subLeft .gp-toggles.icon-jia{background: url(../images2022/jia.png) no-repeat center center;}
.gp-subLeft .gp-toggles.icon-jia.icon-down{background: url(../images2022/jian.png) no-repeat center center;}
.gp-subLeft .gp-sub-toggles{width: 50px;height: 50px;line-height: 50px;}
.gp-subLeft .gp-sub-toggles.icon-jia{background: url(../images2022/jia.png) no-repeat center center;}
.gp-subLeft .gp-sub-toggles.icon-jian{background: url(../images2022/jian.png) no-repeat center center;}
.gp-second-nav{display: none;background: #fff; padding: 10px 0;}
.gp-second-nav dd{position: relative;}

.gp-second-nav dd a{display: block;position: relative;padding: 8px 30px;transition: all 0.35s ease-in-out;}
.gp-second-nav dd dd a{padding-left: 60px;font-size: 16px;font-size: 1.6rem;padding: 8px 55px;background-color: #3d72b3;color:#ddd;border-bottom: none;}
.gp-second-nav dd dd a:before{border-bottom-color: #4e81c0;}
.gp-second-nav dd:hover a,.gp-second-nav dd.active a{color:#2b60ba; }

.gp-subLeft *{transition: none;}
.gp-subRight{margin-left: 300px; margin-right:40px; overflow: hidden;}
.gp-subRight-con{margin-top: 30px;overflow: hidden;position: relative;}
/*侧边栏移动端 */
.gp-m-subNav{display:none; }
.gp-m-inner-header{width:100%;height:42px;background-color: #10a957;cursor:pointer;line-height: 42px;}
.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(../images2022/n-rt.png) no-repeat center;width: 50px;height: 42px;}
.gp-m-subNav .gp-m-inner-header-icon-click i.icon-jian{display: block; background: url(../images2022/n-dw.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: #eee;}
.gp-subNavm li{position: relative;}
.gp-subNavm li > a{ font-size: 14px;padding-left:13px;height:45px;line-height:45px;border-bottom:1px solid #fff;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(../images2022/jia.png) no-repeat center center;}
.gp-m-toggle.icon-down{ background: url(../images2022/jian.png) no-repeat center center; }
.gp-subNavm dl{ display: none; background-color:#FDFDFD; }
.gp-subNavm dl dd{ padding-left: 30px; line-height:18px; padding:10px 0px 10px 30px;border-bottom: 1px solid #f3f5f6;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; min-height: 600px;}
.sub-leftTitle{line-height: 28px;background-color:#10a957;position: relative;}
.sub-leftTitle h2,.subTitle h2{ color: #fff; padding: 22px 40px;}
.subTitle{ display: inline-block; min-width: 260px; line-height: 28px;background-color:#10a957;position: relative;}
/*自定义*/ 

/*文章页和简介页*/
.gp-bread{ padding: 14px 28px; background: #f5f5f5; }
.gp-bread > div{ display: inline-block; width: auto;  }
.articleTitle{ overflow: hidden;position: absolute;bottom: 0;left: 0;width: 100%;z-index: 9;height: 95px;
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)); /* 标准的语法 */}
.pageArticleTitle{margin-bottom: 15px;border-bottom: #e5e5e5 1px solid;}
.pageArticleTitle h3{ text-align: center; }
.articleAuthor { text-align: center; padding:10px 0 16px 0px; overflow: hidden;}
.articleAuthor span{ color: #999999; padding: 0 15px;}
.articleAuthor span i{ font-style: normal; cursor: pointer; }
.gp-article{line-height:33px;padding-left: 80px;}
.gp-article p{text-indent: 2em;} 
.subNavlist .gp-article p {
  text-indent: 0;
}
.gp-article table{margin: auto; }
.gp-article i,.gp-article em{font-style: italic;}
.gp-article strong{ font-weight: bold; }

.articleTitle02{margin-bottom: 22px; overflow:hidden; border-bottom: #e5e5e5 1px solid;}
.articleTitle02 span{ display: inline-block; padding-bottom: 12px; font-weight: bold;}



/*本所概况*/
.list1{transform:skew(15deg); margin:20px -38px 0 -38px; overflow: hidden; }
.list1 li a{ display: block; overflow: hidden; position: relative;}
.list1 li{ position: relative;z-index: 9; }
.list1 li:nth-child(1){ width: 58%; float: left;}
.list1 li:nth-child(2){ width: 39%; float: right; }
.list1 li:nth-child(1) .gp-img-responsive{ padding-bottom: 43%;margin-left: 38px;  }
.list1 li:nth-child(2) .gp-img-responsive{ padding-bottom: 64%;margin-left: -38px;  }
.list1 .gp-img-responsive{position: relative; background-size: cover !important; transform:skew(-15deg); }
.list1 .gp-img-responsive img{ width: 100%;transition: all 0.3s ease-in-out;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;} 

.list1 .listText{ position: absolute; bottom: 0; width: 100%; height:200px;background-color:rgba(0,0,0,0.5);
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(top,rgba(0,0,0,0.5), rgba(0,0,0,0)); /* Firefox 3.6 - 15 */
background: linear-gradient(to top, rgba(0,0,0,0.5) , rgba(0,0,0,0)); /* 标准的语法 */ }
.list1 .listText span{transform:skew(-15deg);color: #fff; display: block; height: 28px; line-height: 28px; overflow: hidden; position: absolute; bottom: 20px;left: 40px; right: 40px; width: 66%;}



/*现任领导*/
.list2{margin: 0 -14px;overflow: hidden;}
.list2 li {}
.list2 li a{display: block;background: #efeff4;margin: 18px 14px;padding: 12px 8px 8px;overflow:hidden;}
.list2 .gp-img-responsive{width: 86%;padding-bottom: 126%;margin: 0 auto;background: #efeff4;}
.list2 .listText{ margin:18px 0 0; text-align: center;}
.list2 .listName{ display: block;height: 24px; line-height: 24px; color: #10a957; overflow: hidden; margin-bottom: 10px;}
.list2 .listCon{ color: #999999; height: 24px; line-height: 24px; }


/*现任领导详情页*/
.list3{ background: #fff; padding: 30px 22px;box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1); border-radius: 10px; margin: 0 10px; overflow: hidden; } 
.list3 .listImg{ display: block;width: 132px; height: 182px; float: left; overflow: hidden;}
.list3 .listImg img{ width: 100%; }
.list3 .listText{ display: block; margin-left:158px; }
.list3 .listName { display: block; color: #015e2c;}
.list3 .listPositon{ display: block; color: #757575; padding: 16px 0; }
.list3 .listPositon span{ padding-right: 20px; }
.list3 .listCon{ color: #757575; line-height: 27px; padding-top: 24px; position: relative;}
.list3 .listCon:before{ content: ""; display: block;width: 60%; height: 1px;background: #f0f0f0; position: absolute; left: 0; top: 0;}
.list3 .listCon .title{ color:#015e2c; line-height: 27px; }
.teacherIntro{margin: 40px 0; border-bottom: #f0f0f0 1px solid; padding-bottom: 20px; overflow: hidden;}
.teacherTitle{ display:block; line-height: 22px;color: #015e2c;margin-bottom: 10px;font-weight: bold;}



/*历届领导*/
.list4{margin:-20px 0px; overflow: hidden;}
.list4 li {}

.list4 li a{display: block;background: #efeff4;margin: 20px 20px;overflow:hidden;}
.list4 li a{
  padding: 20px;
}
.list4 .gp-img-responsive{ padding-bottom: 138%;}
.list4 .listText{padding: 5px;}

.list4 .listName{display: block;height: 24px;line-height: 24px;color: #10a957;overflow: hidden;margin-bottom:5px;text-align: center;}
.list4 .listCon{color: #999999;opacity: 0.7;height: 48px;line-height: 24px;text-align: center;}
.gp-line{ width: 100%; height: 1px;background: #e5e5e5; margin: 18px 0; }

.lrlist4 .listText {
  padding: 20px 0;
}
.lrlist4 .listText .listName{
  color: #015e2c;
}
.lrlist4 .listText  p{
 color: #333;
}
/*职能部门*/
.list5{ margin: -10px -30px; overflow: hidden;}
.list5 li{ width: 33.3%; }
.list5 li a{ display: block; border-bottom: #f0f0f0 1px solid; margin: 10px 30px; overflow: hidden; }
.list5 .listTitle{ padding:13px 25px 13px 0; background: url(../images2022/libg2.png) no-repeat top 20px right; position: relative;transition: all 0.2s ease-in-out;}
.list5 .listTitle:before{ content: ""; display: block;width: 44px; height: 1px;background: #10a957; position: absolute; bottom: 0; left: 0;}
.list5 a:hover .listTitle{padding-left: 10px;}



/*业务部门*/
.list6{ margin: -20px -15px; overflow: hidden; }
.list6 li{ width: 50%; }
.list6 .listText{ margin: 20px 15px; overflow: hidden; }
.list6 .title{ color: #10a957; background: #e8e8e8; padding:18px 30px; margin-bottom: 8px; overflow: hidden;}
.list6 dl{}
.list6 dl dd { border-bottom: #f2f2f2 1px solid; padding:14px 30px; overflow: hidden; }
.list6 dl dd a{ display: block;  overflow: hidden; padding-left: 16px; position: relative;transition: all 0.2s ease-in-out;}
.list6 dl dd a:before{ content: ""; display: block;width: 4px;height: 4px;background:#d6d6d6; border-radius: 50%; position: absolute;
 left: 0; top:10px; }
.list6 dl dd a:hover{ padding-left: 26px; }


/*组织机构*/
.wraplist7{ position: relative; }
.wraplist7:before{ content: ""; display: block;width: 4px; height: 100%; background: #10a957; position: absolute; left: 110px; top: 86px;}
.wraplist7 > .title{ display: inline-block; background: #10a957; padding:30px 40px; color: #fff; }
.wraplist7-con{ margin-left:110px; padding: 35px 0 0 24px; overflow: hidden;}
.wraplist7-con .title{ display: inline-block;float: left; position: relative;}
.wraplist7-con .title:before{ content: ""; display: block;width:20px;height: 3px;background: #10a957; position: absolute; left: -20px; top: 30px; }
.wraplist7-con .title:after{ content: ""; display: block;width:20px;height: 3px;background: #10a957; position: absolute; right: -20px; top: 30px; }
.wraplist7-con .title span{ display: inline-block; color: #10a957; min-width: 157px;padding: 20px 10px; border: #10a957 1px solid;
  text-align: center; position: relative;  }
.wraplist7-con .title span:before{ content:""; display: block;border:#10a957 1px solid; position: absolute;left: 3px; top: 3px; right: 3px; bottom: 3px; }
.list7{ margin-left: 220px; margin-top: 30px; border: #e6e6e6 2px dashed; padding: 0 18px; position: relative;}
.list7:before{ content: ""; display: block;width: 2px; height: 100%; background: #10a957;position: absolute; left:-24px; top: 0; }
.list7 li{ margin: 10px 0; background: #eeeeee; position: relative;}
.list7 li:before{ content: ""; display: block;width: 20px; height: 2px;background: #10a957; position: absolute; left: -40px; top: 20px; }
.list7 li a{display: block;overflow: hidden;transition: all 0.2s ease-in-out;}
.list7 li a:hover{ padding-left: 10px; }
.list7 .listTitle{ display:block; padding: 12px 18px; overflow: hidden; }
.list7 dl{ margin:0 0 0 18px; border-top: #d6d6d6 1px solid; overflow: hidden; }
.list7 dl dd{ padding: 10px 30px; border-bottom: #d6d6d6 1px solid; overflow: hidden; position: relative;}
.list7 dl dd:before{ content: ""; display: block; width: 4px; height: 4px;background: #10a957; position: absolute; left: 18px; top: 18px;}





/*图片新闻*/
.list8{ margin: 0 8px; }
.list8 li{ margin-bottom:26px;background: #fff; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08); border-top-right-radius:15px; border-bottom-right-radius:15px; overflow: hidden;}
.list8 li a{ display: block;  overflow: hidden; } 
.list8 .gp-img-responsive{ width:320px; height:180px; padding: 0; float: left; position: relative;z-index: 9;}
.list8 .listText{ display: block;margin-left: 320px; padding:22px 22px 22px;  transition: all 0.2s ease; }
.list8 .listTitle{ line-height: 24px; }
.list8 .listCon{ line-height: 24px; height: 48px; color: #999999; margin: 10px 0 15px 0; }
.list8 .listDate{ margin: 30px 0 0 0; color: #999; position: relative;display: block;}
.list8 .listDate:before{ content: ""; display: block;width:44px; height: 1px;
  background: #10a957;
  position: absolute;
  left:0;
  top: -15px;
  }
.noMargin .listText{ margin: 0; }
.list8 li a:hover .listText{ padding-left: 30px; }



/*人才队伍-高级职称*/
.articleTitle03{ margin-bottom: 20px; overflow: hidden; }
.articleTitle03 a{ display:block; float: left; width: 33%; height: 60px; line-height: 60px;background: #ededed; text-align: center;
 overflow: hidden; position: relative; transition: all 0.2s ease;}
.articleTitle03 a:before{ content: ""; display: block;width: 1px; height: 60px; background: #fff; position: absolute;right: 0; top: 0;}
.articleTitle03 a.active,.articleTitle03 a:hover{ background: #10a957; font-weight: bold; color: #fff; font-size: 18px;font-size: 1.8rem; }
.wraplist9{}
.wraplist9 .title{ display:inline-block; min-width: 130px; background: #10a957;padding:15px; text-align: center; color: #fff; }
.list9{ margin: 10px -10px; overflow: hidden; }
.list9 li a{ display: block; margin: 10px; padding:15px 10px;text-align: center; border-radius:6px; background: #efeff4; overflow: hidden;transition: all 0.2s ease; }
.list9 li a:hover{ background:#10a957;color: #fff;  }



/*创新队伍*/
.list10{ margin: 0 8px; }
.list10 li{ margin-bottom:26px;background: #fff; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08); border-top-right-radius:15px; border-bottom-right-radius:15px; overflow: hidden;}
.list10 li a{ display: block;  overflow: hidden; } 
.list10 .gp-img-responsive{ width:320px; height:180px; padding: 0; float: left; position: relative;z-index: 9;}
.list10 .listText{ display: block;margin-left: 320px; padding:25px 25px 20px 25px; overflow: visible; transition: all 0.2s ease; position: relative;}
.list10 .listName{ line-height: 24px; color: #10a957;}
.list10 .listCon{ line-height: 24px; color: #444; padding-bottom: 20px; margin-top: 60px; position: relative;}
.list10 .listCon:before{ content: ""; display: block;width: 60%; height: 1px;background: #e5e5e5;position: absolute; bottom: 0; left: 0; } 
.list10 .listText:before{ content:""; display: block; width: 4px; height: 74px;background:#d6d6d6; border-radius: 5px; position: absolute; right: 10px; top: 50%; margin-top: -37px; }



/*各类人才*/
.wraplist11{ overflow: hidden; text-align: center; margin-bottom: 40px;}
.wraplist11 .title{ display: inline-block; min-width: 200px; padding: 20px; border-bottom: #10a957 1px solid; color: #10a957;background: #efeff4;
text-align: center; margin-bottom: 20px;}
.list11{margin:-15px -50px; overflow: hidden;}
.list11 li {}
.list11 li a{ display: block; margin:15px 50px; border: #d6d6d6 1px solid; overflow:hidden;}
.list11 .gp-img-responsive{ padding-bottom: 140%;}
.list11 .listName{ display: block;height: 24px; line-height: 24px; overflow: hidden; margin: 12px;text-align: center;}



/*各类人才-文章页*/
.list12{}
.list12{ background: #f5f5f5; padding: 10px; overflow: hidden; } 
.list12 .listImg{ display: block;width:180px; height:250px; border: #fff 6px solid; float: left; overflow: hidden;}
.list12 .listImg img{ width: 100%; }
.list12 .listText{ display: block; margin-left:130px;border: #e4e4e4 1px solid; }
.list12 .listText p{ border-bottom: #e4e4e4 1px solid; overflow: hidden;background: #fff; }
.list12 .listText p span.name{ display: inline-block;width: 100px; padding:10px 0 10px 20px; color: #757575; font-weight: bold; background: #f5f5f5; float: left; }
.list12 .listText p span.text{ display: block; padding:10px 15px; margin-left: 120px; }
.wraplist12 .teacherTitle{ display: block;border-bottom: #e5e5e5 1px solid; overflow: hidden; }
.wraplist12 .teacherTitle span{ display: inline-block; background: #10a957;padding:10px 25px; color: #fff;}


/*列表页-招生通知*/
.list13{ margin:-5px 0 20px 0; overflow: hidden; }
.list13 li{ border-bottom: #e5e5e5 1px solid;padding:12px 0;overflow: hidden; position: relative; }
.list13 li:before{ content: ""; display: block;width: 1px; height: 16px; background: #e5e5e5; position: absolute; left: 0; top:17px; transition: all 0.2s ease;}
.list13 li:hover:before{ width: 4px; height: 100%; top: 0; background: #10a957; }
.list13 li a{ position: relative; padding-left: 16px;line-height: 24px;display: block;}
.list13 li .date{ color: #999; display: inline-block; float: right;}
.list13 li:hover{ box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08); }
.list13 li:hover a{ color: #10a957; }



/*科技期刊*/
.list14{margin:-15px -20px; overflow: hidden;}
.list14 li { width: 16.66%; overflow: hidden; }
.list14 li a{ display: block;margin:15px 20px; overflow:hidden;}
.list14 .gp-img-responsive{ padding-bottom: 133%;}
.list14 .listText{ margin:13px 0 0; text-align: center;}
.list14 .listName{ display: block; line-height: 24px; color: #999999; overflow: hidden; margin-bottom:8px;}
.list14 .listCon{ color: #222; line-height: 24px; }



/*科技期刊文章页*/
.list15{ position: relative;overflow: hidden; }
.list15{ overflow: hidden; } 
.list15 .listImg{ display: block;width: 270px; float: left; overflow: hidden; }
.list15 .gp-img-responsive{ display: block;width:248px; height:330px;text-align: center; padding: 0; margin: 13px auto; overflow: hidden;}
.list15 .listImg .listTitle{ background: #f5f5f5; color: #10a957; font-weight: bold; padding: 20px; text-align: center; }
.list15 .listText{ margin-left: 310px; }
.list15 .listText .listFrom{ color: #999; padding: 16px 0; border-bottom: #e5e5e5 1px solid; margin-bottom: 20px; }
.AboutLink2{ position: absolute;right: 0; top: 45px; }
.AboutLink2 a{ color: #10a957; padding: 0 10px; }
.wraplist16{ margin-top: 60px; padding-top: 30px; border-top: #e5e5e5 1px solid; overflow: hidden; }
.wraplist16 .listTitle{ margin-bottom: 10px; overflow: hidden; }
.wraplist16 .title{ color: #444; font-weight: bold; }
.wraplist16 .more{ float: right; color: #999; }
.list16 li { padding: 8px 0; overflow: hidden; }
.list16 .listDate{ float: right; color: #999; }




/*职工风采*/
.list17{margin:-16px; overflow: hidden;}
.list17 li {}
.list17 li a{ display: block; margin:16px; border: #e5e5e5 1px solid; overflow:hidden;}
.list17 .gp-img-responsive{ }
.list17 .listText{ padding: 15px 30px;}
.list17 .listTitle{ display: block;height:48px; line-height: 24px; overflow: hidden; margin-bottom: 6px;}
.list17 .listDate{ color: #999999; height: 24px; line-height: 24px; }

.list18{ margin:40px -15px 0; overflow: hidden; }
.list18 li a{ display: block; margin: 15px; overflow: hidden; position: relative; }
.list18 .listText{width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: table; text-align: center;}
.list18 .listTitle{ color: #048c44; display: table-cell;vertical-align: middle;text-shadow: 0px 0px 10px #fff; }



/*产品展示*/
.list19{}
.list19 .listMore{margin:20px 0 0 0; color: #10a957; position: relative;display: block;width: 45px; text-align: right; float: right;}
.list19 .listMore:before{ content: ""; display: block;width:100%; height: 1px;background: #5eb4e7; position: absolute;left:0; top: -15px; }


/*博士生导师*/
.wraplist20{ margin-bottom: 40px; overflow: hidden; }
.wraplist20 .title{ display:block; border-bottom: #e5e5e5 1px solid; overflow:hidden; }
.wraplist20 .title span{ display: inline-block; background: #10a957; color: #fff; padding: 10px 30px; }
.list20{ margin: 0 -15px; overflow: hidden; }
.list20 li{ width: 20%; }
.list20 li a{ display: block; margin: 5px 15px; border-bottom: #e5e5e5 1px solid; overflow: hidden; }
.list20 .listName{ display: block; padding: 9px 0 9px 15px;position: relative;}
.list20 .listName:before{ content: ""; display: block; width: 4px; height: 4px;background: #10a957; position: absolute;left: 0; top: 18px;}


/*科研平台*/
.wraplist21{ margin-bottom: 40px; overflow: hidden; }
.wraplist21 .title{ display:block; border-bottom: #e5e5e5 1px solid; margin-bottom: 25px; overflow:hidden; }
.wraplist21 .title span{ display: inline-block; background: #10a957; color: #fff; padding: 10px 30px; }
.wraplist21 .title .more{ color: #10a957; padding: 10px 0;} 
.list21 .listTitle{ text-align: center; }


/*科研研究*/
/*学科建设*/
.wraplist22{ overflow: hidden; }
.wraplist22 .listTitle,.wraplist23 > .listTitle,.wraplist24 > .listTitle{ padding-bottom: 12px; margin-bottom:20px; border-bottom: #e5e5e5 1px solid; overflow: hidden; }
.wraplist22 .listTitle .title,.wraplist23 > .listTitle .title,.wraplist24 > .listTitle .title{ color: #10a957; }
.wraplist22 .listTitle .more,.wraplist23 > .listTitle .more,.wraplist24 > .listTitle .more{color: #10a957; float: right;}
.wraplist22 .listFl{ width: 427px; height: 284px; overflow: hidden; float: left;}
.wraplist22 .listFr{ margin-left: 476px; overflow: hidden; }


/*科研平台*/
.wraplist23{ margin: 35px 0; overflow: hidden; }
.wraplist23 .tabListTitle{ margin: 0 -8px 10px -8px; overflow: hidden;}
.wraplist23 .tabListTitle h3{ width: 33.3%; float: left; overflow: hidden; position: relative; padding-bottom: 10px;}
.wraplist23 .tabListTitle h3 a{ display: block; margin:0 8px; padding-bottom: 30px; background-size: cover !important; overflow: hidden; } 
.wraplist23 .tabListTitle .logobg{ display: block;width: 100px; height: 100px; background: #fff; border-radius: 50%; position: relative; margin: 20px auto;}
.wraplist23 .tabListTitle .logobg img{ display: block; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.wraplist23 .tabListTitle .tabTitle{ color: #fff; display: block; padding: 0 30px 0 30px; height: 48px; line-height: 24px; text-align: center; position: relative; }
.wraplist23 .tabListTitle h3.on:before{ content: ""; width:160px; height: 10px;background: #10a957; position: absolute; bottom: 10px;left: 50%; margin-left: -80px; }
.wraplist23 .tabListTitle h3.on:after{ content: ""; display: block; width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;
    border-top: 10px solid #10a957; position: absolute; left: 50%; bottom: 0; margin-left:-5px; }
.wraplist23 .tabArticleList .tabListBox{ display:none;}
.list23{}
.list23 .listImg{ width: 320px; height: 180px; overflow: hidden; float: left; }
.list23 .listText{ margin-left: 350px; padding-top: 20px; overflow: hidden; }


/*创新团队*/
.list24{ margin: -9px; overflow: hidden; }
.list24 li a{ display: block; margin: 9px; overflow: hidden; position: relative;}
.list24 .gp-img-responsive{ padding-bottom: 41%; }
.list24 .listText{width: 100%; height: 49px; 
  background: rgba(16,169,87,0.7); 
  text-align: center; position: absolute; bottom: 0; left: 0;transition: all 0.2s ease;}
.list24 .listTitle{ padding: 14px; color: #fff;}
.list24 .listMore{ color: #fff;display: none; position: absolute; bottom:10px;width: 100%;transition: all 0.2s ease;}
.list24 li a:hover .listText{height: 100%;}
.list24 li a:hover .listTitle{ font-weight: bold; margin-top: 20px; }
.list24 li a:hover .listMore{display: block;}




/*文章页*/
.gp-subRight2{ margin-left: 40px; margin-right: 320px; }
.wraplist25{ width: 280px; overflow: hidden; position: absolute; right: 0; top: 0; }
.wraplist25 .wrap{ border:#e9ecf5 1px solid; margin-bottom: 35px; overflow: hidden;  }
.wraplist25 .wrapTitle{background: #e9ecf5; height: 50px; line-height: 50px; padding: 0 20px; margin-bottom: 10px; overflow: hidden;}
.wraplist25 .wrapTitle .title{ color: #10a957; font-weight: bold; position: relative; }
.wraplist25 .wrapTitle .title:before{ content: ""; display: block;width: 100%; height: 2px;background: #10a957; position: absolute; bottom:-12px; left: 0; }
.wraplist25 .wrapTitle .more{ color: #999999; }
.list25{  overflow: hidden; }
.list25 a{ display: block; position: relative;padding: 10px 0; transition: all 0.2s ease;overflow: hidden;}
.list25 .listDate{ display: block; width: 64px; height: 49px;line-height: 20px;float: left; border: #10a957 1px solid; text-align: center;}
.list25 .day{ display: block; color: #10a957;height: 25px;line-height: 25px;}
.list25 .month{ display: block;height: 25px; line-height: 25px;color: #fff; background: #10a957;  }
.list25 .listTitle{ height: 48px; line-height: 24px;margin-left:76px; margin-right: 10px; transition: all 0.2s ease;}
.list25 a:hover .listTitle { padding-left: 10px;}

/*文章页中的综合新闻*/
.wraplist26{ margin-top: 35px;overflow: hidden; }
.wraplist26 .wrapTitle{ padding-bottom: 12px; margin-bottom:20px; border-bottom: #e5e5e5 1px solid; overflow: hidden; }
.wraplist26 .wrapTitle .title{ color: #10a957; }
.wraplist26 .wrapTitle .more{color: #10a957; float: right;}
.list26{ margin: -10px; overflow: hidden; }
.list26 li a{ display: block; margin: 10px; overflow: hidden; position: relative;}

.list26 .listText {
  width: 100%;
  background: rgba(16, 169, 87, 0.7);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.2s ease;
}
.list26 .listTitle{ margin:10px 20px; color: #fff; height: 48px; line-height: 24px;}
.list26 .listDate{ display: block; width: 64px; height: 49px;line-height: 20px; background: #fff; border: #10a957 1px solid; text-align: center;
 position: absolute; right: 20px; top: 0;}
.list26 .day{ display: block; color: #10a957;height: 25px;line-height: 25px;}
.list26 .month{ display: block;height: 25px; line-height: 25px;color: #fff; background: #10a957;}




/*研究室页面*/
.gp-subLeft2 > ul >li:hover > a,.gp-subLeft2 > ul >li.active > a{ font-weight: bold;color: #fff;background:#015e2c;}
.gp-subLeft2 .sub-leftTitle h2{ text-align: center; }
.gp-subLeft2 .sub-leftTitle h2 span{ display: block; font-size: 14px; font-weight: normal; }
.gp-subLeft2 > ul >li{ position: relative; }
.gp-subLeft2 > ul >li:before{ content: ""; width: 0;height: 0;border-bottom: 16px solid #fff; border-left: 16px solid transparent;
position: absolute; right: 10px; bottom: 10px; }

.wraplist27{ margin-bottom: 35px; overflow: hidden; }
.listTitle2{ margin-bottom: 10px; position: relative;}
.listTitle2:before{ content: ""; display: block;width: 120px; height: 4px;background: #015e2c; position: absolute; left:40px; top: 16px; }
.listTitle2:after {
  content: "";
  display: block;
  width: 68px;
  height: 32px;
  background: rgba(16, 169, 87, 0.7);
  position: absolute;
  left: 0;
  top: 0;
}
.listTitle2 .title{ display: inline-block; padding-top: 40px; padding-left: 40px; }
.listTitle2::after {
  content: "";
  display: block;
  width: 68px;
  height: 32px;
  position: absolute;
  left: 0px;
  top: 0px;
  background: rgba(16, 169, 87, 0.7);
}
.listTitle2 .more{color: #999; padding-top: 20px;}
.wraplist27 .listFl{ width: 320px; height: 181px; float: left; position: relative;}
.wraplist27 .listFl:before {
  content: "";
  display: block;
  width: 68px;
  height: 68px;
  background: rgba(16, 169, 87, 0.7);
  position: absolute;
  bottom: -16px;
  right: -16px;
}
.wraplist27 .listFr{ margin-left: 376px; overflow: hidden; }


/*tab start*/
.wraplist28 { margin-bottom: 35px;}
.wraplist28 .tabListTitle{height:38px;line-height:38px; display:block; padding-top:20px; margin-bottom: 10px; position: relative;}
.wraplist28 .tabListTitle:before{ content: ""; display: block;width: 120px; height: 4px;background: #015e2c; position: absolute; left:40px; top: 0; }
.wraplist28 .tabListTitle:after {
  content: "";
  display: block;
  width: 68px;
  height: 32px;
  background: rgba(16, 169, 87, 0.7);
  position: absolute;
  left: 0;
  top: -16px;
}
.wraplist28 .tab_menu h3{ width:auto; float:left; position: relative;}
.wraplist28 .tab_menu h3 a{ display:block;text-align:center;float:left;font-size:20px; font-size: 2.0rem; width:auto;
 position: relative; font-weight: normal;padding: 0 20px; color: #757575; transition: all 0.2s ease;} 
.wraplist28 .tab_menu h3:hover a,.tabArticleList .tab_menu h3.on a{display:block; width:auto;color: #222222; font-weight: bold;}
.wraplist28 .tab_menu h3 a:hover{}
.wraplist28 .tabListTitle .more{ float:right; color: #999;}
.wraplist28 .tabList{position:relative;}
.wraplist28 .tabListBox .more{display: block;float: right;text-align: center;color: #015e2c;border: #015e2c 1px solid;width: 70px;height: 22px;
 line-height: 22px;border-radius: 20px; position:absolute; right:0; top:-58px; transition: all 0.3s ease;}
.wraplist28 .tabListBox .more:hover{ background:#015e2c; color: #fff;  }
.wraplist28 .tabListBox{ display:none;}
.wraplist28 .tab_more{ width: auto; float: right; }
.wraplist28 .more_tab{ display: none; color: #999999;}
.wraplist28 .more_tab:hover{color: #015e2c; }
/*tab end*/

.list27{ margin: -15px; overflow: hidden; }
.list27 li a{ display: block; margin: 15px; overflow: hidden; position: relative;}
.list27 .play{ display: block; width: 40px; height: 40px;background: url(../images2022/play.png) no-repeat center; overflow: hidden; 
position: absolute; left: 40px; bottom: 30px;}












.AboutLink{ width: 480px; margin:40px auto auto; overflow: hidden; }
.AboutLink > a{ float: left; display: inline-block; height: 40px; line-height: 40px;background: #efeff4; padding: 0 30px; color: #10a957;
margin: 0 5px; }
.AboutLink > a:hover{ background:#e7e7ed; }
/*分享*/
.share{ float: left; height: 40px; line-height: 40px;background: #efeff4;color: #10a957; padding: 0 30px;} 
.share .bdsharebuttonbox  > a{padding-left: 0;margin:5px 2px;height:30px;text-indent: 0;width: 30px;line-height: 30px;text-align: center;background: none;font-size: 20px;display: inline-block;float: none;color: #fff;transition: all 0.35s ease-out;/*! border-radius: 50%; *//*! border: #dbdbdb 1px solid; */}
.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: 260px;height:300px;background-color:#fff;border:solid 1px #d8d8d8;padding:10px;position: fixed;left: 50%;top: 50%;margin:-130px 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 span{ display: inline-block; float: left;}
.share .bdsharebuttonbox > a.bds_weixin{ background:url(../images2022/wechat.png) no-repeat center;}
.share .bdsharebuttonbox  > a.bds_tsina{background:url(../images2022/sina.png) no-repeat center;}
.share .bdsharebuttonbox  > a.bds_qzone{ background:url(../images2022/zone.png) no-repeat center;  }
.share .bdsharebuttonbox  > a.bds_more{background:url(../images2022/bds_more.png) no-repeat center;}




/*附件*/
.Annex{ margin-top:20px; padding-top: 10px; border-top: #E6E6E6 1px solid; overflow: hidden;} 
.Annex h3{overflow: hidden; height: 40px;line-height: 40px; position: relative;} 
.annexList{overflow: hidden;}
.annexList li{margin-bottom: 5px;overflow: hidden; position: relative; }
.annexList li a{line-height: 24px;color: #757575;}
.annexList li a:hover{ color: #222;}


  
/***分页*/ 
.gp-page { margin:30px 0 0; color:#999;font-size: 0;clear: both;}
.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:43px;line-height: 43px; position:relative;
  text-align: center; vertical-align: top;width: 38px;font-size: 14px;color:#999999;margin:0 2px; background: #efeff4;}
.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{ color: #fff;font-weight: bold; background: #015e2c;}
.gp-page .gp-page-prev,.gp-page .gp-page-next{display: inline-block;width: 43px;height:43px;background: #efeff4;padding: 0;line-height: 43px;}
.gp-page > a.on_pages{}
.gp-m-page{display: none;}
.gp-m-page a{display: inline-block;margin:0 10px;height: 32px;line-height: 32px;font-size: 1.2rem;}
.gp-page .gp-page-prev{margin-right: 20px; position: relative;}
.gp-page .gp-page-prev:before{ content: ""; display: block;width: 0;height: 0;border-left: 16px solid transparent;border-right: 16px solid transparent;
    border-top: 45px solid #fff; position: absolute; left: -16px; top: 0;}
.gp-page .gp-page-next{margin-left: 20px; position: relative;}
.gp-page .gp-page-next:before{ content: ""; display: block;width: 0;height: 0;border-left: 16px solid transparent;border-right: 16px solid transparent;
    border-top: 45px solid #fff; position: absolute; right: -16px; top: 0;}
/*居中*/
.gp-page-centered {text-align:center;}
.gp-page a:hover ,.pageList li.active a{color:#fff;}
 
.gp-page .select2{padding: 0;}
.gp-page .pageSelect{min-width:68px;height: 44px;*display:inline; *zoom:1; vertical-align: middle;border:1px solid #a343c4;line-height: 44px;text-align: center;padding:0;border-right: 1px solid #d2a8e0;}
.select2-container--default .select2-selection--single{ border: none}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
  background: url(../images2022/select.png) no-repeat center;}
.select2-container .select2-selection--single{height: 44px;line-height: 44px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 44px;}
 




@media screen  and (max-width:1440px) {
   .list2{ margin: 0 -15px; }
   .list2 li a{margin: 15px;padding: 6px;}
  .list2 .listCon{
    font-size:1.2rem;
  }
   .lrlist4 li a {
     margin: 15px;
     padding: 25px;
   }
   .list4{ margin: -15px 0; }
   .list4 li a {
     margin: 15px;
     padding: 25px;
   }
   .list11{ margin: -10px; }
   .list11 li a {
     margin: 15px 10px;
 
   }
   .list14 li {
     width: 20%;

   }
   .list17 .listText{ padding: 15px; }
}


@media screen  and (max-width:1300px) {
   .wraplist25{ display: none; }
   .gp-subRight2{ margin-left: 20px; margin-right: 20px; }
}


@media screen  and (max-width:1024px) {
   .gp-subRight2{ margin-left: 0; margin-right: 0; } 
   .subPage{ padding: 7px 0 30px; }
   .subPage-con.gp-container{margin-left:0 !important; margin-right:0 !important;}
   .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: 20px 0 0 0;}
   .gp-bread{ padding:10px 14px; }
   .gp-subRight{margin: 0;}
   .gp-subRight-con{ margin-top: 0;padding: 15px; }
   .list5{ margin: -10px -15px; }
   .list5 li a{ margin: 10px 15px; }
   .subTitle h2{ padding: 15px; }
   .list14{ margin: -15px -10px; } 
   .list14 li{ width: 25%; }
   .list14 li a{ margin: 15px 10px; }
   .list20 li{ width: 33.3%; }
   .wraplist20 .title span,.wraplist21 .title span{ padding: 10px; }
} 

@media screen  and (max-width:997px) {
.gp-article{padding-left:0;}
   .wraplist22 .listFl,.list23 .listImg{ width: 100%; float: none;height: auto;text-align: center; }
   .wraplist22 .listFr{ margin-top: 20px; margin-left: 0; }
   .list23 .listText{ margin-left: 0; }
   .tabListTitle .logobg{ width: 50px; height: 50px; }
   .tabListTitle .tabTitle{ padding:0 10px; }
}
 
@media screen  and (max-width:768px) {
  .gp-article img{width:auto !important;height:auto !important; display:inherit;}
  .gp-article video{width:auto !important;display:inherit;}
  .gp-article table{width:100% !important;display:inherit; }

}

@media screen  and (max-width:766px) {
  .list1{ transform: none; margin: 0;}
  .list1 li{ width: 100% !important; float: none !important; }
  .list1 li a{ margin: 15px 0; }
  .list1 .gp-img-responsive{ transform: none; margin: 0 !important; }
  .list1 .listText span{ transform: none; width: auto; left: 15px; right: 15px; } 
  .list5 li{ width: 50%; }
  .list4 { margin: -15px; }
  .list4 li a{ margin: 15px; }
  .list6 li{ width: 100%; }
  .list6{ margin: -10px -15px; } 
  .list6 .listText{ margin: 10px 15px; }
  .list6 .title{ padding:12px 14px; }
  .list6 dl dd{ padding:12px 14px; }
  .wraplist7 > .title{ padding: 15px; }
  .wraplist7:before{ left: 0; top: 52px; }
  .wraplist7-con{ margin-left: 0; }
  .wraplist7-con .title span{ min-width: 90px; padding: 10px; }
  .list7{ margin-left: 152px; }
  .articleTitle03 a{ height: 40px; line-height: 40px; }
  .wraplist9 .title,.wraplist11 .title{ padding: 10px; }
  .list13 li .date{ padding-left: 16px; float: none; }
  .list14 li{ width: 33.3%; }
  .list15 .listImg{ float: none; margin: 0 auto; }
  .list15 .listImg .listTitle{ padding: 10px; }
  .list15 .listText{ margin: 20px 0 0; }
  .AboutLink2{ position: static; text-align: center; margin-top: 20px; }
  .list17 .listTitle{ height: auto; }
  .wraplist23 .tabListTitle .tabTitle{ padding: 0 10px; }
  .wraplist27 .listFl{ width: 100%; height: auto; float: none; }
  .wraplist27 .listFr{ margin: 20px 0 0 ; }
}


@media screen and (max-width:640px) {
   .list3{ margin: 0; }
   .list3 .listImg,.list12 .listImg{ margin: 0 auto; float: none; } 
   .list3 .listText,.list12 .listText{ margin: 20px 0 0; }
   .list3 .listName,.list3 .listPositon{ text-align: center; }
   .list3 .listCon:before{ width: 100%; } 
   .list8 li{ border-radius: 0; }
   .list8 .gp-img-responsive,.list10 .gp-img-responsive{ width: 100%; height: 0; padding-bottom: 66.5%; float: none; }
   .list8 .listText,.list10 .listText{ margin-left: 0; padding: 16px; }
   .list10 .listCon{ margin-top: 10px; }
   .list12 .listText p span.name{ width: 65px; padding: 10px; }
   .list12 .listText p span.text{ margin-left: 85px; }
   .list14 li{ width:50%; }
   .list20 li{ width: 50%; }
}


@media screen and (max-width:480px) {
   .list2 li a{ padding: 15px; }
   .list5 li{ width:100%; }
   .list7{ margin-left: 0; margin-top: 60px; padding: 0 10px; }
   .list7 li:before { left: -32px; }
   .wraplist7-con .title:before,.wraplist7-con .title:after{ top: 20px; }
   .AboutLink{ width: auto; }
   .AboutLink > a{ display: none; }
}