html {
  font-size: 100px;
}

html,
body {
  font-family: Arial, "微软雅黑", Helvetica, sans-serif;
  font-size: 0.16rem;
  line-height: 0.4rem;
  background-color: #fff;
  padding: 0;
  margin: 0;
  width: 100%;
  scroll-behavior: smooth;
}

body {
  color: #333;
}

/*
@font-face {
  font-family: OPPOSans;
  src: url('font/OPPOSans-R.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: DINPro;
  src: url('font/DIN.woff') format('woff'), url('font/D-DIN-PRO-500-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
*/
a:link,
a:visited {
  color: #333;
  text-decoration: none;
}

a:hover,
a:active {
  color: #0b3b87;
  text-decoration: none;
}

img {
  border: 0;
  vertical-align: middle;
  max-width: 100%;
  -ms-interpolation-mode: bicubic;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0);
  border-left: 1px solid rgba(0, 0, 0, 0);
}

::-webkit-scrollbar {
  width: 5px;
  height: 13px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  min-height: 28px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.trans {
  -webkittransition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
}

:focus {
  outline: 0;
}

.backfff {
  background: #fff;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.ovh {
  overflow: hidden;
}

.mt20 {
  margin-top: 20px;
}

.op0 {
  opacity: 0 !important;
}

.op1 {
  opacity: 1 !important;
}

.sdw {
  -webkit-box-shadow: #999 0px 0px 8px;
  -moz-box-shadow: #999 0px 0px 8px;
  box-shadow: #999 0px 0px 8px;
}

* {
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  -webkit-overflow-scrolling: touch;
}

body {
  max-width: 100vw;
  overflow-x: hidden;
}


/* 通用样式 */
.row {
  width: 15.8rem;
  margin: 0 auto;
}

/* 在pc下隐藏 在wap下隐藏*/
.pchide {
  display: none;
}

.waphide {
  display: block;
}

.fixed {
  position: fixed !important;
  z-index: 999;
  top: 0;
  left: 0;
}

.pdbox {
  padding: 1.3rem 0;
  overflow: hidden;
}


.box {
  width: 14rem;
  margin: 0 auto;
}

.header {
  z-index: 10;
}

.header .menu_btn {
  display: none;
}

.default_tit1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .4rem;
}

.default_tit1_left {
  color: #333;
  text-align: center;
  font-family: OPPOSans;
  font-size: .32rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
  padding-bottom: .15rem;
}

.default_tit1.w .default_tit1_left {
  color: #fff;
}

.default_tit1.w .default_tit1_right {

  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(5px);
  color: #fff;
}

.default_tit1_left::after {
  content: "";
  position: absolute;
  width: 66px;
  height: 3px;
  left: 0;
  bottom: 0;
  background: #00A0EB;
}

.default_tit1_right {
  color: #0A4FB1;
  text-align: center;
  font-family: OPPOSans;
  font-size: .16rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: .3rem;
  border: 1px solid rgba(10, 79, 177, 0.12);
  display: flex;
  align-items: center;
  gap: .1rem;
  padding: .10rem .4rem;
}

.default_tit1_right img {
  width: .08rem;
}

.header>.box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: url(../images/headerBg.png) no-repeat 40% center;
  padding: .24rem 0;
}

.header .nav {
  background: #0A4FB1;
  display: flex;
  align-items: center;
}

.header .link_btn {
  display: flex;
}

.header .search_bar {
  border-radius: .3rem;
  border: 1px solid rgba(2, 82, 187, 0.10);
  background: #F5F7FA;
  display: flex;
  justify-content: space-between
}

.header .links {
  display: flex;
  gap: .1rem;
  margin-left: .1rem;
}

.header .links a {
  border-radius: .3rem;
  border: 1px solid rgba(2, 82, 187, 0.10);
  background: #F5F7FA;
  display: flex;
  align-items: center;
  gap: .06rem;
  padding: 0 .2rem;
  white-space: nowrap;
}

.header .links a img {
  width: .24rem;
}

