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

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  -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;
}

@font-face {
  font-family: OPPOSans;
  src: url("../font/OPPOSans-R.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/** 通用样式 */
* {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  box-sizing: border-box;
}
*::after, *::before {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  box-sizing: border-box;
}

a {
  color: inherit;
}
a:hover {
  color: inherit;
}

input,
textarea {
  border: none;
  outline: none;
  background-color: transparent;
}

body {
  font-family: OPPOSans, Poppins, 微软雅黑;
  font-size: 16px;
  line-height: 16px;
  background-color: #fff;
  padding: 0;
  margin: 0;
  scroll-behavior: smooth;
}

.swiper-pagination-bullets {
  line-height: 0;
}
.swiper-pagination-bullets .swiper-pagination-bullet {
  border-radius: 0;
  opacity: 1;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 100%;
}

/** 通用组件 */
/**
.title1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  border-bottom: 2px solid #ffae00;
  h2 {
    padding-bottom: 12px;
    position: relative;
    color: #333;
    font-family: OPPOSans;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    &::before {
      content: '';
      position: absolute;
      top: 1px;
      right: -20px;
      width: 40px;
      height: 40px;
      background-image: url(../images/icon/global.png);
    }
    &::after {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 100%;
      height: 3px;
      background: linear-gradient(90deg, #66a6f5 0%, #184b8a 100%);
    }
  }
}
*/
.title1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  border-bottom: 2px solid #ffae00;
}
.title1 h2 {
  position: relative;
  padding-left: 37px;
  padding-bottom: 12px;
  color: #333;
  font-family: OPPOSans;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.title1 h2::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 32px;
  height: 32px;
}
.title1 h2::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 140px;
  height: 3px;
  background: linear-gradient(90deg, #66a6f5 0%, #184b8a 100%);
}
.title1 h2 span {
  color: #a0a5ab;
  font-family: Arial;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.title2 {
  width: fit-content;
}
.title2 h2 {
  position: relative;
  padding-bottom: 16px;
  color: #004285;
  font-family: OPPOSans;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  z-index: 0;
}
.title2 h2::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 4px;
  background-color: #004285;
  z-index: 1;
}

.list1 {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.list1 li {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  height: 60px;
}
.list1 li:hover h3 a {
  color: #004285;
}
.list1 li .date {
  flex-shrink: 0;
  width: 60px;
}
.list1 li .date h4 {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 36px;
  background: #004285;
  color: #fff;
  font-family: "Source Han Serif SC";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.list1 li .date h5 {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 24px;
  border: 1px solid rgba(0, 66, 139, 0.1);
  background: #f5fafd;
  color: #333;
  text-align: center;
  font-family: "Source Han Serif SC";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.list1 li h3 {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.list1 li h3 a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #333;
  text-align: justify;
  font-family: OPPOSans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 27.2px */
  transition: color 0.3s;
}

.list2 {
  display: flex;
  flex-direction: column;
}
.list2 li {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.list2 li:hover h3 a {
  color: #004285;
}
.list2 li h3 {
  flex-grow: 1;
  padding-left: 15px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list2 li h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 12px;
  background-image: url(../images/icon/listicon1.png);
}
.list2 li h3 a {
  white-space: nowrap;
  color: #222;
  font-family: OPPOSans;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.list2 span {
  flex-shrink: 0;
  color: #666;
  font-family: OPPOSans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.list2 hr {
  margin: 16px 0;
  border-bottom: 1px solid rgba(1, 64, 153, 0.1) !important;
}
.list2 hr:last-of-type {
  display: none;
}

.list3 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 10px;
}
.list3 li {
  position: relative;
  height: 60px;
  padding: 15px 30px 15px 40px;
  display: flex;
  align-items: center;
  background: linear-gradient(90deg, #f6f7fb 30%, #f6f7fb 100%);
  transition: background 0.3s;
}
.list3 li:hover {
  background: linear-gradient(90deg, #f6f7fb 30%, rgba(146, 196, 237, 0.8) 100%), #f6f7fb;
}
.list3 li:hover::before {
  transform: translateY(-50%) scaleY(100%);
}
.list3 li:hover h3 a {
  color: #004285;
}
.list3 li:hover .date {
  border-left: 1px solid #fff;
}
.list3 li:hover .date h4 {
  color: #fff;
}
.list3 li:hover .date h5 {
  color: #fff;
}
.list3 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) scaleY(37.5%);
  width: 3px;
  height: 100%;
  background: #004285;
  transition: transform 0.3s;
}
.list3 li h3 {
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list3 li h3 a {
  color: #333;
  font-family: OPPOSans;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: color 0.3s;
}
.list3 li .date {
  flex-shrink: 0;
  padding-left: 30px;
  margin-left: 30px;
  border-left: 1px solid #dde7f4;
}
.list3 li .date h4 {
  color: #004285;
  text-align: right;
  font-family: DINPro;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px; /* 125% */
}
.list3 li .date h5 {
  color: #004285;
  text-align: right;
  font-family: DINPro;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
}

.leader-list li {
  position: relative;
  padding: 30px 0;
  padding-left: 30px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e3e7f2;
}
.leader-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 2px;
  height: 36px;
  transform: translateY(-50%);
  background: #004285;
}
.leader-list li .leader-position {
  flex-shrink: 0;
  width: 260px;
  color: #004285;
  font-family: OPPOSans;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.leader-list li .leader-position h3 {
  font-size: 20px;
}
.leader-list li .leader-position h4 {
  white-space: nowrap;
  font-size: 18px;
}
.leader-list li .leader-name {
  white-space: pre-wrap;
  flex-shrink: 0;
  width: 160px;
  color: #333;
  font-family: OPPOSans;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.leader-list li .leader-info {
  color: #333;
  font-family: OPPOSans;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/**
.more1 {
  position: relative;
  padding-right: 24px;
  color: #666;
  font-family: OPPOSans;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; 
  transition: color 0.3s;
  &:hover {
    color: $main-color;
  }
  &::before {
    content: '';
    position: absolute;
    right: 0;
    top: 4px;
    width: 16px;
    height: 16px;
    background-color: $main-color;
    background-image: url(../images/icon/plus.png);
  }
}
*/
/*
.more1 {
  position: relative;
  padding-left: 28px;
  padding-right: 19px;

  color: $main-color;
  font-family: OPPOSans;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; 
  transition: color 0.3s;
  &:hover {
    color: $main-color;
  }
  &::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 37px;
    height: 28px;
    background-image: url(../images/icon/circle.png);
  }
  &::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 19px;
    height: 6px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='6' viewBox='0 0 19 6' fill='none'%3E%3Cg clip-path='url(%23clip0_280_869)'%3E%3Cpath d='M18.4684 4.59645C18.4686 4.57262 18.4631 4.549 18.4522 4.52695C18.4413 4.50491 18.4252 4.48488 18.405 4.46804L18.3877 4.45363L18.369 4.43802L13.6203 0.485814C13.5797 0.452102 13.5248 0.433167 13.4675 0.433167C13.4102 0.433167 13.3552 0.452102 13.3147 0.485814L12.6025 1.0775C12.5823 1.09424 12.5662 1.11415 12.5552 1.13609C12.5442 1.15803 12.5386 1.18156 12.5386 1.20532C12.5386 1.22909 12.5442 1.25262 12.5552 1.27456C12.5662 1.29649 12.5823 1.31641 12.6025 1.33314L16.2426 4.36361H4.79004C4.70172 4.36361 4.61702 4.39282 4.55457 4.44481C4.49212 4.49681 4.45703 4.56733 4.45703 4.64086V5.28656C4.45703 5.43899 4.60698 5.5638 4.79004 5.5638H18.1455C18.2336 5.56348 18.3179 5.53413 18.38 5.48217C18.4422 5.43021 18.4771 5.35988 18.4771 5.28656V4.63966C18.4756 4.62468 18.4727 4.60983 18.4684 4.59524V4.59645Z' fill='%23004285'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_280_869'%3E%3Crect width='19' height='6' fill='white' transform='translate(-0.000244141)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  }
}
*/
.more1 {
  position: relative;
  padding: 9px 12px;
  padding-left: 32px;
  height: fit-content;
  color: #fff;
  font-family: OPPOSans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  transition: color 0.3s, opacity 0.3s;
  background-color: #004285;
}
.more1:hover {
  color: #fff;
  opacity: 0.8;
}
.more1::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 9px;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 8H12' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 12V4' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.wrapper {
  width: 1280px;
  height: 100%;
  margin: 0 auto;
}

.header {
  height: 126px;
  background-image: url(../images/bg1.png);
}
.header > .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .left .logo {
  height: 60px;
}
.header .left .logo a {
  display: flex;
  align-items: center;
}
.header .left .logo img {
  width: auto;
  height: 100%;
}
.header .left .logo h1 {
  margin-left: 15px;
  color: #fff;
  font-family: OPPOSans;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.header .right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.header .right .links {
  display: flex;
  align-items: center;
}
.header .right .links .devider {
  width: 1px;
  height: 15px;
  background-color: #fff;
  margin: 0 10px;
}
.header .right .links .time {
  color: #fff;
  font-family: OPPOSans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: color 0.3s;
}
.header .right .links a {
  color: #fff;
  font-family: OPPOSans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: color 0.3s;
}
.header .right .links a:hover {
  opacity: 0.8;
}
.header .right .search {
  margin-top: 10px;
  width: 240px;
  height: 38px;
  padding: 9px 15px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
}
.header .right .search [type=text] {
  width: 175px;
  color: #333;
  font-family: OPPOSans;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.header .right .search [type=text]::placeholder {
  color: #999;
}
.header .right .search [type=submit] {
  width: 20px;
  height: 20px;
  background-image: url(../images/icon/search.png);
  cursor: pointer;
}

.nav {
  position: relative;
  height: 60px;
  z-index: 20;
}
.nav > .wrapper {
  width: 1200px;
}
.nav ul {
  display: flex;
  height: 100%;
  justify-content: space-between;
  align-items: center;
}
.nav ul li {
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.nav ul li:hover::before, .nav ul li.active::before {
  transform: translateX(-50%) scaleX(1);
}
.nav ul li:hover a, .nav ul li.active a {
  color: #004285;
}
.nav ul li:hover .nav-cont, .nav ul li.active .nav-cont {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%);
}
.nav ul li::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleX(0);
  bottom: 0;
  width: 100%;
  height: 3px;
  background: #fb0;
  transition: transform 0.3s;
}
.nav ul li .nav-tit a {
  display: block;
  height: 100%;
  display: flex;
  align-items: center;
  color: #333;
  text-align: center;
  font-family: OPPOSans;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  transition: color 0.3s;
}
.nav ul li .nav-cont {
  position: absolute;
  top: 100%;
  left: 50%;
  display: flex;
  flex-direction: column;
  min-width: 146px;
  visibility: hidden;
  transform-origin: top;
  transform: translate(-50%, -20px) scaleY(0.2);
  opacity: 0;
  transition: transform 0.3s, opacity 0.3s;
}
.nav ul li .nav-cont a {
  position: relative;
  background-color: #fff;
  display: flex;
  justify-content: center;
  padding: 10px 25px;
  border-bottom: 3px solid #fff;
  white-space: nowrap;
  transition: background-color 0.3s;
}
.nav ul li .nav-cont a:hover {
  background-color: #004285;
}
.nav ul li .nav-cont a:hover span {
  color: #fff;
}
.nav ul li .nav-cont a:hover span::before {
  background-color: #fff;
}
.nav ul li .nav-cont a span {
  position: relative;
  padding-left: 14px;
  text-align: center;
  color: #666;
  font-family: OPPOSans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: color 0.3s;
}
.nav ul li .nav-cont a span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  background-color: #666;
  transition: color 0.3s;
}

.sub-nav {
  width: 100%;
}
.sub-nav .title {
  height: 90px;
  background-image: url(../images/bg5.png);
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 3px solid #fb0;
}
.sub-nav .title h2 {
  color: #fff;
  font-family: OPPOSans;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.sub-nav .content {
  position: relative;
  min-height: 505px;
  padding: 10px 0 15px;
  background: linear-gradient(0deg, #f6f7fb 0%, #f6f7fb 100%), #f1f7ff;
}
.sub-nav .content::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.5;
  background: url(../images/bg8.png) no-repeat center bottom;
}
.sub-nav .content ul {
  display: flex;
  flex-direction: column;
}
.sub-nav .content li {
  position: relative;
  height: 65px;
  padding: 0 30px;
}
.sub-nav .content li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) scaleY(0);
  width: 4px;
  height: 32px;
  background: #184b8a;
  transition: all 0.3s;
}
.sub-nav .content li:hover::before, .sub-nav .content li.active::before {
  transform: translateY(-50%) scaleY(1);
}
.sub-nav .content li:hover a, .sub-nav .content li.active a {
  color: #004285;
}
.sub-nav .content li:hover a::before, .sub-nav .content li.active a::before {
  background-image: url(../images/icon/arrowright2.png);
}
.sub-nav .content li a {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  color: #333;
  font-family: OPPOSans;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: color 0.3s;
  border-bottom: 1px solid #dde7f4;
}
.sub-nav .content li a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background-image: url(../images/icon/arrowright1.png);
  transition: background-image 0.3s;
}

.location {
  display: flex;
  align-items: center;
}
.location p {
  position: relative;
  padding-left: 19px;
  color: #666;
  font-family: OPPOSans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.location p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
  height: 14px;
  background-image: url(../images/icon/home.png);
}
.location span,
.location a {
  color: #666;
  font-family: OPPOSans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: color 0.3s;
}
.location .devider {
  width: 14px;
  height: 14px;
  background-image: url(../images/icon/buttonright1.png);
  margin: 0 4px;
}
.location .devider:last-of-type {
  display: none;
}
.location a:hover {
  color: #004285;
}

.footer {
  min-height: 220px;
  padding: 46px 0;
  background-image: url(../images/bg3.png);
  background-size: cover;
}
.footer > .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer .info {
  display: flex;
  flex-direction: column;
}
.footer .info .bottom-nav {
  margin-bottom: 20px;
}
.footer .info .bottom-nav ul {
  display: flex;
  align-items: center;
}
.footer .info .bottom-nav ul li:hover a {
  color: rgba(255, 255, 255, 0.8);
}
.footer .info .bottom-nav ul li a {
  color: #fff;
  font-family: OPPOSans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: color 0.3s;
}
.footer .info .bottom-nav ul .devider {
  width: 1px;
  height: 10px;
  margin: 0 8px;
  transform: rotate(15deg);
  background-color: #d1d1d1;
  opacity: 0.5;
}
.footer .info .bottom-nav ul .devider:last-of-type {
  display: none;
}
.footer .info .contact-info {
  display: flex;
  gap: 30px;
  padding: 4px 0;
  margin-bottom: 6px;
}
.footer .info .contact-info p {
  color: rgba(255, 255, 255, 0.6);
  font-family: OPPOSans;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: color 0.3s;
}
.footer .info .contact-info p:hover {
  color: rgba(255, 255, 255, 0.8);
}
.footer .info .copyright {
  display: flex;
  gap: 30px;
}
.footer .info .copyright p,
.footer .info .copyright a {
  color: rgba(255, 255, 255, 0.6);
  font-family: OPPOSans;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 22.5008px */
  transition: color 0.3s;
}
.footer .info .copyright p:hover,
.footer .info .copyright a:hover {
  color: rgba(255, 255, 255, 0.8);
}
.footer .links {
  flex-shrink: 0;
  width: 250px;
}
.footer .links .links-item {
  position: relative;
}
.footer .links .links-item + .links-item {
  margin-top: 10px;
}
.footer .links .links-item.active .links-item-tit .link-icon::before {
  transform: translate(-50%, -50%) rotate(180deg);
}
.footer .links .links-item.active .links-item-cont {
  visibility: visible;
  opacity: 1;
  transform: scaleY(1);
}
.footer .links .links-item .links-item-tit {
  padding-left: 20px;
  display: flex;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.4);
  cursor: pointer;
}
.footer .links .links-item .links-item-tit h3 {
  padding-right: 20px;
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(255, 255, 255, 0.78);
  font-family: OPPOSans;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 22.5008px */
}
.footer .links .links-item .links-item-tit .link-icon {
  flex-shrink: 0;
  position: relative;
  width: 32px;
  height: 34px;
  border-left: 1px solid rgba(255, 255, 255, 0.4);
}
.footer .links .links-item .links-item-tit .link-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 18px;
  background-image: url(../images/icon/buttondown.png);
  transition: all 0.5s;
}
.footer .links .links-item .links-item-cont {
  visibility: hidden;
  opacity: 0;
  transform-origin: bottom;
  transform: scaleY(0);
  transition: all 0.5s;
  position: absolute;
  bottom: 100%;
  width: 100%;
  z-index: 10;
}
.footer .links .links-item .links-item-cont ul {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  max-height: 215px;
  overflow-y: auto;
}
.footer .links .links-item .links-item-cont li:hover {
  background-color: rgba(146, 196, 237, 0.8);
}
.footer .links .links-item .links-item-cont li:hover a {
  color: #004285;
}
.footer .links .links-item .links-item-cont li a {
  display: block;
  padding: 5px 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #222;
  font-family: OPPOSans;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.home-banner {
  height: 380px;
}
.home-banner .swiper-container {
  height: 100%;
}
.home-banner .swiper-container .swiper-slide {
  background-size: cover;
}
.home-banner .swiper-container .swiper-slide a {
  display: block;
  height: 100%;
}
.home-banner .swiper-container .swiper-pagination {
  bottom: 30px;
}
.home-banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.6);
  margin: 0 10px;
}
.home-banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  position: relative;
  background-color: #fff;
}
.home-banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.36);
}

.home-container {
  padding: 30px 0;
  position: relative;
  z-index: 0;
}
.home-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/bg7.png);
  opacity: 0.8;
  z-index: -1;
}

