@charset "UTF-8";
.header2 {
  width: 100%;
  position: absolute;
  z-index: 10;
}

.header2 .header-box {
  height: 20.83vw;
  width: 100%;
}

.footer-box {
  height: 15.94vw;
  width: 100%;
}

.hero {
  width: 100%;
  height: 29.38vw;
}

.hero .swiper {
  width: 100%;
  height: 100%;
}

.hero .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.container .two_box {
  display: flex;
  justify-content: space-between;
  margin-top: 1.67vw;
}

.container .two_box .border-box-jianjie {
  width: 33.33vw;
  height: 21.77vw;
}

.container .two_box .border-box-new {
  width: 28.13vw;
  height: 21.77vw;
}

.container .two_box .border-box .title-box {
  display: flex;
  padding: 0.83vw 0;
  border: #ececec 0.05vw solid;
}

.container .two_box .border-box .title-box .l {
  width: 0.21vw;
  height: 1.56vw;
  background-color: #144387;
}

.container .two_box .border-box .title-box .chinese {
  font-size: 1.04vw;
  padding-left: 0.83vw;
}

.container .two_box .border-box .title-box .english {
  font-size: 0.83vw;
  line-height: 1.46vw;
  color: #969696;
  padding-left: 0.52vw;
}

.container .two_box .border-box .title-box .more {
  font-size: 0.63vw;
  line-height: 1.56vw;
  color: #969696;
  margin-left: auto;
  padding: 0 1.04vw;
}

.container .two_box .border-box .title-box .more:hover {
  color: #144387;
  font-weight: 700;
}

.container .two_box .border-box .content {
  display: flex;
  border: #ececec 0.05vw solid;
  border-top: none;
  position: relative;
  height: 18.28vw;
}

.container .two_box .border-box .content .jianzhu-img {
  width: 16.15vw;
  height: 16.15vw;
  margin: 1.04vw;
}

.container .two_box .border-box .content .text {
  font-size: 0.73vw;
  line-height: 1.46vw;
  text-align: justify;
  color: #000000;
  margin: 0.63vw 1.04vw 1.04vw 0;
  text-indent: 2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  overflow: hidden;
  text-overflow: ellipsis;
}

.container .two_box .border-box .content .btn {
  background-color: #5de2e1;
  width: 7.81vw;
  position: absolute;
  bottom: 1.15vw;
  left: 18.23vw;
}

.container .two_box .border-box .content .btn a {
  display: flex;
  width: 100%;
}

.container .two_box .border-box .content .btn a .btn-text {
  font-size: 0.73vw;
  color: #ffffff;
  background-color: #58d0cf;
  width: 5.73vw;
  line-height: 2.08vw;
  text-align: center;
}

.container .two_box .border-box .content .btn a .icon_right {
  width: 0.83vw;
  height: 0.83vw;
  margin: auto;
}

.container .two_box .border-box .content .content-new {
  margin: 0.52vw 0;
  overflow: hidden;
  /* 过渡效果，让滚动更平滑 */
  flex: 1;
  position: relative;
}

.container .two_box .border-box .content .content-new .news-content-list .news-item {
  padding: 0 1.25vw;
}

.container .two_box .border-box .content .content-new .news-content-list .news-item:hover {
  background-color: #dddddd;
}

.container .two_box .border-box .content .content-new .news-content-list .news-item a {
  display: flex;
  justify-content: space-between;
  border-bottom: #ececec 0.05vw solid;
  align-items: center;
  box-sizing: border-box;
  height: 2.81vw;
}

.container .two_box .border-box .content .content-new .news-content-list .news-item a .dian {
  width: 0.42vw;
  height: 0.42vw;
  background-color: #144387;
  margin-right: 0.52vw;
}

.container .two_box .border-box .content .content-new .news-content-list .news-item a .new-title {
  font-size: 0.83vw;
  color: #000000;
  width: 18.23vw;
  height: 1.04vw;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.container .two_box .border-box .content .content-new .news-content-list .news-item a .time {
  font-size: 0.63vw;
  color: #b2b2b2;
  margin-left: auto;
}

.function-modules {
  background-color: #f9f9f9;
  margin-top: 2.08vw;
}

.function-modules .module {
  display: flex;
  justify-content: space-between;
  padding: 2.76vw 0 2.4vw 0;
}

.function-modules .module .module-back {
  width: 100%;
  height: 100%;
  background-image: url("../Img/图层37.jpg");
  background-size: 100% 100%;
  object-fit: cover;
}

.function-modules .module .module-back .module-title-text {
  font-size: 1.04vw;
  color: #ffffff;
  padding: 1.04vw 2.08vw;
  border: #fff 0.1vw solid;
  margin: 2.08vw 0;
}

.function-modules .module .module-item {
  width: 11.56vw;
  height: 10.1vw;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 1.15vw 0;
}

.function-modules .module .module-item .icon-url-1 {
  background: url(../Img/工会之家.png);
}

.function-modules .module .module-item .icon-url-2 {
  background: url(../Img/青春风采.png);
}

.function-modules .module .module-item .icon-url-3 {
  background: url(../Img/理论学习.png);
}

.function-modules .module .module-item .icon-url-4 {
  background: url(../Img/党建动态.png);
}

.function-modules .module .module-item .module-item-icon {
  width: 3.13vw;
  height: 3.13vw;
  background-size: 3.13vw 6.25vw;
  background-position: 0 0;
}

.function-modules .module .module-item .module-item-gang {
  width: 3.13vw;
  height: 0.1vw;
  background-color: #58d0cf;
}

.function-modules .module .module-item .module-item-chinese {
  font-size: 0.94vw;
}

.function-modules .module .module-item .module-item-english {
  font-size: 0.94vw;
  color: #9f9f9f;
}

.function-modules .module .module-item:hover {
  background-color: #144387;
}

.function-modules .module .module-item:hover .module-item-icon {
  background-position: 0 -3.13vw;
}

.function-modules .module .module-item:hover .module-item-gang {
  background-color: #fff;
}

.function-modules .module .module-item:hover .module-item-chinese {
  color: #fff;
}

.function-modules .module .module-item:hover .module-item-english {
  color: #a7b2c9;
}

.container .links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1.56vw;
  gap: 1.04vw;
}