.header .search_bar input {
  color: #666;
  font-family: OPPOSans;
  font-size: 0.16rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: none;
  margin-left: 20px;
  background: none;
  width: 1.54rem;
}

.header .search_bar button {
  border: none;
  border-radius: .24rem;
  background: #0A4FB1;
  padding: .13rem .14rem;
  cursor: pointer;
}

.header .search_bar button img {
  width: .18rem;
  height: .2rem;
}

.search_list .searchtypeul,
.search_list .CNTypeul {
  display: none;
  background: rgb(48 97 164);
  box-shadow: 0 5px 10px rgb(0 0 0 /15%);
  padding: 0.15rem 0;
  border-radius: 8px;
}

.search_list .searchtypeul li {}

.search_list .searchtypeul li a,
.search_list .CNTypeul li a {
  display: block;
  font-size: 0.16rem;
  text-align: center;
  color: #fff;
  /* padding: 0.05rem 0; */
}

.search_list .searchtypeul li a:hover,
.search_list .CNTypeul li a:hover {
  background: rgba(255, 255, 255, 0.10);
}

.header .nav ul {
  width: 100%;
  display: flex;
}

.header .nav ul li {
  flex: 1;
  position: relative;
}

.header .nav ul li::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 1px;
  height: .2rem;
  opacity: 0.46;
  background: #333;
  transform: translateY(-50%);
}



.header .nav ul li a {
  width: 100%;
  height: 100%;
  display: block;
  color: #FFF;
  text-align: center;
  font-family: OPPOSans;
  font-size: .18rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  line-height: .6rem;
  position: relative;
}

.header .nav ul li>a::after {
  position: absolute;
  /* content: ""; */
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(100% - .4rem);
  height: 3px;
  background: #63C9FF;
  opacity: 0;
  transform: scaleX(0);
  transition: all .3s ease;
}

.header .nav .sub_nav {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 100;
  width: calc(100% - .4rem);
  display: flex;
  flex-direction: column;
  background: #fff;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-0.1rem);
  transition: all .3s cubic-bezier(.25, .46, .45, .94);
  transition-delay: .2s !important;
  padding: 0.05rem 0;
}


.header .nav .sub_nav a {
  color: #505050;
  text-align: left;
  font-family: OPPOSans;
  font-size: .16rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  padding: .1rem 0.2rem;
  display: block;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #F0F0F0;
  /* background: url(../images/right.png) no-repeat calc(100% - 20px) center; */
}

.header .nav .sub_nav a:last-child {
  border-bottom: none;
}

.header .nav .sub_nav a:hover {
  color: #fff;
  /* background: url(../images/rightW.png) no-repeat calc(100% - 20px) center; */
}

.header .nav .sub_nav a::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  z-index: -1;
  background: #004098;
  width: 0;
  transition: .3s ease-out;
}

.header .nav .sub_nav a:hover::after {
  width: 100%;
}

.header .nav ul li:hover a::after,
.header .nav ul li.active a::after {
  opacity: 1;
  transform: scaleX(1);
}

.header .nav ul li:hover .sub_nav {
  display: flex;
  visibility: visible;
  pointer-events: auto;
  opacity: 1;
  transform: translateY(0) scale(1);
  box-shadow: 0 5px 10px rgb(0 0 0 /15%);
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

.index1 {
  background: #004098;
  width: 100%;
  padding-bottom: 0.4rem;
  position: relative;
  z-index: 10;
}

.index1 .home_sw1 {
  width: 100%;
  overflow: hidden;
}

.index1 .home_sw1 .swiper-slide {
  width: 100%;
  height: 100%;
}

.index1 .home_sw1 .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index1_form {
  width: 10.8rem;
  margin: 0 auto;
}

.index1_form .change_tab {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  margin-top: 0.1rem;
  margin-bottom: 0.15rem;
}

.index1_form .change_btn {
  color: #FFF;
  font-family: OPPOSans;
  font-size: .18rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
  padding-bottom: .1rem;

  cursor: pointer;
}

.index1_form .change_btn::after {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  bottom: 0;
  height: 3px;
  background: #F2A900;
  transform: scaleX(0);
}

.index1_form .change_btn.active::after {
  transform: scaleX(1);
  transition: .3s;
}

.index1_search {
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.20);
  height: .7rem;
  margin: .15rem 0 0.3rem 0;
}

