/* banner 开始 */
.banner {
  width: 100%;
  height: 100vh;
}

.banner .swiper-slide video {
  object-fit: cover;
  object-position: 50% 60%;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 6;

}

.banner_container {
  width: 100%;
  height: 100%;
}

.swiper-slide>img {
  object-fit: cover;
  object-position: 50% 60%;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 6;
}


.scrollTips {
  position: absolute;
  left: 50%;
  bottom: 2.0833vw;
  /* 40px */
  display: flex;
  align-items: center;
  margin-left: -0.625vw;
  /* -12px */
  z-index: 999;
}

.scrollTips img {
  width: 1.25vw;
  /* 24px */
  height: 1.25vw;
  /* 24px */
  transform: translateY(0.5208vw);
  /* 10px */
  animation: rightBounceTransform 2s infinite;
}

@keyframes rightBounceTransform {

  0%,
  100% {
    transform: translateY(10px);
  }

  50% {
    transform: translateY(-10px);
  }
}

/* banner 结束 */

.news_switch {
  width: 100%;
  height: 32.2917vw;
  padding-top: 4.1667vw;
  display: flex;
  justify-content: center;
  background: url(xwBackGround.png) no-repeat center center;
  background-size: 100% 100%;
  box-sizing: border-box;
}

.news_switch_container {
  position: relative;
}

.news_switch_line {
  width: 0.0521vw;
  height: 1.25vw;
  background-color: #ccc;
  margin: 0 2.0833vw;
}

.news_switch_ul {
  display: flex;
  justify-content: center;
  margin-bottom: 1.7188vw;
}