.container .links .links_item {
  width: 20.1vw;
  height: 2.6vw;
  background-color: #e3f4fc;
}

.container .links .links_item a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container .links .links_item a .links_item-icon {
  width: 1.56vw;
  height: 1.56vw;
  margin-right: 1.25vw;
}

.container .links .links_item a .links_item-name {
  font-size: 0.94vw;
  color: #144387;
}

.container .links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1.56vw;
  gap: 1.04vw;
}

.container .links .links_item {
  width: 20.1vw;
  height: 2.6vw;
  background-color: #e3f4fc;
}

.container .links .links_item:hover .links_item-name {
  font-weight: 700;
}

.container .links .links_item:hover .links_item-icon {
  width: 1.67vw;
  height: 1.67vw;
}

.container .links .links_item a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container .links .links_item a .links_item-icon {
  width: 1.56vw;
  height: 1.56vw;
  margin-right: 1.25vw;
}

.container .links .links_item a .links_item-name {
  font-size: 0.94vw;
  color: #144387;
}

.innovation {
  margin-top: 2.19vw;
  margin-bottom: 2.6vw;
}

.innovation .innovation-title {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.innovation .innovation-title .innovation-title-english {
  font-size: 1.35vw;
  color: #ddd;
  margin-bottom: 0.73vw;
}

.innovation .innovation-title .title-box {
  display: flex;
  align-items: center;
  margin-bottom: 1.77vw;
}

.innovation .innovation-title .title-box .innovation-title-chinese {
  font-size: 1.04vw;
  padding: 1.04vw 4.06vw;
  margin: 0 1.04vw;
  border: #969696 0.1vw solid;
}

.innovation .innovation-title .title-box hr {
  width: 8.65vw;
  height: 0.05vw;
}

.innovation .swiper {
  width: 55vw;
  height: 21.98vw;
}

.innovation #swiper-box {
  width: 62.5vw;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.3vw;
}

.innovation .ww {
  width: 55vw;
  height: 21.98vw;
}

.innovation .swiper-slide {
  margin-left: 0.21vw;
}

.innovation .swiper-slide .innovation-img {
  width: 17.29vw;
  height: 13.02vw;
  object-fit: cover;
  display: block;
}

.innovation .swiper-slide .innovation-box {
  border: #e6e6e6 0.1vw solid;
  background-color: #f5f5f5;
  width: 17.29vw;
  padding: 0 0.83vw;
}

.innovation .swiper-slide .innovation-box .innovation-name {
  font-size: 0.73vw;
  margin: 0.73vw 0 0.63vw 0;
  width: 15.47vw;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.innovation .swiper-slide .innovation-box .innovation-text {
  font-size: 0.63vw;
  line-height: 1.15vw;
  color: #969696;
  text-align: justify;
  width: 15.47vw;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.innovation .swiper-slide .innovation-box .innovation-tommon {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0.52vw 0 0.83vw 0;
}

.innovation .swiper-slide .innovation-box .innovation-tommon .innovation-time {
  font-size: 0.63vw;
  color: #969696;
}

.innovation .swiper-slide .innovation-box .innovation-tommon .click-box {
  width: 6.51vw;
  height: 1.56vw;
  background-color: #fff;
}

.innovation .swiper-slide .innovation-box .innovation-tommon .click-box:hover {
  background-color: #e1e1e1;
}

.innovation .swiper-slide .innovation-box .innovation-tommon .click-box:hover .click-text {
  font-weight: 900;
}

.innovation .swiper-slide .innovation-box .innovation-tommon .click-box a {
  display: flex;
  width: 100%;
  height: 100%;
}

.innovation .swiper-slide .innovation-box .innovation-tommon .click-box a p {
  font-size: 0.63vw;
  color: #144387;
  line-height: 1.56vw;
  text-align: center;
  flex: 1;
}

.innovation .swiper-slide .innovation-box .innovation-tommon .click-box a .innovation-img-box {
  width: 1.35vw;
  height: 100%;
  background-color: #5de2e1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.innovation .swiper-slide .innovation-box .innovation-tommon .click-box a .innovation-img-box img {
  width: 0.63vw;
  height: 0.63vw;
}

.innovation .button-next,
.innovation .button-prev {
  width: 2.5vw;
  height: 6.35vw;
  background-color: #1e9bde;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  /* Safari, Chrome等webkit内核浏览器 */
  -moz-user-select: none;
  /* Firefox浏览器 */
  -ms-user-select: none;
  /* IE和Edge浏览器 */
  user-select: none;
  /* 标准属性 */
}

.innovation .button-next .icon_left,
.innovation .button-next .icon_right,
.innovation .button-prev .icon_left,
.innovation .button-prev .icon_right {
  width: 0.89vw;
  height: 1.82vw;
  background-image: url("../Img/箭头左.png");
  background-size: 100% 100%;
}

@media (max-width: 760px) {
  .innovation .swiper-button-next {
    right: 20px;
    transform: rotate(90deg);
  }
  .innovation .swiper-button-prev {
    left: 20px;
    transform: rotate(90deg);
  }
}