.index1_search .search_select {
  height: 100%;
  margin-right: 30px;
  position: relative;
  display: none;
}

.index1_search .search_select::after {
  position: absolute;
  content: "";
  right: -0.3rem;
  top: 50%;
  width: 1px;
  height: .3rem;
  background: #fff;
  transform: translateY(-50%);
  opacity: 0.2;
}

.index1_search .search_select .value {
  color: #FFF;
  font-family: OPPOSans;
  font-size: .2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  opacity: 0.7;
  background: url(../images/selectDown.png) no-repeat right center;
  background-size: .17rem;
  padding: 0 0.3rem 0 0.3rem;
  cursor: pointer;
  height: 100%;
  display: flex;
  align-items: center;
}

.index1_form_box {
  display: flex;
  align-items: center;
  height: 100%;
}

.index1_form_box input {
  flex: 1;
  height: 100%;
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.70);
  font-family: OPPOSans;
  font-size: .2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  padding-left: .3rem;

}

.index1_form_box input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.70);
}

.index1_form_box button {
  padding: 0 .3rem;
  height: 100%;
  border: none;
  background: none;
  cursor: pointer;
}

.index1_form_box button img {
  width: .24rem;
}

.index1_links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.index1_links a {
  border-radius: .06rem;
  background: rgba(255, 255, 255, 0.20);
  padding: 0.09rem .24rem;
  display: flex;
  gap: .12rem;
  color: #FFF;
  font-family: OPPOSans;
  font-size: .16rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  align-items: center;
  transition: .15s;
}

.index1_links a img {
  width: .2rem;
}

.index2 {
  background: url(../images/index2Bg.png) no-repeat left top #fff;
  position: relative;
  padding: .6rem 0 .8rem 0;
  width: 100%;
}

.index2 .box {
  position: relative;
  z-index: 2;
}

.index2::after {
  content: "";
  background: url(../images/index2Bg2.png) no-repeat right bottom;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}

.index2_row {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.index_sw1 {
  width: calc((100% - 30px) / 2);
  height: 4.22rem;
  overflow: hidden;
  position: relative;
}

.index_sw1 .swiper-slide {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 65%, rgba(0, 0, 0, 0.66) 100%);
  overflow: hidden;
}

.index_sw1 .swiper-slide .img {
  width: 100%;
  height: 100%;
}

.index_sw1 .swiper-slide .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: .3s;
}

.index_sw1 .swiper-slide:hover .img img {
  transform: scale(1.1);
}

.index_sw1 .swiper-slide .txt {
  position: absolute;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: .24rem 1.5rem .24rem .24rem;
  width: 100%;
  box-sizing: border-box;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 65%, rgba(0, 0, 0, 0.66) 100%);
  height: 100%;
  justify-content: flex-end;
}

.index_sw1 .swiper-slide .txt img {
  width: .2rem;
}

.index_sw1 .swiper-pagination {
  width: auto !important;
  right: 0.24rem;
  left: auto !important;
  bottom: 0.20rem !important;
}

.index_sw1 .swiper-pagination .swiper-pagination-bullet {
  width: 0.08rem;
  height: 0.08rem;
  background: #fff;
}

.index_sw1 .swiper-slide .txt span {
  color: #FFF;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: DINPro;
  font-size: .16rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-radius: .3rem;
  background: #00A0EB;
  padding: .06rem .15rem;
  display: flex;
  align-items: center;
  gap: .06rem;
}

.index_sw1 .swiper-slide .txt b {
  overflow: hidden;
  color: #FFF;
  text-overflow: ellipsis;
  font-family: OPPOSans;
  font-size: .22rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 0.1rem;
  white-space: nowrap;
  width: 100%;
}



