From b603106591a9e052ec6592b0dd01a5f510abf251 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=8E=84=E5=B0=98?= <122383162@qq.com> Date: Mon, 12 Dec 2022 16:29:37 +0800 Subject: [PATCH 1/2] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E4=BB=A3=E7=A0=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/assets/index/css/style.css | 3065 ++++++++++++++++++++--- resources/views/category/fygk.blade.php | 4 +- 2 files changed, 2700 insertions(+), 369 deletions(-) diff --git a/public/assets/index/css/style.css b/public/assets/index/css/style.css index 2129773..1aeddc7 100644 --- a/public/assets/index/css/style.css +++ b/public/assets/index/css/style.css @@ -1,236 +1,1223 @@ /* 公共标签 */ -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;} +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);} +.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 { + 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;} +.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;} +.indexNav { + margin: 5px 0; +} -.indexDate {background-color: #203175; line-height: 44px; color: #b4d8f3; font-size: 15px;} +.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 { + 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-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;} +.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-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 {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;} +.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;} +.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 { + 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;} +.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 { + 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-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;} +.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;} +.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 { + 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>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 { + 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 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;} +.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;} +.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;} +.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;} +.footer { + background-color: #203175; + color: #fff; + padding: 40px 0; + text-align: center; +} + +.footerList>li { + line-height: 40px; +} + +.footerList>li>span { + margin: 0 10px; +} /* @@ -238,235 +1225,1579 @@ img {max-width: 100%;} */ /* 分院概况 */ -.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;} +.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::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.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.active a::after { + background-color: transparent; +} + .secondLeft-list>li a:hover>span, -.secondLeft-list>li.active a>span {color: #203175;} +.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;} +.secondLeft-list>li.active a>span::after { + opacity: 1; +} -.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;} +.secondLeft-img { + text-align: right; +} -.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;} +.secondRight { + background-color: #fff; + padding: 20px 30px; + box-sizing: border-box; +} -.surveyLeader {overflow: hidden; margin: 30px -30px;} -.surveyLeader li {float: left; margin: 0 30px; width: calc(33.33% - 60px);} -.surveyLeader li>a {display: block;} -.surveyLeader-img {position: relative; width: 200px; height: 240px;} -.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: 80px; height: 1px;} -.surveyLeader-span span {display: block; line-height: 26px; color: #afafaf;} +.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; +} -.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;} +.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;} +.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);} +.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 { + 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;} +.studyDynamic li { + height: 230px; + text-align: left; +} -.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%;} +.studyDynamic .indexTeam-cont { + padding: 10px 15px; + position: relative; +} -.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;} +.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;} +.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; +} -.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;} +.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;} +.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;} +.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;} +.Details { + margin-top: 30px; +} -.indexExtend-ul-time {font-size: 16px; color: #999; margin-bottom: 10px;} +.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;} +.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;} +.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;} +.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;} +.dateExtend { + margin-top: 30px; +} -.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;} +.dateExtend a { + display: flex; + margin-bottom: 20px; + border-bottom: 1px dashed #e6e6e6; + padding-bottom: 20px; + transition: .2s; +} -.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;} +.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;} +.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; + } + +} \ No newline at end of file diff --git a/resources/views/category/fygk.blade.php b/resources/views/category/fygk.blade.php index 75bcdc6..d119483 100644 --- a/resources/views/category/fygk.blade.php +++ b/resources/views/category/fygk.blade.php @@ -48,8 +48,8 @@