a:hover, a:link { text-decoration: none; } img { max-width: 100%; display: inline-block; } .img-fluid { max-width: 100%; height: auto; } ul { margin: 0; padding: 0; list-style: outside none none; } a, button { line-height: inherit; display: inline-block; cursor: pointer; text-decoration: none; color: inherit; } input, button, a, select { outline: none } select:focus { outline: none; } body { background-color: #ffffff; font-size: 14px; } .ce-img > span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-repeat: no-repeat; background-position: center; background-size: cover; } .ce-nowrap { max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .ce-nowrap-multi { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; } .content { width: 1200px; margin: 0 auto; } .publicHover:hover { cursor: pointer; color: #449942; } /*底部*/ .Footer { background-color: #449942; color: #ffffff; width: 100%; } .Footer-nav { opacity: .9; padding: 20px 0 10px; } .Footer-nav li { cursor: pointer; display: inline-block; padding-right: 15px; } .Footer-tips-label { opacity: .9; line-height: 28px; } .FooterBottom { background-color: #1c5302; height: 44px; line-height: 44px; text-align: center; margin-top: 10px; } .FooterBottom a:hover { color: #fff; text-decoration: underline; } .linkImg { display: flex; } .Footer-tips { flex: 1; margin-top: 10px; } .linkImg img { float: right; margin-top: 10px; } /*友情链接*/ .Link { margin-top: 60px; background-color: #f1f3f8; color: #86849a; padding: 30px 0; } .linkUl li { font-size: 15px; display: inline-block; padding-right: 15px; } /*头部*/ .navTop { background-color: #449942; color: #fff; height: 52px; line-height: 52px; width: 100%; display: flex; } .navTop span { padding: 0 10px; cursor: pointer; } /*logo */ .navHead { background-image: linear-gradient(6deg, rgba(237, 246, 248, .8), transparent); } .navHead-search { margin-top: 50px; height: 42px; line-height: 42px; display: flex; } .navHead-search input { border: 1px solid #449942; padding: 0 10px; box-sizing: border-box; color: #449942; border-radius: 4px; font-size: 15px; margin-right: 10px; width: calc(100% - 52px); } .navHead-search input::-webkit-input-placeholder { color: #449942; font-size: 15px; } .navHead-logo { background-color: #449942; border: none; border-radius: 6px; width: 42px; height: 42px; line-height: 37px; text-align: center; } /*banner*/ .banner { margin-bottom: 35px; } .banner-nav { background-color: #449942; height: 48px; line-height: 48px; color: #fff; cursor: pointer; } .banner-nav li { display: inline-block; padding: 0 18px; font-size: 17px; } .banner-nav li.active, .banner-nav li:hover { background-color: #358233; } /*首页标题*/ .publicTab { width: 100%; background-color: #dbe0f3; height: 44px; line-height: 44px; display: flex; margin-bottom: 25px; } .publicTab-ul { flex: 1; } .publicTab-ul li { display: inline-block; font-size: 20px; padding: 0 15px 0 10px; background-color: transparent; color: #000000; cursor: pointer; position: relative; margin-right: 10px; } .publicTab-ul li img { vertical-align: -7px; filter: grayscale(0) brightness(0); } .publicTab-ul li a:hover, .publicTab-ul li a:focus { color: #fff !important; } .publicTab-ul li.active::after, .publicTab-ul li.active::before, .publicTab-ul li:hover::after, .publicTab-ul li:hover::before { position: absolute; content: ''; } .publicTab-ul li.active::after, .publicTab-ul li:hover::after { background-color: #449942; width: 100%; height: 4px; left: 0; top: -4px; } .publicTab-ul li.active::before, .publicTab-ul li:hover::before { right: -4px; top: -4px; width: 0; height: 0; border-top: 4px solid transparent; border-left: 4px solid #020330; border-bottom: 2px solid transparent; } .publicTab-ul li.active, .publicTab-ul li:hover { background-color: #449942; color: #fff; } .publicTab-ul li.active img, .publicTab-ul li:hover img { filter: grayscale(100) brightness(100%); } .publicTab-more { cursor: pointer; padding-right: 15px; color: #a3a3a3; font-size: 15px; } .publicTab-more span { font-weight: 600; font-size: 17px; padding-left: 3px; } /*首页新闻公告*/ .indexNew-img { position: relative; width: 100%; padding-top: 54%; } .indexNew-list li { margin-bottom: 18px; position: relative; padding-left: 25px; box-sizing: border-box; } .indexNew-list li:last-child { margin-bottom: 0; } .indexNew-list li::after { position: absolute; content: ''; left: 0; top: 2px; width: 14px; height: 14px; background: url(/assets/index/images/indexIcon/indexNew_row.png) center no-repeat; } .indexNew-list li .indexNew-name { display: flex; font-size: 16px; } .indexNew-list li .indexNew-name span { display: inline-block; flex: 1; } .indexNew-list li .indexNew-text { color: #999999; -webkit-line-clamp: 2; display: none; margin-top: 15px; font-size: 15px; } .indexNew-list li:first-child { padding: 10px; box-sizing: border-box; background-color: #f7f7f7; } .indexNew-list li:first-child::after { display: none; } .indexNew-list li:first-child .indexNew-name { font-size: 17px; color: #007900; line-height: 24px; } .indexNew-list li:first-child .indexNew-name span { font-weight: 600; font-size: 20px; } .indexNew-list li:first-child .indexNew-text { display: block; } /*新闻模块一*/ .modularOne-label { background-color: #449942; color: #fff; text-align: center; line-height: 54px; border-radius: 6px; margin: 30px 0 35px; cursor: pointer; font-size: 20px; position: relative; overflow: hidden; } .modularOne-img { position: absolute; width: 60px; height: 60px; bottom: -20px; opacity: .3; right: 10px; } .modularOne-icon { width: 27px; height: 27px; vertical-align: -7px; margin-right: 5px; } .indexImg-title { position: absolute; z-index:5; left: 0; bottom: 0; background-color: rgba(0,0,0,.5); width: 100%; color: #fff; padding: 10px 15px; box-sizing: border-box; font-size: 16px; } .indexImg-pagination, .indexNews-pagination { text-align: right !important; padding-right: 20px!important; bottom: 16px!important; } .swiper-pagination-bullet { background: #ffffff!important; opacity: .5!important; } .swiper-pagination-bullet-active { opacity: 1; background: #449942!important; } /*首页模块二*/ .modularTwo { overflow: hidden; margin-bottom: 10px; } .modularTwo-list { width: 20%; min-height: 1px; padding-right: 10px; padding-left: 10px; float: left; cursor: pointer; margin-bottom: 15px; } .modularTwo-list-img { position: relative; width: 100%; padding-top: 75%; } .modularTwo-list-name { font-size: 16px; width: 100%; text-align: center; line-height: 40px; } /*首页模块三*/ .modularThree { margin-bottom: 35px; } .modularThree-back { background-color: #fff; box-shadow: 0px 0 20px rgba(0, 0, 0, .1); padding: 15px; border-radius: 4px; box-sizing: border-box; } .modularThree-list { position: relative; } .modularThree-list-img { position: relative; width: 50%; padding-top: 30%; } .modularThree-list-text { position: absolute; right: 0; top: 0; width: 50%; padding-left: 10px; box-sizing: border-box; } .modularThree-list-text { -webkit-line-clamp: 5; font-size: 15px; color: #999999; text-align: justify; line-height: 20px; padding-left: 10px; box-sizing: border-box; height: 100px; } .modularThree-name { font-size: 19px; width: 100%; text-align: center; color: #007900; margin-bottom: 20px; } /*首页模块五*/ .modularFive { margin-bottom: 35px; } .modularFive-img { position: relative; width: 100%; padding-top: 66.66%; } .modularFive-list li { padding-left: 15px; box-sizing: border-box; font-size: 16px; -webkit-line-clamp: 2; position: relative; margin-top: 20px; line-height: 24px; height: 46px; } .modularFive-list li::after { position: absolute; content: ''; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 50%; background-color: #d5d5d5; } .modularFive-top { text-align: center; } .modularFive-top span { display: inline-block; border: 1px solid #f1f1f1; margin: 0 auto 20px; padding: 0 40px; line-height: 46px; font-size: 19px; color: #cd0029; position: relative; } .modularFive-top span::after { position: absolute; content: ''; background-color: #cd0029; width: 50%; height: 3px; left: 25%; bottom: 0; } .modularFive-top span::before { position: absolute; content: ''; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #cd0029; left: calc(50% - 6px); bottom: -6px; } .modularFive-more { color: #cd0029; text-align: center; font-size: 15px; padding: 25px 0 10px; cursor: pointer; } .modularFive-more img { width: 14px; height: 14px; vertical-align: -1px; margin-left: 5px; } /*首页-广告图片*/ .indexAdvert { margin-bottom: 35px; overflow: hidden; cursor: pointer; } .indexAdvert img{ transition: .3s; } .indexAdvert:hover img { transform:scale(1.05); } /*首页-模块六*/ .modularSix { margin-bottom: 35px; } .modularSix-img { position: relative; width: 100%; padding-top: 60%; margin-bottom: 20px; } .modularSix-img:last-child { margin-bottom: 0; } .modularThree-img-title { position: absolute; width: 100%; text-align: center; font-size: 18px; height: 42px; line-height: 42px; left: 0; bottom: 0; z-index: 1; background-color: rgba(0, 0, 0, .5); color: #fff; } .modularSix-space { padding: 15px 20px; } .modularSix-label { background-color: #f1f2f7; text-align: center; height: 110px; display: table; width: 100%; font-size: 17px; margin-bottom: 20px; cursor: pointer; } .modularSix-padding:nth-child(13) .modularSix-label, .modularSix-padding:nth-child(14) .modularSix-label, .modularSix-padding:nth-child(15) .modularSix-label { margin-bottom: 0; } .modularSix-padding:last-child .modularSix-label { background-color: #449942; color: #ffffff; } .modularSix-padding:last-child .modularSix-label img { filter: grayscale(100) brightness(200%); } .modularSix-label img { display: block; margin: 0 auto 15px; } .modularSix-label span { width: 100%; display: block; padding: 0 30px; box-sizing: border-box; } .modularSix-label-cont { display: table-cell; vertical-align: middle } .modularSix-padding { padding-left: 10px; padding-right: 10px; } /*首页-模块七*/ .modularSever { margin-bottom: 30px; } .modularServe-label { cursor: pointer; background: url(/assets/index/images/titleTem_back.png) no-repeat center; background-size: cover; width: 100%; padding: 40px 20px 20px; position: relative; border-radius: 10px; overflow: hidden; } .modularSix-padding:nth-child(1) .modularServe-label, .modularSix-padding:nth-child(2) .modularServe-label, .modularSix-padding:nth-child(3) .modularServe-label { margin-bottom: 20px; } .modularServe-label span { font-size: 20px; color: #449942; position: relative; padding-top: 20px; } .modularServe-label span::after { position: absolute; top: 0; left: 0; width: 60px; content: ''; background-color: #449942; height: 2px; } .modularServe-list li { width: 100%; font-size: 17px; position: relative; padding-left: 25px; margin-bottom: 18px; } .modularServe-list li:last-child { margin-bottom: 0; } .modularServe-list li::after { position: absolute; content: ''; left: 0; top: 4px; width: 15px; height: 15px; background: url(/assets/index/images/indexIcon/indexNew_row.png) center no-repeat; background-size: 100% 100%; } /*首页-模块八*/ .modularEight-label { background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 120px; box-sizing: border-box; text-align: center; font-size: 20px; color: #fff; word-break: break-all; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; } .modularEight-title { width: 100%; text-align: center; padding: 15px; box-sizing: border-box; background-color: rgba(255, 255, 255, .3); } /*二级页面面包屑*/ .mrumbs { text-align: right; margin-bottom: 10px; } .mrumbs-url { display: inline-block; } /*二级页面-左侧内容*/ .levelLeft { width: 100%; background-image: url(/assets/index/images/levelLeft-back.jpg); background-repeat: repeat-y; background-size: 100% 100%; position: relative; padding-bottom: 200px; overflow: hidden; } .levelLeft-title { background-size: 100%; color: #fff; width: 100%; height: 70px; display: table; background-repeat: no-repeat; background-position: center; padding: 0 20px 0 15px; box-sizing: border-box; } .levelLeft-title span { font-size: 18px; display: table-cell; vertical-align: middle; } .levelLeft-ul { font-size: 16px; } .levelLeft-ul li { padding: 20px; box-sizing: border-box; display: inline-block; width: 100%; color: #025700; cursor: pointer; border-bottom: 1px dashed #bed8be; transition: .2s; } .levelLeft-ul li:hover { color: #000; padding-left: 30px; } .levelLeft-ul li.active { color: #000; } .levelLeft-ul li:hover img, .levelLeft-ul li.active img { filter: grayscale(100) brightness(100%); } .levelLeft-ul li img { margin-right: 15px; } .levelLeft-tips { position: absolute; width: 100%; height: 200px; bottom: -40px; left: 0; } /* 简介二级页-样式 */ /*概况*/ .briefMargin { margin-bottom: 30px; } .briefTitle { width: 100%; position: relative; height: 100px; } .briefTitle img { position: absolute; left: 0; top: 0; } .briefTitle-name { position: absolute; left: 66px; font-size: 24px; font-weight: 600; padding-top: 46px; } .briefTitle-name::after { position: absolute; background-color: #cbe3ca; content: ''; width: 100px; height: 1px; right: -110px; top: 64px; } .briefSurvey { overflow: hidden; } .briefSurvey-cont-text { font-size: 14px; color: #353535; line-height: 30px; height: 154px; overflow: hidden; text-indent: 2em; text-align: justify; } .briefSurvey-cont-img { float: left; margin-right: 40px; width: 400px; } .briefSurvey-cont { float: right; width: calc(100% - 440px); } .briefSurvey-cont-new { font-size: 22px; text-align: center; font-weight: 600; margin-bottom: 10px; } .baseMap { background-color: #efefef; width: 100%; height: 80px; position: relative; margin-bottom: 40px; margin-top: 10px; } .baseMap-img { position: absolute; right: 10px; top: -70px; width: 160px; height: 160px; } .briefSurvey-more { margin-top: 30px; transition: .2s; cursor: pointer; } .briefSurvey-more span { display: inline-block; border: 1px solid #479a45; background-color: transparent; color: #479a45; line-height: 38px; padding: 0 20px; } .briefSurvey-more span:hover { background-color: #479a45; color: #fff; } /*领导班子*/ .briefList { background-color: #f1f4f5; cursor: pointer; padding: 20px; box-sizing: border-box; width: 100%; position: relative; margin-bottom: 30px; } .briefList-img { width: 200px; height: 150px; position: relative; } .briefList-text { width: 100%; position: absolute; left: 0; top: 0; padding: 20px 20px 20px 240px; box-sizing: border-box; } .briefList-text-name { font-size: 20px; font-weight: 600; } .briefList-text-post { margin: 8px 0 25px; color: #666666; position: relative; padding-bottom: 15px; } .briefList-text-post::after { position: absolute; background-color: #d6d6d6; content: ''; width: 80%; left: 0; bottom: 0; height: 1px; } .briefList-text-introduce { text-align: justify; color: #666666; -webkit-line-clamp: 2; line-height: 26px; height: 56px; } /*组织机构*/ .briefOrganize-img { text-align: center; } /*研究中心*/ .briefResearch-label { background-color: #f0f0f0; border-radius: 6px; transition: .2s; color: #838383; cursor: pointer; margin-bottom: 30px; } .briefResearch-label-img { position: relative; width: 100%; padding-top: 60%; border-radius: 6px 6px 0 0; overflow: hidden; } .briefResearch-label-cont { width: 100%; padding: 15px; box-sizing: border-box; } .briefResearch-label-title { font-size: 16px; margin-bottom: 10px; -webkit-line-clamp: 2; line-height: 24px; height: 50px; } .briefResearch-label-text { line-height: 24px; -webkit-line-clamp: 3; height: 75px; } .briefResearch-label-icon { margin-top: 15px; filter: grayscale(100) brightness(250%); } .briefResearch-label:hover { box-shadow: 0 0 15px rgba(0, 0, 0, .2); color: #b9000e; } .briefResearch-label:hover .briefResearch-label-icon { filter: grayscale(0) brightness(100%); } /*历史沿革*/ .briefHistoy-cont { color: #fff; position: relative; } .briefHistoy-list { padding: 30px; font-size: 20px; box-sizing: border-box; } .briefHistoy-list li { margin-bottom: 40px; } .briefHistoy-list li:last-child { margin-bottom: 0; } .briefHistoy-right-img { border: 3px solid #fff; border-radius: 4px 0 0 4px; overflow: hidden; margin: 30px 0; } .briefHistoy-right-tool { text-align: right; margin-bottom: 20px; } .briefHistoy-right-tool div { height: 48px; line-height: 48px; display: inline-block; color: #fff; box-sizing: border-box; font-size: 18px; margin-left: 20px; cursor: pointer; } .briefHistoy-right-tool img { width: 16px; margin-left: 10px; vertical-align: -2px; } .briefHistoy-right-tool div.briefHistoy-yellow { border-radius: 4px; padding: 0 10px; background-color: #e7ad00; } .briefHistoy-right-tool div.briefHistoy-red { border-radius: 4px 0 0 4px; padding: 0 20px; background-color: #b9000e; } /*四十年所庆*/ .briefVideo-cont { position: relative; height: 360px; margin-bottom: 30px; } .briefVideo-tips { position: absolute; left: 0; top: 0; background-color: #d32f2a; color: #fff; width: 70px; height: 100%; text-align: center; font-size: 26px; line-height: 32px; } .briefVideo-tips span { padding-top: 40px; width: 24px; display: block; margin: 0 auto; text-shadow: 0 0 10px rgba(47, 4, 0, .9); } .briefVideo-video { position: absolute; padding-left: 70px; box-sizing: border-box; height: 100%; width: 100%; left: 0; top: 0; } .briefSwiper { padding: 30px 60px; box-sizing: border-box; } .briefSwiper-img { position: relative; padding-top: 100%; width: 100%; text-align: center; box-sizing: border-box; } .briefSwiper-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .briefSwiper-cont { position: absolute; z-index: 4; left: 0; bottom: 0; width: 100%; line-height: 34px; height: 34px; background-color: rgba(0, 0, 0, .5); color: #fff; display: flex; } .briefSwiper-cont-name { padding: 0 10px; box-sizing: border-box; flex: 1; width: calc(100% - 100px); } .briefSwiper-cont-more { background-color: #d53431; width: 80px; text-align: center; font-size: 12px; } .briefSwiper-cont-more span { text-decoration: underline; } .briefSwiper .swiper-slide { cursor: pointer; } .briefSwiper .swiper-button-next, .briefSwiper .swiper-button-prev { width: 34px; height: 34px; -moz-background-size: 34px 34px; -webkit-background-size: 34px 34px; background-size: 34px 34px; } .briefSwiper .swiper-button-next { background-image: url(/assets/index/images/briefIcon/briefAlbum_right.jpg); right: 20px; } .briefSwiper .swiper-button-prev { background-image: url(/assets/index/images/briefIcon/briefAlbum_left.jpg); left: 20px; } .briefAlbum-title { text-align: center; font-size: 24px; } .briefAlbum-title span { display: inline-block; padding: 0 30px; position: relative; } .briefAlbum-title span::after, .briefAlbum-title span::before { position: absolute; content: ''; width: 14px; height: 14px; top: calc(50% - 7px); background-image: url(/assets/index/images/briefIcon/briefAlbum_title_icon.png); background-repeat: no-repeat; background-position: center; } .briefAlbum-title span::after { left: 0; } .briefAlbum-title span::before { right: 0; transform: rotate(180deg); } /* 科研动态二级页-样式 */ /*科研动态*/ .srTitle { border-bottom: 1px solid #e9f0ff; border-top: 3px solid #e9f0ff; padding: 0 20px; height: 66px; line-height: 66px; box-sizing: border-box; width: 100%; position: relative; display: flex; margin-bottom: 30px; } .srTitle::after { position: absolute; content: ''; left: 0; top: -3px; width: 140px; height: 4px; background-color: #449942; } .srTitle-name { flex: 1; font-size: 22px; font-weight: 600; display: flex; } .srTitle-name img { width: 32px; height: 32px; margin: 16px 10px 0 0; } .srTitle-more { font-size: 18px; color: #8b8b8b; } .srTitle-more:hover { color: #449942; cursor: pointer; } .srRrendText { display: flex; } .srRrends-list { width: calc(100% - 240px); margin-left: 20px; } .srRrends-list li { display: flex; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #ececec; } .srRrends-list li:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .srRrends-list-img { width: 220px; height: 155px; position: relative; } .srRrends-list-cont { width: 100%; display: flex; } .srRrends-list-time { width: 140px; text-align: right; font-size: 16px; color: #353535; } .srRrends-list-time span { display: block; font-size: 28px; } .srRrends-list-text { width: calc(100% - 140px); } .srRrends-list-name { font-size: 18px; margin-bottom: 10px; -webkit-line-clamp: 1; } .srRrends-list-tips { font-size: 16px; color: #999999; -webkit-line-clamp: 2; height: 45px; } /*特色品牌建设*/ .srBuildFrist-cont { border: 1px solid #e5e5e5; padding: 0 10px; box-sizing: border-box; height: 70px; line-height: 70px; display: flex; margin-bottom: 20px; } .srBuildFrist { padding: 0 10px !important; } .srBuildFrist:last-child .srBuildFrist-cont { margin-bottom: 0; } .srBuildFrist-icon { margin-top: 20px; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #CAB484; padding: 2px; box-sizing: border-box; } .srBuildFrist-icon img { width: 100%; height: 100%; } .srBuildFrist-name { margin-left: 10px; font-size: 16px; width: calc(100% - 40px) } .srBuildFrist-cont:hover { color: #CAB484; cursor: pointer; } /*科研成果*/ .srGain-list { position: relative; width: 100%; padding-top: 38%; background-repeat: no-repeat; background-position: bottom center; background-size: 100%; box-shadow: 0 0 15px rgba(0, 0, 0, .1); cursor: pointer; margin-bottom: 30px; } .srGain-list-name { position: absolute; width: 100%; padding: 0 10px; box-sizing: border-box; bottom: 30px; color: #449942; left: 0; font-size: 18px; line-height: 24px; display: flex; } .srGain-list-name span { padding-left: 20px; position: relative; font-size: 13px; } .srGain-list-name span::after { position: absolute; content: ''; left: 10px; top: calc(50% - 2px); width: 4px; height: 4px; border-radius: 50%; background-color: #449942; } .srGain-list-name img { width: 24px; height: 24px; margin-right: 10px; } .srGain-list-more { position: absolute; right: 10px; bottom: 12px; color: #449942; font-size: 13px; font-weight: 600; } /*合作与交流*/ .srSurvey { position: relative; } .srSurvey::after { position: absolute; content: ''; left: 0; bottom: 0; background-color: #f5f5f5; width: 100%; height: 2px; z-index: 5; } .srCooperation-back { position: relative; width: 100%; padding-top: 60%; } .srCooperation-img { position: absolute; right: 0; top: 0; width: 80px; height: 100%; z-index: 2; } .srCooperation-name { color: #010101; font-size: 22px; font-weight: 600; padding: 10px 0; position: relative; } .srCooperation-name::after { position: absolute; content: ''; left: 0; bottom: 0; background-color: #cc0028; width: 40px; height: 4px; } .srCooperation-text { margin: 20px 0 25px; color: #343434; font-size: 12px; line-height: 24px; -webkit-line-clamp: 4; height: 94px; } .srCooperation-more { background-color: #cc0028; color: #fff; display: inline-block; border-radius: 4px; padding: 0 18px; cursor: pointer; line-height: 34px; } .srCooperationNew { margin-top: 20px; } .srCooperation-list { margin-top: 20px; } .srCooperation-list li { display: flex; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #ececec; } .srCooperation-list li:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .srCooperationNew-top { text-align: center; border-bottom: 1px solid #ededed; line-height: 50px; margin: 30px 0; font-size: 22px; font-weight: 600; } .srCooperationNew-top span { display: inline-block; position: relative; } .srCooperationNew-top span::after { position: absolute; content: ''; left: 0; bottom: 0; background-color: #cc0028; width: 100%; height: 4px; } .srCooperationNew-img { width: 100%; padding-top: 60%; position: relative; } .srCooperationNew-name { margin: 20px 0 10px; font-size: 17px; font-weight: 600; -webkit-line-clamp: 2; height: 50px; } .srCooperationNew-right { width: 100%; margin-top: 20px; } .srCooperationNew-right li { margin-bottom: 30px; position: relative; padding-left: 20px; } .srCooperationNew-right li::after, .srCooperationNew-right li::before { position: absolute; content: ''; left: 0; width: 2px; height: calc(50% - 1px); } .srCooperationNew-right li::after { background-color: #cc0028; top: 0; } .srCooperationNew-right li::before { background-color: #449942; bottom: 0; } .srCooperationNew-right li:last-child { margin-bottom: 0; } .srCooperationNew-text { line-height: 26px; text-align: justify; text-indent: 2em; color: #525252; -webkit-line-clamp: 4; height: 102px; } .srCooperationNew-title { font-size: 16px; margin-bottom: 5px; } .srCooperationNew-time { font-size: 14px; font-style: italic; color: #868686; } /*政府决策服务*/ .srServe { margin-bottom: 10px; } .srServe-list { position: relative; margin-bottom: 15px; height: 60px; } .srServe-list-img { position: relative; width: 30px; height: 28px; margin-top: 6px; } .srServe-list-cont { height: 60px; position: absolute; left: 0; top: 0; width: 100%; padding-left: 50px; box-sizing: border-box; } .srServe-list-cont:hover { color: #449942; cursor: pointer; } .srServe-list-cont::after { position: absolute; content: ''; left: 0; box-sizing: border-box; margin-left: 50px; bottom: 0; width: calc(100% - 50px); height: 0; border-bottom: 1px dashed #e5e5e5; } .srServe-list-name { font-size: 16px; margin-bottom: 10px; font-weight: 600; } .srServe-list-time { color: #919191; font-size: 13px; } /*科学传播*/ .srSpread-video, .srSpread-atlas { border: 1px solid #efefef; border-radius: 6px 6px 0 0; overflow: hidden; } .srSpread-atlas-title, .srSpread-video-title { height: 64px; padding: 0 20px; box-sizing: border-box; line-height: 64px; background-position: center; background-size: 100% 100%; background-repeat: no-repeat; color: #830000; font-size: 20px; } .srSpread-video { margin-bottom: 20px; } .srSpread-video-title { display: flex; } .srSpread-video-name { flex: 1; } .srSpread-video-more { font-size: 15px; cursor: pointer; } .srSpread-video-cont-title { font-size: 18px; margin-top: 20px; cursor: pointer; } .srSpread-video-cont-title:hover { color: #449942; } .srSpread-list li { display: flex; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #ececec; } .srSpread-list li:last-child { border-bottom: none; } .srSpread-video-paly { cursor: pointer; position: relative; width: 100%; padding-top: 70%; } .srSpread-video-paly video { position: absolute; left: 0; top: 0; } .srSpread-video-icon { position: absolute; width: 90px; height: 90px; top: calc(50% - 45px); left: calc(50% - 45px); z-index: 9; } .srSpread-video-cont, .srSpread-atlas-list { padding: 20px 0; box-sizing: border-box; text-align: center; } .srSpread-atlas-title { text-align: center; } .srSpread-atlas-list li { margin-bottom: 20px; } .srSpread-atlas-list li:last-child { margin-bottom: 10px; } .srSpread-atlas-img { position: relative; width: 100%; padding-top: 50%; margin-bottom: 10px; } .srSpread-atlas-name { font-size: 16px; } .srSpread-atlas-more { text-align: center; margin-bottom: 20px; } .srSpread-atlas-more span { cursor: pointer; display: inline-block; color: #830000; border: 1px solid #830000; padding: 0 25px; transition: .2s; background-color: transparent; line-height: 32px; } .srSpread-atlas-more span:hover { background-color: #830000; color: #fff; } .srSpread-atlas .srRrendText { padding: 20px; box-sizing: border-box; } /* 学科建设与人才队伍-样式 */ .ranks-title { font-size: 22px; color: #358233; font-weight: 600; display: flex; border-bottom: 1px solid #c6c6c6; padding-bottom: 10px; line-height: 32px; } .ranks-title img { margin-right: 10px; } .ranksSubject { margin-top: 20px; } .ranks-left { flex: 1 } .ranks-more { font-size: 16px; line-height: 32px; } /*省级领军人才梯队*/ .ranksEchelon-title { background-color: #449942; line-height: 40px; text-align: center; color: #fff; margin: 20px 0; font-size: 17px; position: relative; } .ranksEchelon-title::after { position: absolute; content: ''; left: calc(50% - 8px); bottom: -8px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #449942; } .ranksEchelon-img { position: relative; width: 100%; padding-top: 75%; } /*院级重点学科*/ .ranksSubject-ul { display: flex; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; margin: 20px 0; } .ranksSubject-ul li { font-size: 21px; color: #fff; line-height: 60px; text-align: center; flex: 3; text-shadow: 2px 2px 2px rgba(2, 84, 0, 1); position: relative; } .ranksSubject-ul li.active::after, .ranksSubject-ul li:hover::after { position: absolute; content: ''; background-color: #cd0029; left: 41%; bottom: 0; width: 18%; height: 4px; } .ranksSubject-ul li a { color: #fff; } .ranksSubject-list { box-sizing: border-box; background-color: #eef4ee; cursor: pointer; } .ranksSubject-list-name { text-align: center; } .ranksSubject-list-name span { display: inline-block; background-color: #318c2f; color: #fff; line-height: 40px; font-size: 17px; padding: 0 15px; width: 100%; } .ranksSubject-list-img { position: relative; width: 100%; padding-top: 75%; } /*专家学者*/ .ranksScholar { margin-top: 20px; } /*创新团队*/ .ranksTeam-cont { margin-top: 20px; } .ranksTeam-list { margin-bottom: 30px; } .ranksTeam-img { position: relative; width: 100%; padding-top: 75%; } .ranksTeam-title { text-align: center; font-size: 17px; margin-top: 15px; } /* 研究生教育-样式 */ .educate-title { font-size: 24px; position: relative; padding-bottom: 6px; } .educate-title::after { position: absolute; content: ''; left: 0; bottom: 0; width: 45px; height: 3px; background-color: #ba000d; } /*研究生教育简介*/ .educateStudent, .educateMaster { position: relative; margin-top: 20px; height: 360px; } .educateStudent-right, .educateMaster-right { position: absolute; right: 0; top: 0; width: 70%; height: 100%; } .educateStudent-right { right: 0; } .educateMaster-right { left: 0; } .educateStudent-cont, .educateMaster-cont { position: absolute; z-index: 5; width: 50%; padding: 20px; box-sizing: border-box; background-color: rgba(246, 246, 246, .9); } .educateStudent-cont { bottom: 0; left: 0; } .educateMaster-cont { right: 0; bottom: 60px; } .educateStudent-cont-name { font-size: 18px; color: #ba000d; margin-bottom: 20px; position: relative; padding-bottom: 10px; } .educateStudent-cont-name::after { position: absolute; content: ''; left: 10px; bottom: 0; width: 18px; height: 10px; background: url(/assets/index/images/educateIcon.png) no-repeat center; } .educateStudent-cont-name span { padding-left: 10px; } .educateStudent-cont-name span, .educateMaster-cont-name span { color: #a5a5a5; font-size: 14px; } .educateStudent-cont-text { line-height: 28px; text-indent: 2em; -webkit-line-clamp: 6; height: 164px; } .educateStudent-cont-more { text-align: right; margin-top: 10px; font-weight: 600; } .educateMargin { margin-top: 60px; } .educateMaster-cont-name { font-size: 22px; display: flex; margin-bottom: 10px; } .educateMaster-cont-name span { display: block; } .educateMaster-cont-name img { width: 40px; height: 40px; margin-right: 10px; margin-top: 6px; } /* 科技平台-样式 */ .terrace-title { font-size: 22px; font-weight: 600; border-bottom: 1px solid #dfdfdf; margin-bottom: 20px; } .terrace-title span { padding: 0 25px; height: 50px; line-height: 50px; color: #fff; display: inline-block; background-position: right center; background-repeat: no-repeat; background-size: 100% 100%; position: relative; } .terrace-title span::after, .terrace-title span::before { position: absolute; content: ''; } .terrace-title span::after { left: 0; top: 0; background-color: #cd0029; width: 6px; height: 100%; } .terrace-title span::before { width: 0; height: 0; border-top: 20px solid #dfdfdf; border-right: 20px solid transparent; bottom: 0; right: -20px; } /*国际平台*/ .terraceInter { margin-bottom: 6px; } .terraceInter-padding { padding-left: 10px; padding-right: 10px; } .terraceInter-list { border: 1px solid #ececec; margin-bottom: 24px; } .terraceInter-left-img, .terraceInter-right-img { position: relative; width: 100%; } .terraceInter-left-img { padding-top: 60%; } .terraceInter-right-img { padding-top: 75%; } .terraceInter-left-name, .terraceInter-right-name { padding: 10px 10px 0; box-sizing: border-box; -webkit-line-clamp: 2; text-align: center; margin-bottom: 10px; } .terraceInter-left-name { font-size: 15px; height: 52px; } .terraceInter-right-name { height: 62px; font-size: 18px; } /*国家平台*/ .terraceHome-nopadding { padding: 0; } .terraceHome-left { position: relative; width: 100%; padding-top: 200%; } .terraceHome-left-img { position: absolute; top: 0; width: 100%; padding-top: 100%; } .terraceHome-right-img { position: relative; width: 50%; padding-top: 50%; } .terraceHome-label li { position: relative; width: 100%; padding-top: 50%; } .terraceHome-right-img { position: absolute; top: 0; width: 50%; padding-top: 50%; } .terraceHome-left-cont, .terraceHome-cont { position: absolute; background-color: #eeeff1; text-align: center; font-size: 18px; bottom: 0; width: 100%; height: 50%; } .terraceHome-left-cont { width: 100%; height: 50%; } .terraceHome-cont { width: 50%; height: 100%; } .terraceHome-cont::after, .terraceHome-left-cont::after { position: absolute; content: ''; width: 0; height: 0; z-index: 9; } .terraceHome-left-cont::after { border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #eeeff1; top: -20px; left: calc(50% - 20px); } .terraceHome-label li:nth-child(1) .terraceHome-cont::after { border-top: 20px solid transparent; border-left: 20px solid #eeeff1; border-bottom: 20px solid transparent; bottom: calc(50% - 20px); right: -20px; } .terraceHome-label li:nth-child(2) .terraceHome-cont::after { border-top: 20px solid transparent; border-right: 20px solid #eeeff1; border-bottom: 20px solid transparent; bottom: calc(50% - 20px); left: -20px; } .terraceHome-left-cont .terraceHome-left-webkit, .terraceHome-cont .terraceHome-webkit { position: relative; top: calc(50% - 30px); left: 0; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; width: 100%; height: 60px; padding: 0 30px; box-sizing: border-box; } .terraceHome-cont span, .terraceHome-left-cont span { -webkit-line-clamp: 2; height: 50px; } .terraceHome-cont > div::after, .terraceHome-left-cont > div::after { position: absolute; content: ''; left: calc(50% - 20px); bottom: -20px; background-color: #cd0029; width: 50px; height: 3px; } .terraceHome-label li:nth-child(1) .terraceHome-right-img { right: 0; } .terraceHome-label li:nth-child(2) .terraceHome-cont { left: 50%; } .terraceHome-label li:nth-child(1) .terraceHome-cont { right: 50%; } .terraceHome-label li:nth-child(2) .terraceHome-right-img { left: 0; } /*省级平台*/ .terraceSave { margin-bottom: 10px; } .terraceSave-left-name { padding: 10px; box-sizing: border-box; height: 70px; -webkit-line-clamp: 2; margin-bottom: 5px; font-size: 18px; } .terraceSave-list { border: 1px solid #ececec; margin-bottom: 20px; } .terraceSave-left-tips { background-color: #cd0029; color: #fff; display: inline-block; font-size: 12px; padding: 0 6px; line-height: 20px; margin: 10px 0 0 10px; position: relative; } .terraceSave-left-tips::after { position: absolute; content: ''; right: -5px; bottom: 0; width: 0; height: 0; border-left: 5px solid transparent; border-right: 6px solid transparent; border-bottom: 5px solid #cd0029; } /*院级平台*/ .terraceYard-list { background-color: #f7f7f7; } /*定位研究站*/ .terraceFixed-list { background-color: #edeff6; margin-bottom: 30px; } .terraceFixed-left-name { text-align: center; padding: 20px; height: 92px; margin-bottom: 15px; box-sizing: border-box; -webkit-line-clamp: 2; font-size: 18px; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; } .terraceFixed-left-img { padding-top: 75%; } /* 党建文化二级页-样式 */ .party-title { border: 1px solid #eeeeee; height: 50px; line-height: 50px; margin-bottom: 20px; position: relative; } .party-title span { width: 230px; background: url(/assets/index/images/partyTitle.png) no-repeat left; background-size: 100% 100%; display: inline-block; padding: 0 20px; box-sizing: border-box; font-size: 22px; color: #fff; } .party-title-more { position: absolute; right: 20px; top: 0; height: 100%; line-height: 50px; color: #449942; font-size: 16px; } .party-title-more:hover { color: #449942 !important; cursor: pointer; } /*党团活动*/ .partyActivity { margin-bottom: 10px; } .partyActivity-label { background-color: #f1f4f5; padding: 15px; box-sizing: border-box; position: relative; margin-bottom: 20px; } .partyActivity-img { width: 140px; height: 105px; position: relative; } .partyActivity-cont { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 15px 15px 15px 170px; } .partyActivity-cont-name { font-size: 18px; } .partyActivity-cont-time { font-size: 15px; color: #787878; margin: 5px 0 10px; } .partyActivity-cont-text { text-indent: 2em; color: #3e3e3e; -webkit-line-clamp: 2; height: 40px; } /*精神文明建设*/ .partyBuild-left { box-shadow: 0px 0 20px rgba(0, 0, 0, .1); } .partyBuild-left-img { position: relative; width: 100%; padding-top: 75%; } .partyBuild-left-cont { padding: 50px 15px 15px; box-sizing: border-box; position: relative; } .partyBuild-left-time { position: absolute; left: 20px; top: -30px; background-color: #cd0029; color: #fff; padding: 4px 20px; text-align: center; } .partyBuild-left-time span { font-size: 22px; display: block; } .partyBuild-left-name { font-size: 18px; margin-bottom: 10px; } .partyBuild-left-text { color: #3e3e3e; -webkit-line-clamp: 2; height: 40px; } .partyBuild-right { border: 1px solid #d9d9d9; } .partyBuild-label { display: flex; padding: 15px 0 12px; border-bottom: 1px solid #d9d9d9; } .partyBuild-label:last-child { border: none; } .partyBuild-right-time { text-align: center; width: 70px; } .partyBuild-right-time span { display: block; color: #449942; font-size: 22px; } .partyBuild-right-name { width: calc(100% - 70px); padding-left: 20px; box-sizing: border-box; font-size: 16px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: left; -webkit-box-align: center; position: relative; } .partyBuild-right-name::after { position: absolute; content: ''; left: 0; top: 0; border: 1px #dedede dashed; height: 100%; } /*党建风采视频*/ .partyVideo-cont { padding: 0 15px; } .partyVideo-padding { padding: 0; } .partyVideo-video { padding-top: 50%; position: relative; width: 100%; } .partyVideo-video video { position: absolute; left: 0; top: 0; } .partyVideo-text { width: 100%; position: absolute; padding-top: 100%; } .partyVideo-text span { position: absolute; width: 100%; color: #fff; font-size: 32px; top: 0; left: 0; height: 100%; letter-spacing: 4px; text-align: center; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; } /* 学会与期刊-样式 */ .learn-title { font-size: 22px; font-weight: 600; display: flex; border-bottom: 1px solid #d6dbe1; padding-bottom: 10px; padding-left: 5px; box-sizing: border-box; margin-bottom: 20px; } .learn-title > span { position: relative; font-size: 14px; font-weight: normal; margin-left: 20px; padding-left: 20px; color: #c2c2c2; padding-top: 6px; } .learn-title > span::after { position: absolute; content: ''; left: 0; top: calc(50% - 3px); background-color: #d4d4d4; width: 4px; height: 4px; border-radius: 50%; } /*学会*/ .learnCont { padding: 0 15px; } .learn-padding { padding: 0; } .learnCont-tips { position: relative; width: 100%; height: 260px; } .learnCont-tips img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .learnCont-text { width: 100%; position: relative; background-color: #efefef; padding: 30px; height: 260px; box-sizing: border-box; } .learnCont-brief { position: absolute; left: 0; top: 0; width: 100%; z-index: 9; height: 100%; padding: 30px 140px 30px 30px; color: #727272; line-height: 24px; box-sizing: border-box; } .learnCont-img { position: absolute; bottom: 0; right: 0; } .learnCont-title { font-size: 20px; color: #459943; border-bottom: 1px solid #d5d5d5; padding-bottom: 20px; margin-bottom: 20px; } .learnCont-version { -webkit-line-clamp: 4; height: 100px } .learnCont-more { color: #7d6d5e; border: 1px solid #d5d5d5; border-radius: 40px; line-height: 32px; padding: 0 15px; display: inline-block; margin-top: 10px; } .learnCont-more:hover { border-color: #4caa4a; } /*期刊*/ .journal-tips { position: relative; width: 100%; padding-top: 25%; } .journalCont { padding: 20px 40px; box-sizing: border-box; background-color: #ece8e7; } .journalCont-title { font-size: 22px; } .journalCont-tool { display: flex; margin-top: 20px; } .journalCont-tool-more, .journalCont-tool-teach { display: inline-block; padding: 0 15px; height: 38px; line-height: 38px; margin-right: 20px; font-size: 16px; cursor: pointer; } .journalCont-tool-more { border: 1px solid transparent; background-color: #ce0128; color: #fff; } .journalCont-tool-teach { border: 1px solid #ce0128; background-color: transparent; color: #ce0128; } .journalCont-tool-more img, .journalCont-tool-teach img { margin-right: 5px; } .journalCont-text { background-color: #cd0029; color: #fff; padding: 15px; box-sizing: border-box; line-height: 26px; position: absolute; top: -80px; display: flex; } .journalCont-cont-img { margin-right: 10px; margin-top: 5px; width: 100px; height: 100px; } .journalCont-text-version { width: calc(100% - 110px); margin-left: 10px; -webkit-line-clamp: 5; height: 126px; } /*详情页*/ .details-title { border-top: 4px solid #459943; padding: 20px 0; width: 100%; text-align: center; color: #459943; font-weight: 600; font-size: 22px; } .details-time { border-bottom: 2px solid #e9e9e9; padding: 18px 0; display: flex; font-size: 15px; color: #bdbdbd } .details-time span { flex: 1; } .details-cont { padding: 20px 0; font-size: 16px; line-height: 32px; } /*微信漂浮窗*/ .Rightfixed { position: fixed; top: 344px; right: 10%; -webkit-transform: translateZ(0); z-index: 99; } .Rightfixed-img { position: relative; width: 48px; height: 290px; } .Rightfixed-img-code { width: 48px; height: 48px; position: absolute; right: 0; z-index: 100; top: 0; cursor: pointer; } .Rightfixed-pop { width: calc(100% - 58px); height: 100%; position: absolute; right: 58px; top: 0; display: none; } /*列表*/ .indexExtend-ul li { margin-bottom: 20px; padding-bottom: 20px; position: relative; padding-left: 20px; box-sizing: border-box; } .indexExtend-ul-name { font-size: 18px; margin-bottom: 10px; } .indexExtend-ul-text { color: #afafaf; font-size: 15px; line-height: 28px; } .pageUl { text-align: center; margin-top: 40px; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .indexExtend-ul li::before { position: absolute; content: ''; left: 0; top: 8px; background-color: #29398e; width: 6px; height: 6px; border-radius: 50%; background-color: #999; transition: .2s; } .indexExtend-ul li::after { position: absolute; content: ''; left: 0; bottom: 0; background-color: #e8e8e8; width: 100%; height: 1px; } .pagination > li > a { padding: 8px 18px; font-size: 16px; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #449942; border-color: #449942; } .pagination > li > a, .pagination > li > span, .pagination > li > a:focus, .pagination > li > a:hover { color: #449942; } .no-searchCont { padding: 50px 0; text-align: center; font-size: 22px; color: #999; } .no-searchCont img { width: 140px; display: block; margin: 0 auto 20px; } /*视频样式*/ .videoList {margin-bottom: 20px; border-radius: 4px;cursor: pointer;overflow: hidden; background-color: #f0f0f0;} .videoImg{position: relative; width: 100%; padding-top: 60%;} .videoImg-icon{position: absolute; width: 45px; height: 45px; border-radius: 50%; background: rgba(0,0,0,.6); left: calc(50% - 22px); top: calc(50% - 22px); text-align: center; line-height: 50px; color: #fff;} .videoImg-icon>span{font-size: 20px;} .videoText{padding: 15px; box-sizing: border-box;} .videoText>p{font-size: 18px;-webkit-line-clamp: 2; margin-bottom: 0} .videoText-tips{display: flex; color: #999;} .videoList:hover {color: #449942} .js-lightBox{ cursor: pointer; opacity: .8; } .js-lightBox:hover{ opacity: 1; } .lightBox-view img{ display: block; display: none; border:0px; margin:0px !important; } .lightBox-popupMask{ position: fixed; background:black; filter:alpha(opacity=80);/* IE */ opacity:0.8; width:100%; height: 100%; z-index:9999; display: none; background-image: url('/assets/index/images/icon/overlay.png'); } .lightBox-title { line-height: 40px; margin-bottom: 0 } .lightBox-popup{ display: none; position: fixed; z-index:10000; top:0%; left:50%; height: 50%; background-color: white; /* margin-left:-500px; */ border-radius: 10px; border:5px solid white; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-image: url('/assets/index/images/icon/loading.gif'); background-size: 8%; } .lightBox-description .lightBox-btn{ top:0; */ display: inline-block; height: 100%; width:50%; text-align: center; cursor: pointer; background-repeat: no-repeat; background-position: center center; filter:alpha(opacity=20);/* IE */ opacity: .4; background-image: url('/assets/index/images/icon/opacity.png'); } .lightBox-description .lightBox-btn:hover{ filter:alpha(opacity=100);/* IE */ opacity: 1; } .lightBox-view .lightBox-description{ position: absolute; bottom:0; right:0; left:0; padding: 5px 5px 5px 10px; display: none; color:white; background-color: black; filter:alpha(opacity=80);/* IE */ background: rgba(0,0,0,.8); } .lightBox-view .lightBox-description .lightBox-current-index{ margin-top: 5px; display: block; font-style:italic; } .lightBox-view .lightBox-description .lightBox-close{ float: right; display: block; width:40px; height:40px; cursor: pointer; background-repeat: no-repeat; background-image: url('/assets/index/images/icon/close.png'); background-position: center center; } .lightBox-description .btn-position{ float: right; position:relative; width:100px; height: 40px; }