.news_switch_ul li {
  height: 1.4063vw;
  line-height: 1.4063vw;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.news_switch_ul li i {
  display: block;
  width: 1.1458vw;
  height: 1.1458vw;
}

.news_switch_ul li a {
  font-size: 1.3542vw;
  color: #333;
  margin-left: 0.8333vw;
}

.news_switch_ul li:first-child i {
  background: url(ttIconDef.png) no-repeat center center;
  background-size: 100% 100%;
}

.news_switch_ul li:last-child i {
  background: url(jtIconDef.png) no-repeat center center;
  background-size: 100% 100%;
}

.news_switch_ul li:first-child:hover i,
.news_switch_ul li:first-child.active i {
  background: url(ttIconAct.png) no-repeat center center;
  background-size: 100% 100%;
}

.news_switch_ul li:first-child:hover a,
.news_switch_ul li:first-child.active a {
  background: linear-gradient(180deg, #00D3FF 0%, #024B9C 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-weight: bold;
}

.news_switch_ul li:last-child:hover i,
.news_switch_ul li:last-child.active i {
  background: url(jtIconAct.png) no-repeat center center;
  background-size: 100% 100%;
}

.news_switch_ul li:last-child:hover a,
.news_switch_ul li:last-child.active a {
  background: linear-gradient(180deg, #FF495C 0%, #D00A1F 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-weight: bold;
}

.news_switch_more {
  position: absolute;
  top: 0.0521vw;
  right: 0;
}

.news_switch_more a {
  font-size: 0.9375vw;
  color: #999;
}

.news_switch_list_group {
  display: flex;
}

.news_switch_list_item {
  width: 16.1458vw;
  height: 20.8333vw;
}

.news_switch_list_group:first-child .news_switch_list_item {
  margin-left: 1.0417vw;
}

.news_switch_list_group:last-child .news_witch_list_item {
  margin-right: 1.0417vw;
}

.news_switch_list_art {
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 1.0417vw;
  box-sizing: border-box;
  box-shadow: 0px 0.2083vw 0.5208vw 0px rgba(209, 209, 209, 0.3);
}

.group {
  height: 100%;
  width: 10.9375vw;
}

.group img {
  width: 100%;
  height: 100%;
}

.are_title {
  display: block;
  width: 100%;
  font-size: 0.9375vw;
  font-weight: 500;
  color: #333333;
  height: 2.8646vw;
  line-height: 1.4063vw;
  margin-top: 0.5208vw;
  margin-bottom: 1.0417vw;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.are_content {
  border-top: 0.0521vw solid #EEEEEE;
  padding-top: 1.0417vw;
  margin-bottom: 1.5625vw;
  line-height: 1.4063vw;
  width: 100%;
  height: 5.7292vw;
  font-size: 0.8333vw;
  color: #999999;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.are_time {
  display: flex;
  align-items: center;
  font-size: 0.8333vw;
  color: #9E9E9E;
}

.are_time i {
  display: block;
  width: 0.7813vw;
  height: 0.7813vw;
  background: url(dateIcon.png) no-repeat center center;
  background-size: 100% 100%;
  margin-right: 0.6vw;
}

.news_switch_list_item {
  background-color: #fff;
}

.news_switch_list .news_switch_list_group:first-child .news_switch_list_item:nth-child(2) .news_switch_list_art {
  background: url(art_item_bg1.png) no-repeat;
  background-size: 10.7813vw 3.5938vw;
  background-position-x: right;
  background-position-y: bottom;
}

.news_switch_list .news_switch_list_group:first-child .news_switch_list_item:nth-child(3) .news_switch_list_art {
  background: url(art_item_bg2.png) no-repeat;
  background-size: 10.7813vw 3.5938vw;
  background-position-x: right;
  background-position-y: bottom;
}

.news_switch_list .news_switch_list_group:first-child .news_switch_list_item:nth-child(4) .news_switch_list_art {
  background: url(art_item_bg3.png) no-repeat;
  background-size: 8.3854vw 3.2292vw;
  background-position-x: right;
  background-position-y: bottom;
}

.news_switch_list .news_switch_list_group:last-child .news_switch_list_item:nth-child(1) .news_switch_list_art {
  background: url(art_item_bg1.png) no-repeat;
  background-size: 10.7813vw 3.5938vw;
  background-position-x: right;
  background-position-y: bottom;
}

.news_switch_list .news_switch_list_group:last-child .news_switch_list_item:nth-child(2) .news_switch_list_art {
  background: url(art_item_bg2.png) no-repeat;
  background-size: 9.8958vw 3.4375vw;
  background-position-x: right;
  background-position-y: bottom;
}

.news_switch_list .news_switch_list_group:last-child .news_switch_list_item:nth-child(3) .news_switch_list_art {
  background: url(art_item_bg3.png) no-repeat;
  background-size: 8.3854vw 3.2292vw;
  background-position-x: right;
  background-position-y: bottom;
}

.news_switch_list .swiper-slide {
  display: flex !important;
  height: 20.8333vw !important;
  justify-content: space-between;
}

/* 新闻切换结束 */
/* 可持续发展切换区域开始 */
.news_switch_kcxfz {
  width: 100%;
  height: 35.4167vw;
  display: flex;
}

.kcxfz_left {
  width: 65%;
  height: 100%;
  overflow: hidden;
}

.kcxfz_right {
  width: 35%;
  height: 100%;
  background: url(tabRightBg.png) no-repeat center center;
  background-size: 100% 100%;
  padding-right: 18.75vw;
}

.kcxfz_right ul {
  margin-top: 4.1667vw;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.kcxfz_right .active {
  background: url(tabTitleActBg.png) no-repeat center center;
  background-size: 100% 100%;
}

.kcxfz_right ul li {
  box-sizing: border-box;
  width: 14.0625vw;
  height: 3.125vw;
  line-height: 3.125vw;
  padding-left: 6.4063vw;
  font-size: 0.9375vw;
  color: #fff;
  background: url(tabTitBg.png) no-repeat center center;
  background-size: 100% 100%;
  margin-bottom: 1.0417vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}

.kcxfz_right ul li i {
  display: block;
  width: 1.25vw;
  height: 1.25vw;
  margin-right: 0.625vw;
}

.kcxfz_right ul li:nth-child(1) i {
  background: url(pjIcon.png) no-repeat center center;
  background-size: 100% 100%;
}

.kcxfz_right ul li:nth-child(2) i {
  background: url(ryICon.png) no-repeat center center;
  background-size: 100% 100%;
}

.kcxfz_right ul li:nth-child(3) i {
  background: url(lnbgIcon.png) no-repeat center center;
  background-size: 100% 100%;
}

.kcxfz_right ul li:nth-child(4) i {
  background: url(xgzcIcon.png) no-repeat center center;
  background-size: 100% 100%;
}

.kcxfz_right_title {
  box-sizing: border-box;
  height: 2.6042vw;
  text-align: right;
  border-right: 0.2604vw solid #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 0.625vw;
  margin-top: 4.2708vw;
}

.kcxfz_right_title span {
  color: #fff;
}

.kcxfz_right_title_zh {
  font-size: 1.3542vw;
  font-weight: 500;
}

.kcxfz_right_title_en {
  font-size: 0.7292vw;
}

.pjList {
  width: 100%;
  height: 52.0833vw;
  background: url(pjBg.png) no-repeat center center;
  background-size: 100% 100%;
}

.pjList_content {
  width: 46.3542vw;
  height: 100%;
  position: absolute;
  right: 0;
}

.pjList_content p {
  width: 40.625vw;
  font-size: 1.1458vw;
  line-height: 1.7188vw;
  color: #333333;
  margin-left: 1.4583vw;
  margin-top: 4.1667vw;
  margin-bottom: 4.1667vw;
  text-align: center;
}

.pjList_content ul {
  width: 43.2292vw;
  height: 16.0938vw;
  background: url(pjUlBg.png) no-repeat center center;
  background-size: 100% 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}

.pjList_content ul div {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.pjList_content ul div:first-child li {
  width: 13.3333vw;
  height: 5.2083vw;
}

.pjList_content ul div:last-child li {
  width: 9.8958vw;
  height: 5.2083vw;
}


.pjList_content ul li a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pjList_content ul li a img {
  display: block;
  width: 100%;
  min-height: 5.2083vw;
}

.ryList {
  width: 100%;
  height: 100%;
  background: url(ryBg.png) no-repeat center center;
  background-size: 100% 100%;
}

.lnbgList {
  width: 100%;
  height: 25.4167vw;
  background: url(lnbgBg.png) no-repeat center center;
  background-size: 100% 100%;
  position: relative;
  overflow: hidden;
}

.xgzcList {
  width: 100%;
  height: 25.4167vw;
  /* 已是 vw，保留 */
  background: url(xgzcbg.png) no-repeat center center;
  background-size: 100% 100%;
}

.xgzcList_content {
  width: 43.25vw;
  height: 27.08vw;
  position: absolute;
  right: 3.13vw;
  top: 4.17vw;
}

.xgzcList .swiper-pagination {
  width: 43.25vw !important;
  position: absolute;
  right: 3.13vw;
  bottom: 1.77vw !important;
  left: unset !important;
}

.xgzcList_Item_swiper {
  width: 20.83vw;
  height: 12.76vw;
  background: #FFFFFF;
  padding: 1.56vw;
  float: left;
  margin-right: 1.56vw;
  margin-bottom: 1.56vw;
}

.xgzcList_Item_swiper:nth-child(2n) {
  margin-right: 0;
}

.xgzcList_Item_swiper:nth-child(3),
.xgzcList_Item_swiper:nth-child(4) {
  margin-bottom: 0;
}

.xgzcList_Item_Biaoti {
  display: block;
  width: 100%;
  font-size: 0.94vw;
  line-height: 1.41vw;
  /* 27px → 1.41vw */
  color: #333333;
  height: 2.81vw;
  /* 54px → 2.81vw */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 1.04vw;
}

.xgzcList_Item_Zhaiyao {
  width: 100%;
  height: 3.75vw;
  /* 72px → 3.75vw */
  font-size: 0.83vw;
  line-height: 1.25vw;
  /* 24px → 1.25vw */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 1.04vw;
}

.xgzcList_Item_Riqi {
  font-size: 0.83vw;
  color: #9E9E9E;
  display: flex;
  align-items: center;
}

.xgzcList_Item_Riqi i {
  display: block;
  width: 0.94vw;
  height: 0.94vw;
  background: url(dateIcon.png) no-repeat center center;
  background-size: 100% 100%;
  margin-right: 0.52vw;
}


.lnbgList .timeline_container {
  width: 45vw;
  height: 100%;
  position: relative;
  margin-left: auto;
  margin-right: 0;
}

.lnbgList .timeline_item {
  width: 9.375vw;
  margin-right: 1.9271vw;
  height: 100%;
  position: relative;
  background: url(dateLineDot.png) no-repeat center center;
  background-size: 1.0417vw 1.0417vw;
}

/* 奇数项 */
.lnbgList .timeline_item:nth-child(odd)>div:first-child {
  width: 100%;
  height: 50%;
  position: absolute;
  top: 0;
  padding-bottom: 0.7813vw;
  display: flex;
  align-items: flex-end;
}

.lnbgList .timeline_item:nth-child(odd)>div:last-child {
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.lnbgList .timeline_item:nth-child(odd)>div:last-child span {
  display: block;
  width: 4.1667vw;
  height: 2.1354vw;
  font-size: 1.1458vw;
  line-height: 2.6042vw;
  color: #FFFFFF;
  text-align: center;
  margin-top: 1.0417vw;
  position: relative;
}

/* 使用伪元素承载背景图 */
.lnbgList .timeline_item:nth-child(odd)>div:last-child span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(dateBg.png) no-repeat center center;
  background-size: 100% 100%;
  transform: rotate(180deg);
  z-index: -1;
}

/* 偶数项 */
.lnbgList .timeline_item:nth-child(2n)>div:first-child {
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  padding-top: 0.7813vw;
}

.lnbgList .timeline_item:nth-child(2n)>div:last-child {
  width: 100%;
  height: 50%;
  position: absolute;
  top: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.lnbgList .timeline_item:nth-child(2n)>div:last-child span {
  display: block;
  width: 4.1667vw;
  height: 2.1354vw;
  font-size: 1.1458vw;
  line-height: 1.8229vw;
  color: #FFFFFF;
  background: url(dateBg.png) no-repeat center center;
  background-size: 100% 100%;
  text-align: center;
  margin-bottom: 1.0417vw;
}

.lnbgList .timeline_item img {
  width: 9.375vw;
}

.ryList_content_item {
  width: 17.40vw;
  height: 4.22vw;
  background: url(ryItemBg.png) no-repeat center center;
  background-size: 100% 100%;
  align-items: center;
  margin-bottom: 2.34vw;
  display: flex;
  text-align: center;
}

.ryList_content_item a {
  margin: 0 auto;
  width: 13.46vw;
  font-size: 0.94vw;
  line-height: 1.41vw;
  color: #333333;
}

.ryList_content {
  width: 17.40vw;
  position: absolute;
  right: 3.13vw;
  top: 4.17vw;
}

.swiper-pagination {
  width: 17.40vw !important;
  position: absolute;
  right: 3.13vw;
  bottom: 4.17vw !important;
  left: unset !important;
}

.swiper-pagination-bullet {
  width: 0.83vw;
  height: 0.83vw;
  background: #fff;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: #0072D7;
}

/* 可持续发展切换区域结束 */

/* 科技创新区域开始 */
.kjcx {
  padding-top: 4.0578vw;
  background: url(kjcxBg.png) no-repeat center center;
  background-size: 100% 100%;
  padding-bottom: 4.16666vw;
}

.kjcx_title {
  width: 62.5vw;
  margin: 0 auto;
  height: 2.9167vw;
  display: flex;
  margin-top: 4.0578vw;
  margin-bottom: 2.5354vw;
}

.kjcx_title_line {
  height: 2.5vw;
  width: 0.2604vw;
  background: linear-gradient(180deg, #00D3FF 0%, #024B9C 100%);
  margin-right: 0.625vw;
}

.kjcx_title_text p:first-child {
  font-size: 1.3542vw;
  color: #333333;
  line-height: 1.875vw;
}

.kjcx_title_text p:last-child {
  font-size: 0.8333vw;
  color: #999999;
  line-height: 0.8333vw;
}

.kjcx_ul {
  width: 62.5vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1vw;
}

.kjcx_ul_item {
  width: 19.9479vw;
  padding-left: 1.1979vw;
}

.kjcx_ul_title {
  display: block;
  font-size: 1.1458vw;
  font-weight: 500;
  line-height: 1.25vw;
  margin-bottom: 1.0141vw;
  margin-top: 0.5115vw;
}

.kjcx_ul_zhaiyao {
  display: block;
  font-size: 0.8333vw;
  color: #333333;
  line-height: 1.25vw;
  margin-bottom: 1.5214vw;
}

.kjcx_ul .kjcx_ul_item:first-child {
  background: url(borderLine1.png) no-repeat left bottom;
  background-size: 0.6771vw 21.3021vw;
}

.kjcx_ul .kjcx_ul_item:first-child i {
  display: block;
  width: 2.0833vw;
  height: 2.0833vw;
  background: url(kjcxIcon1.png) no-repeat center center;
  background-size: 100% 100%;
}

.kjcx_ul .kjcx_ul_item:first-child .kjcx_ul_title {
  font-feature-settings: "kern" on;
  background: linear-gradient(180deg, #31DBFF 0%, #024D9E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.kjcx_ul .kjcx_ul_item:nth-child(2) {
  background: url(borderLine2.png) no-repeat left 0.6771vw;
  background-size: 0.6771vw 21.3021vw;
  transform: translateY(-3.0208vw);
  height: 20.5208vw;
  overflow: hidden;
}

.kjcx_ul .kjcx_ul_item:nth-child(2) i {
  display: block;
  width: 2.0833vw;
  height: 2.0833vw;
  background: url(kjcxIcon2.png) no-repeat center center;
  background-size: 100% 100%;
}

.kjcx_ul .kjcx_ul_item:nth-child(2) .kjcx_ul_title {
  font-feature-settings: "kern" on;
  background: linear-gradient(180deg, #B2F4FD 0%, #01AC95 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.kjcx_ul .kjcx_ul_item:last-child {
  background: url(borderLine3.png) no-repeat left 0.6771vw;
  background-size: 0.6771vw 19.2641vw;
  height: 19.2641vw;
  overflow: hidden;
}

.kjcx_ul .kjcx_ul_item:last-child i {
  display: block;
  width: 2.0833vw;
  height: 2.0833vw;
  background: url(kjcxIcon3.png) no-repeat center center;
  background-size: 100% 100%;
}

.kjcx_ul .kjcx_ul_item:last-child .kjcx_ul_title {
  font-feature-settings: "kern" on;
  background: linear-gradient(180deg, #FEF7AA 0%, #FF8D34 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.kjcx_ul_img {
  display: block;
  width: 100%;
  height: 10.3964vw;
  overflow: hidden;
  border-radius: 0px 2.0833vw 0px 0px;
}

.kjcx_ul_img img {
  width: 100%;
}

.hf_Con {
  width: 11.3194vw;
  height: 6.0764vw;
  position: fixed;
  bottom: 2vw;
  right: 0;
}

.hf_Con img {
  width: 100%;
}


/* 横幅结束 */