@charset "utf-8";
body{ background: #f2f7f5;}
@media screen and (min-width: 998px) {
    .gp-search input.notxt{ background: rgba(0, 0, 0, 0.5);}
}
.gp-article .gp-content table{margin:0 auto;}

.subBanner{ position: relative;}
.subBanner .gp-img-responsive{ padding-bottom: 32.29%; position: relative;}
.subBanner .gp-img-responsive::before{ content: '';display: block;width: 100%;height: 0px;padding-bottom: 14.32%;
    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.77;
    position: absolute; left: 0;bottom: 0;pointer-events: none;z-index: 1;}
.subBanner img:hover{ opacity: 1;}
.subContent{ position: relative; z-index: 1;background:  url(../images/subcon-bg.png) no-repeat center bottom; padding-bottom: 300px;}


.curLocation{ position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);z-index: 1;line-height: 1;}
.parentChannel{ font-size: 48px; color: #fff;text-align: center;font-weight: bold;}
    
.bread{ opacity: 1; position: relative;z-index: 1;color: #fff;margin: 20px 0 70px;}
.bread i{ display: inline-block; font-size: 0; vertical-align: middle;margin-right: 10px;}
.bread .gp-container{ position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);text-align: right;}
.bread a{ display: inline-block; color: #fff; line-height: 36px;}
.bread span{ margin: 0 6px; color: #fff;}

.sidebar{ position: relative;z-index: 1; padding-right: 50px; margin-top: -40px;}
.sidebar::before{ content: '';display: block;width: calc(100% + (100vw - 100%)/2);height: 100%;
    background: url(../images/sidebar-bg.png) no-repeat center right;background-size: auto 100%;
    position: absolute; right: 0;top: 0;z-index: -1;}
.sidebar > .flex{justify-content: flex-start;}
.sidebar li{ position: relative;}
.sidebar li.on::before,
.sidebar li:hover::before{ content: '';display: block;width: 100%;height: 100%;
    background: url(../images/side-cur.png) no-repeat center bottom;
    position: absolute;left: 0;bottom: 5px;z-index: -1;}
.sidebar a{ display: block;line-height: 80px;color: rgba(255, 255, 255, 0.77);padding: 0 35px;}
.sidebar .on a, .sidebar a:hover{ color: #fff;}
.xing{margin: 28px 0 -50px 0; font-size: 20px; text-indent: 2em; color: #999;}
.xin{margin: 28px 0 -15px 0;font-size: 20px;text-indent: 2em;color: #999;}
/* intro */
.intro{ margin-top: 60px;}
.intro .block{ position: relative; margin: 0 -30px; padding: 0 30px;}
.intro .intro-button-prev,
.intro .intro-button-next{ width: 60px; height: 60px; border-radius: 50%;background: url(../images/intro-prev.png) no-repeat center/cover;
    position: absolute;left: 0; top: 50%;transform: translateY(-50%);z-index: 2;box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.15);}
.intro .intro-button-next{ right: 0; left: auto; background: url(../images/intro-next.png) no-repeat center/cover;}
.introSwiper{ overflow: hidden;}
.introSwiper .gp-img-responsive{ padding-bottom: 56.31%;}
.introCon{ line-height: 30px; margin-top: 24px;}
.introCon p{ margin-bottom: 30px; color: #333;}
.introCon p:last-child{ margin-bottom: 0;}

/* history */
.history{ margin-top: 80px; padding: 10px 20px; position: relative;}
.history::before{ content: '';display: block;background: #e9f0ed;position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.historyCon{ margin-top: 60px;}
.historyCon ul{ position: relative;z-index: 1;}
.historyCon .left, .historyCon .right{ width: 50%; flex-shrink: 0;}
.historyCon ul.left::before{ content: '';display: block;width: 2px; height: calc(100% - 23px);background: #d5dbd8;
    position: absolute; left: 100%;bottom: 0;transform: translateX(-50%);z-index: -1;}
.historyCon li{ position: relative;margin-bottom: 80px;}
.historyCon ul.right li:first-child{ margin-top: 116px;}
.historyCon ul.left li:first-child{ margin-bottom: 60px;}
.historyCon ul li:last-child{ margin-bottom: 0;}
.historyCon li::before{ content: '';display: block;width: 16px;height: 16px;border-radius: 50%;
    background-image: -moz-linear-gradient( 90deg, rgb(0,111,71) 0%, rgb(1,158,88) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(0,111,71) 0%, rgb(1,158,88) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(0,111,71) 0%, rgb(1,158,88) 100%);
    position: absolute;top: 23px;right: 0;transform: translateX(50%);z-index: 3;}
.historyCon ul:nth-of-type(even) li:before{ right: auto; left: 0;transform: translateX(-50%);}
.historyCon ul:nth-of-type(odd) li{ padding-right: 29px;}
.historyCon ul:nth-of-type(even) li{ padding-left: 29px;}
.historyCon li a{ display: block; padding-top: 35px;border-top: 1px solid #c4cfc9; padding-left: 20px; padding-right: 3px; position: relative;}
.historyCon ul:nth-of-type(even) li a{ padding-right: 20px;padding-left: 3px;}
.historyCon li a::before{ content: '';display: block;width: 40px;height: 40px;background: #f2f7f5;
    position: absolute;right: 0;top: -2px;z-index: 1;}
.historyCon li a::after{ content: '';display: block;width: 48px;height: 1px;background: #c4cfc9;
    position: absolute;right: 0;top: 23px;z-index: 2;transform-origin: right center;transform: rotateZ(30deg);}
.historyCon ul:nth-of-type(even) li a::before{ right: auto; left: 0;}
.historyCon ul:nth-of-type(even) li a::after{ right: auto; left: 0;transform-origin: left center; transform: rotateZ(-30deg);}
.historyCon .title{ padding-left: 30px; color: #004b43; line-height: 28px; position: relative;}
.historyCon .title::before{ content: '';display: block;width: 10px;height: 3px;background: #cfa972;
    position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 1;}
.historyCon .summary{ line-height: 28px; color: #333; margin-top: 18px;text-indent: 2em;}
.historyMobleList{ display: none;}

/* notice */
.noticeList{ margin-top: -12px;}
.noticeList li{ margin-bottom: 10px;}
.noticeList li:last-child{ margin-bottom: 0px;}
.noticeList a{ align-items: center; border: 1px solid #ebebeb; transition: all 0.35s ease;}
.noticeList a:hover{ transform: translateX(8px); box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.noticeList .date{ text-align: center; line-height: 1; width: 84px;}
.noticeList .day{ color: #212121;}
.noticeList .year{ color: #999; margin-top: 8px;}
.noticeList .title{ flex: 1; padding-left: 20px; line-height: 80px; position: relative;}
.noticeList .title::before{ content: ''; display: block; width: 1px; height: 40px; background: #ebebeb;
    position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

/* leader */
.leader{ margin-top: 80px;}
.leader ul{ margin: 0 -20px;}
.leader ul li{margin-bottom: 40px;}
.leader ul li:nth-last-of-type(1),
.leader ul li:nth-last-of-type(2){/* margin-bottom: 0px; */}
.leader a{ padding: 10px;background: url(../images/leader_bg.png) no-repeat center/cover; margin: 0 20px; transition: all 0.35s ease;}
.leader a:hover{ transform: translateY(-8px);box-shadow: 0px 15px 30px 0px rgba(2, 48, 31, 0.12);}
.leader .img{ width: 240px; flex-shrink: 0;}
.leader .gp-img-responsive{ padding-bottom: 144.58%;}
.leader a:hover img{ opacity: 1; transform: scale(1.02);}
.leader .infoBox{ flex: 1; padding: 20px; padding-left: 40px;}
.leader .name{ line-height: 1;}
.leader .office{ color: #666;line-height: 20px;margin-top: 18px;}
.leader .summary{ line-height: 30px;margin-top: 28px;border-top: 1px solid #d5dbd8;padding-top: 34px;color: #333;-webkit-line-clamp: 5;}

/* leaderDetail */
.leaderDetail > .flex{ align-items: flex-start;}
.curPage{ position: relative;z-index: 1;text-align: center; margin-bottom: 50px;}
.curPage::before{ content: '';display: block;width: 100%;height: 1px;background: #c4cfc9;
    position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: -1;}
.curPage span{display: inline-block;padding: 0 58px; background: #f2f7f5; line-height: 1;}
.leaderDetail .img{ width: 300px; margin-left: 20px; position: relative;}
.leaderDetail .img::before{ content: '';display: block;width: 20px; height: 57.60%;background: url(../images/leader-imgbg.png) no-repeat center top;background-size: 100% auto;
    position: absolute;right: 100%;bottom: 0;}
.leaderDetail .infoBox{ padding-left: 60px; padding-top: 10px;}
.leaderDetail .summary{ margin-top: 34px;-webkit-line-clamp: unset;}

/* 历任领导 */
.thirdMenu{ margin-bottom: 10px;}
.thirdMenu a{ display: inline-block;background: #f2f7f5; padding: 0 20px;line-height: 1;color: #555;
    border-left: 1px solid #c4cfc9;border-right: 1px solid #c4cfc9;margin-right: 78px;}
.thirdMenu a:last-child{ margin-right: 0;}
.thirdMenu a.on, .thirdMenu a:hover{ color: #006f47;}
.oldLeader ul{margin: 0 -15px;display: flex;display: -ms-flexbox;flex-wrap: wrap;}
.oldLeader ul li{ margin-top: 40px;}
.oldLeader ul a{height: 100%;display: block;padding: 20px;padding-top: 0;margin: 0 15px;position: relative;z-index: 1;transition: all 0.35s ease;}
.oldLeader ul a:hover{ transform: translateY(-8px);}
.oldLeader ul a:hover img{ transform: scale(1.02);opacity: 1;}
.oldLeader ul a::before{ content: '';display: block;width: 100%;height: 0;padding-bottom: 100%;background: #fff;
    position: absolute; left: 0;bottom: 0;z-index: -1;}
.oldLeader .gp-img-responsive{ padding-bottom: 120.45%;}
.oldLeader .name{line-height: 22px;text-align: center;margin-top: 15px;}

/* outBox */
.outBox{ max-width: 1005px; margin: 0 auto; align-items: center; position: relative;}
.outBox::before{
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    max-height: 1814px;
    background: #019e58;
    position: absolute;
    left: 188px;
    top: 23px;
    }
.orgName{ width: 88px;height: 440px; flex-shrink: 0; display: flex;justify-content: center; align-items: center;
    background: #019e58;color: #fff;position: relative;z-index: 1;}
.orgName::before{ content: '';display: block;width: 100px;height: 1px;background: #019e58;
    position: absolute;top: 50%;right: -100px;transform: translateY(-50%);z-index: -1;}
.orgName span{ display: inline-block;writing-mode: vertical-lr; -ms-writing-mode: rl-bt;}
.orgCon{ flex: 1;margin-left: 150px;}
.sys{ align-items: center; margin-bottom: 40px;position: relative;}
.sys::before{ content: '';display: block;width: 100%;height: 1px;background: #019e58;
    position: absolute;left: -50px; top: 50%;transform: translateY(-50%);z-index: -1;}
/* .sys:nth-of-type(1):before{ width: calc(100% - 100px);left: 20px; display: none;} */
/* .sys:nth-of-type(1), */
.sys:nth-of-type(2),
.sys:last-child{ margin-bottom: 0;}
.sys.noChild:before{ max-width: 100px;}
.sysName{ width: 220px; flex-shrink: 0;background: url(../images/sys-bg.png) no-repeat right center;
    line-height: 50px; color: #fff;padding-left: 40px; position: relative;z-index: 1;}
.sysName:hover{ color: #fff;}
.sysCon{ flex: 1; margin-left: 45px; background: #fff;padding: 30px 40px 0;}
.sysCon a{ display: block; line-height: 1; padding-bottom: 10px; margin-bottom: 20px;}


.pageLf{ width: 200px; flex-shrink: 0;}
.pageRt{ flex: 1; padding-left: 60px;}
/* 学术委员会 */
.committee{ width: 100%;}
.committee .curPage{ margin-bottom: 40px;}
.committee .list li{ margin-top: 30px;}
.committee .list a{ display: block;padding: 30px 20px; background: #fff; position: relative;transition: all 0.35s ease;}
.committee .list a:hover{ box-shadow: 0px 10px 20px 0px rgba(0, 13, 40, 0.15);}
.committee .list a::before{ content: '';display: block;width: 1px; height: 20px; background: #cfa972;
    position: absolute;left: 0;top: 30px;transition: all 0.35s ease;}
.committee .list a:hover::before{ height: 100%; top: 0;background: #019e58;}
.committee .list .title{ line-height: 1;}
.committee .list .date{ color: #019e58;line-height: 1; padding-left: 25px; position: relative; margin-top: 25px;transition: all 0.35s ease;}
.committee .list a:hover .date{ color: #cfa972;}
.committee .list .date::before{ content: '';display: block;width: 14px;height: 14px;background: url(../images/date-green.png) no-repeat center/cover;
    position: absolute;left: 0;top: 0;transition: all 0.35s ease;}
.committee .list a:hover .date::before{ background: url(../images/date-yellow.png) no-repeat center/cover;}

/* VI */
.VI{ margin-top: 80px;}
.VI ul{ margin: 0 -25px;}
.VI ul li{ margin-top: 50px;}
.VI ul a{ display: block; margin: 0 25px; background: #fff; padding: 50px 0 22px; position: relative;}
.VI ul a::before{ content: '';display: block;width: 80px;height: 2px;background: #019c57;
    position: absolute; left: 50%;bottom: 0;transform: translateX(-50%);transition: all 0.35s ease;}
.VI ul a:hover::before{ width: 100%;}
.VI ul .icon{ height: 110px; text-align: center; position: relative;}
.VI ul .icon img{ position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);}
.VI ul .name{ text-align: center; line-height: 1;margin-top: 40px;}

/* 电子展厅 */
.exhibitionList{ margin-top: 80px}
.exhibitionList ul{ margin: 0 -20px; margin-bottom: -40px;}
.exhibitionList li{ margin-bottom: 40px;}
.exhibitionList a{ display: block; margin: 0 20px; transition: all 0.35s ease;}
.exhibitionList a:hover{ transform: translateY(-8px);}
.exhibitionList .gp-img-responsive{ padding-bottom: 33.8%;}
.exhibitionList  .name{ line-height: 1; margin-top: 20px;padding: 0 16px;border-left: 2px solid #006f47;}

/* 基地平台 */
.platform{ margin-top: 80px;}
.platform ul{ margin: 0 -15px; display: flex; display: -ms-flexbox; flex-wrap: wrap;}
.platform li{ margin-bottom: 30px; min-height: 75px;}
.platform a{background: #fff;margin: 0 15px;padding: 0 10px; line-height: 78px;text-align: center;
    display: flex; display: -ms-flexbox; height: 100%;
    position: relative;transition: all 0.25s ease;}
.platform a:hover{ transform: translateY(-8px);color: #fff;
    background-image: -moz-linear-gradient( 0deg, rgb(1,157,88) 0%, rgb(0,111,71) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(1,157,88) 0%, rgb(0,111,71) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(1,157,88) 0%, rgb(0,111,71) 100%);}
.platform a::before{ content: '';display: block;width: 10px;height: 10px;background: #cfa972;
    position: absolute;left: -5px; top: 50%;transform: translateY(-50%);}
.platform a:hover::before{ border: 1px solid #cfa972; background: #fff;}
.platform a span{ display: inline-block; white-space: pre-wrap;word-wrap: break-word; line-height: 24px; width: calc(100% - 10px);
    position: absolute;left: 50%;top: 50%;transform: translate3d(-50%,-50%,0); max-height: 72px; overflow: hidden;}

/* 综合新闻 */
.news{ margin-top: 80px;}
.news .imgList{ margin: 0 -30px;}
.news .imgList a{ display: block;margin: 0 30px; transition: all 0.35s ease;}
.news .imgList a:hover{ transform: translateY(-8px);box-shadow: 0px 15px 30px 0px rgba(2, 48, 31, 0.12);}
.news .gp-img-responsive{ padding-bottom: 56.25%;}
.news .imgList .title{line-height: 30px;}
.news .imgList .summary{ color: #999; line-height: 26px; margin-top: 10px;}
.news .infoBox{ padding: 20px 25px 35px; background: #fff;}
.news .list{ margin-top: 20px;}
.news .list li{ margin-top: 40px;}
.news .list a{ display: block; padding: 30px 40px 40px; padding-right: 190px; background: #fff; transition: all 0.35s ease;position: relative;z-index: 1;}
.news .list a::before,
.news .list a::after{content: '';display: block;width: 0%;height: 1px;background: #019e58;
    position: absolute;left: 0;bottom: 0;transition: all 0.35s ease;}
.news .list a::after{ background: #d1dbd6;}
.news .list a::after{ width: 100%;z-index: -1;}
.news .list a:hover::before{ width: 100%;}
.news .list a:hover{ box-shadow: 0px 15px 30px 0px rgba(2, 48, 31, 0.12);}
.news .list .title{ line-height: 1;color: #333;}
.news .list .summary{ line-height: 1;margin-top: 25px;color: #999;}
.news .list .date{ padding-left: 25px; line-height: 1;position: relative; color: #004b43;
    background: url(../images/date-icon.png) no-repeat left center;position: absolute;top: 34px;right: 40px;}

.news .pageRt .imgList{ margin: 0 -15px; display: flex; display: -ms-flexbox; flex-wrap: wrap;justify-content: flex-start;}
.news .pageRt .imgList li{ margin-top: 30px;}
.news .pageRt .imgList li:nth-of-type(1),
.news .pageRt .imgList li:nth-of-type(2),
.news .pageRt .imgList li:nth-of-type(3){ margin-top: 0;}
.news .pageRt .imgList a{ margin: 0 15px;}
    
/* 通知公告 */
.notice{ margin-top: 40px;}
.notice ul{ margin: 0 -30px;}
.notice li{ margin-top: 40px;}
.notice li a{position: relative;display: block;background: #fff;padding: 30px 25px 64px;transition: all 0.35s ease;margin: 0 30px;max-height: 188px;}
.notice li a:hover{ background: url(../images/notice-listbg.png) no-repeat center/cover;box-shadow: 0px 15px 30px 0px rgba(2, 48, 31, 0.12);}
.notice li a::before{ content: '';display: block;width: 0px;height: 3px;background: #cfa972;
    position: absolute; left: 0;top: 34px;transition: all 0.35s ease;}
.notice li a::after{ content: '';display: block;width: 0%;height: 1px;background: #019e58;position: absolute;top: 0;left: 0px;transition: all 0.35s ease;}
.notice li a:hover::after{ width: 100%;}
.notice li a:hover::before{ transition-delay: 0.15s; width: 10px;}
.notice .date{ position: relative; line-height: 1; color: #006f47;padding-bottom: 20px;border-bottom: 1px solid transparent;transition: all 0.35s ease;}
.notice .date::before{ content: '';display: block;width: 50px;height: 1px;background: #cfa972;position: absolute;left: 0;bottom: 0;transition: all 0.35s ease;}
.notice a:hover .date::before{ width: 0px;}
.notice a:hover .date{ color: #cfa972;}
.notice .title{ line-height: 36px;margin-top: 22px;transition: all 0.2s ease;}
.notice a:hover .title{ transform: translateY(-7px);}

/* 采购公告 */
.procure{ margin-top: 80px;}
.procure li{ border-radius: 0 50px 0 50px; transition: all 0.35s ease;}
.procure li:hover{ background: #fff; box-shadow: 0px 15px 30px 0px rgba(2, 48, 31, 0.12);}
.procure li a{ display: block; position: relative; padding: 60px 40px 63px 160px;}
.procure .date{ width: 80px;border-top: 2px solid #019e58; line-height: 1;text-align: right;position: absolute;top: 30px;left: 40px;z-index: 1;}
.procure .year{ color: #999;margin: 28px 0 15px;}
.procure .day{ color: #019e58; }
.procure .title{ line-height: 1;}
.procure .summary{ color: #999; margin-top: 15px;}

/* 两院院士 */
.academician{ margin-top: 20px;}
.academician ul{ margin: 0 -30px;}
.academician li{ margin-top: 60px;}
.academician a{ overflow: hidden; padding-bottom: 20px; padding-left: 20px; margin: 0 30px;transition: all 0.35s ease;}
.academician a:hover{ transform: translateY(-8px);}
.academician .img{ width: 220px; flex-shrink: 0;}
.academician .gp-img-responsive{ padding-bottom: 145.45%;}
.academician .rt{ flex: 1; padding-left: 40px;}
.academician .name{ line-height: 44px; background: url(../images/academician.png) no-repeat right center; }
.academician .name .post{ color: #666; margin-left: 20px;}
.academician .infoBox{ line-height: 30px; color: #666; padding: 23px 40px 0px 0; margin-top: 20px; height: calc(100% - 48px); position: relative;}
.academician .infoBox::before{ content: '';display: block;width: 1000px;height: 300px;background: #fff;position: absolute;right: 0;top: 0px;z-index: -1;}
.academician .infoBox .conBox{ overflow: hidden; max-height: 210px;}

/* 科教英才 */
.education{ margin-top: 80px;}
.education .box{ display: none;}
.education .box ul{ margin: 0 -25px;}
.education .box li{ margin-top: 50px;}
.education .box a{ display: block; position: relative; margin: 0 25px;}
.education .gp-img-responsive{ padding-bottom: 138.93%;}
.education .box .name{ background: rgba(1, 156, 87, 0.35); line-height: 57px;height: 57px; z-index: 1;
    position: absolute;right: 0;bottom: 0;left: 0; color: #fff; padding-left: 20px;}
.education .box .name::before{ content: '';display: block;width: 2px; height: 100%;background: #cfa972;
    position: absolute;left: 0;top: 0;pointer-events: none;}
.education .tilList{flex-wrap: wrap;padding: 30px 15px 0 20px;background: #fff;justify-content: flex-start;}
.education .boxTitle{position: relative;width: calc(33.33% - 30px);text-align: center;border: 1px solid #d9dddb;line-height: 80px;margin: 0 15px;margin-bottom: 30px;}
.education .boxTitle.on{ color: #fff;
    background-image: -moz-linear-gradient( 0deg, rgb(1,158,88) 0%, rgb(0,119,78) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(1,158,88) 0%, rgb(0,119,78) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(1,158,88) 0%, rgb(0,119,78) 100%);
}
.education .boxTitle::before{ content: '';display: block;width: 10px;height: 10px;border: 1px solid #cfa972; box-sizing: border-box;
    position: absolute; left: -5px; top: 50%;transform: translateY(-50%);z-index: 1;background: #fff;}
.education .boxTitle.on::before, .education .boxTitle:hover::before{
    border: 2px solid #fff;background: #cfa972;
}

/* 课题组长 */
.resGroup{ margin-top: 80px;}
.resGroup .box{ margin-top: 60px;}
.resGroup .boxLable{ line-height: 73px; padding-left: 40px; color: #fff;position: relative;z-index: 2;display: inline-block;min-width: 520px;
    background: url(../images/res-group.png) no-repeat left center; background-size: auto 100%;}
.resGroup .boxLable .iconBth{ width: 25px; height: 25px; background: url(../images/res-group-icon.png) no-repeat center/cover;
    position: absolute; right: 60px;top: calc(50% - 12.5px);z-index: 1;cursor: pointer;transition: all 0.35s ease;}
.resGroup .close .boxLable .iconBth{ transform: rotateZ(-90deg);}
.resGroup .boxCon{ margin-top: -36px; background: #fff; padding: 70px 50px 30px;}
.resGroup ul{ flex-wrap: wrap; justify-content: flex-start;margin: 0 -25px;}
.resGroup li{ width: 16.66%; margin-bottom: 20px;}
.resGroup a{ display: block; line-height: 1;padding: 15px 0; border-bottom: 1px solid #e5e5e5;margin: 0 25px;
    background: url(../images/res-arrow1.png) no-repeat right center;}
.resGroup a:hover{ color: #006f47; border-color: #019e58;background: url(../images/res-arrow2.png) no-repeat right center;}

/* 科研进展 */
.resProgress{ margin-top: 80px;}
.resProgress li{ margin-top: 40px;}
.resProgress ul a{ display: block; line-height: 1; padding: 30px 40px 40px; background: #fff;border-left: 1px solid #019e58; transition: all 0.35s ease;}
.resProgress ul a:hover{ transform: translateY(-8px);}
.resProgress .title{ }
.resProgress .date{ margin-top: 30px; padding-left: 25px; background: url(../images/date-icon.png) no-repeat left center;}

/* 论文动态 */
.trends{ margin-top: 80px;}
.trends .pageRt li{ margin-top: 30px;}
.trends .pageRt li:first-child{ margin-top: 0px;}
.trends .pageRt ul a{ display: block; line-height: 1; padding: 21px 40px 28px; background: #fff;border-left: 1px solid #019e58; transition: all 0.35s ease;}
.trends .pageRt ul a:hover{ transform: translateY(-8px);box-shadow: 0px 10px 20px 0px rgba(0, 56, 36, 0.15);}
.trends .title{ line-height: 26px;}
.trends .date{ margin-top: 16px; padding-left: 25px; background: url(../images/date-icon.png) no-repeat left center;}

/* 论文管理 */
.trends .pageRt ul a:hover{ border-color: #cfa972;background: #fff url(../images/management-bg.jpg) no-repeat right bottom;}
.management .date{ background: url(../images/date-grey.png) no-repeat left center; color: #666;}
.management a:hover .date{ background: url(../images/date-green.png) no-repeat left center;}

/* 知识产权 */
.propertyRight{ margin-top: 80px;}
.propertyRight .th{ background: #d3ebe1;line-height: 79px;}
.propertyRight .tr{ line-height: 26px; padding: 20px 0; background: #ebf2ef;}
.propertyRight .tr:nth-of-type(even){ background: #fff;}
.propertyRight .td{ text-align: center; border-right: 1px solid #f2f7f5;}
.propertyRight .th .td{ border-color: #fff;color: #019c57;}
.propertyRight .th .td:nth-of-type(1){ text-align: center;}
.propertyRight .td:nth-of-type(1){ flex: 1;text-align: left;padding-left: 50px;}
.propertyRight .td:nth-of-type(2){ width: 11.55%;}
.propertyRight .td:nth-of-type(3){ width: 15.5%;}
.propertyRight .td:nth-of-type(4){ width: 11.83%;}
.propertyRight .td:nth-of-type(5){ width: 12.46%;}
.propertyRight .td:nth-of-type(6){ width: 10.49%;border: none;}

/* 获奖情况 */
.award{ }
.award .td:nth-of-type(1){ width: 12.54%; flex: unset;}
.award .td:nth-of-type(2){ width: 24%; flex: 1;}
.award .td:nth-of-type(3){ width: 24.65%;}
.award .td:nth-of-type(4){ width: 45%;}
.award .td:nth-of-type(1){ padding-left: unset;}
.propertyRight.award .tr .td{ text-align: left;padding-left: 50px;padding-right: 20px;}

/* 学术与合作交流 */
.communica{ }
.communica li{ margin-top: 30px;}
.communica li a{ padding: 30px 40px 30px 158px;}
.communica .img{ width: 320px; flex-shrink: 0;}
.communica .gp-img-responsive{ padding-bottom: 56.25%;}
.communica .infoBox{ padding-left: 40px;}
.communica .noImg .infoBox{ padding-left: 0;}
.communica .tag{ color: #019c57; padding-left: 25px; line-height: 1;background: url(../images/communica-icon.png) no-repeat left center;margin-top: 10px;}
.communica .title{ margin-top: 19px;line-height: 30px;}
.communica .summary{ margin-top: 10px;}
.communica .date{ left: 38px;}

/* 人才详情页 */
.abilityDetail{  margin-top: 80px; flex-direction: column;}
.abilityDetail .topBox{ padding: 20px; background: url(../images/ability-bg.png) no-repeat center/cover;}
.abilityDetail .img{ width: 200px; flex-shrink: 0;} 
.abilityDetail .gp-img-responsive{ padding-bottom: 134.5%;}
.abilityDetail .infoBox{ flex: 1; padding-left: 50px;}
.abilityDetail .name{ line-height: 66px; padding-left: 20px; font-weight: bold; position: relative;}
.abilityDetail .name::before{ content: '';display: block;width: 5px;height: 5px;background: #cfa972;
    position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
/* .abilityDetail ul{ padding-top: 12px;} */
.abilityDetail li{ padding-left: 26px; line-height: 38px; margin-bottom: 20px;}
.abilityDetail li:nth-of-type(1){ background: url(../images/ability-icon1.png) no-repeat left center;}
.abilityDetail li:nth-of-type(2){ background: url(../images/ability-icon2.png) no-repeat left center;}
.abilityDetail li:nth-of-type(3){ background: url(../images/ability-icon3.png) no-repeat left center;}
.abilityDetail li:nth-of-type(4){ background: url(../images/ability-icon4.png) no-repeat left center;}
.abilityDetail li:nth-of-type(5){ background: url(../images/ability-icon5.png) no-repeat left center; width: 100%; margin-bottom: 0px;}
.abilityDetail .botBox{ margin-top: 50px;}
.abilityDetail .tilList{ background: #ebf6f2;}
.abilityDetail .boxTitle{ flex: 1;line-height: 83px; text-align: center; border-right: 1px solid #cfd8d4;}
.abilityDetail .boxTitle:last-child{ border: none;}
.abilityDetail .boxTitle.on{ background: #019e58;border-color: #019e58; color: #fff;}
.abilityDetail .box{ display: none; line-height: 30px; padding: 35px 40px 95px; background: #fff}
.abilityDetail .box p{ margin-bottom: 30px;}
.abilityDetail .box p:nth-last-of-type(1){ margin-bottom: 0px;}


/*侧边栏*/
.gp-subLeft{background: transparent;}
.gp-subLeft > ul >li{position: relative;}
.gp-subLeft > ul >li > a{padding: 17px 0 17px 20px;line-height: 25px;display: block;border-bottom: 1px solid #cad0db;margin-right: 0px;transition: all 0.35s ease-in-out;}
.gp-subLeft > ul >li > a:hover,.gp-subLeft > ul >li.active > a,.gp-subLeft > ul >li.on > a,.gp-subLeft > ul >li:hover > a{padding-right: 20px;margin-right: 0;color:#fff;
    background-image: -moz-linear-gradient( -75deg, rgb(0,111,71) 0%, rgb(1,158,88) 100%);
    background-image: -webkit-linear-gradient( -75deg, rgb(0,111,71) 0%, rgb(1,158,88) 100%);
    background-image: -ms-linear-gradient( -75deg, rgb(0,111,71) 0%, rgb(1,158,88) 100%); }
.gp-subLeft .gp-toggles{width: 20px;height: 58px;line-height: 58px;text-align: right;cursor: pointer;color:#666;
    position: absolute;right: 20px;top: 0;/* pointer-events: none; */}
.gp-subLeft > ul >li:hover > .gp-toggles,.gp-subLeft > ul >li.active > .gp-toggles,.gp-subLeft > ul >li.on > .gp-toggles{ color: #fff;}
.gp-second-nav{font-size: 16px;display: none;background: #fff;padding: 10px 0;}
.gp-second-nav dd a{display: block;padding:10px 20px;color:#999;border-bottom: 1px dotted #fff;transition: all 0.35s ease-in-out;}
.gp-second-nav dd a:hover,.second_nav dd a.active,.gp-second-nav dd a.active{color: #019e58;}
/*侧边栏移动端 */
.gp-m-subNav{display:none;}
.gp-m-inner-header{width:100%;height:40px;background-color:#e1ebe3;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 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:998px) {
  .gp-subLeft{display: none;}
  .gp-m-subNav{display: block;}
}

/*分页*/
.pages{ margin-top: 80px; position: relative;z-index: 2;}
.gp-page { padding: 0; color:#333; font-size: 0px;}
.gp-page:after,.gp-page:before { content:" "; display:table}
.gp-page>a,.gp-page>span{display:inline-block;color: #999;background: transparent; cursor: pointer; border-radius: 50%;background: #fff;
    width: 36px; height: 36px; line-height: 36px; font-size: 16px; margin-bottom:0px; margin-left:10px; border: 1px solid transparent;
 position:relative;text-align: center;vertical-align: top; box-sizing: border-box; *display: inline; *zoom:1;}
.gp-page-select{height: 36px;line-height: 36px;min-width: 50px;display:inline-block;*display: inline;*zoom:1;vertical-align: top;}
/* .gp-page .gp-page-start,.gp-page .gp-page-end,.gp-page .gp-page-next,.gp-page .gp-page-prev,.gp-page > span {padding:0 10px;} */
/* .gp-page>.gp-page-start,
.gp-page>.gp-page-end{ width: 70px;} */
.gp-page>.gp-page-prev,
.gp-page>.gp-page-next{ background: #fff url(../images/page-icon.png) no-repeat center;}
.gp-page>.gp-page-prev:hover,
.gp-page>.gp-page-next:hover{ background: #019e58 url(../images/page-icon1.png) no-repeat center;}
.gp-page>.gp-page-next{ transform: rotateZ(180deg);}
.gp-page > span{border:none}
.gp-page > a:hover, .gp-page > a.active{ background-color:#019e58; 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: 20px; position: relative;}
.selectDiv > span{ display: inline-block; width: 110px; height: 36px; line-height: 36px; padding: 0 10px;background: #fff;border-radius: 18px;
    border: 1px solid transparent; position: relative; color: #999; text-align: left;padding-left: 20px;}
.selectDiv > span:first-child::before{ content: '';display: block;width: 8px;height: 14px;
    background: url(../images/page-icon.png) no-repeat center/cover;transform: rotateZ(-90deg);
    /* border: 5px solid transparent; border-left-width: 4px; border-right-width: 4px; border-bottom-color: #666; */
    position: absolute;top: calc(50% - 5px);right: 20px;transition: all 0s ease;}
.selectDiv:hover > span::before{ transform-origin: 50%,50%; transform: rotateZ(90deg);}
.selectDiv dl{ display: none; max-height: 200px; overflow-y: scroll;  width: 100px;
    position: absolute; left: 0%; bottom: 100%; background: rgba(0, 0, 0, 0.05); border-radius: 4px; border-bottom: 4px solid transparent;}
.selectDiv dl a{ display: block;}
.selectDiv:hover dl{ display: block;}
.selectDiv a{ display: inline-block; line-height: 30px;}
.selectDiv dd:hover{ background: #019e58;}
.selectDiv dd:hover a{ color: #fff;}
.selectDiv > span.noPadding{ width: 50px; padding: 0; border-left: 0;}
.pageInput{ width: 70px; height: 40px; border: none; outline: none; background: #F2F2F2; text-align: center; vertical-align: top;}

.article{ width: 100%;}
.gp-article{background: transparent;width: 100%;}
.gp-article::before, .gp-article::after{ display: none;}
.gp-title{ font-weight: normal; color: #333; text-align: center; line-height: 44px;}
.gp-info{ text-align: center; margin-top: 36px; padding: 30px 60px; font-size: 0; line-height: 1; background: #fff;}
.gp-info span{ display: inline-block; color: #004b43; line-height: 22px; margin-right: 0px; vertical-align: middle;}
.gp-info span:last-child{ margin-right: 0px;}
.gp-info a{ color: #004b43;}
.gp-info a:first-child{ cursor: context-menu;}
.gp-info .time{ padding-left: 25px; background: url(../images/date-icon.png) no-repeat left center;position: relative;}
.gp-info .time::before{ content: '';display: block;width: 1px; height: 16px;background: #dcdcdc;position: absolute;top: 0;right: -7vw;}
.gp-info .source{ padding-left: 25px; background: url(../images/source-icon.png) no-repeat left center;position: relative;}
.gp-info .source::before{ content: '';display: block;width: 1px; height: 16px;background: #dcdcdc;position: absolute;top: 0;right: -7vw;}
.gp-info .setFs{ color: #dcdcdc;}
.gp-content{ margin: 0 auto; margin-top: 33px; box-sizing: border-box;}
.gp-content p{ line-height: 30px; margin-bottom: 30px; color: #000;}
.gp-content p:nth-last-of-type(1){ margin-bottom: 0px;}
.gp-content a{color:blue;}
.gp-article-mb0{ margin-bottom: 0;}
.artilceBot{ line-height: 78px; margin-top: 60px;}
.artilceBot .artPrev{ width: 200px; flex-shrink: 0; background: #fff;text-align: center;color: #cfa972;}
.artilceBot .artPrev i{ display: inline-block;font-size: 0;vertical-align: middle;height: 78px;margin-right: 17px;}
.artilceBot .artPrev img{ vertical-align: middle;}

.Annex{ flex-shrink: 0; background: #fff; flex: 1;margin-right: 40px;}
.Annex h3{ line-height: 1; font-weight: bold; color: #000; border-bottom: 1px solid transparent;padding-bottom: 13px; margin-bottom: 16px; padding-left: 20px; position: relative;}
/* .Annex h3::before{ content: ''; display: block;width: 22px; height: 19px; background: url(../images/annex.png) no-repeat center/cover;
    position: absolute; left: 0; top: 0;} */
.Annex li{ margin-bottom: 0px; /* border: 1px solid #e6e6e6; */ border-bottom: none;}
.Annex li:last-child{ margin-bottom: 0;/*  border-bottom: 1px solid #e6e6e6; */}
.Annex li::marker{ content: '';}
.Annex li a{ display: block; line-height: 28px; padding: 25px 40px; box-sizing: border-box;
    color: #006f47; transition: all 0.35s ease; position: relative;}
.Annex li a::before{ content: '';display: none;width: 6px;height: 6px;background: #019e58;
position: absolute;left: 20px;top: 50%;transform: translateY(-50%);}
.Annex li a:hover{ color: #019e58; /* font-weight: bold; background: #019e58;padding: 15px 20px; */}
/* .share{ width: 108px; flex-shrink: 0; background: rgba(0, 0, 0, 0.04); padding-top: 30px; cursor: pointer;}
.share a{ display: block; background: url(../images/share.png) no-repeat center; height: 36px;}
.share .lable{ color: #00c785; text-align: center; line-height: 1; margin-top: 8px;}
.weChatBox{ height: auto;} */
.subShare{ width: auto; padding: 0; position: fixed; bottom: 240px; right: 6.25vw; transition: all 0.3s ease-in-out;}
.gp-goTop-fixed.bottom{ bottom: 350px;}
.subShare .bdsharebuttonbox{ width: 50px; margin: 0 auto;}
.subShare .bdsharebuttonbox > a{ display: block; width: 50px; height: 50px; border-radius: 50%;}
.share_btn{ color: #bfbfbf; float: none; line-height: 1; padding: 0 10px; position: relative;}
.share_btn::before{ content: '';display: block;width: 20px;border-bottom: 1px dashed #bfbfbf;position: absolute; left: 100%; top: 50%;transform: translateY(-50%);}
.share_btn::after{ content: '';display: block;width: 20px;border-bottom: 1px dashed #bfbfbf;position: absolute; right: 100%; top: 50%;transform: translateY(-50%);}
.subShare .bdsharebuttonbox > a.bds_weixin{ background:  url(../images/share-wechat.png) no-repeat center; margin-top: 17px;}
.subShare .bdsharebuttonbox > a.bds_tsina{ background:  url(../images/share-sina.png) no-repeat center; margin-top: 15px;}
.subShare .bdsharebuttonbox > a.bds_more{ background: url(../images/share-more.png) no-repeat center; margin-top: 15px;}
.subShare .gp-goTop{ display: block; width: 50px; height: 50px;position: relative;right: unset; bottom: 0;border-radius: 50%;
    background: url(../images/gotop.png) no-repeat center;box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1); margin: 30px auto 0;}


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

@media screen and (max-width:1600px){
    .sidebar a{ padding: 0 20px;}
}

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


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

@media screen and (max-width:1280px) {
    .historyCon ul:nth-of-type(even) li a,
    .historyCon li a{ padding-left: 0px;padding-right: 0;}
    .historyCon li{ margin-bottom: 60px;}
    .historyCon ul.right li:first-child{ margin-top: 80px;}
    .leader ul{ margin: 0 -10px;}
    .leader ul li{ margin-bottom: 20px;}
    .leader a{ margin: 0 10px;}
    .leader .infoBox{ padding: 10px; padding-left: 20px;}
    .pageRt{ padding-left: 40px;}
    .VI ul{ margin: 0 -15px;}
    .VI ul li{ margin-top: 30px;}
    .VI ul a{ margin: 0 15px;}
    .news .imgList{ margin: 0 -15px;}
    .news .imgList a{ margin: 0 15px;}
    .news .infoBox{ padding: 20px 20px 25px;}
    .notice ul{ margin: 0 -15px;}
    .notice li{ margin-top: 30px;}
    .notice li a{ margin: 0 15px;}
    .academician ul{ margin: 0 -15px;}
    .academician a{ margin: 0 15px;}
    .academician .rt{ padding-left: 20px;}
    .academician .infoBox{ padding: 20px 20px 0 0;}
    .education .tilList{ padding: 20px 15px 0 20px;}
    .education .boxTitle{width: calc(33.33% - 20px);margin: 0 10px;margin-bottom: 20px;font-size: 18px;line-height: 60px;}
    .education .box li{ margin-top: 40px;}
    .education .box ul{ margin: 0 -15px;}
    .education .box a{ margin: 0 15px;}
    .propertyRight .td:nth-of-type(1){ padding-left: 20px;}
    .propertyRight.award .tr .td{ padding-left: 20px; padding-right: 10px;}
    .communica li a{ padding: 20px 30px 20px 130px;}
    .communica .date{ left: 22px;}
    .communica .infoBox{ padding-left: 20px;}
    .gp-title{ font-size: 30px;}
    .abilityDetail .infoBox{ padding-left: 30px;}
    .abilityDetail .botBox{ margin-top: 30px;}
    
}   

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

@media screen and (max-width:1200px) {
    .sidebar a{ padding: 0 10px;}
    .pages{ margin: 40px 0;}
    .procure li a{ padding: 30px 30px 40px 140px;}
    .procure .date{ left: 20px;}
    .procure .year{ margin: 20px 0 10px;}
    .resGroup li{ width: 20%;}
}

@media screen and (max-width:1100px) {
    .introCon{ margin-top: 20px;}
    .introCon p{ margin-bottom: 20px;}
    .sysCon{ padding: 30px 20px 0;margin-left: 20px;}
    .education .boxTitle{width: calc(50% - 20px);}
    
    .picList{ margin-left: -10px; margin-right: -10px;}
    .picList li{ margin-bottom: 20px;}
    .picList a{ margin: 0 10px; }
    .gp-info{ margin-top: 20px;}
    
}
@media screen and (max-width:1080px) {
    
}

@media screen and (max-width:998px) {
    .subContent{ padding-bottom: 160px;}
    .sidebar ul{ overflow-x: scroll;}
    .sidebar a{ line-height: 55px; font-size: 18px; word-break: normal; text-wrap: nowrap;}
    .curLocation{ width: 100%; text-align: center;}
    .parentChannel{ font-size: 38px;}
    .bread{ margin: 10px 0 50px; display: inline-block;}
    .intro{ margin-top: 40px;}
    .intro .block{ padding: 0;margin: 0;}
    .intro .intro-button-prev, .intro .intro-button-next{ width: 45px; height: 45px;}
    .historyCon ul:nth-of-type(odd) li{ padding-right: 20px;}
    .historyCon ul.right li:first-child{ padding-left: 20px;}
    .leader .img{ width: 180px;}
    .leader .office{ margin-top: 10px;}
    .leader .summary{ margin-top: 15px; font-size: 16px;line-height: 26px;padding-top: 20px;}
    .curPage{ margin-bottom: 40px;}
    .curPage span{ font-size: 32px;}
    .thirdMenu a{ margin-right: 30px; padding: 0 15px;}
    .orgName{ width: 60px;}
    .orgCon{ margin-left: 40px;}
    .outBox::before{left: 80px;top: 18px;max-height: 1300px;}
    .orgName::before{ width: 20px;right: -20px;}
    .sys{ margin-bottom: 30px;}
    .sys::before{ left: -20px;}
    .sysName{ width: 140px;padding-left: 20px;line-height: 35px;}
    .sysCon{ padding: 20px 20px 0;margin-left: 20px;}
    .sysCon a{ margin-bottom: 10px;}
    .intro.flex{ flex-direction: column;}
    .pageLf{ width: 100%;}
    .pageRt{ width: 100%; padding-left: 0;margin-top: 20px;}
    .exhibitionList ul{ margin: 0 -10px;}
    .exhibitionList li{ margin-bottom: 30px;}
    .exhibitionList a{ margin: 0 10px;}
    .platform li{ margin-bottom: 20px;}
    .news .imgList{ margin: 0 -8px;}
    .news .imgList a{ margin: 0 8px;}
    .news .infoBox{ padding: 15px 10px 20px;}
    .news .list li{ margin-top: 30px;}
    .news .list a{ padding: 20px 25px; padding-right: 145px;}
    .news .pageRt .imgList{ margin: 0 -10px;}
    .news .pageRt .imgList a{ margin: 0 10px;}
    .notice ul{ margin: 0 -10px;}
    .notice li a{ padding: 25px 20px 30px; margin: 0 10px;}
    .notice .date{ padding-bottom: 10px;}
    .notice .title{ line-height: 26px; margin-top: 20px;}
    .academician li{ margin-top: 30px;}
    .education .box li{ margin-top: 20px;}
    .education .box a{ margin: 0 10px;}
    .resGroup li{ width: 25%;}
    .resProgress li{ margin-top: 30px;}
    .resProgress ul a{ padding: 30px 20px;}
    .resProgress .date{ margin-top: 20px;}
    .trends .pageRt li{ margin-top: 30px;}
    .trends .pageRt ul a{ padding: 30px 20px;}
    .trends .date{ margin-top: 10px;}
    .propertyRight .table{ min-width: 900px;}
    .propertyRight{ overflow-x: scroll;}
    .communica li{ margin-top: 20px;}
    .communica li a{ padding: 20px 20px 20px 120px;}
    .gp-title{ font-size: 28px;}
    .artilceBot{ flex-direction: column; align-items: flex-end; margin-top: 30px;}
    .artilceBot .artPrev{ margin-top: 20px; line-height: 55px;}
    .artilceBot .artPrev i{ height: 55px;}
    .abilityDetail .name{ line-height: 46px; font-size: 26px;}
    .abilityDetail li{ margin-bottom: 10px; line-height: 28px;}
    .abilityDetail ul{ margin-top: 10px;}
    .abilityDetail .boxTitle{ line-height: 26px; padding: 15px 0; font-size: 18px;}
    .abilityDetail .box{ padding: 25px 30px 60px;}
    
    .gp-page{ display: none;}
    .gp-m-page{ display: block;}
    .gp-left{ margin-top: -80px;}
    .gp-content{ margin-top: 30px;}
    .gp-content p{ margin-bottom: 20px;}
    .Annex{ width: 100%; margin: 0;}
    .Annex li a{ line-height: 1.3;}

}

@media screen and (max-width:768px) {
    .subBanner .gp-img-responsive{ padding-bottom: 0; height: 220px; text-align: center; position: relative;}
    .subBanner .gp-img-responsive img{ position: absolute; left: 50%;bottom: 0; transform: translateX(-50%);
        min-height: 100%; width: 100%;}
    .parentChannel{ font-size: 28px; font-weight: normal;}
    .bread{ margin: 0px 0 40px;}
    .intro{ margin-top: 30px;}
    .historyCon{ display: none;}
    .historyMobleList{ display: block;}
    .historyCon li{ margin-bottom: 30px;}
    .historyCon li::before{ top: 18px;}
    .historyCon li a{ padding-top: 30px;}
    .historyCon .summary{ margin-top: 10px;}
    .oldLeader ul{ margin: 0 -10px;}
    .oldLeader ul li{ margin-top: 30px;}
    .oldLeader ul a{ padding: 0 10px 15px; margin: 0 10px;}
    .oldLeader .name{ margin-top: 15px;}
    .outBox::before{ display: none;}
    .orgName{ display: none;}
    .orgCon{ margin-left: 0;}
    .sys{ flex-direction: column;align-items: flex-start; margin-bottom: 20px !important;}
    .sys::before{ display: none;}
    .sysCon{ width: 100%;margin-left: 0;}
    .VI ul{ margin: 0 -10px;}
    .VI ul li{ margin-top: 20px;}
    .VI ul a{ margin: 0 10px; padding: 25px 0;}
    .VI ul .name{ margin-top: 20px;}
    .news .imgList li{ width: 100%;margin-bottom: 20px;}
    .news .imgList li:last-child{ margin-bottom: 0px;}
    .news .list li{ margin-top: 20px;}
    .news .list a{ padding: 20px;text-align: right;}
    .news .list .title{ text-align: left;}
    .news .list .summary{ margin-top: 15px;text-align: left;}
    .news .list .date{ position: relative; top: 0;right: 0;margin-top: 15px;display: inline-block;}
    .news .pageRt .imgList li{ width: 50%;}
    .news .pageRt .imgList li,
    .news .pageRt .imgList li:nth-of-type(3){ margin-top: 0px;}
    .notice li{ width: 50%;}
    .procure li a{ padding: 25px 20px 30px 100px;}
    .procure .date{ width: 65px;}
    .education .boxTitle{ line-height: 50px; font-size: 16px; margin-bottom: 15px; line-height: 20px; padding: 10px;}
    .resGroup li{ width: 33.33%;}
    .resProgress li{ margin-top: 20px;}
    .trends .pageRt li{ margin-top: 20px;}
    .propertyRight .th{ line-height: 55px;}
    .propertyRight .tr{ padding: 10px 0;}
    .communica .flex{ flex-direction: column;}
    .communica .img{ width: 100%;}
    .communica .infoBox{ padding-left: 0;}
    .gp-info{ flex-wrap: wrap;}
    .gp-info span{ margin-right: 15px;}
    .gp-info span::before{ display: none !important;}
    .abilityDetail .name{ line-height: 30px; font-weight: normal; font-size: 22px;}
    .abilityDetail li{ word-break: break-all; margin-bottom: 4px;}
    .abilityDetail .img{ width: 180px}
    .abilityDetail .infoBox{ padding-left: 10px}
    .abilityDetail .boxTitle{ font-size: 16px;}
    .abilityDetail .box{ padding: 20px 20px 30px;}
    
    .gp-page>a, .gp-page>span{ width: 50px; height: 50px; line-height: 50px;}
    .gp-page>.gp-page-prev{ margin-right: 10px;}
    .gp-page>.gp-page-next{ margin-left: 20px;}
    .gp-title{ line-height: 1.5; font-size: 26px;}
    .gp-title{ padding: 0;}
    .gp-info{ padding: 10px 0;}
    
}

@media screen and (max-width:680px) {
    .sidebar{ margin-top: 0;}
    .parentChannel{ font-size: 24px;}
    .bread{ margin: 0;}
    .bread a{ line-height: 30px;}
    .committee .curPage{ margin-bottom: 30px;}
    .committee .list a{ padding: 20px;}
    .platform ul{ margin: 0 -10px;}
    .platform a{ line-height: 50px; margin: 0 10px;}
    .resGroup ul{ margin: 0 -10px;}
    .resGroup li{ margin-bottom: 10px;}
    .resGroup a{ margin: 0 10px;}
    .resGroup .boxLable{ line-height: 60px;background-position: right;background-size: 100% 100%;min-width: unset;display: block;}
    .resGroup .boxCon{ padding: 50px 30px 20px;}
    .resGroup .box{ margin-top: 30px;}
    .xing{margin-bottom:-10px}
}

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

}

@media screen and (max-width:540px) {
    .curPage{ margin-bottom: 30px;}
    .curPage span{ font-size: 28px;}
    .leaderDetail > .flex{ flex-direction: column;align-items: center;}
    .oldLeader ul{ margin: 0 -10px;}
    .oldLeader ul li{ margin-top: 20px;}
    .oldLeader ul a{ margin: 0 10px;}
    .thirdMenu{ margin-bottom: 5px;}
    .notice li{ width: 100%;margin-top: 20px;}
    .notice li:first-child{ margin-top: 0;}
    
    .pageChannel{ font-size: 22px;}

}

@media screen and (max-width:479px) {
    .subBanner .gp-img-responsive{ height: 170px; text-align: center;}
    .curLocation{ position: relative;top: 0;bottom: auto;text-align: right; padding: 10px 15px;}
    .parentChannel{ color: #333; text-align: left; font-size: 22px; font-weight: bold;}
    .bread, .bread a, .bread span{ color: #666;}
    .bread i{ display: none;}
    .sidebar li{/* min-width: 84px; */}
    .sidebar a{ line-height: 40px; font-size: 16px;}
    .subContent{ padding-bottom: 100px;}
    .introCon p{ line-height: 24px;}
    .historyCon li{ margin-bottom: 20px;}
    .historyCon li a{ padding-top: 20px;}
    .historyCon .title{ line-height: 24px;}
    .historyCon .summary{ line-height: 24px;}
    .committee .list li{ margin-top: 20px;}
    .committee .list .date{ margin-top: 15px;}
    .news .infoBox{ padding: 15px 10px;}
    .news .imgList .title{ line-height: 26px;}
    .news .imgList .summary{ line-height: 22px; margin-top: 10px;}
    .news .list a{ padding: 15px 10px;}
    .news .pageRt .imgList li{ width: 100%;}
    .procure li a{ padding: 15px 10px;}
    .procure .date{ position: relative;top: 0;left: 0;width: auto;text-align: left;}
    .procure .year, .procure .day{ display: inline-block;font-size: 16px;margin: 10px 0 5px;}
    .procure .title{ line-height: 1.5; display: block; text-wrap: wrap;}
    .procure .summary{ margin-top: 10px;}
    .academician li{ margin-top: 20px;}
    .academician a{ padding-left: 10px;padding-bottom: 10px;}
    .academician .img{ width: 160px;}
    .academician .name{ line-height: 20px; font-size: 20px;}
    .academician .rt{ padding-left: 15px;}
    .academician .infoBox{ padding: 10px 15px 0 0; line-height: 22px;}
    .academician .infoBox .conBox{ max-height: 155px;}
    .education .boxTitle{ width: 100%;}
    .resGroup .boxLable{ padding-left: 20px;font-size: 18px;}
    .resGroup .boxLable .iconBth{ right: 30px;}
    .resGroup .boxCon{ padding: 40px 15px 15px;}
    .communica li{ margin-top: 10px;}
    .abilityDetail .topBox{ flex-direction: column; align-items: center;}
    .abilityDetail .infoBox{ padding-left: 0; padding-top: 10px;}
    .abilityDetail .tilList{ align-items: center;}
    .abilityDetail .boxTitle{ line-height: 20px;}
    .abilityDetail .box p{ line-height: 26px; margin-bottom: 24px;}
    
    .pages{ margin: 20px 0 30px;}
    .gp-page>a, .gp-page>span{ width: 40px; height: 40px; line-height: 40px;}
    .gp-title{ font-size: 24px;}
    .gp-info{ flex-direction: column; text-align: left; padding-left: 30px;}
    .gp-info span{ line-height: 1.5;}
    .gp-content p{ margin-bottom: 15px; line-height: 26px;}

    .Annex li a{ padding: 15px 40px 15px 30px; background-position: calc(100% - 10px) center;}
    .Annex li a::before{ left: 15px;}
}

@media screen and (max-width:414px) {
    .introCon{ margin-top: 20px;}
    .leader a{ flex-direction: column; align-items: center;}
    .leader .infoBox{ padding: 10px;}
    .leader .name, .leader .office{ display: inline-block; padding-right: 10px;}
    .leader .summary{ padding-top: 10px; -webkit-line-clamp: unset;}
    .curPage span{ font-size: 24px; padding: 0 30px;}
    .leader .infoBox{ padding: 10px 0;}
    .thirdMenu a{ padding: 0 10px; margin-right: 10px;}
    .oldLeader .name{ margin-top: 10px;}
    .VI ul a{ margin: 0 10px; padding: 15px 0;}
    .exhibitionList ul{ margin-bottom: -20px;}
    .exhibitionList li{ margin-bottom: 20px;}
    .exhibitionList .name{ margin-top: 15px;}
    .academician a{ flex-direction: column; align-items: center; padding-left: 0; position: relative;}
    .academician .rt{ padding-top: 10px;}
    .academician .infoBox{ margin-top: 0px; position: unset;}
    .academician .infoBox::before{ height: 500px; top: 100px;}
    .resProgress ul a{ padding: 20px 15px;}
    .trends .pageRt ul a{ padding: 20px 15px;}
    .abilityDetail .topBox{ padding: 10px 15px;}
    .abilityDetail .box{ padding: 15px 10px 20px;}
    .abilityDetail .box p{ margin-bottom: 20px;}

    .gp-title{ line-height: 1.3;font-size: 22px}
    .gp-content{ margin-top: 20px;}
    .gp-content p{ line-height: 1.6;}
    .artilceBot .artPrev{ width: 160px;}
}

@media screen and (max-width:370px) {
    .introCon p{ margin-bottom: 15px;}
    .VI ul li{ width: 100%;}
    .resGroup li{ width: 50%;}
    .gp-title{ font-size: 20px}
}