2803 lines
45 KiB
CSS
2803 lines
45 KiB
CSS
/* 公共标签 */
|
|
a {
|
|
color: #343434;
|
|
}
|
|
|
|
a:hover {
|
|
color: #253982;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:link {
|
|
text-decoration: none;
|
|
}
|
|
|
|
ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.ce-img {
|
|
position: relative;
|
|
}
|
|
|
|
.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;
|
|
-webkit-line-clamp: 2
|
|
}
|
|
|
|
.tab-content>.active {
|
|
display: block !important;
|
|
}
|
|
|
|
/* 动画效果 */
|
|
.cartoonImg img {
|
|
transition: all 0.3s ease-out;
|
|
-webkit-transition: all 0.3s ease-out;
|
|
}
|
|
|
|
.cartoonImg:hover img {
|
|
transform: scale(1.05);
|
|
-webkit-transform: scale(1.05);
|
|
}
|
|
|
|
|
|
/* 头部 */
|
|
.indexHead {
|
|
background-color: #f0f1f5;
|
|
padding: 6px 0;
|
|
}
|
|
|
|
.indexHead-nav {
|
|
display: flex;
|
|
line-height: 32px;
|
|
}
|
|
|
|
.indexHead-nav img {
|
|
width: 15px;
|
|
height: 15px;
|
|
margin-right: 8px;
|
|
vertical-align: -2px;
|
|
filter: grayscale(60%);
|
|
-webkit-filter: grayscale(60%);
|
|
-moz-filter: grayscale(60%);
|
|
}
|
|
|
|
.indexHead-nav a:hover img {
|
|
filter: grayscale(0%);
|
|
-webkit-filter: grayscale(0%);
|
|
-moz-filter: grayscale(0%);
|
|
}
|
|
|
|
.indexHead-search {
|
|
border: 1px solid #1f3076;
|
|
line-height: 32px;
|
|
padding: 0;
|
|
display: flex;
|
|
}
|
|
|
|
.indexHead-search input,
|
|
.indexHead-search button {
|
|
height: 32px;
|
|
border: none;
|
|
}
|
|
|
|
.indexHead-search input {
|
|
flex: 1;
|
|
padding: 0 10px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.indexHead-search button {
|
|
background-color: #1f3076;
|
|
color: #fff;
|
|
width: 65px;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
}
|
|
|
|
/* 导航 */
|
|
.indexNav {
|
|
margin: 5px 0;
|
|
}
|
|
|
|
.indexNav-logo img {
|
|
width: 100%;
|
|
}
|
|
|
|
.indexNav-nav {
|
|
text-align: right;
|
|
padding: 0;
|
|
}
|
|
|
|
.indexNav-nav li {
|
|
margin: 25px 10px 0;
|
|
display: inline-block;
|
|
font-size: 15px;
|
|
position: relative;
|
|
}
|
|
|
|
.indexNav-nav li::after,
|
|
.indexNav-nav li.active::after {
|
|
position: absolute;
|
|
content: '';
|
|
left: 5%;
|
|
bottom: -8px;
|
|
border-radius: 20px;
|
|
background-color: #1f3076;
|
|
width: 90%;
|
|
height: 4px;
|
|
opacity: 0;
|
|
transition: .2s;
|
|
}
|
|
|
|
.indexNav-nav li:hover::after,
|
|
.indexNav-nav li.active::after {
|
|
opacity: 1;
|
|
}
|
|
|
|
.indexDate {
|
|
background-color: #203175;
|
|
line-height: 44px;
|
|
color: #b4d8f3;
|
|
font-size: 15px;
|
|
}
|
|
|
|
/* 轮播图 */
|
|
.indexImg {
|
|
background: url(../images/bannerBack.jpg) repeat-x center;
|
|
height: 340px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.indexImg-img {
|
|
width: 100%;
|
|
cursor: pointer;
|
|
height: 340px;
|
|
}
|
|
|
|
.indexImg-title {
|
|
position: absolute;
|
|
z-index: 99;
|
|
left: 0;
|
|
bottom: 0;
|
|
background-color: rgba(0, 0, 0, .5);
|
|
width: 100%;
|
|
color: #fff;
|
|
padding: 10px 100px 10px 15px;
|
|
box-sizing: border-box;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.indexImg-pagination,
|
|
.indexNews-pagination {
|
|
text-align: right !important;
|
|
padding-right: 20px !important;
|
|
}
|
|
|
|
.indexImg-pagination span.swiper-pagination-bullet {
|
|
width: 11px;
|
|
height: 11px;
|
|
opacity: 1;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.indexImg-pagination span.swiper-pagination-bullet-active {
|
|
background-color: #1f3076;
|
|
}
|
|
|
|
/* 分院新闻 */
|
|
.indexNews {
|
|
background: url(../images/newsBack.png) no-repeat center;
|
|
padding: 40px 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.indexNews-pagination span.swiper-pagination-bullet {
|
|
width: 8px;
|
|
height: 8px;
|
|
opacity: 1;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.indexNews-pagination span.swiper-pagination-bullet-active {
|
|
background-color: #1f3076;
|
|
}
|
|
|
|
.indexNews-ul a {
|
|
display: flex;
|
|
line-height: 27px;
|
|
font-size: 15px;
|
|
padding: 10px 10px 10px 20px;
|
|
box-sizing: border-box;
|
|
transition: .1s;
|
|
position: relative;
|
|
}
|
|
|
|
.indexNews-ul a::after {
|
|
position: absolute;
|
|
content: '';
|
|
left: 7px;
|
|
top: 20px;
|
|
background-color: #afafaf;
|
|
width: 6px;
|
|
height: 6px;
|
|
transition: .1s;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.indexNews-ul a:hover {
|
|
background-color: #eff2f8;
|
|
font-size: 17px;
|
|
}
|
|
|
|
.indexNews-ul a:hover::after {
|
|
background-color: #1f3076;
|
|
}
|
|
|
|
.indexNews-ul span {
|
|
color: #afafaf;
|
|
}
|
|
|
|
.indexNews-ul-name {
|
|
flex: 1;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
/* 党政建设 */
|
|
.indexBuild-new {
|
|
width: 100%;
|
|
text-align: center;
|
|
border-radius: 10px;
|
|
overflow: hidden;
|
|
color: #fff;
|
|
padding: 20px 30px;
|
|
font-size: 20px;
|
|
word-wrap: break-word;
|
|
height: 190px;
|
|
display: inline-block;
|
|
background-color: #ba0013;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.indexBuild-new:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.indexBuild-new .indexBuild-icon {
|
|
border-color: #9a0211;
|
|
}
|
|
|
|
.indexBuild {
|
|
padding: 20px 0;
|
|
background-color: #f7f7f7;
|
|
}
|
|
|
|
.indexBuild-list {
|
|
overflow: hidden;
|
|
margin: 10px -10px;
|
|
}
|
|
|
|
.indexBuild-list li {
|
|
width: calc(50% - 20px);
|
|
margin: 10px;
|
|
float: left;
|
|
text-align: center;
|
|
border-radius: 10px;
|
|
overflow: hidden;
|
|
padding: 20px 0;
|
|
height: 190px;
|
|
}
|
|
|
|
.indexBuild-list li a {
|
|
color: #fff;
|
|
padding: 0 30px;
|
|
font-size: 20px;
|
|
word-wrap: break-word;
|
|
text-align: center;
|
|
display: inline-block;
|
|
}
|
|
|
|
.indexBuild-icon {
|
|
width: 70px;
|
|
height: 70px;
|
|
border-width: 3px;
|
|
border-style: solid;
|
|
border-radius: 50%;
|
|
margin: 0 auto;
|
|
background-color: #fff;
|
|
overflow: hidden;
|
|
padding: 10px;
|
|
box-sizing: border-box;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.indexBuild-icon img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.indexBuild-list li:nth-child(1) {
|
|
background-color: #21a0e3;
|
|
}
|
|
|
|
.indexBuild-list li:nth-child(2) {
|
|
background-color: #66bb6a;
|
|
}
|
|
|
|
.indexBuild-list li:nth-child(3) {
|
|
background-color: #eb793d;
|
|
}
|
|
|
|
.indexBuild-list li:nth-child(4) {
|
|
background-color: #0069c5;
|
|
}
|
|
|
|
.indexBuild-list li:nth-child(1) .indexBuild-icon {
|
|
border-color: #2094dd;
|
|
}
|
|
|
|
.indexBuild-list li:nth-child(2) .indexBuild-icon {
|
|
border-color: #43b149;
|
|
}
|
|
|
|
.indexBuild-list li:nth-child(3) .indexBuild-icon {
|
|
border-color: #da6223;
|
|
}
|
|
|
|
.indexBuild-list li:nth-child(4) .indexBuild-icon {
|
|
border-color: #055ead;
|
|
}
|
|
|
|
.indexBuild-show {
|
|
box-shadow: 0 0 10px rgba(0, 0, 0, .1);
|
|
padding: 10px;
|
|
box-sizing: border-box;
|
|
border-radius: 10px;
|
|
margin: 20px 0;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.indexBuild-back {
|
|
border-radius: 10px;
|
|
overflow: hidden;
|
|
display: block;
|
|
}
|
|
|
|
.indexBuild-talent {
|
|
border: #ecf3f9 1px solid;
|
|
border-radius: 5px;
|
|
overflow: hidden;
|
|
height: 170px;
|
|
}
|
|
|
|
.indexBuild-talent-title {
|
|
padding: 0 10px;
|
|
box-sizing: border-box;
|
|
background-color: #ecf3f9;
|
|
line-height: 40px;
|
|
color: #016cd5;
|
|
font-weight: 600;
|
|
font-size: 18px;
|
|
display: flex;
|
|
}
|
|
|
|
.indexBuild-talent-title span {
|
|
display: inline-block;
|
|
flex: 1;
|
|
}
|
|
|
|
.indexBuild-talent-title a {
|
|
color: #005eb5;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.indexBuild-swiper,
|
|
.indexBuildNew-swiper {
|
|
text-align: center;
|
|
margin: 25px 0 10px;
|
|
height: 100px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.indexBuild-swiper span,
|
|
.indexBuildNew-swiper span {
|
|
color: #bdbdbd;
|
|
padding-left: 30px;
|
|
}
|
|
|
|
.indexNews-title {
|
|
display: flex;
|
|
border-bottom: 1px solid #e8e8e8;
|
|
padding-bottom: 10px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.swiper-cont .swiper-container {
|
|
width: 50%;
|
|
float: left;
|
|
}
|
|
|
|
.indexNews-title-name {
|
|
flex: 1;
|
|
color: #ececec;
|
|
line-height: 30px;
|
|
display: flex;
|
|
font-size: 20px;
|
|
position: relative;
|
|
}
|
|
|
|
.indexNews-title-name::after,
|
|
.indexNews-title-name::before {
|
|
position: absolute;
|
|
content: '';
|
|
}
|
|
|
|
.indexNews-title-name::after {
|
|
background-color: #203175;
|
|
width: 125px;
|
|
height: 4px;
|
|
bottom: -10px;
|
|
left: 0;
|
|
}
|
|
|
|
.indexNews-title-name::before {
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 6px solid transparent;
|
|
border-right: 6px solid transparent;
|
|
border-top: 10px solid #203175;
|
|
left: 55px;
|
|
bottom: -18px
|
|
}
|
|
|
|
.indexNews-title-name>img {
|
|
width: 26px;
|
|
height: 26px;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.indexNews-title-name>p {
|
|
display: inline-block;
|
|
margin: 0 10px 0 5px;
|
|
color: #203175;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.indexNews-title-more {
|
|
color: #afafaf;
|
|
line-height: 30px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
|
|
|
|
/* 科研动态 */
|
|
.indexflow {
|
|
background: url(../images/flowBack.png) no-repeat top center;
|
|
padding: 40px 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.indexflow-tab {
|
|
display: flex;
|
|
}
|
|
|
|
.indexflow-content {
|
|
height: 300px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.indexflow-tab li {
|
|
margin-right: 60px;
|
|
display: flex;
|
|
}
|
|
|
|
.indexflow-title-name {
|
|
color: #000;
|
|
line-height: 30px;
|
|
display: flex;
|
|
font-size: 20px;
|
|
position: relative;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.indexflow-title-name::after,
|
|
.indexflow-title-name::before {
|
|
position: absolute;
|
|
content: '';
|
|
display: none;
|
|
}
|
|
|
|
.indexflow-title-name::after {
|
|
background-color: #203175;
|
|
width: 125px;
|
|
height: 4px;
|
|
bottom: -0px;
|
|
left: 0;
|
|
}
|
|
|
|
.indexflow-title-name::before {
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 6px solid transparent;
|
|
border-right: 6px solid transparent;
|
|
border-top: 10px solid #203175;
|
|
left: 55px;
|
|
bottom: -10px
|
|
}
|
|
|
|
.indexflow-title-name>img {
|
|
width: 26px;
|
|
height: 26px;
|
|
margin: 2px 10px 0 0;
|
|
}
|
|
|
|
.indexflow-tab li.active .indexflow-title-name {
|
|
color: #203175;
|
|
}
|
|
|
|
.indexflow-tab li.active .indexflow-title-name::after,
|
|
.indexflow-tab li.active .indexflow-title-name::before {
|
|
display: block;
|
|
}
|
|
|
|
.indexflow-ul a:hover {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.indexNews-ul-text {
|
|
font-size: 14px;
|
|
height: 40px;
|
|
display: none;
|
|
color: #4f4f4f;
|
|
}
|
|
|
|
.indexflow-ul a:hover .indexNews-ul-text {
|
|
display: block;
|
|
}
|
|
|
|
.indexflow-img a:last-child img {
|
|
margin-top: 40px;
|
|
}
|
|
|
|
/* 媒体报道+党建文化 */
|
|
.indexParty {
|
|
padding: 40px 0;
|
|
}
|
|
|
|
.indexMedia-title {
|
|
border-bottom: 4px solid #ebebeb;
|
|
position: relative;
|
|
height: 44px;
|
|
margin-bottom: 20px;
|
|
position: relative;
|
|
}
|
|
|
|
.indexMedia-name {
|
|
background-color: #203175;
|
|
color: #fff;
|
|
display: inline-block;
|
|
font-size: 17px;
|
|
height: 44px;
|
|
line-height: 44px;
|
|
padding: 0 10px 0 20px;
|
|
display: flex;
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: -4px;
|
|
z-index: 9;
|
|
}
|
|
|
|
.indexMedia-name::after {
|
|
width: 0;
|
|
height: 0;
|
|
border-bottom: 44px solid #203175;
|
|
border-right: 30px solid transparent;
|
|
position: absolute;
|
|
content: '';
|
|
right: -30px;
|
|
top: 0;
|
|
}
|
|
|
|
.indexMedia-name img {
|
|
width: 20px;
|
|
height: 20px;
|
|
margin: 10px 10px 0 0;
|
|
}
|
|
|
|
.indexMedia-cont {
|
|
border: 1px solid #e8e8e8;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
|
|
.indexMedia-img {
|
|
position: relative;
|
|
width: 400px;
|
|
height: 300px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.indexMedia-img::after {
|
|
position: absolute;
|
|
content: '';
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 9;
|
|
background: rgba(0, 0, 0, .1);
|
|
}
|
|
|
|
.indexMedia-img img {
|
|
width: 50px;
|
|
height: 50px;
|
|
position: absolute;
|
|
left: calc(50% - 25px);
|
|
top: calc(50% - 25px);
|
|
z-index: 10;
|
|
}
|
|
|
|
.indexMedia-essay {
|
|
width: calc(100% - 400px);
|
|
padding: 20px;
|
|
box-sizing: border-box;
|
|
font-size: 15px;
|
|
color: #adadad;
|
|
line-height: 28px;
|
|
}
|
|
|
|
.indexMedia-head {
|
|
height: 80px;
|
|
color: #000;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.indexMedia-more {
|
|
background-color: #999;
|
|
color: #fff;
|
|
position: absolute;
|
|
transition: .2s;
|
|
right: 0;
|
|
bottom: 20px;
|
|
padding: 4px 15px;
|
|
display: block;
|
|
}
|
|
|
|
.indexMedia-more:hover {
|
|
background-color: #ef3502;
|
|
color: #fff;
|
|
}
|
|
|
|
.indexMedia-text {
|
|
height: 118px;
|
|
-webkit-line-clamp: 5
|
|
}
|
|
|
|
.indexCulture {
|
|
border: 1px solid #e8e8e8;
|
|
}
|
|
|
|
.indexParty-tab {
|
|
display: flex;
|
|
height: 44px;
|
|
line-height: 44px;
|
|
width: 100%;
|
|
}
|
|
|
|
.indexParty-tab li {
|
|
background-color: #ecf3f9;
|
|
width: 50%;
|
|
text-align: center;
|
|
}
|
|
|
|
.indexParty-tab li>a {
|
|
display: -webkit-inline-box;
|
|
color: #b1b3b5;
|
|
font-size: 17px;
|
|
}
|
|
|
|
.indexParty-tab li img {
|
|
display: inline-block;
|
|
vertical-align: -4px;
|
|
margin-right: 5px;
|
|
filter: brightness(.6);
|
|
}
|
|
|
|
.indexParty-tab li.active {
|
|
background-color: #26377d;
|
|
}
|
|
|
|
.indexParty-tab li.active>a {
|
|
color: #fff;
|
|
}
|
|
|
|
.indexParty-tab li.active img {
|
|
filter: brightness(1);
|
|
}
|
|
|
|
.indexCulture-ul a {
|
|
line-height: 25px;
|
|
padding-bottom: 4px;
|
|
height: 64px;
|
|
}
|
|
|
|
.indexCulture-ul a:hover {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* 分类筛选项 */
|
|
.indexScreen {
|
|
background-color: #f7f7f7;
|
|
padding: 40px 0;
|
|
}
|
|
|
|
.indexScreen-tab {
|
|
display: flex;
|
|
}
|
|
|
|
.indexScreen-tab li {
|
|
flex: 5;
|
|
}
|
|
|
|
.indexScreen-tab li a {
|
|
text-align: center;
|
|
transition: .2;
|
|
border: 1px solid #e8e8e8;
|
|
position: relative;
|
|
margin: 0 25px;
|
|
padding: 20px 0;
|
|
font-size: 20px;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.indexScreen-tab li a span {
|
|
background-color: #fe904f;
|
|
transition: .2s;
|
|
width: 8px;
|
|
height: 8px;
|
|
position: absolute;
|
|
opacity: .4;
|
|
top: 20px;
|
|
right: 20px;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
.indexScreen-tab li:nth-child(even) a span {
|
|
background-color: #2389fb;
|
|
width: 14px;
|
|
height: 6px;
|
|
}
|
|
|
|
.indexScreen-tab li>a::before,
|
|
.indexScreen-tab li>a::after {
|
|
width: 0px;
|
|
display: none;
|
|
height: 0px;
|
|
box-sizing: content-box;
|
|
padding: 0;
|
|
position: absolute;
|
|
content: '';
|
|
}
|
|
|
|
.indexScreen-tab li>a::before {
|
|
bottom: -16px;
|
|
right: 74px;
|
|
border-bottom: 8px solid transparent;
|
|
border-top: 8px solid #FFFFFF;
|
|
border-left: 8px solid transparent;
|
|
border-right: 8px solid transparent;
|
|
z-index: 12;
|
|
}
|
|
|
|
.indexScreen li>a::after {
|
|
bottom: -18px;
|
|
right: 73px;
|
|
border-bottom: 9px solid transparent;
|
|
border-top: 9px solid #2389fb;
|
|
border-left: 9px solid transparent;
|
|
border-right: 9px solid transparent;
|
|
z-index: 10
|
|
}
|
|
|
|
.indexScreen-tab li>a {
|
|
display: block;
|
|
}
|
|
|
|
.indexScreen-tab li img {
|
|
display: block;
|
|
margin: 0 auto 10px;
|
|
}
|
|
|
|
.indexScreen-tab li.active a,
|
|
.indexScreen-tab li a:hover {
|
|
box-shadow: 0 0 20px rgba(0, 0, 0, .1);
|
|
border-color: #2389fb;
|
|
color: #26377d;
|
|
}
|
|
|
|
.indexScreen-tab li a:hover::before,
|
|
.indexScreen-tab li a:hover::after,
|
|
.indexScreen-tab li.active a::after,
|
|
.indexScreen-tab li.active a::before {
|
|
display: block;
|
|
}
|
|
|
|
.indexScreen-tab li.active span,
|
|
.indexScreen-tab li a:hover span {
|
|
opacity: 1;
|
|
}
|
|
|
|
.indexTeam-content .tab-pane {
|
|
border: #2389fb 1px solid;
|
|
background-color: #fff;
|
|
padding: 20px 10px;
|
|
box-sizing: border-box;
|
|
margin-top: 40px;
|
|
position: relative;
|
|
}
|
|
|
|
.indexTeam-content .tab-pane::before,
|
|
.indexTeam-content .tab-pane::after {
|
|
width: 0px;
|
|
display: block;
|
|
height: 0px;
|
|
box-sizing: content-box;
|
|
padding: 0;
|
|
position: absolute;
|
|
content: '';
|
|
}
|
|
|
|
.indexTeam-content .tab-pane::before {
|
|
top: -16px;
|
|
border-bottom: 8px solid #FFFFFF;
|
|
border-top: 8px solid transparent;
|
|
border-left: 8px solid transparent;
|
|
border-right: 8px solid transparent;
|
|
z-index: 12;
|
|
}
|
|
|
|
.indexTeam-content .tab-pane::after {
|
|
top: -18px;
|
|
border-bottom: 9px solid #2389fb;
|
|
border-top: 9px solid transparent;
|
|
border-left: 9px solid transparent;
|
|
border-right: 9px solid transparent;
|
|
z-index: 10
|
|
}
|
|
|
|
.indexTeam-content .tab-pane:nth-child(1)::before {
|
|
left: 110px;
|
|
}
|
|
|
|
.indexTeam-content .tab-pane:nth-child(1)::after {
|
|
left: 109px;
|
|
}
|
|
|
|
.indexTeam-content .tab-pane:nth-child(2)::before {
|
|
left: 338px;
|
|
}
|
|
|
|
.indexTeam-content .tab-pane:nth-child(2)::after {
|
|
left: 337px;
|
|
}
|
|
|
|
.indexTeam-content .tab-pane:nth-child(3)::before {
|
|
left: 566px;
|
|
}
|
|
|
|
.indexTeam-content .tab-pane:nth-child(3)::after {
|
|
left: 565px;
|
|
}
|
|
|
|
.indexTeam-content .tab-pane:nth-child(4)::before {
|
|
left: 796px;
|
|
}
|
|
|
|
.indexTeam-content .tab-pane:nth-child(4)::after {
|
|
left: 795px;
|
|
}
|
|
|
|
.indexTeam-content .tab-pane:nth-child(5)::before {
|
|
left: 1022px;
|
|
}
|
|
|
|
.indexTeam-content .tab-pane:nth-child(5)::after {
|
|
left: 1021px;
|
|
}
|
|
|
|
.indexTeam-ul {
|
|
height: 400px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.indexTeam-ul li {
|
|
width: calc(25% - 40px);
|
|
text-align: center;
|
|
float: left;
|
|
margin: 0 20px;
|
|
box-shadow: 0 0 20px rgba(0, 0, 0, .1);
|
|
height: 400px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.indexTeam-img {
|
|
position: relative;
|
|
width: 100%;
|
|
padding-top: 70%;
|
|
}
|
|
|
|
.indexTeam-cont {
|
|
padding: 0 40px;
|
|
box-sizing: border-box;
|
|
font-size: 16px;
|
|
line-height: 28px;
|
|
}
|
|
|
|
.indexTeam-name {
|
|
font-size: 18px;
|
|
font-weight: 600;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.indexTeam-text {
|
|
color: #adadad;
|
|
}
|
|
|
|
.IndexExpert-ul {
|
|
display: flex;
|
|
}
|
|
|
|
.IndexExpert-ul li {
|
|
flex: 4;
|
|
text-align: center;
|
|
}
|
|
|
|
.IndexExpert-img {
|
|
width: 200px;
|
|
height: 240px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.IndexExpert-name {
|
|
width: 200px;
|
|
margin: -20px auto 0;
|
|
color: #fff;
|
|
position: relative;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
}
|
|
|
|
.IndexExpert-name::after {
|
|
position: absolute;
|
|
content: '';
|
|
right: 10px;
|
|
top: 0;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 40px solid #203176;
|
|
border-right: 20px solid transparent;
|
|
}
|
|
|
|
.IndexExpert-name::before {
|
|
position: absolute;
|
|
content: '';
|
|
background-color: #203176;
|
|
left: 0;
|
|
top: 0;
|
|
width: calc(100% - 30px);
|
|
height: 100%;
|
|
}
|
|
|
|
.IndexExpert-title {
|
|
position: absolute;
|
|
z-index: 9;
|
|
left: 10px;
|
|
bottom: 0;
|
|
height: 100%;
|
|
color: #a9abc2;
|
|
}
|
|
|
|
.IndexExpert-title>span {
|
|
font-size: 18px;
|
|
padding-right: 10px;
|
|
color: #fff;
|
|
}
|
|
|
|
.IndexExpert-more>a {
|
|
display: block;
|
|
width: 140px;
|
|
font-size: 16px;
|
|
border: 1px solid #29398e;
|
|
line-height: 40px;
|
|
height: 40px;
|
|
text-align: center;
|
|
margin: 40px auto 10px;
|
|
color: #29398e;
|
|
}
|
|
|
|
.indexExtend-ul li {
|
|
margin-bottom: 20px;
|
|
padding-bottom: 20px;
|
|
position: relative;
|
|
padding-left: 20px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.indexExtend-ul li::after {
|
|
position: absolute;
|
|
content: '';
|
|
left: 0;
|
|
bottom: 0;
|
|
background-color: #e8e8e8;
|
|
width: 100%;
|
|
height: 1px;
|
|
}
|
|
|
|
.indexExtend-ul li::before {
|
|
position: absolute;
|
|
content: '';
|
|
left: 0;
|
|
top: 8px;
|
|
background-color: #29398e;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.indexExtend-ul li:last-child::after {
|
|
display: none;
|
|
}
|
|
|
|
.indexExtend-ul-name {
|
|
font-size: 18px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.indexExtend-ul-text {
|
|
color: #afafaf;
|
|
font-size: 15px;
|
|
line-height: 28px;
|
|
}
|
|
|
|
.indexPrize-swiper {
|
|
margin: 0 20px 0 !important;
|
|
height: 300px;
|
|
}
|
|
|
|
.indexPrize-swiper .swiper-slide {
|
|
text-align: center;
|
|
font-size: 18px;
|
|
background: #fff;
|
|
}
|
|
|
|
.indexPrize-img {
|
|
position: relative;
|
|
width: 100%;
|
|
padding-top: 70%;
|
|
margin-bottom: 10px;
|
|
display: block;
|
|
}
|
|
|
|
.indexPrize-title {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.indexPrize-pagination {
|
|
bottom: -5px !important;
|
|
}
|
|
|
|
.IndexExpertNew {
|
|
overflow: hidden;
|
|
margin: 0 20px;
|
|
}
|
|
|
|
.IndexExpertNew li {
|
|
width: calc(33.33% - 40px);
|
|
float: left;
|
|
margin: 20px;
|
|
padding: 15px 0;
|
|
text-align: center;
|
|
box-sizing: border-box;
|
|
border: 1px solid #f5f5f5;
|
|
border-radius: 5px;
|
|
background: #f5f5f5;
|
|
}
|
|
|
|
.IndexExpertNew-title {
|
|
font-size: 18px;
|
|
font-weight: 600
|
|
}
|
|
|
|
.IndexExpertNew-tips {
|
|
margin-bottom: 20px;
|
|
color: #999;
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
|
|
.IndexExpertNew-tips::after {
|
|
position: absolute;
|
|
content: '';
|
|
left: calc(50% - 16px);
|
|
bottom: -10px;
|
|
background-color: #ffb993;
|
|
width: 30px;
|
|
height: 4px;
|
|
border-radius: 22px;
|
|
}
|
|
|
|
.second-IndexExpert li {
|
|
width: calc(50% - 20px);
|
|
float: left;
|
|
margin: 10px;
|
|
}
|
|
|
|
|
|
/* 友情链接 */
|
|
.link {
|
|
background-color: #fff;
|
|
padding: 30px 0;
|
|
}
|
|
|
|
.linkTitle {
|
|
display: flex;
|
|
border-bottom: 1px solid #e8e8e8;
|
|
position: relative;
|
|
line-height: 40px;
|
|
color: #a19182;
|
|
}
|
|
|
|
.linkTitle::after {
|
|
position: absolute;
|
|
content: '';
|
|
left: 0;
|
|
bottom: 0;
|
|
background-color: #3b4985;
|
|
width: 74px;
|
|
height: 2px;
|
|
}
|
|
|
|
.linkTitle>span {
|
|
font-size: 18px;
|
|
padding-right: 10px;
|
|
color: #000;
|
|
}
|
|
|
|
.linkUl {
|
|
overflow: hidden;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.linkUl>li {
|
|
float: left;
|
|
width: 20%;
|
|
line-height: 40px;
|
|
}
|
|
|
|
/* 底部 */
|
|
.footer {
|
|
background-color: #203175;
|
|
color: #fff;
|
|
padding: 40px 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.footerList>li {
|
|
line-height: 40px;
|
|
}
|
|
|
|
.footerList>li>span {
|
|
margin: 0 10px;
|
|
}
|
|
|
|
|
|
/*
|
|
二级页样式
|
|
*/
|
|
|
|
/* 分院概况 */
|
|
.survey {
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
width: 100%;
|
|
padding: 40px 0 0;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.secondLeft {
|
|
background-color: #eeeff1;
|
|
position: relative;
|
|
padding: 0;
|
|
}
|
|
|
|
.secondLeft-title {
|
|
background-color: #203175;
|
|
color: #fff;
|
|
width: 100%;
|
|
font-size: 26px;
|
|
padding: 20px 20px 30px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.secondLeft-title span {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.secondLeft-title span::after {
|
|
position: absolute;
|
|
content: '';
|
|
left: 0;
|
|
bottom: -10px;
|
|
background-color: #fff;
|
|
width: 50px;
|
|
height: 4px;
|
|
}
|
|
|
|
.secondLeft-title img {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 8px;
|
|
width: 70px;
|
|
height: 70px;
|
|
}
|
|
|
|
.secondLeft-list {
|
|
box-sizing: border-box;
|
|
text-align: center;
|
|
padding-left: 20px;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.secondLeft-list>li>a {
|
|
display: block;
|
|
position: relative;
|
|
height: 58px;
|
|
line-height: 58px;
|
|
font-size: 18px;
|
|
color: #9e9e9f;
|
|
}
|
|
|
|
.secondLeft-list>li a::after,
|
|
.secondLeft-list>li a::before {
|
|
position: absolute;
|
|
content: '';
|
|
}
|
|
|
|
.secondLeft-list>li a::after {
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 1px;
|
|
background-color: #e3e5eb;
|
|
}
|
|
|
|
.secondLeft-list>li a::before {
|
|
left: 50%;
|
|
right: 50%;
|
|
bottom: 0;
|
|
width: 0;
|
|
height: 100%;
|
|
background-color: #FFFFFF;
|
|
transition: .3s;
|
|
}
|
|
|
|
.secondLeft-list>li a>span {
|
|
position: relative;
|
|
z-index: 1;
|
|
width: 100%;
|
|
text-align: center;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.secondLeft-list>li a>span::after {
|
|
position: absolute;
|
|
background-color: #203175;
|
|
opacity: 0;
|
|
width: 8px;
|
|
height: 8px;
|
|
content: '';
|
|
left: -15px;
|
|
top: 5px;
|
|
transition: .2s;
|
|
}
|
|
|
|
.secondLeft-list>li a:hover::before,
|
|
.secondLeft-list>li.active a::before {
|
|
width: 100%;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.secondLeft-list>li a:hover::after,
|
|
.secondLeft-list>li.active a::after {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.secondLeft-list>li a:hover>span,
|
|
.secondLeft-list>li.active a>span {
|
|
color: #203175;
|
|
}
|
|
|
|
.secondLeft-list>li a:hover>span::after,
|
|
.secondLeft-list>li.active a>span::after {
|
|
opacity: 1;
|
|
}
|
|
|
|
.secondLeft-img {
|
|
text-align: right;
|
|
}
|
|
|
|
.secondRight {
|
|
background-color: #fff;
|
|
padding: 20px 30px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.secondTop {
|
|
display: flex;
|
|
border-bottom: 1px solid #e8e8e8;
|
|
}
|
|
|
|
.secondTop-name {
|
|
flex: 1;
|
|
font-size: 18px;
|
|
color: #203175;
|
|
display: flex;
|
|
line-height: 40px;
|
|
position: relative;
|
|
}
|
|
|
|
.secondTop-name::after {
|
|
position: absolute;
|
|
content: '';
|
|
left: 0;
|
|
bottom: 0;
|
|
background-color: #203175;
|
|
width: 100px;
|
|
height: 2px;
|
|
}
|
|
|
|
.secondTop-name>img {
|
|
width: 18px;
|
|
height: 18px;
|
|
margin: 11px 6px 0 0;
|
|
}
|
|
|
|
.secondTop-more {
|
|
line-height: 40px;
|
|
display: flex;
|
|
color: #afafaf;
|
|
}
|
|
|
|
.secondTop-more>img {
|
|
width: 16px;
|
|
height: 16px;
|
|
margin: 11px 4px 0 0;
|
|
}
|
|
|
|
.surveyCont {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.surveyBrief {
|
|
margin: 30px 0;
|
|
}
|
|
|
|
.surveyBrief-top {
|
|
display: flex;
|
|
}
|
|
|
|
.surveyBrief-img {
|
|
width: 350px;
|
|
height: 220px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.surveyBrief-img img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.surveyBrief-cont {
|
|
background-color: #006ccc;
|
|
color: #fff;
|
|
padding: 20px 40px;
|
|
box-sizing: border-box;
|
|
width: calc(100% - 350px);
|
|
height: 240px;
|
|
}
|
|
|
|
.surveyBrief-title {
|
|
font-size: 20px;
|
|
position: relative;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.surveyBrief-title::after {
|
|
position: absolute;
|
|
content: '';
|
|
left: 0;
|
|
bottom: 0;
|
|
background-color: #fff;
|
|
width: 80px;
|
|
height: 2px;
|
|
}
|
|
|
|
.surveyBrief-tips {
|
|
margin: 20px 0;
|
|
height: 80px;
|
|
line-height: 26px;
|
|
}
|
|
|
|
.surveyBrief-more {
|
|
display: inline-block;
|
|
border: 1px solid #fff;
|
|
color: #fff;
|
|
padding: 6px 30px;
|
|
float: right;
|
|
}
|
|
|
|
.surveyBrief-more:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.surveyBrief-text {
|
|
margin: 20px 0;
|
|
line-height: 26px;
|
|
text-indent: 2em;
|
|
}
|
|
|
|
.surveyLeader {
|
|
overflow: hidden;
|
|
margin: 30px -30px;
|
|
}
|
|
|
|
.surveyLeader li {
|
|
float: left;
|
|
margin: 20px 30px;
|
|
width: calc(50% - 60px);
|
|
}
|
|
|
|
.surveyLeader li>a {
|
|
display: block;
|
|
}
|
|
|
|
.surveyLeader-img {
|
|
position: relative;
|
|
width: 180px;
|
|
height: 220px;
|
|
}
|
|
|
|
.surveyLeader-img::after {
|
|
position: absolute;
|
|
content: '';
|
|
right: -25px;
|
|
top: 20%;
|
|
background-color: #d5ab63;
|
|
width: 25px;
|
|
height: 80%;
|
|
z-index: 0;
|
|
}
|
|
|
|
.surveyLeader-img>span {
|
|
z-index: 9;
|
|
}
|
|
|
|
.surveyLeader-name {
|
|
margin: 10px 0;
|
|
color: #4f4f4f;
|
|
}
|
|
|
|
.surveyLeader-name span {
|
|
font-size: 20px;
|
|
padding-right: 20px;
|
|
color: #000;
|
|
}
|
|
|
|
.surveyLeader-post {
|
|
color: #afafaf;
|
|
position: relative;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.surveyLeader-post::after {
|
|
position: absolute;
|
|
content: '';
|
|
left: 0;
|
|
top: 0;
|
|
background-color: #e8e8e8;
|
|
width:50%;
|
|
height: 1px;
|
|
}
|
|
|
|
.surveyLeader-span span {
|
|
display: block;
|
|
line-height: 26px;
|
|
color: #afafaf;
|
|
}
|
|
|
|
.organCont {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.organLabel {
|
|
background-color: #fff;
|
|
height: 80px;
|
|
margin-top: 20px;
|
|
position: relative;
|
|
}
|
|
|
|
/*.organLabel-name {background:url(../images/organLabel_back.png) no-repeat;background-size: 100% 100%; color: #fff; text-align: center; font-size: 22px; width: 160px; height: 80px; line-height: 80px; position: relative;}*/
|
|
/*.organLabel-name::after {width: 0;height: 0;border: 8px solid transparent;border-left-color: #073196;right: -16px;bottom: 30px; position: absolute; content: '';}*/
|
|
.organLabel-list {
|
|
display: flex;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
line-height: 80px;
|
|
padding: 0 -10px;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.organLabel-list li {
|
|
margin: 0 5px;
|
|
text-align: center;
|
|
background: url(../images/organLabel_back.png) no-repeat;
|
|
background-size: 100% 100%;
|
|
width: calc(25% - 10px);
|
|
height: 80px;
|
|
line-height: 80px;
|
|
}
|
|
|
|
.organLabel-list li a {
|
|
color: #fff;
|
|
}
|
|
|
|
/* 新闻动态 */
|
|
.newBranch {
|
|
margin: 30px 0;
|
|
}
|
|
|
|
.newBranch li {
|
|
position: relative;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.newBranch li:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.newBranch-img {
|
|
position: relative;
|
|
width: 100px;
|
|
height: 80px;
|
|
transition: .2s;
|
|
}
|
|
|
|
.newBranch li:hover .newBranch-img {
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
.newBranch-cont {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
padding-left: 100px;
|
|
box-sizing: border-box;
|
|
padding-right: 20px;
|
|
display: flex;
|
|
}
|
|
|
|
.newBranch-time {
|
|
text-align: center;
|
|
margin: 8px 15px;
|
|
font-size: 16px;
|
|
width: 80px;
|
|
}
|
|
|
|
.newBranch-text {
|
|
width: calc(100% - 110px);
|
|
}
|
|
|
|
.newBranch-time>span {
|
|
font-size: 30px;
|
|
}
|
|
|
|
.newBranch-name {
|
|
font-size: 18px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.newBranch-tips {
|
|
height: 44px;
|
|
line-height: 22px;
|
|
color: #6d6c6c;
|
|
}
|
|
|
|
.newPrize-swiper {
|
|
margin: 30px 0;
|
|
height: 240px;
|
|
}
|
|
|
|
.newPrize-pagination {
|
|
bottom: 0 !important;
|
|
}
|
|
|
|
.newReport {
|
|
margin: 30px 0;
|
|
}
|
|
|
|
.newReport,
|
|
.newReport li {
|
|
height: 330px;
|
|
}
|
|
|
|
.newReport-img::after {
|
|
position: absolute;
|
|
content: '';
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 9;
|
|
background: rgba(0, 0, 0, .7);
|
|
}
|
|
|
|
.newReport-img img {
|
|
width: 50px;
|
|
height: 50px;
|
|
transition: .2s;
|
|
position: absolute;
|
|
left: calc(50% - 25px);
|
|
top: calc(50% - 25px);
|
|
z-index: 10;
|
|
}
|
|
|
|
.newReport li:hover .newReport-img img {
|
|
-webkit-transform: rotateZ(360deg);
|
|
-moz-transform: rotateZ(360deg);
|
|
-o-transform: rotateZ(360deg);
|
|
-ms-transform: rotateZ(360deg);
|
|
transform: rotateZ(360deg);
|
|
}
|
|
|
|
|
|
/* 科学研究 */
|
|
.studyExtend,
|
|
.studyDynamic {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.studyExtend li:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.studyExtend li::before {
|
|
background-color: #999;
|
|
transition: .2s;
|
|
}
|
|
|
|
.studyExtend li:hover::before {
|
|
background-color: #273981;
|
|
}
|
|
|
|
.studyDynamic,
|
|
.studyDynamic li {
|
|
height: 230px;
|
|
text-align: left;
|
|
}
|
|
|
|
.studyDynamic .indexTeam-cont {
|
|
padding: 10px 15px;
|
|
position: relative;
|
|
}
|
|
|
|
.studyDynamic-name {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.studyDynamic-time {
|
|
color: #203175;
|
|
display: flex;
|
|
}
|
|
|
|
.studyDynamic-icon {
|
|
flex: 1;
|
|
display: flex;
|
|
}
|
|
|
|
.studyDynamic-time img {
|
|
width: 18px;
|
|
height: 18px;
|
|
margin: 4px 0;
|
|
}
|
|
|
|
.studyDynamic-icon>img {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.studyDynamic a {
|
|
display: block;
|
|
background-color: #fff;
|
|
transition: .2s;
|
|
}
|
|
|
|
.studyDynamic a:hover {
|
|
background-color: #273981;
|
|
color: #fff;
|
|
}
|
|
|
|
.studyDynamic a:hover .studyDynamic-time {
|
|
color: #fff;
|
|
}
|
|
|
|
.studyDynamic a:hover img {
|
|
filter: brightness(100);
|
|
}
|
|
|
|
.studyDynamic-img {
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 60px;
|
|
}
|
|
|
|
.secondMore {
|
|
text-align: center;
|
|
width: 140px;
|
|
height: 46px;
|
|
line-height: 46px;
|
|
position: relative;
|
|
border: 1px solid #273981;
|
|
margin: 30px auto 0;
|
|
}
|
|
|
|
.secondMore a {
|
|
display: block;
|
|
color: #273981;
|
|
position: absolute;
|
|
width: 100%;
|
|
z-index: 9;
|
|
left: 0;
|
|
top: 0;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.secondMore::after {
|
|
position: absolute;
|
|
transition: .2s;
|
|
left: 50%;
|
|
right: 50%;
|
|
top: 0;
|
|
width: 0;
|
|
height: 100%;
|
|
background-color: transparent;
|
|
content: '';
|
|
z-index: 0;
|
|
}
|
|
|
|
.secondMore:hover a {
|
|
color: #fff;
|
|
}
|
|
|
|
.secondMore:hover::after {
|
|
background-color: #273981;
|
|
left: 0;
|
|
right: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.studyTerrace {
|
|
overflow: hidden;
|
|
margin: 30px -20px;
|
|
}
|
|
|
|
.studyTerrace a {
|
|
display: block;
|
|
width: calc(50% - 40px);
|
|
float: left;
|
|
margin: 0 20px 20px;
|
|
background-color: #203175;
|
|
padding: 10px 0 10px 10px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.studyTerrace-name {
|
|
color: #353535;
|
|
text-align: center;
|
|
width: 100%;
|
|
height: 60px;
|
|
font-size: 16px;
|
|
position: relative;
|
|
}
|
|
|
|
.studyTerrace-name::after {
|
|
position: absolute;
|
|
content: '';
|
|
right: 10px;
|
|
top: 0;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 60px solid #fff;
|
|
border-right: 20px solid transparent;
|
|
}
|
|
|
|
.studyTerrace-name::before {
|
|
position: absolute;
|
|
content: '';
|
|
background-color: #fff;
|
|
left: 0;
|
|
top: 0;
|
|
width: calc(100% - 30px);
|
|
height: 100%;
|
|
}
|
|
|
|
.studyTerrace-tips {
|
|
position: absolute;
|
|
z-index: 9;
|
|
width: 90%;
|
|
top: 50%;
|
|
left: 48%;
|
|
transform: translate(-50%, -48%);
|
|
}
|
|
|
|
.studyTerrace a:hover {
|
|
box-shadow: 0 0 10px rgba(0, 0, 0, .3);
|
|
}
|
|
|
|
.studyTerrace a:hover .studyTerrace-name {
|
|
color: #273981;
|
|
}
|
|
|
|
/* 人才队伍 */
|
|
.talentExpert {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.talentExpert li {
|
|
flex: 3;
|
|
}
|
|
|
|
.talentExpert .IndexExpert-img {
|
|
width: 150px;
|
|
height: 180px;
|
|
}
|
|
|
|
.talentExpert .IndexExpert-name {
|
|
width: 150px;
|
|
}
|
|
|
|
.innovate-swiper {
|
|
padding: 30px 5px !important;
|
|
height: 400px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.innovate-swiper .swiper-wrapper {
|
|
width: 100%;
|
|
}
|
|
|
|
.innovate-pagination {
|
|
bottom: 0 !important;
|
|
}
|
|
|
|
.innovate-ul {
|
|
box-shadow: 0 0 20px rgba(0, 0, 0, .1);
|
|
height: 330px !important;
|
|
}
|
|
|
|
/* .swiper-button-prev,
|
|
.innovate-swiper .swiper-button-next, .innovate-swiper .swiper-button-prev {width: 38px !important; height: 38px !important; background-size: 38px 38px !important;}
|
|
.innovate-swiper .swiper-button-prev {background-image: url(../images/innovateArrow_left.png) !important; left: 0 !important;}
|
|
.innovate-swiper .swiper-button-next {background-image: url(../images/innovateArrow_right.png) !important; right: 0 !important;} */
|
|
.innovate-ul .indexTeam-cont {
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.talent {
|
|
width: 240px;
|
|
}
|
|
|
|
.talent .indexBuild-swiper {
|
|
height: 200px !important;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.think {
|
|
width: calc(100% - 280px);
|
|
margin-left: 40px;
|
|
}
|
|
|
|
|
|
/* 交流合作 */
|
|
.cooperate {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.cooperate .newBranch-cont {
|
|
padding: 0;
|
|
}
|
|
|
|
.cooperate .newBranch-time {
|
|
background-color: #273981;
|
|
color: #fff;
|
|
margin: 0 15px 0 0;
|
|
border-radius: 4px;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.cooperate li {
|
|
height: 80px;
|
|
}
|
|
|
|
.pageUl {
|
|
width: 100%;
|
|
text-align: center;
|
|
margin-top: 40px;
|
|
}
|
|
|
|
.pagination>.active>a,
|
|
.pagination>.active>a:focus,
|
|
.pagination>.active>a:hover,
|
|
.pagination>.active>span,
|
|
.pagination>.active>span:focus,
|
|
.pagination>.active>span:hover {
|
|
background-color: #273981;
|
|
}
|
|
|
|
.pagination>li>a,
|
|
.pagination>li>span {
|
|
color: #273981;
|
|
padding: 8px 16px;
|
|
}
|
|
|
|
/* 联系我们 */
|
|
.contactPay {
|
|
display: flex;
|
|
margin: 30px 0 10px;
|
|
}
|
|
|
|
.contactPay li {
|
|
flex: 3;
|
|
background-color: #f5f4f5;
|
|
margin: 0 20px;
|
|
border-radius: 10px;
|
|
padding: 20px 15px;
|
|
display: flex;
|
|
}
|
|
|
|
.contactPay li img {
|
|
width: 46px;
|
|
height: 46px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.contactPay-name {
|
|
font-size: 16px;
|
|
margin-left: 15px;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.contactPay-name span {
|
|
display: block;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.contactList li {
|
|
position: relative;
|
|
padding: 20px 0;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.contactList li::after {
|
|
position: absolute;
|
|
content: '';
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 1px;
|
|
background: #e8e8e8;
|
|
}
|
|
|
|
.contactList li:last-child::after {
|
|
display: none;
|
|
}
|
|
|
|
|
|
/* 文章详情 */
|
|
.Details {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.Details-title {
|
|
font-size: 22px;
|
|
text-align: center;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.Details-time {
|
|
font-size: 16px;
|
|
margin-top: 20px;
|
|
color: #999;
|
|
}
|
|
|
|
.Details-text {
|
|
line-height: 28px;
|
|
color: #666;
|
|
}
|
|
|
|
.indexExtend-ul-time {
|
|
font-size: 16px;
|
|
color: #999;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
/* 党建文化 */
|
|
.mediaList {
|
|
overflow: hidden;
|
|
margin: 30px -20px 0;
|
|
}
|
|
|
|
.mediaList li {
|
|
width: calc(50% - 40px);
|
|
float: left;
|
|
margin: 0 20px;
|
|
}
|
|
|
|
.mediaList-img {
|
|
width: 100%;
|
|
padding-top: 65%;
|
|
border-radius: 5px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.mediaList-name {
|
|
font-size: 18px;
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.mediaList-text span {
|
|
color: #afafaf;
|
|
font-size: 15px;
|
|
line-height: 25px;
|
|
}
|
|
|
|
/* 搜索页面 */
|
|
.searchCont {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.no-searchCont {
|
|
padding: 120px 0;
|
|
text-align: center;
|
|
font-size: 22px;
|
|
color: #999;
|
|
}
|
|
|
|
.no-searchCont img {
|
|
width: 200px;
|
|
display: block;
|
|
margin: 0 auto 20px;
|
|
}
|
|
|
|
/* 漂浮的工具栏 */
|
|
.laytool {
|
|
position: fixed;
|
|
top: 45vh;
|
|
left: calc(50% + 615px);
|
|
z-index: 99;
|
|
}
|
|
|
|
.laytool-ul li {
|
|
position: relative;
|
|
margin-bottom: 5px;
|
|
width: 40px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
text-align: center;
|
|
background-image: url(../images/z19_scroll_wx.png);
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-position: center;
|
|
font-size: 18px;
|
|
transition: background .3s;
|
|
border-radius: 5px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.wechat-code {
|
|
position: absolute;
|
|
left: -305px;
|
|
top: -169px;
|
|
width: 300px;
|
|
height: 379px;
|
|
display: none;
|
|
}
|
|
|
|
.wechat-code img {
|
|
width: 100%;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.laytool-ul i {
|
|
color: white;
|
|
}
|
|
|
|
.laytool-ul li:hover .wechat-code {
|
|
display: block;
|
|
}
|
|
|
|
/*列表新增样式*/
|
|
.dateExtend {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.dateExtend a {
|
|
display: flex;
|
|
margin-bottom: 20px;
|
|
border-bottom: 1px dashed #e6e6e6;
|
|
padding-bottom: 20px;
|
|
transition: .2s;
|
|
}
|
|
|
|
.dateExtend-left {
|
|
width: 70px;
|
|
text-align: right;
|
|
padding: 10px 10px 10px 0;
|
|
box-sizing: border-box;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.dateExtend-left span {
|
|
display: block;
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.dateExtend a:hover .dateExtend-left {
|
|
background-color: #203175;
|
|
color: #fff;
|
|
}
|
|
|
|
.dateExtend-right {
|
|
width: calc(100% - 90px);
|
|
margin-left: 20px;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.dateExtend-right .indexExtend-ul-name {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.cxtdExtend-img {
|
|
width: 200px;
|
|
padding-top: 16%;
|
|
position: relative;
|
|
}
|
|
|
|
.cxtdExtend-right {
|
|
padding: 10px 0 0;
|
|
width: calc(100% - 240px)
|
|
}
|
|
|
|
.cxtdExtend-right .indexExtend-ul-name {
|
|
font-weight: 600;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.cxtdExtend-right .indexExtend-ul-text {
|
|
-webkit-line-clamp: 3;
|
|
}
|
|
|
|
.tdrcList {
|
|
margin-top: 20px
|
|
}
|
|
|
|
.tdrcList-title {
|
|
color: #262626;
|
|
font-weight: 700;
|
|
font-size: 18px;
|
|
padding: 0 0 8px 18px;
|
|
position: relative;
|
|
line-height: 40px;
|
|
}
|
|
|
|
.tdrcList-title::after {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 10px;
|
|
width: 6px;
|
|
height: 20px;
|
|
background-color: #fe904f;
|
|
}
|
|
|
|
.tdrcList-label li {
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.tdrcList-label li a {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
font-size: 16px;
|
|
line-height: 1.4;
|
|
color: #333;
|
|
padding: 0 0 0 18px;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
|
|
.tdrcList-label li a::after {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 7px;
|
|
width: 6px;
|
|
height: 6px;
|
|
background-color: #fe904f;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.tdrcTop {
|
|
overflow: hidden;
|
|
margin: 20px 0;
|
|
display: flex;
|
|
border-radius: 5px;
|
|
background: #f4f8fe;
|
|
padding: 20px;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
}
|
|
|
|
.tdrcBrief {
|
|
width: calc(100% - 200px);
|
|
margin-right: 30px;
|
|
}
|
|
|
|
.tdrcBrief-name {
|
|
border-bottom: 1px solid #dce3ef;
|
|
font-weight: 700;
|
|
font-size: 22px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.tdrcBrief-name span {
|
|
position: relative;
|
|
display: inline-block;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.tdrcBrief-name span::after {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 4px;
|
|
background-color: #203175;
|
|
}
|
|
|
|
.tdrcCont-label {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.tdrcBrief-label li {
|
|
line-height: 30px;
|
|
color: #203175;
|
|
display: flex;
|
|
}
|
|
|
|
.tdrcBrief-label li>span {
|
|
display: inline-block;
|
|
color: #000;
|
|
width: 100px;
|
|
text-align: right;
|
|
font-weight: 600;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.tdrcBrief-label li>p {
|
|
width: calc(100% - 200px);
|
|
}
|
|
|
|
.tdrc {
|
|
width: 170px;
|
|
height: 200px;
|
|
}
|
|
|
|
.tdrcImg {
|
|
width: 170px;
|
|
height: 220px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.tdrcCont-title {
|
|
background: #f4f8fe;
|
|
line-height: 44px;
|
|
border-left: #203175 6px solid;
|
|
padding-left: 15px;
|
|
font-weight: 700;
|
|
font-size: 18px;
|
|
color: #203175;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.tdrcCont-text {
|
|
font-size: 16px;
|
|
line-height: 32px;
|
|
}
|
|
|
|
|
|
/*媒体报道新增*/
|
|
.mediaNew {
|
|
padding: 20px 20px 0;
|
|
box-sizing: border-box;
|
|
width: calc(100% - 400px)
|
|
}
|
|
|
|
.mediaNew li {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.mediaNew li:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.mediaNew li span {
|
|
width: 100%;
|
|
text-align: right;
|
|
color: #afafaf;
|
|
display: block;
|
|
}
|
|
|
|
.mediaNew-more {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 10px;
|
|
font-size: 16px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.mobile {
|
|
display: none;
|
|
}
|
|
|
|
/* 手机端 */
|
|
@media (max-width:1198px) {
|
|
.pc {
|
|
display: none;
|
|
}
|
|
|
|
.mobile {
|
|
display: block;
|
|
}
|
|
|
|
/* 顶部 */
|
|
.indexHead {
|
|
padding: 0;
|
|
}
|
|
|
|
.indexNav-nav {
|
|
display: none;
|
|
}
|
|
|
|
.indexHead-search input,
|
|
.indexHead-search button {
|
|
height: 40px;
|
|
}
|
|
|
|
.mbLogo-nav {
|
|
width: 40px;
|
|
background-color: #1f3076;
|
|
border: 1px solid #fff;
|
|
}
|
|
|
|
.indexNav-nav {
|
|
position: absolute;
|
|
z-index: 999;
|
|
background-color: #1f3076;
|
|
top: 42px;
|
|
text-align: left;
|
|
}
|
|
|
|
.indexNav-nav>li>a {
|
|
color: #fff;
|
|
}
|
|
|
|
.indexNav-nav li::after,
|
|
.indexNav-nav li.active::after {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.indexNav-nav li {
|
|
margin: 10px 10px;
|
|
}
|
|
|
|
/* 轮播图 */
|
|
.indexImg,
|
|
.indexImg-img {
|
|
height: 103px;
|
|
}
|
|
|
|
/* .ce-img>span{
|
|
background-size: contain;
|
|
} */
|
|
|
|
/* 党建动态 */
|
|
|
|
.indexBuild-list li a {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.indexflow-tab {
|
|
justify-content: space-around;
|
|
}
|
|
|
|
.indexflow-tab li {
|
|
margin-right: 0;
|
|
}
|
|
|
|
/* 分院新闻 */
|
|
.indexNews {
|
|
padding: 0;
|
|
}
|
|
|
|
.ceIndex {
|
|
height: 180px;
|
|
}
|
|
|
|
/* 媒体报道 */
|
|
.indexMedia-cont {
|
|
flex-direction: column;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.indexMedia-img {
|
|
width: 100%;
|
|
}
|
|
|
|
.mediaNew {
|
|
width: 100%;
|
|
padding: 20px;
|
|
}
|
|
|
|
.ce_nowrap {
|
|
margin: 0;
|
|
}
|
|
|
|
/* 科研动态 */
|
|
.indexflow {
|
|
padding: 0;
|
|
}
|
|
|
|
.indexflow-img {
|
|
display: flex;
|
|
}
|
|
|
|
.indexflow-img a:last-child img {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.indexParty {
|
|
padding: 20px 0;
|
|
}
|
|
|
|
/* 分类筛选 */
|
|
.indexScreen-tab li a {
|
|
font-size: 12px;
|
|
margin: 0px 5px;
|
|
padding: 15px 0;
|
|
}
|
|
|
|
.indexScreen-tab li>a::before {
|
|
right: 31%;
|
|
}
|
|
|
|
.indexScreen-tab li>a::after {
|
|
right: 29%;
|
|
}
|
|
|
|
.indexTeam-ul {
|
|
height: 900px;
|
|
}
|
|
|
|
.indexTeam-ul li {
|
|
width: calc(100% - 34px);
|
|
margin: 7px 20px;
|
|
height: calc(30% - 56px);
|
|
}
|
|
|
|
.indexTeam-cont {
|
|
padding: 0 25px;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.indexTeam-name {
|
|
font-size: 16px;
|
|
margin: 4px 0;
|
|
}
|
|
|
|
.indexTeam-img {
|
|
padding-top: 40%;
|
|
}
|
|
|
|
.indexTeam-content .tab-pane {
|
|
padding: 10px 10px 20px 10px;
|
|
}
|
|
|
|
.indexTeam-content .tab-pane:nth-child(1)::after {
|
|
left: 8%;
|
|
}
|
|
|
|
.indexTeam-content .tab-pane:nth-child(1)::before {
|
|
left: 8.2%;
|
|
}
|
|
|
|
.indexTeam-content .tab-pane:nth-child(2)::before {
|
|
left: 28.2%;
|
|
}
|
|
|
|
.indexTeam-content .tab-pane:nth-child(2)::after {
|
|
left: 28%;
|
|
}
|
|
|
|
.indexTeam-content .tab-pane:nth-child(3)::before {
|
|
left: 48.2%;
|
|
}
|
|
|
|
.indexTeam-content .tab-pane:nth-child(3)::after {
|
|
left: 48%;
|
|
}
|
|
|
|
.indexTeam-content .tab-pane:nth-child(4)::before {
|
|
left: 68.2%;
|
|
}
|
|
|
|
.indexTeam-content .tab-pane:nth-child(4)::after {
|
|
left: 68%;
|
|
}
|
|
|
|
.indexTeam-content .tab-pane:nth-child(5)::before {
|
|
left: 89.2%;
|
|
}
|
|
|
|
.indexTeam-content .tab-pane:nth-child(5)::after {
|
|
left: 89%;
|
|
}
|
|
|
|
.indexScreen-tab li a span {
|
|
top: 5%;
|
|
right: 10%;
|
|
}
|
|
|
|
.indexPrize-title,
|
|
.indexExtend-ul-name,
|
|
.IndexExpert-more>a {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.indexExtend-ul li {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.indexExtend-ul-name {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.IndexExpert-more>a {
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.indexPrize-swiper {
|
|
height: 100%;
|
|
}
|
|
|
|
.indexExtend-ul li::before {
|
|
top: 10%;
|
|
}
|
|
|
|
.IndexExpertNew {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.IndexExpertNew-title {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.IndexExpertNew li {
|
|
width: calc(100% - 6px);
|
|
margin: 8px 3px;
|
|
}
|
|
|
|
|
|
/* 分院概况 */
|
|
.survey {
|
|
padding: 2px 0 0;
|
|
}
|
|
|
|
.surveyCont {
|
|
margin-bottom: 15px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.surveyBrief-top {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.surveyBrief-img {
|
|
margin-top: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.surveyLeader-img::after {
|
|
right: -16px;
|
|
width: 17px;
|
|
}
|
|
|
|
.surveyBrief-cont {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.surveyBrief-tips {
|
|
height: 100%;
|
|
margin: 10px 0;
|
|
}
|
|
.surveyLeader-post::after{
|
|
width: 100%;
|
|
}
|
|
|
|
/* 二级导航 */
|
|
.secondLeft-list {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.secondLeft-list>li a:hover::before,
|
|
.secondLeft-list>li.active a::before {
|
|
width: 0;
|
|
}
|
|
|
|
/* 二级导航 */
|
|
.surveyLeader {
|
|
margin: 15px 0px;
|
|
}
|
|
|
|
.surveyLeader li {
|
|
margin: 10px 15px;
|
|
width: calc(50% - 30px);
|
|
}
|
|
|
|
.surveyLeader-img {
|
|
width: 77px;
|
|
height: 91px
|
|
}
|
|
|
|
.surveyLeader-name span {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.surveyLeader-span span {
|
|
width: 99%;
|
|
white-space: nowrap;
|
|
font-size: 12px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
/* 新闻动态 */
|
|
.newPrize-swiper {
|
|
height: 130px;
|
|
}
|
|
|
|
.indexExtend-ul-text {
|
|
font-size: 13px;
|
|
}
|
|
|
|
/* 科学研究 */
|
|
.studyTerrace-tips {
|
|
left: 44%;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 12px;
|
|
}
|
|
|
|
.studyDynamic-icon {
|
|
align-items: center;
|
|
}
|
|
|
|
/* 人才队伍 */
|
|
.innovate-swiper {
|
|
height: 180px;
|
|
width: 100%;
|
|
}
|
|
|
|
.talent {
|
|
width: 100%;
|
|
}
|
|
|
|
.think {
|
|
width: 100%;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.innovate-ul {
|
|
height: 130px !important;
|
|
}
|
|
|
|
/* 联系我们 */
|
|
.contactPay{
|
|
margin: 10px 0 10px;
|
|
flex-direction: column;
|
|
}
|
|
.contactPay li {
|
|
margin: 10px 20px;
|
|
}
|
|
|
|
/* 友情链接 */
|
|
.link {
|
|
padding: 20px 0;
|
|
}
|
|
|
|
.linkUl>li {
|
|
width: 100%;
|
|
}
|
|
|
|
.linkUl {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
/* 底部 */
|
|
.footerList li {
|
|
display: flex;
|
|
flex-direction: column;
|
|
color: #fff;
|
|
}
|
|
|
|
.footerList>li>span {
|
|
color: #fff;
|
|
}
|
|
|
|
.footer {
|
|
padding: 20px 0;
|
|
}
|
|
|
|
} |