1573 lines
24 KiB
CSS
1573 lines
24 KiB
CSS
@charset "UTF-8";
|
|
|
|
*, html, body {
|
|
padding: 0;
|
|
margin: 0;
|
|
font-size: 15px;
|
|
font-family: "微软雅黑";
|
|
color: #333;
|
|
}
|
|
|
|
a, a:hover {
|
|
text-decoration: none;
|
|
transition: all .4s;
|
|
}
|
|
|
|
a {
|
|
color: #333;
|
|
}
|
|
|
|
a:hover {
|
|
color: #273981;
|
|
}
|
|
|
|
p, h1, h2, h3, h4 {
|
|
margin: 0;
|
|
}
|
|
|
|
ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
img {
|
|
vertical-align: top;
|
|
}
|
|
|
|
/* 文字裁剪 */
|
|
.nowrap {
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.nowrap-multi {
|
|
display: -webkit-box;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
}
|
|
|
|
/* 禁止响应式 */
|
|
.container {
|
|
width: 1190px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
/* tool */
|
|
.tool {
|
|
background-color: #fafafa;
|
|
}
|
|
|
|
.tool-content {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.tool-herf a,
|
|
.tool-herf span {
|
|
color: #b8b8b8;
|
|
line-height: 40px;
|
|
}
|
|
|
|
.tool-herf span {
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.tool-herf a:hover {
|
|
color: #273981;
|
|
}
|
|
|
|
.tool-search {
|
|
margin: 8px 0;
|
|
}
|
|
|
|
.tool-search input {
|
|
height: 24px;
|
|
box-sizing: border-box;
|
|
border-radius: 4px;
|
|
border: solid 1px #ddd;
|
|
width: 200px;
|
|
padding: 0 8px;
|
|
}
|
|
|
|
.tool-search button {
|
|
background-color: #273981;
|
|
border: 0;
|
|
height: 24px;
|
|
width: 24px;
|
|
border-radius: 4px;
|
|
font-size: 12px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.tool-search button i {
|
|
color: white;
|
|
}
|
|
|
|
/* header */
|
|
.header-content {
|
|
padding: 20px 0;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.header-logo {
|
|
width: 380px;
|
|
height: 55px;
|
|
}
|
|
|
|
.header-text {
|
|
padding-left: 100px;
|
|
}
|
|
|
|
.header-text p {
|
|
text-align: right;
|
|
font-size: 15px;
|
|
color: #273981;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.header-text p.header-text-sign {
|
|
padding-top: 5px;
|
|
color: #4864ae;
|
|
}
|
|
|
|
|
|
/* nav */
|
|
.nav {
|
|
background-color: #273981;
|
|
}
|
|
|
|
.nav-content {
|
|
position: relative;
|
|
}
|
|
|
|
.nav-ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.nav-ul-li {
|
|
flex: 1;
|
|
}
|
|
|
|
.nav-ul-li > a {
|
|
color: white;
|
|
display: block;
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
line-height: 50px;
|
|
}
|
|
|
|
.nav-ul-li:hover > a {
|
|
background-color: #4864ae;
|
|
}
|
|
|
|
.nav-ul-li.show > a {
|
|
background: #4864ae;
|
|
color: white;
|
|
}
|
|
|
|
/* 导航弹出层 */
|
|
.nav-layer {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 50px;
|
|
padding: 0 10px 10px 10px;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
background-color: #f1f3f8;
|
|
z-index: 9;
|
|
overflow: hidden;
|
|
display: flex;
|
|
}
|
|
|
|
.nav-layer.hide {
|
|
display: none;
|
|
}
|
|
|
|
.nav-layer-item {
|
|
padding: 10px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.nav-layer-title {
|
|
position: relative;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
}
|
|
|
|
.nav-layer-title::before {
|
|
position: absolute;
|
|
height: 10px;
|
|
background: #dbe0f3;
|
|
content: "";
|
|
top: 20px;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: -1;
|
|
}
|
|
|
|
.nav-layer-title span {
|
|
background: #f1f3f8;
|
|
padding-right: 10px;
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* 导航层-组织机构 */
|
|
.nav-org-left {
|
|
width: 800px;
|
|
}
|
|
|
|
.nav-org-mian {
|
|
padding-left: 220px;
|
|
min-height: 124px;
|
|
position: relative;
|
|
}
|
|
|
|
.nav-org-cover {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 200px;
|
|
height: 124px;
|
|
background-color: white;
|
|
}
|
|
|
|
.nav-org-cover span {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-size: cover;
|
|
background-position: center;
|
|
}
|
|
|
|
.nav-org-mian p {
|
|
line-height: 30px;
|
|
}
|
|
|
|
.nav-org-more {
|
|
text-align: right;
|
|
}
|
|
|
|
.nav-org-more a {
|
|
background-color: #4864AE;
|
|
color: white;
|
|
line-height: 30px;
|
|
display: inline-block;
|
|
padding: 0 15px;
|
|
}
|
|
|
|
.nav-org-more i {
|
|
color: white;
|
|
}
|
|
|
|
.nav-org-people {
|
|
margin: 10px -10px 0 -10px;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-around;
|
|
}
|
|
|
|
.nav-org-people li {
|
|
width: 20%;
|
|
padding: 10px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.nav-org-people li img {
|
|
width: 100%;
|
|
background-color: white;
|
|
}
|
|
|
|
.nav-org-people li p {
|
|
line-height: 35px;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.nav-org-right {
|
|
width: 390px;
|
|
}
|
|
|
|
.nav-org-right hr {
|
|
background-color: #dcdee2;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.nav-org-flex {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin: -10px -10px 0 -10px;
|
|
}
|
|
|
|
.nav-org-flex li {
|
|
width: 50%;
|
|
padding: 0 10px;
|
|
box-sizing: border-box;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.nav-org-flex li > a {
|
|
background-color: #4864AE;
|
|
color: white;
|
|
display: block;
|
|
line-height: 40px;
|
|
text-align: center;
|
|
}
|
|
|
|
.nav-org-more a:hover,
|
|
.nav-org-flex li > a:hover {
|
|
background-color: #273981;
|
|
}
|
|
|
|
.nav-org-flex li p {
|
|
text-align: center;
|
|
line-height: 20px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
/* 导航层-科学研究 */
|
|
.nav-science-left {
|
|
width: 740px;
|
|
}
|
|
|
|
.nav-science-right {
|
|
width: 430px;
|
|
}
|
|
|
|
.nav-science-block {
|
|
position: relative;
|
|
min-height: 150px;
|
|
}
|
|
|
|
.nav-science-cover {
|
|
width: 200px;
|
|
height: 150px;
|
|
background-color: white;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
background-size: cover;
|
|
background-position: center;
|
|
}
|
|
|
|
.nav-science-cover ~ .nav-science-ul {
|
|
padding-left: 220px;
|
|
}
|
|
|
|
.nav-science-ul li {
|
|
line-height: 30px;
|
|
}
|
|
|
|
.nav-science-ul li i {
|
|
color: gray;
|
|
}
|
|
|
|
.nav-science-covers {
|
|
position: relative;
|
|
min-height: 150px;
|
|
margin: 0 -10px;
|
|
}
|
|
|
|
.nav-science-covers-item {
|
|
background-position: center;
|
|
background-size: cover;
|
|
width: 195px;
|
|
height: 150px;
|
|
background-color: white;
|
|
display: block;
|
|
float: left;
|
|
margin: 0 10px;
|
|
}
|
|
|
|
/*.nav-science-covers-item:nth-child(2) {*/
|
|
/* margin-top: 10px;*/
|
|
/*}*/
|
|
|
|
/*.nav-science-cover-5 {*/
|
|
/* height: 70px;*/
|
|
/*}*/
|
|
|
|
/*.nav-science-cover-10 {*/
|
|
/* height: 150px;*/
|
|
/* position: absolute;*/
|
|
/* right: 0;*/
|
|
/* top: 0;*/
|
|
/*}*/
|
|
|
|
/* 导航层-成果转化 */
|
|
.nav-results-item {
|
|
width: 50%;
|
|
}
|
|
|
|
.nav-results-cover {
|
|
width: 100%;
|
|
padding-top: 15%;
|
|
background-size: cover;
|
|
background-color: white;
|
|
background-position: center;
|
|
display: block;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.nav-results-ul {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.nav-results-ul li {
|
|
position: relative;
|
|
}
|
|
|
|
.nav-results-ul i {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.nav-results-ul a {
|
|
display: block;
|
|
padding: 0 100px 0 15px
|
|
}
|
|
|
|
.nav-results-ul a span {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.nav-results-ul a:hover span {
|
|
color: #273981;
|
|
}
|
|
|
|
/* 导航层-人才队伍 */
|
|
.nav-talent-left {
|
|
width: 840px;
|
|
}
|
|
|
|
.nav-talent-right {
|
|
width: 330px;
|
|
}
|
|
|
|
.nav-talent-ul {
|
|
margin: 0 -10px;
|
|
}
|
|
|
|
.nav-talent-ul li {
|
|
margin: 0 10px;
|
|
width: 100px;
|
|
float: left;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.nav-talent-ul.nav-talent-r-ul li {
|
|
width: calc(25% - 20px);
|
|
}
|
|
|
|
.nav-talent-name,
|
|
.nav-talent-job {
|
|
text-align: center;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.nav-talent-job {
|
|
color: gray;
|
|
}
|
|
|
|
.nav-talent-cover {
|
|
width: 100%;
|
|
padding-top: 125%;
|
|
display: block;
|
|
background-size: cover;
|
|
background-position: center;
|
|
background-color: white;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.nav-talent-team {
|
|
margin: 0 -10px;
|
|
}
|
|
|
|
.nav-talent-team-item {
|
|
padding-top: 30%;
|
|
margin-bottom: 10px;
|
|
background-color: white;
|
|
display: block;
|
|
background-position: center;
|
|
background-size: cover;
|
|
}
|
|
|
|
.nav-talent-team-item:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* 专题连接 */
|
|
.special-content {
|
|
text-align: center;
|
|
padding: 20px 0;
|
|
}
|
|
|
|
.special-content a {
|
|
color: #273981;
|
|
font-weight: bold;
|
|
font-size: 24px;
|
|
}
|
|
|
|
.special-content a:hover {
|
|
color: #4864ae;
|
|
}
|
|
|
|
/* banner图 */
|
|
.swiper-slide {
|
|
text-align: center;
|
|
width: 1190px;
|
|
}
|
|
|
|
.swiper-banner-img {
|
|
width: 100%;
|
|
padding-top: 33%;
|
|
background-size: 100%;
|
|
transition: all .2s;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.swiper-banner-img:hover {
|
|
background-size: 102%;
|
|
}
|
|
|
|
.swiper-banner-img h3 {
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
background-color: rgba(0, 0, 0, .2);
|
|
box-sizing: border-box;
|
|
padding: 15px 15px 50px 15px;
|
|
color: white;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.swiper-button-prev,
|
|
.swiper-button-next {
|
|
position: absolute;
|
|
background-color: rgba(255, 255, 255, .90);
|
|
transition: background .5s;
|
|
width: calc(50% - 595px);
|
|
height: 100%;
|
|
top: 0;
|
|
margin: 0;
|
|
background-image: none;
|
|
}
|
|
|
|
.swiper-button-prev {
|
|
left: 0;
|
|
}
|
|
|
|
.swiper-button-next {
|
|
right: 0;
|
|
}
|
|
|
|
.swiper-button-prev:hover,
|
|
.swiper-button-next:hover {
|
|
background-color: rgba(255, 255, 255, .6);
|
|
}
|
|
|
|
.swiper-pagination .swiper-pagination-bullet {
|
|
background-color: white;
|
|
width: 12px;
|
|
height: 12px;
|
|
opacity: .5;
|
|
}
|
|
|
|
.swiper-pagination .swiper-pagination-bullet-active {
|
|
background-color: #273981;
|
|
opacity: 1;
|
|
}
|
|
|
|
/* mian */
|
|
.mian {
|
|
overflow: hidden;
|
|
padding: 20px 0;
|
|
}
|
|
|
|
.mian-nav,
|
|
.mian-content {
|
|
float: left;
|
|
}
|
|
|
|
.mian-nav {
|
|
width: 200px;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.mian-content {
|
|
width: 970px;
|
|
}
|
|
|
|
.mian-nav-cover {
|
|
width: 100%;
|
|
}
|
|
|
|
.mian-nav-ul li {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.mian-nav-ul li a {
|
|
line-height: 50px;
|
|
color: white;
|
|
text-align: center;
|
|
background-color: #4864ae;
|
|
display: block;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.mian-nav-ul li a:hover,
|
|
.mian-nav-ul li.show a {
|
|
background-color: #273981;
|
|
}
|
|
|
|
.mian-content-header {
|
|
background-color: #f1f3f8;
|
|
line-height: 40px;
|
|
padding: 0 10px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.mian-content-header i {
|
|
margin: 0 10px;
|
|
color: gray;
|
|
}
|
|
|
|
.mian-content-header a:first-child {
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* 首页 */
|
|
.index-mian-left,
|
|
.index-mian-right {
|
|
float: left;
|
|
}
|
|
|
|
.index-mian-left {
|
|
margin-right: 20px;
|
|
width: 870px;
|
|
}
|
|
|
|
.index-mian-title {
|
|
background-color: #dbe0f3;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
line-height: 40px;
|
|
height: 40px;
|
|
margin-top: 6px;
|
|
}
|
|
|
|
.index-mian-title span {
|
|
background-color: #273981;
|
|
width: 150px;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
color: white;
|
|
line-height: 34px;
|
|
font-size: 16px;
|
|
position: relative;
|
|
}
|
|
|
|
.index-mian-title span::before,
|
|
.index-mian-title span::after {
|
|
position: absolute;
|
|
content: "";
|
|
}
|
|
|
|
.index-mian-title span::before {
|
|
height: 6px;
|
|
top: -6px;
|
|
left: 0;
|
|
width: 100%;
|
|
background: #273981;
|
|
}
|
|
|
|
.index-mian-title span::after {
|
|
border: 3px solid transparent;
|
|
border-bottom: 3px solid #020d3a;
|
|
border-left: 3px solid #020d3a;
|
|
position: absolute;
|
|
top: -6px;
|
|
right: -6px;
|
|
}
|
|
|
|
.index-mian-title span i {
|
|
color: white;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.index-mian-title a {
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.index-mian-title a,
|
|
.index-mian-title a i {
|
|
color: gray;
|
|
}
|
|
|
|
.index-mian-title a i {
|
|
margin-left: 5px;
|
|
transition: color .4s;
|
|
}
|
|
|
|
.index-mian-title a:hover,
|
|
.index-mian-title a:hover i {
|
|
color: #273981;
|
|
}
|
|
|
|
.index-mian-news {
|
|
margin: 10px 0 20px 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.index-mian-news-hot {
|
|
background: #f1f3f8;
|
|
display: block;
|
|
width: 200px;
|
|
float: left;
|
|
}
|
|
|
|
.index-mian-news-cover {
|
|
width: 100%;
|
|
padding-top: 75%;
|
|
display: block;
|
|
background-color: #eee;
|
|
background-size: 100%;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
.index-mian-news-cover:hover {
|
|
background-size: 105%;
|
|
}
|
|
|
|
.index-mian-news-href {
|
|
padding: 10px;
|
|
display: block;
|
|
}
|
|
|
|
.index-mian-news-href:hover p {
|
|
color: #273981;
|
|
}
|
|
|
|
.index-mian-news-href p:first-child {
|
|
font-weight: bold;
|
|
margin-bottom: 5px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.index-mian-news-href p:last-child {
|
|
text-align: right;
|
|
color: gray;
|
|
}
|
|
|
|
.index-mian-news-hot ~ .index-mian-news-ul {
|
|
float: left;
|
|
width: 670px;
|
|
padding-left: 20px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.index-mian-news-ul li {
|
|
position: relative;
|
|
line-height: 35px;
|
|
}
|
|
|
|
.index-mian-news-ul li i {
|
|
color: #273981;
|
|
}
|
|
|
|
.index-mian-news-ul li a {
|
|
display: block;
|
|
padding-right: 100px;
|
|
position: relative;
|
|
}
|
|
|
|
.index-mian-news-ul li a > span {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
color: gray;
|
|
}
|
|
|
|
.index-mian-news-ul li a:hover > span {
|
|
color: #273981;
|
|
}
|
|
|
|
.index-mian-right {
|
|
width: 300px;
|
|
}
|
|
|
|
.index-mian-right-ad {
|
|
background-size: 100%;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-color: #EEEEEE;
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
|
|
.index-mian-right-ad:hover {
|
|
background-size: 105%;
|
|
}
|
|
|
|
.index-mian-right-ad span {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
text-align: center;
|
|
background-color: rgba(0, 0, 0, .1);
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
text-shadow: 2px 2px 3px rgba(0, 0, 0, .2);
|
|
color: white;
|
|
}
|
|
|
|
.index-mian-right-ad-1 {
|
|
width: 100%;
|
|
padding-top: 100%;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.index-mian-right-ads {
|
|
display: flex;
|
|
margin: 0 -10px 20px -10px;
|
|
}
|
|
|
|
.index-mian-right-ad-5 {
|
|
width: 50%;
|
|
padding-top: 30%;
|
|
margin: 0 10px;
|
|
}
|
|
|
|
.index-mian-right-ad-5 span {
|
|
background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .4));
|
|
}
|
|
|
|
.index-mian-right-ul {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.index-mian-right-ul li a {
|
|
padding-right: 0;
|
|
}
|
|
|
|
.index-mian-right-video {
|
|
margin: 20px 0;
|
|
position: relative;
|
|
min-height: 170px;
|
|
padding-left: 200px;
|
|
}
|
|
|
|
.index-mian-right-video-item {
|
|
width: 100px;
|
|
height: 75px;
|
|
display: block;
|
|
background-color: #EEEEEE;
|
|
background-position: center;
|
|
background-size: 100%;
|
|
}
|
|
|
|
.index-mian-right-video-item:hover {
|
|
background-size: 105%;
|
|
}
|
|
|
|
.index-mian-right-video-item:first-child {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.index-mian-right-video-item-lg {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 180px;
|
|
height: 170px;
|
|
}
|
|
|
|
/* href */
|
|
.footer-href {
|
|
padding: 30px 0;
|
|
background-color: #f1f3f8;
|
|
}
|
|
|
|
.href-flex {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.href-flex a {
|
|
line-height: 30px;
|
|
margin-right: 20px;
|
|
color: gray;
|
|
}
|
|
|
|
.href-flex a:hover {
|
|
color: #273981;
|
|
}
|
|
|
|
/* footer */
|
|
.footer {
|
|
background-color: #273981;
|
|
padding: 50px 0;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.footer p {
|
|
color: white;
|
|
margin: 10px 0;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.footer img {
|
|
width: 68px;
|
|
}
|
|
|
|
/* 子页面通用标题栏 */
|
|
.sub-title {
|
|
line-height: 40px;
|
|
border-top: solid 2px #f1f3f8;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.sub-title i {
|
|
margin-right: 5px;
|
|
color: #273981;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.sub-title b {
|
|
font-size: 16px;
|
|
position: relative;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.sub-title b::before {
|
|
position: absolute;
|
|
top: -4px;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 4px;
|
|
background-color: #273981;
|
|
content: " ";
|
|
}
|
|
|
|
/* 成果转化 - 小悦哥 */
|
|
.results-news {
|
|
margin: 10px 0 20px 0;
|
|
min-height: 210px;
|
|
position: relative;
|
|
}
|
|
|
|
.results-news-cover {
|
|
width: 280px;
|
|
height: 210px;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
background-position: center;
|
|
background-size: 100%;
|
|
}
|
|
|
|
.results-news-cover:hover {
|
|
background-size: 105%;
|
|
}
|
|
|
|
.results-news-cover span {
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
padding: 10px;
|
|
background-color: rgba(0, 0, 0, .4);
|
|
color: white;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.results-news-cover ~ .results-news-ul {
|
|
padding-left: 300px;
|
|
}
|
|
|
|
.results-news-ul li {
|
|
line-height: 30px;
|
|
}
|
|
|
|
.results-news-ul li a {
|
|
display: block;
|
|
position: relative;
|
|
padding-right: 120px;
|
|
}
|
|
|
|
.results-news-ul li a span {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
width: 100px;
|
|
text-align: right;
|
|
color: gray;
|
|
}
|
|
|
|
.results-news-ul li a:hover span {
|
|
color: #273981;
|
|
}
|
|
|
|
.results-news-ul li a i {
|
|
color: gray;
|
|
font-size: 14px;
|
|
color: #273981;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
/* 科学研究-论文 */
|
|
.paper-form {
|
|
background: #f1f3f8;
|
|
display: block;
|
|
position: relative;
|
|
padding: 15px 100px 15px 165px;
|
|
height: 100px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.paper-form-title {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
height: 100px;
|
|
line-height: 100px;
|
|
width: 150px;
|
|
background-color: #273981;
|
|
text-align: center;
|
|
color: white;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.paper-form-ul {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.paper-form-btn {
|
|
width: 70px;
|
|
height: 70px;
|
|
background-color: #273981;
|
|
border: none;
|
|
border-radius: 0;
|
|
text-align: center;
|
|
color: white;
|
|
position: absolute;
|
|
top: 15px;
|
|
right: 15px;
|
|
}
|
|
|
|
.paper-form-inputs {
|
|
width: 50%;
|
|
height: 35px;
|
|
padding-right: 15px;
|
|
padding-left: 80px;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
}
|
|
|
|
.paper-form-inputs label {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
line-height: 35px;
|
|
}
|
|
|
|
.paper-form-inputs input,
|
|
.paper-form-inputs select {
|
|
width: 100%;
|
|
height: 25px;
|
|
margin-top: 5px;
|
|
padding: 0 10px;
|
|
box-sizing: border-box;
|
|
border: solid 1px #EEEEEE
|
|
}
|
|
|
|
.paper-table {
|
|
width: 100%;
|
|
margin-top: 20px;
|
|
border-spacing: 0;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.paper-table th {
|
|
background-color: #f1f3f8;
|
|
}
|
|
|
|
.paper-table th,
|
|
.paper-table td {
|
|
text-align: center;
|
|
height: 40px;
|
|
}
|
|
|
|
/* 组织机构-研究所简介 */
|
|
.org-history,
|
|
.org-intro {
|
|
min-height: 210px;
|
|
position: relative;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.org-intro {
|
|
padding-left: 360px;
|
|
}
|
|
|
|
.org-history-cover,
|
|
.org-intro-cover {
|
|
background-color: #EEEEEE;
|
|
position: absolute;
|
|
top: 0;
|
|
height: 210px;
|
|
width: 340px;
|
|
background-position: center;
|
|
background-size: cover;
|
|
}
|
|
|
|
.org-intro-cover {
|
|
left: 0;
|
|
}
|
|
|
|
.org-intro-text,
|
|
.org-intro-more {
|
|
line-height: 30px;
|
|
}
|
|
|
|
.org-intro-more {
|
|
text-align: right;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.org-intro-more a {
|
|
background-color: #4864AE;
|
|
padding: 0 15px;
|
|
display: inline-block;
|
|
color: white;
|
|
}
|
|
|
|
.org-intro-more a:hover {
|
|
background-color: #273981;
|
|
}
|
|
|
|
.org-history {
|
|
padding-right: 360px;
|
|
}
|
|
|
|
.org-history-cover {
|
|
right: 0;
|
|
}
|
|
|
|
.org-lead-ul {
|
|
margin: 0 -10px 20px -10px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.org-lead-ul li {
|
|
margin: 10px;
|
|
width: calc(33.33% - 20px);
|
|
float: left;
|
|
position: relative;
|
|
min-height: 125px;
|
|
padding-left: 120px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.org-lead-name {
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
display: block;
|
|
border-bottom: solid 1px #ddd;
|
|
line-height: 40px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.org-lead-job {
|
|
color: #555;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.org-lead-cover {
|
|
width: 100px;
|
|
height: 125px;
|
|
display: block;
|
|
background-position: center;
|
|
background-size: cover;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.org-inst {
|
|
overflow: hidden;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.org-inst span {
|
|
line-height: 40px;
|
|
width: 20%;
|
|
display: block;
|
|
float: left;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.org-inst-ul span i,
|
|
.org-inst span i {
|
|
color: #273981;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.org-inst-ul {
|
|
margin-bottom: 20px;
|
|
padding-left: 10px;
|
|
border-top: dashed 1px #f1f3f8;
|
|
}
|
|
|
|
.org-inst-ul li {
|
|
line-height: 50px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.org-inst-ul li span {
|
|
float: left;
|
|
color: gray;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.org-inst-ul li span:first-child,
|
|
.org-inst-ul li span:nth-child(2) {
|
|
font-weight: bold;
|
|
color: #333;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.org-inst-ul li span:nth-child(2) > i {
|
|
color: gray;
|
|
font-size: 10px;
|
|
}
|
|
|
|
/* 科学研究-科技奖励 */
|
|
.research-award-ul {
|
|
margin: 0 -10px 20px -10px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.research-award-ul li {
|
|
margin: 10px;
|
|
width: calc(33.33% - 20px);
|
|
float: left;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.research-award-cover {
|
|
width: 100%;
|
|
padding-top: 65%;
|
|
display: block;
|
|
background-position: center;
|
|
background-size: cover;
|
|
}
|
|
|
|
.research-award-title {
|
|
line-height: 40px;
|
|
text-align: center;
|
|
}
|
|
|
|
/* 科学研究-科研进展 */
|
|
.research-evolve {
|
|
margin: 0 -10px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.research-evolve-item {
|
|
width: calc(50% - 20px);
|
|
margin: 0 10px;
|
|
float: left;
|
|
}
|
|
|
|
/* 科学研究-科研产出 小悦哥 */
|
|
.kycc-border {
|
|
overflow: hidden;
|
|
margin: 0 -10px 20px -10px;
|
|
}
|
|
|
|
.kycc-border > li {
|
|
width: calc(50% - 20px);
|
|
margin: 0 10px;
|
|
float: left;
|
|
}
|
|
|
|
.lw {
|
|
position: relative;
|
|
padding: 0 50px;
|
|
min-height: 120px;
|
|
}
|
|
|
|
.lw-left {
|
|
position: absolute;
|
|
width: 40px;
|
|
height: 80px;
|
|
background-color: #273981;
|
|
text-align: center;
|
|
top: calc(50% - 40px);
|
|
left: 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
color: white;
|
|
}
|
|
|
|
.lw-center li {
|
|
line-height: 30px;
|
|
}
|
|
|
|
.lw-left2 {
|
|
position: absolute;
|
|
top: calc(50% - 30px);
|
|
color: gray;
|
|
right: 0;
|
|
text-align: center;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 30px;
|
|
height: 60px;
|
|
border: 1px solid #929294;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.lw-left2:hover {
|
|
color: #273981;
|
|
border-color: #273981;
|
|
}
|
|
|
|
.lw-lg {
|
|
min-height: 240px;
|
|
padding-right: 0;
|
|
}
|
|
|
|
.lw-left-lg {
|
|
height: 160px;
|
|
top: calc(50% - 80px);
|
|
}
|
|
|
|
/* 党建与科学文化 */
|
|
.culture-news {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.culture-news-cover {
|
|
width: 280px;
|
|
height: 210px;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
background-position: center;
|
|
background-size: 100%;
|
|
}
|
|
|
|
.culture-news-cover:hover {
|
|
background-size: 105%;
|
|
}
|
|
|
|
.culture-news-cover span {
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
padding: 10px;
|
|
background-color: rgba(0, 0, 0, .4);
|
|
color: white;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.culture-news-cover ~ .results-news-ul {
|
|
padding-right: 300px;
|
|
}
|
|
|
|
/* 人才队伍 - 高级职称专家 小悦哥 */
|
|
.rcdw {
|
|
margin: 0 -10px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.rcdw li {
|
|
float: left;
|
|
margin-right: 10px;
|
|
margin-left: 10px;
|
|
margin-bottom: 20px;
|
|
width: calc(12.5% - 20px);
|
|
background-color: #eee;
|
|
}
|
|
|
|
.rcdw-cover {
|
|
width: 100%;
|
|
padding-top: 125%;
|
|
display: block;
|
|
background-position: center;
|
|
background-size: cover;
|
|
}
|
|
|
|
.rcdw-xxh {
|
|
padding: 10px;
|
|
background-color: #273981;
|
|
text-align: center;
|
|
}
|
|
|
|
.rcdw-xxh h3,
|
|
.rcdw-xxh p {
|
|
color: white;
|
|
}
|
|
|
|
/* 人才队伍 - 省领军人才梯队 */
|
|
.rctd-boeder {
|
|
border-bottom: 1px solid #eee;
|
|
padding-bottom: 20px;
|
|
margin-bottom: 20px;
|
|
min-height: 150px;
|
|
padding-left: 220px;
|
|
position: relative;
|
|
}
|
|
|
|
.rctd-boeder:last-child {
|
|
border-bottom: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.rctd2 {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 200px;
|
|
height: 150px;
|
|
background-position: center;
|
|
background-size: cover;
|
|
}
|
|
|
|
.rctd2 span {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 30px;
|
|
text-align: center;
|
|
line-height: 30px;
|
|
background: rgba(0, 0, 0, .5);
|
|
color: white;
|
|
}
|
|
|
|
.rctd3-p {
|
|
position: relative;
|
|
padding-left: 100px;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.rctd3-p span {
|
|
margin-right: 10px;
|
|
display: inline-block;
|
|
color: #555;
|
|
}
|
|
|
|
.rctd3-p span:first-child {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100px;
|
|
font-weight: bold;
|
|
color: #333;
|
|
}
|
|
|
|
/* 详情 */
|
|
.details {
|
|
background-color: white;
|
|
border-top: solid 4px #273981;
|
|
margin: 20px auto;
|
|
box-sizing: border-box;
|
|
padding: 30px;
|
|
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05);
|
|
}
|
|
|
|
.details-title {
|
|
font-size: 20px;
|
|
text-align: center;
|
|
color: #273981;
|
|
}
|
|
|
|
.details-time {
|
|
text-align: center;
|
|
color: gray;
|
|
padding: 15px 0 30px 0;
|
|
border-bottom: solid 2px #f1f3f8;
|
|
}
|
|
|
|
.details-content {
|
|
padding: 30px 0;
|
|
}
|
|
|
|
.details-content img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.details-writings {
|
|
border-top: solid 2px #F1F3F8;
|
|
padding-top: 30px;
|
|
}
|
|
|
|
.details-writings a {
|
|
color: gray;
|
|
}
|
|
|
|
.details-writings a:hover {
|
|
color: #273981;
|
|
}
|
|
|
|
/* 分页 */
|
|
.pages {
|
|
text-align: center;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.pages a {
|
|
display: inline-block;
|
|
margin: 0 2px;
|
|
line-height: 30px;
|
|
padding: 0 12px;
|
|
text-align: center;
|
|
background-color: #f1f3f8;
|
|
color: #333;
|
|
}
|
|
|
|
.pages a:hover,
|
|
.pages a.show {
|
|
background-color: #273981;
|
|
color: white;
|
|
}
|