2901 lines
51 KiB
CSS
2901 lines
51 KiB
CSS
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(../image/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(../image/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(../image/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 0;
|
|
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;
|
|
width: 100%;
|
|
padding-top: 110%;
|
|
}
|
|
|
|
.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;
|
|
}
|