.home-section1 {
  min-height: 650px;
  padding: 30px 0;
}
.home-section1 > .wrapper {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
.home-section1 .department-dynamic {
  width: 843px;
}
.home-section1 .department-dynamic .title1 h2::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M27.3333 15.0667V9.3867C27.3333 4.01336 26.08 2.66669 21.04 2.66669H10.96C5.91996 2.66669 4.66663 4.01336 4.66663 9.3867V24.4C4.66663 27.9467 6.61331 28.7867 8.97331 26.2534L8.98661 26.24C10.0799 25.08 11.7466 25.1733 12.6933 26.44L14.04 28.24' stroke='%23004285' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.6667 9.33331H21.3334' stroke='%23004285' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 14.6667H20' stroke='%23004285' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.2813 19.6937L19.5613 24.4137C19.3746 24.6004 19.2013 24.947 19.1613 25.2004L18.9079 27.0004C18.8146 27.6537 19.2679 28.1071 19.9213 28.0137L21.7213 27.7604C21.9746 27.7204 22.3346 27.547 22.5079 27.3604L27.228 22.6404C28.0413 21.8271 28.428 20.8804 27.228 19.6804C26.0413 18.4937 25.0946 18.8804 24.2813 19.6937Z' stroke='%23F48C09' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.5989 20.3737C23.9989 21.8137 25.1189 22.9337 26.5589 23.3337' stroke='%23F48C09' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.home-section1 .department-dynamic .content {
  max-height: 650px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.home-section1 .department-dynamic .content .images-news,
.home-section1 .department-dynamic .content .common-news {
  display: flex;
  flex-wrap: wrap;
  gap: 13px 29px;
}
.home-section1 .department-dynamic .content .common-news .news-item:nth-of-type(n + 5) {
  display: none;
}
.home-section1 .department-dynamic .news-item {
  width: 406px;
  border-bottom: 1px solid #e6ecf5;
}
.home-section1 .department-dynamic .news-item.active {
  background: linear-gradient(0deg, #f4f4f4 0%, #f4f4f4 100%), #f6f7fb;
  padding: 25px;
  border: none;
}
.home-section1 .department-dynamic .news-item.active .txt .date {
  justify-content: space-between;
  margin-bottom: 14px;
}
.home-section1 .department-dynamic .news-item.active .txt .date h4 {
  flex-grow: 1;
  font-size: 18px;
}
.home-section1 .department-dynamic .news-item.active .txt .date .devider {
  flex-shrink: 0;
  position: static;
  width: 30px;
  height: 1px;
  background: #bbb;
  margin-right: 10px;
}
.home-section1 .department-dynamic .news-item.active .txt .date .devider::before {
  display: none;
}
.home-section1 .department-dynamic .news-item.active .txt .date h5 {
  flex-shrink: 0;
  color: #bbb;
  font-size: 16px;
}
.home-section1 .department-dynamic .news-item.active .txt h3 {
  height: 48px;
  margin-bottom: 16px;
}
.home-section1 .department-dynamic .news-item.active .txt h3 a {
  white-space: wrap;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.home-section1 .department-dynamic .news-item.active .txt h3 .toggle {
  display: none;
}
.home-section1 .department-dynamic .news-item.active .pic {
  display: block;
}
.home-section1 .department-dynamic .news-item .txt {
  display: flex;
  flex-direction: column;
}
.home-section1 .department-dynamic .news-item .txt .date {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.home-section1 .department-dynamic .news-item .txt .date h4 {
  color: #333;
  font-family: OPPOSans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.home-section1 .department-dynamic .news-item .txt .date .devider {
  position: relative;
  width: 10px;
}
.home-section1 .department-dynamic .news-item .txt .date .devider::before {
  content: "/";
  position: absolute;
  top: 50%;
  transform: translate(50%, -50%);
  color: #ccc;
  font-family: OPPOSans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.home-section1 .department-dynamic .news-item .txt .date h5 {
  color: #ccc;
  font-family: OPPOSans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.home-section1 .department-dynamic .news-item .txt h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 10px;
}
.home-section1 .department-dynamic .news-item .txt h3 a {
  display: block;
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
  font-family: OPPOSans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 133.333% */
}
.home-section1 .department-dynamic .news-item .txt h3 a:hover {
  color: #004285;
}
.home-section1 .department-dynamic .news-item .txt h3 .toggle {
  display: none;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background-image: url(../images/icon/plus1.png);
  cursor: pointer;
}
.home-section1 .department-dynamic .news-item .txt h3 .toggle a {
  display: block;
  height: 100%;
}
.home-section1 .department-dynamic .news-item .txt p {
  display: none;
  min-height: 44px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #666;
  font-family: OPPOSans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
}
.home-section1 .department-dynamic .news-item .pic {
  display: none;
  width: 100%;
  height: 220px;
}
.home-section1 .department-dynamic .news-item .pic img {
  width: 100%;
  height: 100%;
}
.home-section1 .notice {
  width: 396px;
}
.home-section1 .notice .title1 h2::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Cpath d='M2.83325 14.1667V19.8334C2.83325 22.6667 4.24992 24.0834 7.08325 24.0834H9.10908C9.63325 24.0834 10.1574 24.2392 10.6108 24.5084L14.7474 27.1009C18.3174 29.3392 21.2499 27.71 21.2499 23.5025V10.4975C21.2499 6.27586 18.3174 4.66086 14.7474 6.89919L10.6108 9.49169C10.1574 9.76086 9.63325 9.91669 9.10908 9.91669H7.08325C4.24992 9.91669 2.83325 11.3334 2.83325 14.1667Z' stroke='%23004285' stroke-width='2'/%3E%3Cpath d='M25.5 11.3333C28.0217 14.6908 28.0217 19.3091 25.5 22.6666' stroke='%23F48C09' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28.0925 7.79169C32.1867 13.2459 32.1867 20.7542 28.0925 26.2084' stroke='%23F48C09' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.home-section2 {
  min-height: 400px;
  padding: 30px 0;
  background-image: url(../images/bg4.png);
  background-size: cover;
}
.home-section2 > .wrapper {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
.home-section2 .news-item {
  width: 620px;
}
.home-section2 .news-item:nth-of-type(1) .title1 h2::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M4.46659 2.66663H16.3333C17.32 2.66663 18.1333 3.47997 18.1333 4.46663V6.43994C18.1333 7.15994 17.6799 8.0533 17.2399 8.50663L13.3733 11.92C12.84 12.3733 12.4799 13.2666 12.4799 13.9866V17.8533C12.4799 18.3866 12.12 19.1066 11.6666 19.3866L10.4133 20.2C9.23995 20.92 7.62659 20.1066 7.62659 18.6666V13.9066C7.62659 13.2799 7.26662 12.4666 6.90662 12.0133L3.49329 8.41329C3.03995 7.95996 2.67997 7.15995 2.67997 6.61328V4.54663C2.66664 3.47996 3.47993 2.66663 4.46659 2.66663Z' stroke='%23F48C09' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.66663 16V20C2.66663 26.6667 5.33329 29.3334 12 29.3334H20C26.6666 29.3334 29.3333 26.6667 29.3333 20V12C29.3333 7.84004 28.2933 5.2267 25.8799 3.8667C25.1999 3.48003 23.84 3.18669 22.6 2.98669' stroke='%23004285' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.3333 17.3334H23.9999' stroke='%23004285' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.6667 22.6666H24.0001' stroke='%23004285' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.home-section2 .news-item:nth-of-type(2) .title1 h2::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M29.2399 9.01331L24.7465 27.0533C24.4265 28.4 23.2265 29.3333 21.8399 29.3333H4.31985C2.30651 29.3333 0.866535 27.3599 1.46653 25.4266L7.07986 7.40002C7.46652 6.14669 8.62654 5.27991 9.93321 5.27991H26.3332C27.5999 5.27991 28.6532 6.05325 29.0932 7.11991C29.3465 7.69325 29.3999 8.34664 29.2399 9.01331Z' stroke='%23004285' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M21.3333 29.3333H27.7066C29.4266 29.3333 30.7732 27.88 30.6532 26.16L29.3333 8' stroke='%23004285' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.9067 8.50663L14.2934 2.7467' stroke='%23F48C09' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.8401 8.52002L23.0934 2.7334' stroke='%23F48C09' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.2666 16H20.9333' stroke='%23F48C09' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.93335 21.3334H19.6' stroke='%23F48C09' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.home-section3 {
  padding: 30px 0;
  min-height: 150px;
}
.home-section3 .link-item-group {
  display: flex;
  justify-content: space-between;
}
.home-section3 .link-item-group .link-item {
  position: relative;
  width: 290px;
  height: 90px;
  transition: transform 0.5s;
}
.home-section3 .link-item-group .link-item:hover {
  transform: translateY(-10px);
}
.home-section3 .link-item-group .link-item:nth-of-type(1) {
  background-image: url(../images/btnbg1.png);
}
.home-section3 .link-item-group .link-item:nth-of-type(1) .icon {
  background-image: url(../images/icon/btnicon1.png);
}
.home-section3 .link-item-group .link-item:nth-of-type(2) {
  background-image: url(../images/btnbg2.png);
}
.home-section3 .link-item-group .link-item:nth-of-type(2) .icon {
  background-image: url(../images/icon/btnicon2.png);
}
.home-section3 .link-item-group .link-item:nth-of-type(3) {
  background-image: url(../images/btnbg3.png);
}
.home-section3 .link-item-group .link-item:nth-of-type(3) .icon {
  background-image: url(../images/icon/btnicon3.png);
}
.home-section3 .link-item-group .link-item:nth-of-type(4) {
  background-image: url(../images/btnbg4.png);
}
.home-section3 .link-item-group .link-item:nth-of-type(4) .icon {
  background-image: url(../images/icon/btnicon4.png);
}
.home-section3 .link-item-group .link-item::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url(../images/icon/buttonright2.png);
}
.home-section3 .link-item-group .link-item a {
  display: flex;
  padding: 0 20px;
  width: 100%;
  height: 100%;
  align-items: center;
}
.home-section3 .link-item-group .link-item .icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #fff;
  background-size: 30px;
}
.home-section3 .link-item-group .link-item h2 {
  margin-left: 15px;
  color: #fff;
  font-family: OPPOSans;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.inner-banner {
  height: 260px;
}

.container {
  padding: 30px 0;
  min-height: 600px;
}
.container > .wrapper {
  display: flex;
  justify-content: space-between;
  gap: 60px;
}
.container .aside {
  flex-shrink: 0;
  width: 280px;
}
.container .main {
  width: 940px;
}
.container .main .top {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid #e3e7f2;
}
.container .main .center {
  position: relative;
  min-height: 500px;
  padding-bottom: 70px;
}
.container .main .center .pb_sys_common {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.container .main .leader {
  margin-top: -30px;
}

.detail .title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.detail .title h3 {
  margin-bottom: 15px;
  color: #333;
  text-align: center;
  font-family: 微软雅黑;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.detail .title p {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.detail .title p span {
  color: #999;
  text-align: center;
  font-family: 微软雅黑;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.detail hr {
  margin: 30px 0;
  border-bottom: 1px solid #ebebeb !important;
}
.detail .content {
  display: flex;
  flex-direction: column;
  color: #333;
  font-family: 微软雅黑 !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 160% !important; /* 25.6px */
}
.detail .content img {
  max-width: 100%;
}
.detail .content p {
  margin-top: 10px !important;
  font-family: 微软雅黑 !important;
  font-size: 16px !important;
  line-height: 160% !important; /* 25.6px */
}
.detail .content span {
  font-family: 微软雅黑 !important;
  font-size: 16px !important;
  line-height: 160% !important; /* 25.6px */
}

.pb_sys_common {
  margin-top: 60px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pb_sys_common .p_t {
  white-space: nowrap;
  color: #000;
  font-family: OPPOSans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 214.286% */
}
.pb_sys_common .p_pages {
  display: flex;
  align-items: center;
  margin-left: 10px !important;
}
.pb_sys_common .p_pages span,
.pb_sys_common .p_pages span a {
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  min-width: 36px;
  color: #76818a;
  font-family: OPPOSans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 214.286% */
}
.pb_sys_common .p_pages span {
  margin-left: 10px;
  background: linear-gradient(0deg, #f6f7fb 0%, #f6f7fb 100%), #eff6fc;
}
.pb_sys_common .p_pages span a {
  color: #000;
  margin-left: 0;
}
.pb_sys_common .p_pages span a:hover {
  color: #fff;
  background: #004285;
}
.pb_sys_common .p_pages .p_no_d {
  color: #fff;
  background: #004285;
}

/** 自适应调整 */
@media screen and (max-width: 1400px) {
  body {
    width: 1400px;
  }
}