From e4f40ebb9ad3c69383cedbc58f66078a02dbc6d0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=8E=84=E5=B0=98?= <122383162@qq.com> Date: Mon, 1 Nov 2021 16:22:40 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0css?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/assets/index/css/style.css | 6058 +++++++++++++++-------------- 1 file changed, 3035 insertions(+), 3023 deletions(-) diff --git a/public/assets/index/css/style.css b/public/assets/index/css/style.css index 4e9168a..348d080 100644 --- a/public/assets/index/css/style.css +++ b/public/assets/index/css/style.css @@ -1,3023 +1,3035 @@ -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; -} - -/*友情链接*/ -.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 22px; - 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; -} - -/*首页模块二*/ -.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; -} - -.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; -} - - -/*首页-模块六*/ -.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-cont-text { - font-size: 14px; - color: #353535; - line-height: 30px; - text-indent: 2em; - text-align: justify; -} - -.briefSurvey-cont-img { - float: right; - margin: 0 0 10px 15px; -} - -.briefSurvey-more { - text-align: center; - 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; -} - -.srRrends-list li { - display: flex; - margin-bottom: 30px; -} - -.srRrends-list-img { - width: 260px; - height: 195px; - position: relative; - display: none; -} - -.srRrends-list-cont { - width: 100%; - display: flex; -} - -.srRrends-list-time { - width: 140px; - text-align: center; - font-size: 16px; - font-weight: 600; - 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; -} - -.srRrends-list li:first-child { - background-color: #e9ebf2; -} - -.srRrends-list li:first-child .srRrends-list-img { - display: block; -} - -.srRrends-list li:first-child .srRrends-list-cont { - width: calc(100% - 260px); - padding: 25px 20px 0 0; - box-sizing: border-box; -} - -.srRrends-list li:first-child .srRrends-list-tips { - -webkit-line-clamp: 3; - line-height: 26px; - height: 80px; -} - - -.srRrends-list li:first-child .srRrends-list-name { - -webkit-line-clamp: 2; - height: 48px; - margin-bottom: 20px; -} - -.srRrends-list li:hover .srRrends-list-tips { - color: #449942; -} - -/*特色品牌建设*/ -.srBuildFrist-padding { - padding-left: 10px; - padding-right: 10px; -} - -.srBuildFrist-back { - position: relative; - width: 100%; - padding-top: calc(100% + 75px); - background-repeat: no-repeat; - background-position: center; - background-size: cover; -} - -.srBuildFrist-back::after, -.srBuildOther-back::after { - position: absolute; - content: ''; - background-color: rgba(0, 0, 0, .4); - width: 100%; - height: 100%; - left: 0; - top: 0; -} - -.srBuildFrist-cont { - position: absolute; - bottom: 10px; - padding: 15px; - box-sizing: border-box; - left: 10px; - right: 10px; - background-color: #cc0028; - color: #fff; - z-index: 2; -} - -.srBuildFrist-text { - font-size: 12px; - height: 50px; - -webkit-line-clamp: 3; -} - -.srBuildFrist-name { - margin: 10px 0; - font-size: 16px; -} - -.srBuildOther-back { - position: relative; - width: 100%; - padding-top: 60%; - background-repeat: no-repeat; - background-position: center; - background-size: cover; - margin-bottom: 20px; -} - -.srBuildOther-back .srBuildContent-text { - height: 40px; -} - -.srBuildOther-logo { - position: absolute; - top: 10px; - left: 10px; - z-index: 2; -} - -.srBuildOther-cont { - padding: 0 10px; - box-sizing: border-box; - position: absolute; - bottom: 15px; - color: #fff; - left: 10px; - z-index: 2; -} - -.srBuildOther-name { - margin-bottom: 10px; - font-size: 16px; -} - -.srBuildOther-text { - font-size: 12px; - -webkit-line-clamp: 2; - height: 34px; -} - -.srBuildTab { - text-align: right; -} - -.srBuildTab li { - display: inline-block; - margin-left: 5px; -} - -.srBuildTab li.active img { - filter: grayscale(100) brightness(250%); -} - -/*科研成果*/ -.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-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 { - margin: 0 20px; - width: calc(100% - 40px); - padding-top: 50%; - position: relative; -} - -.srCooperationNew-name { - margin: 20px 0 10px; - font-size: 17px; - font-weight: 600; - -webkit-line-clamp: 2; - height: 50px; -} - -.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: 134px; -} - -.srCooperationNew-title { - font-size: 16px; - margin-bottom: 5px; -} - -.srCooperationNew-time { - font-size: 14px; - font-style: italic; - color: #868686; -} - -/*政府决策服务*/ -.srServe-list { - position: relative; - margin-bottom: 30px; -} - -.srServe-list-img { - position: relative; - width: 60px; - height: 60px; -} - -.srServe-list-cont { - height: 60px; - position: absolute; - left: 0; - top: 0; - width: 100%; - padding-left: 75px; - box-sizing: border-box; -} - -.srServe-list-cont::after { - position: absolute; - content: ''; - left: 0; - box-sizing: border-box; - margin-left: 75px; - bottom: 0; - width: calc(100% - 75px); - 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-title { - display: flex; -} - -.srSpread-video-name { - flex: 1; -} - -.srSpread-video-more { - font-size: 15px; - cursor: pointer; -} - -.srSpread-video-cont-title { - font-size: 18px; - margin: 20px 0 45px; -} - -.srSpread-video-paly { - cursor: pointer; - position: relative; - width: 100%; - padding-top: 80%; -} - -.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; - 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; -} - - -/* - 学科建设与人才队伍-样式 -*/ -.ranks-title { - font-size: 22px; - color: #358233; - font-weight: 600; - display: flex; - border-bottom: 1px solid #c6c6c6; - padding-bottom: 10px; -} - -.ranks-title img { - margin-right: 10px; -} - -/*省级领军人才梯队*/ -.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 { - padding: 0 15px 15px; - box-sizing: border-box; - background-color: #eef4ee; - cursor: pointer; -} - -.ranksSubject-list-name { - text-align: center; - margin-bottom: 20px; -} - -.ranksSubject-list-name span { - display: inline-block; - background-color: #318c2f; - color: #fff; - line-height: 40px; - font-size: 17px; - padding: 0 15px; -} - -.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: 62px; - -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: 0 0 10px 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 20px 0; - height: 72px; - 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; - 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: 44px; -} - -/*精神文明建设*/ -.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: 44px; -} - -.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: 120px 0; - text-align: center; - font-size: 22px; - color: #999; -} - -.no-searchCont img { - width: 200px; - 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;} -.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; -} +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; +} + +/*友情链接*/ +.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 22px; + 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; +} + +/*首页模块二*/ +.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; +} + + +/*首页-模块六*/ +.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-cont-text { + font-size: 14px; + color: #353535; + line-height: 30px; + text-indent: 2em; + text-align: justify; +} + +.briefSurvey-cont-img { + float: right; + margin: 0 0 10px 15px; +} + +.briefSurvey-more { + text-align: center; + 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; +} + +.srRrends-list li { + display: flex; + margin-bottom: 30px; +} + +.srRrends-list-img { + width: 260px; + height: 195px; + position: relative; + display: none; +} + +.srRrends-list-cont { + width: 100%; + display: flex; +} + +.srRrends-list-time { + width: 140px; + text-align: center; + font-size: 16px; + font-weight: 600; + 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; +} + +.srRrends-list li:first-child { + background-color: #e9ebf2; +} + +.srRrends-list li:first-child .srRrends-list-img { + display: block; +} + +.srRrends-list li:first-child .srRrends-list-cont { + width: calc(100% - 260px); + padding: 25px 20px 0 0; + box-sizing: border-box; +} + +.srRrends-list li:first-child .srRrends-list-tips { + -webkit-line-clamp: 3; + line-height: 26px; + height: 80px; +} + + +.srRrends-list li:first-child .srRrends-list-name { + -webkit-line-clamp: 2; + height: 48px; + margin-bottom: 20px; +} + +.srRrends-list li:hover .srRrends-list-tips { + color: #449942; +} + +/*特色品牌建设*/ +.srBuildFrist-padding { + padding-left: 10px; + padding-right: 10px; +} + +.srBuildFrist-back { + position: relative; + width: 100%; + padding-top: calc(100% + 75px); + background-repeat: no-repeat; + background-position: center; + background-size: cover; +} + +.srBuildFrist-back::after, +.srBuildOther-back::after { + position: absolute; + content: ''; + background-color: rgba(0, 0, 0, .4); + width: 100%; + height: 100%; + left: 0; + top: 0; +} + +.srBuildFrist-cont { + position: absolute; + bottom: 10px; + padding: 15px; + box-sizing: border-box; + left: 10px; + right: 10px; + background-color: #cc0028; + color: #fff; + z-index: 2; +} + +.srBuildFrist-text { + font-size: 12px; + height: 50px; + -webkit-line-clamp: 3; +} + +.srBuildFrist-name { + margin: 10px 0; + font-size: 16px; +} + +.srBuildOther-back { + position: relative; + width: 100%; + padding-top: 60%; + background-repeat: no-repeat; + background-position: center; + background-size: cover; + margin-bottom: 20px; +} + +.srBuildOther-back .srBuildContent-text { + height: 40px; +} + +.srBuildOther-logo { + position: absolute; + top: 10px; + left: 10px; + z-index: 2; +} + +.srBuildOther-cont { + padding: 0 10px; + box-sizing: border-box; + position: absolute; + bottom: 15px; + color: #fff; + left: 10px; + z-index: 2; +} + +.srBuildOther-name { + margin-bottom: 10px; + font-size: 16px; +} + +.srBuildOther-text { + font-size: 12px; + -webkit-line-clamp: 2; + height: 34px; +} + +.srBuildTab { + text-align: right; +} + +.srBuildTab li { + display: inline-block; + margin-left: 5px; +} + +.srBuildTab li.active img { + filter: grayscale(100) brightness(250%); +} + +/*科研成果*/ +.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-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 { + margin: 0 20px; + width: calc(100% - 40px); + padding-top: 50%; + position: relative; +} + +.srCooperationNew-name { + margin: 20px 0 10px; + font-size: 17px; + font-weight: 600; + -webkit-line-clamp: 2; + height: 50px; +} + +.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-list { + position: relative; + margin-bottom: 30px; +} + +.srServe-list-img { + position: relative; + width: 60px; + height: 60px; +} + +.srServe-list-cont { + height: 60px; + position: absolute; + left: 0; + top: 0; + width: 100%; + padding-left: 75px; + box-sizing: border-box; +} + +.srServe-list-cont::after { + position: absolute; + content: ''; + left: 0; + box-sizing: border-box; + margin-left: 75px; + bottom: 0; + width: calc(100% - 75px); + 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-title { + display: flex; +} + +.srSpread-video-name { + flex: 1; +} + +.srSpread-video-more { + font-size: 15px; + cursor: pointer; +} + +.srSpread-video-cont-title { + font-size: 18px; + margin: 20px 0 45px; +} + +.srSpread-video-paly { + cursor: pointer; + position: relative; + width: 100%; + padding-top: 80%; +} + +.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; + 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; +} + + +/* + 学科建设与人才队伍-样式 +*/ +.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; +} + +.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 { + padding: 0 15px 15px; + box-sizing: border-box; + background-color: #eef4ee; + cursor: pointer; +} + +.ranksSubject-list-name { + text-align: center; + margin-bottom: 20px; +} + +.ranksSubject-list-name span { + display: inline-block; + background-color: #318c2f; + color: #fff; + line-height: 40px; + font-size: 17px; + padding: 0 15px; +} + +.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: 62px; + -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: 0 0 10px 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 20px 0; + height: 72px; + 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; + 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: 44px; +} + +/*精神文明建设*/ +.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: 120px 0; + text-align: center; + font-size: 22px; + color: #999; +} + +.no-searchCont img { + width: 200px; + 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;} +.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; +}