.index2_list {
  width: calc((100% - 30px) / 2);
  border-radius: 20px;
  background: #F5F7FA;
  padding: .3rem 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.index2_list a {
  border-radius: .1rem;
  display: flex;
  align-items: center;
  gap: .15rem;
  width: calc(100% - .6rem);
  margin: 0 auto;
  padding: .05rem 0;
  background: #F5F7FA;
  box-sizing: border-box;
  transition: .2s;

}

.index2_list a .point {
  width: .05rem;
  height: .05rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #0A4FB1;
}

.index2_list a .title {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #333;
  text-overflow: ellipsis;
  font-family: OPPOSans;
  font-size: .18rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.index2_list a .time {
  color: #999;
  text-align: center;
  font-family: DINPro;
  font-size: .16rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.index2_list a:hover {
  background: #0A4FB1;
  width: calc(100% - .2rem);
  padding: 0.15rem .2rem;
  box-sizing: border-box;

}

.index2_list a:hover .point {
  background: #fff;
}

.index2_list a:hover .title {
  color: #fff;
}

.index2_list a:hover .time {
  color: #fff;
}


.index3 {
  background: url(../images/index3Bg.png) no-repeat left bottom;
  background-size: 100% 100%;
  padding: 0.6rem 0;
}

.index3_list {
  width: 100%;
  position: relative;
}

.index3_list .index_sw2 {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: .1rem 0;
  margin-top: -0.1rem;
}

.index3_list .sw2_prev {
  left: -80px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.12);

  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(5px);
  width: .46rem;
  height: .46rem;
}

.index3_list .sw2_next {
  right: -80px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(5px);
  width: .46rem;
  height: .46rem;
}

.index3_list .swiper-pagination {
  display: none;
}

.index3_list .index_sw2 .swiper-slide {
  border-radius: .2rem;
  overflow: hidden;
  transition: .3s;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  content: "" !important;
}

.index3_list .index_sw2 .swiper-slide .img {
  width: 100%;
  height: 1.92rem;
  position: relative;
  overflow: hidden;

}

.index3_list .index_sw2 .swiper-slide .img .type {
  position: absolute;
  left: .1rem;
  top: .1rem;
  display: flex;
  align-items: center;
  gap: .06rem;
  border-radius: .2rem;
  background: #00A0EB;
  color: #FFF;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: OPPOSans;
  font-size: 0.15rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: .06rem .15rem;
}

.index3_list .index_sw2 .swiper-slide .img .type img {
  width: .18rem;
}

.index3_list .index_sw2 .swiper-slide .img img {
  width: 100%;
  min-height: 100%;
  /* height: 100%; */
  /* object-fit: cover; */
}

.index3_list .index_sw2 .swiper-slide .txt {
  display: flex;
  flex-direction: column;
  background: #FFF;
  padding: .2rem;
}

.index3_list .index_sw2 .swiper-slide .txt span {
  color: #0A4FB1;
  font-family: DINPro;
  font-size: 0.16rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 5px;
}

.index3_list .index_sw2 .swiper-slide .txt span img {
  width: .2rem;
}

.index3_list .index_sw2 .swiper-slide .txt b {
  color: #333;
  font-family: OPPOSans;
  font-size: 0.18rem;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  margin-top: 0.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  min-height: 0.58rem;
  /* 28.8px */
}



.index4 {
  padding: .6rem 0;
  background: url(../images/index4Bg.png) no-repeat left top;
}

.index4_list {
  display: flex;
  gap: .29rem;
}

.index_sw3 {
  overflow: hidden;
  width: 100%;
  /* padding: 0.2rem 0; */
}

.index_sw3 .swiper-wrapper {
  align-items: flex-start;
}

.index_sw3 .swiper-slide {
  width: 100%;
  transition: all 0.3s ease;
  border-radius: 8px;
  overflow: hidden;
  /* box-shadow: 0 0.1rem 0.15rem 0 rgba(0, 0, 0, 0.15); */
  height: auto;
}

/* 确保中间的幻灯片最大 */
.index_sw3 .swiper-slide.swiper-slide-active {
  transform: scale(1) !important;
  z-index: 10;
  opacity: 1;
}

.index_sw3 .swiper-slide.swiper-slide-next,
.index_sw3 .swiper-slide.swiper-slide-prev {
  transform: scale(0.85) !important;
}

.index_sw3 .swiper-slide.prev-active,
.index_sw3 .swiper-slide.next-active {
  transform: scale(0.75) !important;

}

/* 两边的幻灯片稍小 */
.index_sw3 .swiper-slide {
  transition: .3s;
  transform: scale(0.65) !important;
  /* opacity: 0.85; */
}

/* 更远的幻灯片更小 */

.index4_list a {
  width: 100%;
  transition: .3s;
}

.index4_list a .img {
  width: 100%;
  height: 2.46rem;
  border-radius: .1rem;
  overflow: hidden;
}

.index4_list a .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index4_list a .txt {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* display: none; */
  /* opacity: 0; */
  transition: .3s;
  margin-top: 0.15rem;
  width: calc(100% + 80px)
}

.index4_list .swiper-slide-active {
  /* overflow: initial; */
}

.index4_list .swiper-slide-active a .txt {
  display: flex;
  border-radius: 0 0 10px 10px;
  /* border: 1px solid #DBE9F6; */
  /* background: #FFF; */
  opacity: 1;
}

.index4_list .swiper-slide-active a .img {
  position: relative;
  overflow: initial;
}

.index4_list .swiper-slide-active a .img::after {
  content: "";
  position: absolute;
  height: 130px;
  left: -40px;
  right: -40px;
  bottom: -15px;

  /* background: url(../images/imgbg.png) no-repeat center center; */
  background-size: 100% 100%;
  z-index: 1;
}

.index4_list .swiper-slide-active a .img img {
  z-index: 10;
  position: relative;
}

.index4_list a .txt b {
  color: #333;
  text-align: center;
  font-family: OPPOSans;
  font-size: .18rem;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 28.8px */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: 100%;
  word-break: break-all;
  margin-bottom: 0.1rem;
}

.index4_list .txt span {
  overflow: hidden;
  color: #0A4FB1;
  text-align: center;
  text-overflow: ellipsis;
  font-family: OPPOSans;
  font-size: .14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.index5 {
  padding: .6rem 0;
  background: linear-gradient(180deg, #D7EEFE 0%, #F9FAFE 100%);
}

.index5_list {
  display: flex;
  flex-wrap: wrap;
  gap: .29rem;
}

.index5_list a {
  width: calc((100% - .9rem) / 4);
  display: flex;
  gap: 20px;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.06);
  padding: .1rem;
  box-sizing: border-box;
  position: relative;
}

.index5_list a .img {
  width: .8rem;
  height: 1.17rem;
  border-radius: .1rem;
  overflow: hidden;
}

.index5_list a .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index5_list a {
  transition: .3s;
}

.index5_list a .txt {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.index5_list a .txt b {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #333;
  text-overflow: ellipsis;
  font-family: OPPOSans;
  font-size: 0.18rem;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 28.8px */
}

.index5_list a .txt span {
  overflow: hidden;
  color: #0A4FB1;
  text-overflow: ellipsis;
  font-family: OPPOSans;
  font-size: 0.14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0.05rem;
}

.index5_list a::after {
  position: absolute;
  content: "01.";
  right: 10px;
  bottom: 10px;
  color: #0A4FB1;
  text-align: right;
  leading-trim: both;
  text-edge: cap;
  font-family: DINPro;
  font-size: 0.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  opacity: 0.1;
  display: none;
}

.index5_list a:nth-child(2)::after {
  content: "02.";
}

.index5_list a:nth-child(3)::after {
  content: "03.";
}

.index5_list a:nth-child(4)::after {
  content: "04.";
}

.index5_list a:nth-child(5)::after {
  content: "05.";
}

.index5_list a:nth-child(6)::after {
  content: "06.";
}

.index5_list a:nth-child(7)::after {
  content: "07.";
}

.index5_list a:nth-child(8)::after {
  content: "08.";
}


.list_banner {
  position: relative;
}

.list_banner::after {
  content: "";
  position: absolute;
  width: 3px;
  height: .3rem;
  background: #fff;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}

.list_banner::before {
  content: "";
  position: absolute;
  width: 3px;
  height: .3rem;
  background: #0A4FB1;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
}

.list_banner .box {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.list_banner .box .list_title {
  color: #FFF;
  font-family: OPPOSans;
  font-size: .4rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
}

.list_banner .box .location {
  position: absolute;
  right: 0;
  bottom: 0;
}

.list_banner .box .location a {
  color: rgba(255, 255, 255, 0.8);
  font-family: OPPOSans;
  font-size: .16rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
  padding-left: .2rem;
  margin-left: 0.1rem;
}

.list_banner .box .location a::after {
  position: absolute;
  content: "";
  width: .05rem;
  height: .05rem;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;

}

.list_banner .box .location a:first-child::after {
  display: none;
}

.list_banner .box .location a:hover {
  color: #fff;
}

.default_page {
  padding: 0.5rem 0;
  background: #EDF2FA;
}

.default_subnav {
  display: flex;
  flex-wrap: wrap;
  gap: .1rem;
  margin-bottom: 0.4rem;
}

.default_subnav a {
  border-radius: .26rem;
  border-bottom: 1px solid #D3D3D3;
  background: #FFF;
  padding: .12rem 0.2rem;
  color: #666;
  font-family: OPPOSans;
  font-size: .18rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: background color .3s;
}

.default_subnav a:hover,
.default_subnav a.active {
  background: #0A4FB1;
  color: #fff;
}

.default_list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: .2rem;
}

.default_list a {
  border-radius: .2rem;
  border-bottom: 1px solid #D3D3D3;
  background: #FFF;
  display: flex;
  padding: .2rem;
  gap: 0.3rem;
  transition: .3s;
  background: #fff;
  align-items: flex-start;
}

.default_list a:hover {
  background: url(../images/listItem.png) no-repeat left top #004098;
}

.default_list a .imgbox {
  position: relative;
  overflow: hidden;
  border-radius: .1rem;
  min-width: 0.66rem;
  min-height: 0.66rem;
  background: #0A4FB1;
}

.default_list a .imgbox img {
  width: 2.59rem;
  height: 1.6rem;
}

.default_list a .imgbox .time {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0 .1rem .1rem .1rem;
  background: #0A4FB1;
  width: .66rem;
  height: .66rem;
  gap: 0.1rem;
  transition: .3s;
}

.default_list a .imgbox .time b {
  color: #FFF;
  leading-trim: both;
  text-edge: cap;
  font-family: DINPro;
  font-size: .32rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
}

.default_list a .imgbox .time span {
  color: #FFF;
  leading-trim: both;
  text-edge: cap;
  font-family: DINPro;
  font-size: .12rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}


.default_list a .txt {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: .15rem;
}

.default_list a .txt .title {
  overflow: hidden;
  color: #333;
  text-overflow: ellipsis;
  font-family: OPPOSans;
  font-size: .21rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.default_list a .txt .des {
  overflow: hidden;
  color: #666;
  text-overflow: ellipsis;
  font-family: OPPOSans;
  font-size: .14rem;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  align-self: stretch;
  /* 22.4px */
}

.default_list a:hover .imgbox .time {
  background: #fff;
}

.default_list a:hover .imgbox .time b,
.default_list a:hover .imgbox .time span {
  color: #004098;
}

.default_list a:hover .txt .title {
  color: #fff;
}

.default_list a:hover .txt .des {
  color: rgba(255, 255, 255, 0.66);
}

.default_img_list {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}

.default_img_list a {
  width: calc((100% - 0.8rem) / 3);
  padding:0 0.3rem;
  height: 2.6rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .2rem;
  border-bottom: 1px solid #D3D3D3;
  background: #FFF;
  overflow: hidden;
  box-sizing: border-box;
  transition: .3s;
}

.default_img_list .imgbox {
  max-width: 100%;
  max-height: 100%;
}

.default_img_list .imgbox img {
  max-width: 100%;
  max-height: 100%;
}

.footer {
  background: url(../images/footerBg.png) no-repeat #004098;
  width: 100%;
  background-size: 100%;
  /* mix-blend-mode: luminosity; */
}

.footer_row {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: .5rem 0;
}

.footer_left {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0.1rem;
}

.footer_left img {
  width: 2.78rem;
  margin-bottom: 0.2rem;
}

.footer .footer_left ul {
  /* display: flex; */
  gap: .3rem;
  /* margin-top: .35rem; */
  display: none;
}

.footer .footer_left ul li a {
  color: #FFF;
  font-family: OPPOSans;
  font-size: .16rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

.footer .footer_left .des {
  color: #99b2d4;
  font-family: OPPOSans;
  font-size: .15rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
}

.footer .footer_left .des .jszc {
  margin-left: 0.2rem;
}

.footer .footer_left .des a {
  color: #99b2d4;
  font-family: OPPOSans;
  font-size: .15rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-size: 0.15rem;
}
.footer .footer_left .des a:first-child{margin-left: 5px;}
.footer .footer_left .des a:hover {
  color: #fff;
}

.footer_right {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #99b2d4;
  font-family: OPPOSans;
  font-size: .14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: lowercase;
  gap: .1rem;
}

.footer_right img {
  width: 1.1rem;
}

.copy_right {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid rgba(255, 255, 255, 0.10);
  margin-top: 0.2rem;
  padding: 0.2rem 0;
}

.copy_right p {
  color: #FFF;
  text-align: right;
  font-family: OPPOSans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

.copy_right p a {
  color: #FFF;
  text-align: right;
  font-family: OPPOSans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}


/* 新版分页 */
[id$='Page'] {
  width: 100%;
  text-align: center;
}

.layui-laypage {
  margin-top: 30px;
}

[id$='Page'] .layui-laypage a:hover {
  color: #004098;
}

[id$='Page'] .layui-laypage input:focus,
[id$='Page'] .layui-laypage select:focus {
  border-color: #004098 !important;
}

[id$='Page'] .layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: #004098;
}

[id$='Page'] .layui-laypage a,
[id$='Page'] .layui-laypage span {
  background: none;
  font-size: 0.15rem;
}

/* 图书馆2025官网分页样式 - 针对浅蓝背景 (#EDF2FA) 优化 */
[id$='Page'] .layui-laypage {
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

/* 1. 通用页码/功能按钮样式 */
[id$='Page'] .layui-laypage a,
[id$='Page'] .layui-laypage .layui-laypage-btn {
  border: 1px solid #D0DDEB;
  /* 与背景协调的浅蓝灰色边框 */
  color: #4a5c6d;
  /* 深灰蓝色文字，保证可读性 */
  background-color: #fff;
  /* 白色背景使按钮突出 */
  border-radius: 4px;
  /* 统一的圆角 */
  margin: 0 3px;
  padding: 0 12px;
  height: 32px;
  line-height: 30px;
  transition: all 0.2s ease;
  /* 添加过渡效果使交互更平滑 */
  text-decoration: none;
  /* 去除下划线 */
  display: inline-block;
  cursor: pointer;
}

/* 2. 当前页高亮样式 */
[id$='Page'] .layui-laypage .layui-laypage-curr {
  margin: 0 3px;
}

[id$='Page'] .layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: #5B8FF9;
  /* 主色调：清新的蓝色 */
  border-radius: 4px;
  border: none;
  /* 取消边框，使色块更整体 */
}

[id$='Page'] .layui-laypage .layui-laypage-curr em {
  color: #fff;
  /* 当前页数字用白色 */
}

/* 3. 上下页按钮特定样式 (可选：让它们更突出些) */
[id$='Page'] .layui-laypage .layui-laypage-prev,
[id$='Page'] .layui-laypage .layui-laypage-next {
  border-color: #B8C9DB;
  /* 比普通页码稍深的边框 */
  min-width: 60px;
  /* 确保有足够的宽度 */
  text-align: center;
}

/* 4. 禁用状态（上一页在首页时） */
[id$='Page'] .layui-laypage .layui-disabled {
  color: #a8b9ca;
  border-color: #E6ECF4;
  background-color: #f9fbfd;
  cursor: not-allowed;
}

/* 5. 鼠标悬停效果 */
[id$='Page'] .layui-laypage a:hover:not(.layui-disabled),
[id$='Page'] .layui-laypage .layui-laypage-btn:hover {
  border-color: #5B8FF9;
  /* 悬停时边框变为主色 */
  color: #5B8FF9;
  background-color: #F7FAFF;
  /* 非常浅的蓝色背景 */
}

/* 6. 下拉选择框(每页条数)样式 */
[id$='Page'] .layui-laypage .layui-laypage-limits select {
  border: 1px solid #D0DDEB;
  border-radius: 4px;
  color: #4a5c6d;
  background-color: #fff;
  height: 32px;
  padding: 0 8px;
  outline: none;
  /* 移除默认聚焦轮廓，下面自定义 */
  cursor: pointer;
}

[id$='Page'] .layui-laypage .layui-laypage-limits select:focus {
  border-color: #5B8FF9;
  /* 聚焦时高亮 */
}

/* 7. 跳转输入框和按钮 */
[id$='Page'] .layui-laypage .layui-laypage-skip input {
  border: 1px solid #D0DDEB;
  border-radius: 4px;
  color: #4a5c6d;
  background-color: #fff;
  height: 32px;
  width: 50px;
  text-align: center;
  margin: 0 5px;
}

[id$='Page'] .layui-laypage .layui-laypage-skip .layui-laypage-btn {
  margin-left: 10px;
}

/* 8. 刷新按钮图标微调 */
[id$='Page'] .layui-laypage .layui-laypage-refresh .layui-icon {
  font-size: 16px;
}

.detail {
  background: #fff;
  width: 100%;
  padding: .6rem 1rem;
  box-sizing: border-box;
}

.detail .title h3 {
  text-align: center;
  margin-bottom: 0.16rem;
  color: #333;
  text-overflow: ellipsis;
  font-family: OPPOSans;
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.4rem;
  /* 125% */
}

.detail .title p {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.12rem;
}

.detail .title p span {
  color: #004098;
  font-family: OPPOSans;
  font-size: 0.14rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.2rem;
  /* 142.857% */
}

.detail hr {
  border-bottom: 0.01rem solid #e2e8ee !important;
  margin: 0.2rem 0;
}

.detail .content {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  min-height: 5rem;
  color: #333;
  text-align: justify;
  font-family: OPPOSans;
  font-size: 0.18rem;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 0.288rem */
}

.detail .adjacent-articles p,
.detail .adjacent-articles span,
.detail .adjacent-articles a {
  color: #333;
  text-align: justify;
  font-family: OPPOSans;
  font-size: 0.16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 0.256rem */
}

.detail .adjacent-articles p+p {
  margin-top: 0.12rem;
}

.detail .adjacent-articles a:hover {
  color: #004098;
}

.detail p:has(img) {
  text-indent: 0 !important;
}

.detail p img {
  max-width: 100%;
  height: auto !important;
}

.detail tr p,
.detail td p {
  text-indent: 0 !important;
}

@media screen and (min-width: 768px) {
  .index1_links a:hover {
    box-shadow: 0 0 .085rem rgba(255, 255, 255, 0.66);
    color: #fff;
  }

  .index3_list .index_sw2 .swiper-slide:hover {
    transform: translateY(-0.1rem);
  }

  .index4_list a:hover {

    transform: translateY(-0.1rem);
  }

  .index5_list a:hover {
    transform: translateY(-0.1rem);
  }

  .default_img_list a:hover {
    transform: translateY(-0.1rem);
  }
}