@charset "UTF-8";
/* CSS Document */
.main {
  width: 13.2rem;
  margin: 0 auto;
}

header {
  position: fixed;
  top: 0;
  z-index: 99;
  width: 100%;
}

header .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1rem;
  padding: 0 0.6rem;
  background: linear-gradient(to left, #e8f9ff, #f8fdff);
}

header .header .h_l {
  display: flex;
  align-items: center;
}

header .header .h_l .ll img {
  width: 0.64rem;
  height: 0.64rem;
}

header .header .h_l .bold {
  margin: 0 0.14rem;
  width: 0.01rem;
  height: 0.64rem;
  background: #004a99;
}

header .header .h_l .rr img {
  width: 2.3rem;
  height: 0.5rem;
}

header .header .h_r {
  display: flex;
  align-items: center;
}

header .header .h_r .nnv {
  display: block;
}

header .header .h_r .nnv ul {
  display: flex;
  align-items: flex-end;
  height: 1rem;
}

header .header .h_r .nnv ul li {
  margin: 0 0.05rem;
  padding: 0 0.1rem;
  height: 0.9rem;
}

header .header .h_r .nnv ul li a {
  height: 0.9rem;
  line-height: 0.9rem;
  display: block;
  color: #333;
  font-family: "PingFang SC";
  font-size: 0.16rem;
  font-weight: 400;
}

header .header .h_r .nnv ul li .xia {
  display: none;
  position: absolute;
  right: 0;
  top: 0.9rem;
  width: 1.14rem;
  background-size: 100% 100%;
  padding: 0.2rem 0 0.3rem 0;
}

header .header .h_r .nnv ul li .xia .xx a {
  display: block;
  color: #fff;
  font-family: "PingFang SC";
  font-size: 0.16rem;
  text-align: center;
  line-height: 0.3rem;
  height: 0.3rem;
}

header .header .h_r .nnv ul li .xia .xx:hover a {
  font-weight: bold;
}

header .header .h_r .nnv ul li:nth-child(1).active {
  background-image: url("../images/nav_a7.png");
  height: 0.9rem;
  background-size: 100% 100%;
  padding: 0 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

header .header .h_r .nnv ul li:nth-child(1).active a {
  color: #fff;
}

header .header .h_r .nnv ul li:nth-child(2).active {
  background-image: url("../images/nav_a1.png");
  height: 0.9rem;
  background-size: 100% 100%;
  padding: 0 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

header .header .h_r .nnv ul li:nth-child(2).active a {
  color: #fff;
}

header .header .h_r .nnv ul li:nth-child(3).active {
  background-image: url("../images/nav_a2.png");
  height: 0.9rem;
  background-size: 100% 100%;
  padding: 0 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

header .header .h_r .nnv ul li:nth-child(3).active a {
  color: #fff;
}

header .header .h_r .nnv ul li:nth-child(4).active {
  background-image: url("../images/nav_a3.png");
  height: 0.9rem;
  background-size: 100% 100%;
  padding: 0 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

header .header .h_r .nnv ul li:nth-child(4).active a {
  color: #fff;
}

header .header .h_r .nnv ul li:nth-child(5).active {
  background-image: url("../images/nav_a4.png");
  height: 0.9rem;
  background-size: 100% 100%;
  padding: 0 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

header .header .h_r .nnv ul li:nth-child(5).active a {
  color: #fff;
}

header .header .h_r .nnv ul li:nth-child(6).active {
  background-image: url("../images/nav_a5.png");
  height: 0.9rem;
  background-size: 100% 100%;
  padding: 0 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

header .header .h_r .nnv ul li:nth-child(6).active a {
  color: #fff;
}

header .header .h_r .nnv ul li:nth-child(7).active {
  background-image: url("../images/nav_a6.png");
  height: 0.9rem;
  background-size: 100% 100%;
  padding: 0 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

header .header .h_r .nnv ul li:nth-child(7).active a {
  color: #fff;
}

header .header .h_r .nnv ul li:nth-child(1):hover {
  background-image: url("../images/nav_a7.png");
  height: 0.9rem;
  background-size: 100% 100%;
  padding: 0 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

header .header .h_r .nnv ul li:nth-child(1):hover a {
  color: #fff;
}

header .header .h_r .nnv ul li:nth-child(2):hover {
  background-image: url("../images/nav_a1.png");
  height: 0.9rem;
  background-size: 100% 100%;
  padding: 0 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

header .header .h_r .nnv ul li:nth-child(2):hover a {
  color: #fff;
}

header .header .h_r .nnv ul li:nth-child(3):hover {
  background-image: url("../images/nav_a2.png");
  height: 0.9rem;
  background-size: 100% 100%;
  padding: 0 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

header .header .h_r .nnv ul li:nth-child(3):hover a {
  color: #fff;
}

header .header .h_r .nnv ul li:nth-child(4):hover {
  background-image: url("../images/nav_a3.png");
  height: 0.9rem;
  background-size: 100% 100%;
  padding: 0 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

header .header .h_r .nnv ul li:nth-child(4):hover a {
  color: #fff;
}

header .header .h_r .nnv ul li:nth-child(5):hover {
  background-image: url("../images/nav_a4.png");
  height: 0.9rem;
  background-size: 100% 100%;
  padding: 0 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

header .header .h_r .nnv ul li:nth-child(5):hover a {
  color: #fff;
}

header .header .h_r .nnv ul li:nth-child(6):hover {
  background-image: url("../images/nav_a5.png");
  height: 0.9rem;
  background-size: 100% 100%;
  padding: 0 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

header .header .h_r .nnv ul li:nth-child(6):hover a {
  color: #fff;
}

header .header .h_r .nnv ul li:nth-child(7):hover {
  background-image: url("../images/nav_a6.png");
  height: 0.9rem;
  background-size: 100% 100%;
  padding: 0 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

header .header .h_r .nnv ul li:nth-child(7):hover a {
  color: #fff;
}

header .header .h_r .nnv ul li:nth-child(2):hover {
  position: relative;
}

header .header .h_r .nnv ul li:nth-child(2):hover .xia {
  display: block;
  background-image: url("../images/nav_a1_x.png");
}

header .header .h_r .nnv ul li:nth-child(3):hover {
  position: relative;
}

header .header .h_r .nnv ul li:nth-child(3):hover .xia {
  display: block;
  background-image: url("../images/nav_a2_x.png");
}

header .header .h_r .nnv ul li:nth-child(4):hover {
  position: relative;
}

header .header .h_r .nnv ul li:nth-child(4):hover .xia {
  display: block;
  background-image: url("../images/nav_a6_x.png");
}

header .header .h_r .nnv ul li:nth-child(5):hover {
  position: relative;
}

header .header .h_r .nnv ul li:nth-child(5):hover .xia {
  display: block;
  background-image: url("../images/nav_a3_x.png");
}

header .header .h_r .nnv ul li:nth-child(6):hover {
  position: relative;
}

header .header .h_r .nnv ul li:nth-child(6):hover .xia {
  display: block;
  background-image: url("../images/nav_a4_x.png");
}

header .header .h_r .nnv ul li:nth-child(7):hover {
  position: relative;
}

header .header .h_r .nnv ul li:nth-child(7):hover .xia {
  display: block;
  background-image: url("../images/nav_a5_x.png");
}

header .header .h_r .nnv ul li:hover {
  position: relative;
}

header .header .h_r .nnv ul li:hover .xia {
  display: block;
}

header .header .h_r .nnv .ssho {
  width: 7.9rem;
  height: 0.7rem;
  border-radius: 0rem 0rem 0.3rem 0.3rem;
  border: 0.01rem solid #004a99;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

header .header .h_r .nnv .ssho input {
  flex: 1;
  color: #00458f;
  padding: 0 0.2rem;
  height: 100%;
  font-size: 0.25rem;
}

header .header .h_r .nnv .ssho .an {
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 0rem 0rem 0.3rem 0rem;
  background: #004a99;
}

header .header .h_r .nnv .ssho .an a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

header .header .h_r .nnv .ssho .an a img {
  width: 0.24rem;
  height: 0.24rem;
}

header .header .h_r .search {
  margin-left: 0.24rem;
}

header .header .h_r .search img {
  width: 0.24rem;
  height: 0.24rem;
}

header .header .h_r .search img:nth-child(2) {
  display: none;
}

header .header .h_r .search1 {
  display: none;
}

header .header .h_r .mid-search {
  display: none;
}

header .header .h_r .active img:nth-child(1) {
  display: none;
}

header .header .h_r .active img:nth-child(2) {
  display: block;
}

header .header .h_r .nav {
  display: none;
}

header .header .h_r .mask {
  display: none;
}

header .header .h_r .nav_li {
  display: none;
}

.index {
  background-image: url(../images/bg.png);
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  padding-top: 1rem;
}

.index .banner .swiper {
  position: relative;
  width: 100%;
  height: 5.83rem;
  overflow: hidden;
}

.index .banner .swiper-slide {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.index .banner .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
}

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

.index .banner .swiper-container-horizontal
> .swiper-pagination-bullets
.swiper-pagination-bullet {
  margin: 0 0.06rem;
}

.index .banner .swiper-pagination-bullet {
  width: 0.12rem;
  height: 0.12rem;
  opacity: 1;
}

.index .banner .swiper-pagination-bullet-active {
  width: 0.37rem;
  height: 0.12rem;
  background: #ffffff;
  border-radius: 0.95rem 0.95rem 0.95rem 0.95rem;
  opacity: 1;
}

.index .box1 {
  margin-top: 0.8rem;
}

.index .box1 .main .title {
  position: relative;
}

.index .box1 .main .title .tit {
  display: flex;
  align-items: center;
}

.index .box1 .main .title .tit .bold {
  width: 100%;
  height: 0.02rem;
  background: #cde5f8;
}

.index .box1 .main .title .tit .icon {
  margin: 0 0.2rem;
  text-align: center;
  color: #cde5f8;
  font-family: "PingFang SC";
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 500;
}

.index .box1 .main .title p {
  position: absolute;
  left: 6.5rem;
  top: 0.45rem;
  color: #004a99;
  font-family: "PingFang SC";
  font-size: 0.38rem;
  font-weight: bold;
}

.index .box1 .main .box {
  margin-top: 0.6rem;
  display: flex;
  justify-content: space-between;
}

.index .box1 .main .box .b_l a {
  display: block;
  width: 100%;
  height: 100%;
}

.index .box1 .main .box .b_l a img {
  width: 9.02rem;
  height: 5.07rem;
}

.index .box1 .main .box .b_l a .wen_box {
  padding: 0.28rem 0.2rem 0;
  width: 9.02rem;
  height: 2.04rem;
  background: #004a99;
}

.index .box1 .main .box .b_l a .wen_box .tit {
  color: #fff;
  text-align: right;
  font-family: "PingFang SC";
  font-size: 0.24rem;
  font-weight: 600;
}

.index .box1 .main .box .b_l a .wen_box .biao {
  color: #fff;
  text-align: right;
  font-family: "PingFang SC";
  font-size: 0.24rem;
  font-weight: 600;
}

.index .box1 .main .box .b_l a .wen_box .zi {
  margin-top: 0.15rem;
  color: #fff;
  font-family: "PingFang SC";
  font-size: 0.16rem;
  font-weight: 400;
  line-height: 0.3rem;
  /* 187.5% */
}

.index .box1 .main .box .b_r .bbx {
  margin-top: 0.18rem;
  position: relative;
  width: 4rem;
  height: 2.25rem;
}

.index .box1 .main .box .b_r .bbx a {
  display: block;
  width: 100%;
  height: 100%;
}

.index .box1 .main .box .b_r .bbx a img {
  width: 4rem;
  height: 2.25rem;
}

.index .box1 .main .box .b_r .bbx a .fu {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.56);
  width: 100%;
  height: 100%;
  padding: 0 0.2rem 0.18rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.index .box1 .main .box .b_r .bbx a .fu .zi {
  color: #fff;
  font-family: "PingFang SC";
  font-size: 0.2rem;
  font-weight: 600;
}

.index .box1 .main .box .b_r .bbx a .fu .time {
  color: #fff;
  font-family: "PingFang SC";
  font-size: 0.2rem;
  text-align: right;
  font-weight: 600;
}

.index .box1 .main .box .b_r .bbx:nth-child(1) {
  margin-top: 0;
}

.index .box1 .main .gd {
  margin-top: 0.1rem;
}

.index .box1 .main .gd a {
  text-align: right;
  display: block;
  color: #004a99;
  font-family: "PingFang SC";
  font-size: 0.2rem;
  font-weight: 300;
}

.index .box2 {
  margin-top: 1rem;
}

.index .box2 .main .title {
  position: relative;
}

.index .box2 .main .title .tit {
  display: flex;
  align-items: center;
}

.index .box2 .main .title .tit .bold {
  width: 100%;
  height: 0.02rem;
  background: #cde5f8;
}

.index .box2 .main .title .tit .icon {
  margin: 0 0.2rem;
  text-align: center;
  color: #cde5f8;
  font-family: "PingFang SC";
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 500;
}

.index .box2 .main .title p {
  position: absolute;
  left: 6.5rem;
  top: 0.45rem;
  color: #004a99;
  font-family: "PingFang SC";
  font-size: 0.38rem;
  font-weight: 500;
}

.index .box2 .sw_box {
  margin-top: 0.5rem;
}

.index .box2 .sw_box .swiper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.index .box2 .sw_box .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.index .box2 .sw_box .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
}

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

.index .box2 .sw_box .swiper-button-next:after,
.index .box2 .sw_box .swiper-container-rtl .swiper-button-prev:after {
  display: none;
}

.index .box2 .sw_box .swiper-button-prev:after,
.index .box2 .sw_box .swiper-container-rtl .swiper-button-next:after {
  display: none;
}

.index .box2 .sw_box .swiper-button-next img,
.index .box2 .sw_box .swiper-button-prev img {
  width: 1rem;
  height: 1rem;
}

.index .box2 .sw_box .swiper-button-prev {
  position: absolute;
  left: 0.5rem;
}

.index .box2 .sw_box .swiper-button-next {
  position: absolute;
  right: 0.5rem;
}

.index .box2 .main .gd {
  margin-top: 0.1rem;
}

.index .box2 .main .gd a {
  text-align: right;
  display: block;
  color: #004a99;
  font-family: "PingFang SC";
  font-size: 0.2rem;
  font-weight: 300;
}

.index .box3 {
  margin-top: 1rem;
  margin-bottom: 0.6rem;
}

.index .box3 .main .title {
  position: relative;
}

.index .box3 .main .title .tit {
  display: flex;
  align-items: center;
}

.index .box3 .main .title .tit .bold {
  width: 100%;
  height: 0.02rem;
  background: #cde5f8;
}

.index .box3 .main .title .tit .icon {
  margin: 0 0.2rem;
  text-align: center;
  color: #cde5f8;
  font-family: "PingFang SC";
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 500;
}

.index .box3 .main .title p {
  position: absolute;
  left: 6.5rem;
  top: 0.45rem;
  color: #004a99;
  font-family: "PingFang SC";
  font-size: 0.38rem;
  font-weight: 500;
}

.index .box3 .main .box {
  margin-top: 0.68rem;
}

.index .box3 .main .box ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.index .box3 .main .box ul li {
  width: 3.03rem;
  height: 5.44rem;
}

.index .box3 .main .box ul li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.index .box3 .main .box ul li a img {
  width: 3.03rem;
  height: 5.44rem;
}

.index .box3 .main .box ul li a .fu {
  padding: 0.28rem;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.58);
  width: 100%;
  height: 100%;
}

.index .box3 .main .box ul li a .fu .time {
  color: #fff;
  font-family: "PingFang SC";
  font-size: 0.58rem;
  font-weight: 600;
}

.index .box3 .main .box ul li a .fu .tit {
  margin-top: 0.1rem;
  color: #fff;
  font-family: "PingFang SC";
  font-size: 0.24rem;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 2rem;
  text-align: justify;
}

.index .box3 .main .box ul li a .fu .wen .w1 {
  margin-top: 0.05rem;
  color: #fff;
  font-family: "PingFang SC";
  font-size: 0.14rem;
  font-weight: 400;
}

.index .box3 .main .gd {
  margin-top: 0.1rem;
}

.index .box3 .main .gd a {
  text-align: right;
  display: block;
  color: #004a99;
  font-family: "PingFang SC";
  font-size: 0.2rem;
  font-weight: 300;
}

.about_us {
  background-image: url(../images/bg.png);
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  padding-top: 1rem;
}

.about_us .banner {
  background-image: url("../images/about_banner.png");
  width: 100%;
  height: 2.4rem;
  background-size: 100% 100%;
}

.about_us .banner .bg {
  background-image: url("../images/about_ban_bg.png");
  width: 4.62rem;
  height: 2.4rem;
  background-size: 100% 100%;
}

.about_us .banner .bg ul {
  display: flex;
  align-items: flex-end;
  align-content: flex-end;
  flex-wrap: wrap;
  padding: 0 0 0.18rem;
  height: 2.4rem;
}

.about_us .banner .bg ul li {
  margin-left: 0.52rem;
  margin-top: 0.2rem;
}

.about_us .banner .bg ul li a {
  display: block;
  color: #626971;
  font-family: "PingFang SC";
  font-size: 0.2rem;
  font-weight: 400;
}

.about_us .banner .bg ul .active a {
  color: #004a99;
  font-family: "PingFang SC";
  font-size: 0.2rem;
  font-weight: 600;
}

.about_us .box1 {
  position: relative;
  margin-top: 0.8rem;
}

.about_us .box1 .main .title {
  position: relative;
}

.about_us .box1 .main .title .tit {
  display: flex;
  align-items: center;
}

.about_us .box1 .main .title .tit .bold {
  width: 100%;
  height: 0.02rem;
  background: #cde5f8;
}

.about_us .box1 .main .title .tit .icon {
  margin: 0 0.2rem;
  text-align: center;
  color: #cde5f8;
  font-family: "PingFang SC";
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 500;
}

.about_us .box1 .main .title p {
  position: absolute;
  left: 6.5rem;
  top: 0.45rem;
  color: #004a99;
  font-family: "PingFang SC";
  font-size: 0.38rem;
  font-weight: 500;
}

.about_us .box1 .main .box {
  padding: 1.5rem 0 2rem;
}

.about_us .box1 .main .box .tit {
  color: #004a99;
  font-family: "PingFang SC";
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 600;
}

.about_us .box1 .main .box .wen {
  margin-top: 0.1rem;
  width: 5.48rem;
  color: #333;
  text-align: justify;
  font-family: "PingFang SC";
  font-size: 0.16rem;
  font-weight: 400;
  line-height: 0.3rem;
  /* 187.5% */
}

.about_us .box1 .pic {
  position: absolute;
  right: 0;
  bottom: -0.6rem;
}

.about_us .box1 .pic img {
  width: auto;
  height: 4.41rem;
}

.about_us .box2 {
  background-image: url("../images/about_b2_bg.jpg");
  width: 100%;
  height: 6.39rem;
  background-size: 100% 100%;
}

.about_us .box2 .main .box {
  height: 6.39rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.about_us .box2 .main .box .b_l img {
  width: auto;
  height: 3.09rem;
}

.about_us .box2 .main .box .b_r .tit {
  width: 6.47rem;
  color: #fff;
  font-family: "PingFang SC";
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 600;
}

.about_us .box2 .main .box .b_r .wen {
  margin-top: 0.25rem;
  width: 6.47rem;
  color: #fff;
  text-align: justify;
  font-family: "PingFang SC";
  font-size: 0.16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.3rem;
  /* 187.5% */
}

.about_us .box3 {
  position: relative;
  background-image: url("../images/about_b3_bg.png");
  width: 100%;
  height: 11.76rem;
  background-size: 100% 100%;
}

.about_us .box3 .main .box {
  padding-top: 0.95rem;
}

.about_us .box3 .main .box .tit {
  width: 5.36rem;
  color: #fff;
  font-family: "PingFang SC";
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 600;
}

.about_us .box3 .main .box .wen {
  margin-top: 0.1rem;
  width: 5.36rem;
  color: #fff;
  text-align: justify;
  font-family: "PingFang SC";
  font-size: 0.16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.3rem;
  /* 187.5% */
}

.about_us .box3 .pic1 {
  position: absolute;
  right: 0;
  top: 1rem;
}

.about_us .box3 .pic1 img {
  width: 9.33rem;
  height: auto;
}

.about_us .box3 .pic2 {
  position: absolute;
  left: 0;
  bottom: 1rem;
}

.about_us .box3 .pic2 img {
  width: auto;
  height: 5.5rem;
}

.about_us .box3 .pic3 {
  position: absolute;
  right: 4.27rem;
  bottom: -1.7rem;
}

.about_us .box3 .pic3 img {
  height: 5.91rem;
  width: auto;
}

.about_us .box4 {
  padding-top: 2.7rem;
}

.about_us .box4 .main {
  display: flex;
  justify-content: space-between;
}

.about_us .box4 .main .mm .tit {
  width: 5.62rem;
  color: #004a99;
  font-family: "PingFang SC";
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 600;
}

.about_us .box4 .main .mm .wen {
  margin-top: 0.1rem;
  width: 5.62rem;
  color: #333;
  text-align: justify;
  font-family: "PingFang SC";
  font-size: 0.16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.3rem;
  /* 187.5% */
}

.about_us .box4 .sw {
  margin-top: 1.76rem;
}

.about_us .box4 .sw .swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.about_us .box4 .sw .swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.about_us .box4 .sw .swiper-slide img {
  display: block;
  width: 100%;
  height: 4rem;
  object-fit: cover;
}

.style {
  background-image: url(../images/bg.png);
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  padding-top: 1rem;
}

.style .banner {
  background-image: url("../images/style_banner.png");
  width: 100%;
  height: 2.4rem;
  background-size: 100% 100%;
}

.style .banner .bg {
  background-image: url("../images/about_ban_bg.png");
  width: 4.62rem;
  height: 2.4rem;
  background-size: 100% 100%;
}

.style .banner .bg ul {
  display: flex;
  align-items: flex-end;
  align-content: flex-end;
  flex-wrap: wrap;
  padding: 0 0 0.18rem;
  height: 2.4rem;
}

.style .banner .bg ul li {
  margin-left: 0.52rem;
  margin-top: 0.2rem;
}

.style .banner .bg ul li a {
  display: block;
  color: #626971;
  font-family: "PingFang SC";
  font-size: 0.2rem;
  font-weight: 400;
}

.style .banner .bg ul .active a {
  color: #004a99;
  font-family: "PingFang SC";
  font-size: 0.2rem;
  font-weight: 600;
}

.style .box1 {
  position: relative;
  margin-top: 0.8rem;
  padding-bottom: 0.8rem;
}

.style .box1 .main .title {
  position: relative;
}

.style .box1 .main .title .tit {
  display: flex;
  align-items: center;
}

.style .box1 .main .title .tit .bold {
  width: 100%;
  height: 0.02rem;
  background: #cde5f8;
}

.style .box1 .main .title .tit .icon {
  margin: 0 0.2rem;
  text-align: center;
  color: #cde5f8;
  font-family: "PingFang SC";
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 500;
}

.style .box1 .main .title p {
  position: absolute;
  left: 6.5rem;
  top: 0.45rem;
  color: #004a99;
  font-family: "PingFang SC";
  font-size: 0.38rem;
  font-weight: 500;
}

.style .box1 .main .box {
  padding-top: 0.5rem;
}

.style .box1 .main .box .list {
  margin-top: 0.2rem;
  width: 100%;
  height: 100%;
  background: #fff;
}

.style .box1 .main .box .list a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0.31rem 0.76rem;
  display: flex;
  justify-content: space-between;
}

.style .box1 .main .box .list a .l_l {
  width: 1.95rem;
  height: 1.19rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.style .box1 .main .box .list a .l_l img {
  width: 100%;
  height: 100%;
}

.style .box1 .main .box .list a .l_l .time {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 1.01rem;
  height: 0.83rem;
  background: #cde5f8;
}

.style .box1 .main .box .list a .l_l .time .tt {
  color: #626971;
  font-family: "PingFang SC";
  font-size: 0.48rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.5rem;
}

.style .box1 .main .box .list a .l_l .time .bb {
  color: #626971;
  font-family: "PingFang SC";
  font-size: 0.16rem;
  font-style: normal;
  font-weight: 400;
}

.style .box1 .main .box .list a .l_r {
  width: 9.51rem;
}

.style .box1 .main .box .list a .l_r .tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.style .box1 .main .box .list a .l_r .tit .t_l {
  color: #333;
  font-family: "PingFang SC";
  font-size: 0.16rem;
  font-style: normal;
  font-weight: 600;
  width: 8rem;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.style .box1 .main .box .list a .l_r .tit .t_r {
  color: #626971;
  text-align: right;
  font-family: "PingFang SC";
  font-size: 0.16rem;
  font-style: normal;
  font-weight: 400;
}

.style .box1 .main .box .list a .l_r .wen {
  margin-top: 0.1rem;
  color: #333;
  font-family: "PingFang SC";
  font-size: 0.16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.3rem;
  /* 187.5% */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.style .box1 .main .fen {
  margin: 0.36rem auto 0;
  width: 4.52rem;
  height: 0.46rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.08rem;
}

.style .box1 .main .fen .ss a {
  display: block;
  color: #cde5f8;
  font-family: "PingFang SC";
  font-size: 0.16rem;
  font-style: normal;
  font-weight: 300;
}

.style .box1 .main .fen .as a {
  color: #004a99;
}

.style .box1 .main .fen .nav {
  display: flex;
  align-items: center;
}

.style .box1 .main .fen .nav .nn a {
  display: block;
  text-align: center;
  line-height: 0.32rem;
  width: 0.32rem;
  height: 0.32rem;
  color: #004a99;
  font-family: "PingFang SC";
  font-size: 0.16rem;
  font-style: normal;
  font-weight: 300;
}

.style .box1 .main .fen .nav .active a {
  border: 0.01rem solid #cde5f8;
  background: #cde5f8;
}

.dynamic {
  background-image: url(../images/bg.png);
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  padding-top: 1rem;
}

.dynamic .banner {
  background-image: url("../images/style_banner.png");
  width: 100%;
  height: 2.4rem;
  background-size: 100% 100%;
}

.dynamic .box1 {
  margin-top: -0.3rem;
  padding-bottom: 0.8rem;
}

.dynamic .box1 .main {
  display: flex;
  justify-content: space-between;
}

.dynamic .box1 .main .m_l {
  position: relative;
  z-index: 1;
  width: 3.67rem;
  height: 3.15rem;
  background: #1983d3;
  padding: 0.24rem;
}

.dynamic .box1 .main .m_l .tit {
  color: #fff;
  font-family: "PingFang SC";
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 600;
}

.dynamic .box1 .main .m_l ul {
  margin-top: 0rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 2.6rem;
}

.dynamic .box1 .main .m_l ul li {
  margin-top: 0.1rem;
}

.dynamic .box1 .main .m_l ul li a {
  display: block;
  color: #fff;
  font-family: "PingFang SC";
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 400;
}

.dynamic .box1 .main .m_l .pic {
  position: absolute;
  right: 0.1rem;
  bottom: 0;
  z-index: -1;
}

.dynamic .box1 .main .m_l .pic img {
  width: 2rem;
  height: auto;
}

.dynamic .box1 .main .m_r {
  padding: 0.5rem 0.8rem 0.8rem;
  width: 8.73rem;
  height: 100%;
  background: #fff;
  /* 白色画布阴影 */
  box-shadow: 0.24rem 0.3rem 0.45rem -0.1rem rgba(0, 0, 0, 0.08);
}

.dynamic .box1 .main .m_r .tit {
  color: #004a99;
  font-family: "PingFang SC";
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 600;
}

.dynamic .box1 .main .m_r .time {
  margin-top: 0.2rem;
  text-align: center;
  color: #000;
  font-family: "PingFang SC";
  font-size: 0.14rem;
  font-style: normal;
  font-weight: 400;
}

.dynamic .box1 .main .m_r .bold {
  margin-top: 0.05rem;
  width: 100%;
  height: 0.01rem;
  background: rgba(51, 51, 51, 0.3);
}

.dynamic .box1 .main .m_r .wen {
  margin-top: 0.4rem;
  color: #333;
  font-family: "PingFang SC";
  font-size: 0.16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.3rem;
  /* 187.5% */
}

.dynamic .box1 .main .m_r .pic {
  margin-top: 0.5rem;
}

.dynamic .box1 .main .m_r .pic img {
  width: 100%;
  height: auto;
}

.dynamic .box1 .main .m_r .lei {
  margin-top: 0.4rem;
}

.dynamic .box1 .main .m_r .lei .ll {
  color: #333;
  font-family: "PingFang SC";
  font-size: 0.16rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.3rem;
}

.dynamic .box1 .main .m_r .lei .ll span {
  font-weight: 600;
}

.leader {
  background-image: url(../images/bg.png);
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  padding-top: 1rem;
}

.leader .banner {
  background-image: url("../images/about_banner.png");
  width: 100%;
  height: 2.4rem;
  background-size: 100% 100%;
}

.leader .banner .bg {
  background-image: url("../images/about_ban_bg.png");
  width: 4.62rem;
  height: 2.4rem;
  background-size: 100% 100%;
}

.leader .banner .bg ul {
  display: flex;
  align-items: flex-end;
  align-content: flex-end;
  flex-wrap: wrap;
  padding: 0 0 0.18rem;
  height: 2.4rem;
}

.leader .banner .bg ul li {
  margin-left: 0.52rem;
  margin-top: 0.2rem;
}

.leader .banner .bg ul li a {
  display: block;
  color: #626971;
  font-family: "PingFang SC";
  font-size: 0.2rem;
  font-weight: 400;
}

.leader .banner .bg ul .active a {
  color: #004a99;
  font-family: "PingFang SC";
  font-size: 0.2rem;
  font-weight: 600;
}

.leader .box1 {
  position: relative;
  margin-top: 0.8rem;
}

.leader .box1 .main .title {
  position: relative;
}

.leader .box1 .main .title .tit {
  display: flex;
  align-items: center;
}

.leader .box1 .main .title .tit .bold {
  width: 100%;
  height: 0.02rem;
  background: #cde5f8;
}

.leader .box1 .main .title .tit .icon {
  margin: 0 0.2rem;
  text-align: center;
  color: #cde5f8;
  font-family: "PingFang SC";
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 500;
}

.leader .box1 .main .title p {
  position: absolute;
  left: 6.9rem;
  top: 0.45rem;
  color: #004a99;
  font-family: "PingFang SC";
  font-size: 0.38rem;
  font-weight: 500;
}

.leader .box1 .main .box {
  padding: 0 0 1rem;
}

.leader .box1 .main .box .bbx {
  margin-top: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.2rem;
  padding-left: 0.4rem;
  padding-right: 1.91rem;
}

.leader .box1 .main .box .bbx .b_l {
  position: relative;
  margin-top: 0.5rem;
}

.leader .box1 .main .box .bbx .b_l a {
  position: relative;
}

.leader .box1 .main .box .bbx .b_l a img {
  width: 3.3rem;
  height: 4.4rem;
}

.leader .box1 .main .box .bbx .b_l a .pic {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(22, 22, 22, 0.48);
  width: 3.3rem;
  height: 4.4rem;
  background-size: 100% 100%;
}

.leader .box1 .main .box .bbx .b_l a .pic .wx {
  width: 3.3rem;
  height: 4.4rem;
  padding: 0 0.5rem 0.37rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.leader .box1 .main .box .bbx .b_l a .pic .wx .tit {
  color: #fff;
  font-family: "Microsoft YaHei UI";
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 700;
}

.leader .box1 .main .box .bbx .b_l a .pic .wx .wen {
  margin-top: 0.1rem;
  color: #fff;
  font-family: "PingFang SC";
  font-size: 0.16rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.leader .box1 .main .box .bbx .b_l .kuai {
  z-index: -1;
  position: absolute;
  left: -0.48rem;
  bottom: -0.27rem;
  width: 2.4rem;
  height: 2.4rem;
  background: #cde5f8;
}

.leader .box1 .main .box .bbx .b_l .fu {
  z-index: -1;
  position: absolute;
  right: -1.4rem;
  bottom: -0.27rem;
  display: flex;
}

.leader .box1 .main .box .bbx .b_l .fu .bold {
  width: 0.77rem;
  height: 0.03rem;
  background: #004a99;
  margin-top: 0.13rem;
}

.leader .box1 .main .box .bbx .b_l .fu .bt {
  margin-left: 0.15rem;
}

.leader .box1 .main .box .bbx .b_l .fu .bt .tt {
  color: #004a99;
  font-family: "PingFang SC";
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 600;
}

.leader .box1 .main .box .bbx .b_l .fu .bt .bb {
  color: #333;
  font-family: "PingFang SC";
  font-size: 0.3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.3rem;
}

.leader .box1 .main .box .bbx .b_l .fu .bt .xx {
  color: #626971;
  font-family: "PingFang SC";
  font-size: 0.16rem;
  font-style: normal;
  font-weight: 300;
}

.leader .box1 .main .box .bbx .b_l:hover a .pic {
  display: block;
}

.faculty {
  background-image: url(../images/bg.png);
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  padding-top: 1rem;
}

.faculty .banner {
  background-image: url("../images/faculty_banner.png");
  width: 100%;
  height: 2.4rem;
  background-size: 100% 100%;
}

.faculty .box1 {
  position: relative;
  margin-top: 0.8rem;
  padding-bottom: 0.8rem;
}

.faculty .box1 .main .title {
  position: relative;
}

.faculty .box1 .main .title .tit {
  display: flex;
  align-items: center;
}

.faculty .box1 .main .title .tit .bold {
  width: 100%;
  height: 0.02rem;
  background: #cde5f8;
}

.faculty .box1 .main .title .tit .icon {
  margin: 0 0.2rem;
  text-align: center;
  color: #cde5f8;
  font-family: "PingFang SC";
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 500;
}

.faculty .box1 .main .title p {
  position: absolute;
  left: 5.9rem;
  top: 0.45rem;
  color: #004a99;
  font-family: "PingFang SC";
  font-size: 0.38rem;
  font-weight: 500;
}

.faculty .box1 .main .box .b1 {
  margin-top: 0.8rem;
}

.faculty .box1 .main .box .b1 .tit .tt {
  color: #004a99;
  font-family: "PingFang SC";
  font-size: 0.36rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.3rem;
}

.faculty .box1 .main .box .b1 .tit .bb {
  color: #cde5f8;
  font-family: "PingFang SC";
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 600;
}

.faculty .box1 .main .box .b1 ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.faculty .box1 .main .box .b1 ul li {
  margin-top: 0.4rem;
  margin-right: 1.3rem;
}

.faculty .box1 .main .box .b1 ul li:nth-child(4n) {
  margin-right: 0;
}

.faculty .box1 .main .box .b1 ul li .pic {
  cursor: pointer;
  width: 2.32rem;
  height: 2.85rem;
  background: #e8e8e8;
}

.faculty .box1 .main .box .b1 ul li .pic img {
  width: 100%;
  height: 100%;
}

.faculty .box1 .main .box .b1 ul li .bold {
  margin-top: 0.14rem;
  width: 0.44rem;
  height: 0.04rem;
  background: #004a99;
}

.faculty .box1 .main .box .b1 ul li .mz {
  margin-top: 0.13rem;
  color: #000;
  font-family: "PingFang SC";
  font-size: 0.32rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.3rem;
}

.faculty .box1 .main .box .b1 ul li .xx {
  color: #626971;
  font-family: "PingFang SC";
  font-size: 0.16rem;
  font-style: normal;
  font-weight: 300;
}

.tc {
  display: none;
}

.tc .xq_wai {
  width: 100%;
  z-index: 100;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  left: 0;
  top: 0;
}

.tc .xq_wai .xq {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 13.2rem;
  height: 6.85rem;
  background: #ffffff;
}

.tc .xq_wai .xq .xx {
  cursor: pointer;
  position: absolute;
  right: 0.1rem;
  top: 0.1rem;
}

.tc .xq_wai .xq .xx img {
  width: 0.4rem;
  height: 0.4rem;
}

.tc .xq_wai .xq .fu {
  position: absolute;
  left: 0;
  top: 0.22rem;
  width: 0.55rem;
  height: 0.06rem;
  background: #004a99;
}

.teacherPopup {
  display: flex;
  justify-content: space-between;
  padding: 50px 42px 20px 62px;
}

.teacherPopup .b_l .pic {
  position: relative;
  width: 207px;
  height: 280px;
}

.teacherPopup .b_l .pic img {
  width: 207px;
  height: 280px;
}

.teacherPopup .b_l .pic .kk {
  position: absolute;
  z-index: 100;
  right: -28px;
  top: 84px;
  width: 28px;
  height: 28px;
  background: #004a99;
}

.teacherPopup .b_l .bold {
  margin-top: 10px;
  width: 44px;
  height: 6px;
  background: #004a99;
}

.teacherPopup .b_l .tit {
  margin-top: 30px;
  color: #333;
  font-family: "PingFang SC";
  font-size: 24px;
  font-style: normal;
  line-height: 25px;
}

.teacherPopup .b_l .unam {
  color: #626971;
  font-family: "PingFang SC";
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
}

.teacherPopup .b_r {
  margin-left: 60px;
  flex: 1;
  width: 100%;
}

.teacherPopup .b_r .tt {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.teacherPopup .b_r .tt .t_l .xian {
  width: 150.7px;
  height: 6px;
  background: #e8e8e8;
}

.teacherPopup .b_r .tt .t_l .name {
  margin-top: 15px;
  color: #333;
  font-family: "PingFang SC";
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 35px;
}

.teacherPopup .b_r .tt .t_l .x_nam {
  margin-top: 5px;
  color: #626971;
  font-family: "PingFang SC";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
}

.teacherPopup .b_r .tt .t_r {
  display: flex;
  align-items: center;
}

.teacherPopup .b_r .tt .t_r .bb {
  margin-right: 10px;
  width: 4.4px;
  height: 22px;
  background: #004a99;
}

.teacherPopup .b_r .tt .t_r .type {
  color: #000;
  font-family: "PingFang SC";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
}

.teacherPopup .b_r .bxb {
  margin-top: 40px;
  width: 100%;
  height: 1px;
  background: #e8e8e8;
}

.teacherPopup .b_r .nei {
  height: 340px;
  overflow-y: scroll;
}

.teacherPopup .b_r .nei .ks {
  margin-top: 40px;
}

.teacherPopup .b_r .nei .ks .txt {
  color: #333;
  font-family: "PingFang SC";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}

.teacherPopup .b_r .nei .ks ul {
  margin-top: 5px;
}

.teacherPopup .b_r .nei .ks ul li {
  color: #333;
  font-family: "PingFang SC";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
  /* 187.5% */
}

.graduate {
  background-image: url(../images/bg.png);
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  padding-top: 1rem;
}

.graduate .banner {
  background-image: url("../images/graduate_banner.png");
  width: 100%;
  height: 2.4rem;
  background-size: 100% 100%;
}

.graduate .banner .bg {
  background-image: url("../images/about_ban_bg.png");
  width: 4.62rem;
  height: 2.4rem;
  background-size: 100% 100%;
}

.graduate .banner .bg ul {
  display: flex;
  align-items: flex-end;
  padding: 0 0.46rem 0.18rem 0.26rem;
  height: 2.4rem;
}

.graduate .banner .bg ul li {
  margin: 0 0.2rem;
}

.graduate .banner .bg ul li a {
  display: block;
  color: #626971;
  font-family: "PingFang SC";
  font-size: 0.2rem;
  font-weight: 400;
}

.graduate .banner .bg ul .active a {
  color: #004a99;
  font-family: "PingFang SC";
  font-size: 0.2rem;
  font-weight: 600;
}

.graduate .box1 {
  position: relative;
  margin-top: 0.8rem;
}

.graduate .box1 .main .title {
  position: relative;
}

.graduate .box1 .main .title .tit {
  display: flex;
  align-items: center;
}

.graduate .box1 .main .title .tit .bold {
  width: 100%;
  height: 0.02rem;
  background: #cde5f8;
}

.graduate .box1 .main .title .tit .icon {
  margin: 0 0.2rem;
  text-align: center;
  color: #cde5f8;
  font-family: "PingFang SC";
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 500;
}

.graduate .box1 .main .title p {
  position: absolute;
  left: 6rem;
  top: 0.45rem;
  color: #004a99;
  font-family: "PingFang SC";
  font-size: 0.38rem;
  font-weight: 500;
}

.graduate .box1 .main .box {
  padding: 0.6rem 0 1rem;
}

.graduate .box1 .main .box .nav {
  padding: 0 3.78rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.graduate .box1 .main .box .nav .nn {
  cursor: pointer;
  color: #626971;
  font-family: "PingFang SC";
  font-size: 0.16rem;
  font-style: normal;
  font-weight: 300;
}

.graduate .box1 .main .box .nav .active {
  color: #004a99;
  font-family: "PingFang SC";
  font-size: 0.16rem;
  font-style: normal;
  font-weight: 400;
}

.graduate .box1 .main .box .boxs {
  margin-top: 0.3rem;
}

.graduate .box1 .main .box .boxs .box_nei {
  width: 100%;
  background-color: #fff;
  padding: 0.4rem 0.8rem 0.5rem;
}

.graduate .box1 .main .box .boxs .box_nei .tit {
  color: #333;
  font-family: "PingFang SC";
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 600;
}

.graduate .box1 .main .box .boxs .box_nei .bold {
  margin-top: 0.1rem;
  width: 0.88rem;
  height: 0.07rem;
  background: #004a99;
}

.graduate .box1 .main .box .boxs .box_nei p {
  margin-top: 0.24rem;
  color: #333;
  font-family: "PingFang SC";
  font-size: 0.16rem;
  font-style: normal;
  text-align: justify;
  font-weight: 400;
  line-height: 0.3rem;
  /* 187.5% */
}

.footer {
  width: 100%;
  height: 2.55rem;
  background: #cde5f8;
}

.footer .main {
  height: 2.55rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer .main .m_l img {
  width: 2.39rem;
  height: 0.54rem;
}

.footer .main .m_l .wen {
  margin-top: 0.15rem;
}

.footer .main .m_l .wen .zi {
  margin-top: 0.08rem;
  color: #004a99;
  font-family: "PingFang SC";
  font-size: 0.14rem;
  font-weight: 300;
}

.footer .main .m_r .tit {
  color: #004a99;
  font-family: "PingFang SC";
  font-size: 0.16rem;
  font-weight: 400;
}

.footer .main .m_r .bold {
  margin-top: 0.05rem;
  width: 2.83rem;
  height: 0.01rem;
  background: #729cc9;
}

.footer .main .m_r .zi {
  margin-top: 0.05rem;
  color: #004a99;
  font-family: "PingFang SC";
  font-size: 0.14rem;
  font-weight: 300;
}

@media screen and (max-width: 750px) {
  .main {
    width: 7.5rem;
    padding: 0 0.1rem;
    margin: 0 auto;
  }
  header {
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
  }
  header .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 1rem;
    padding: 0 0.2rem;
    background: linear-gradient(to left, #e8f9ff, #f8fdff);
  }
  header .header .h_l {
    display: flex;
    align-items: center;
  }
  header .header .h_l .ll img {
    width: 0.57rem;
    height: 0.57rem;
  }
  header .header .h_l .bold {
    margin: 0 0.14rem;
    width: 0.01rem;
    height: 0.64rem;
    background: #004a99;
  }
  header .header .h_l .rr img {
    width: 1.9064rem;
    height: 0.4336rem;
  }
  header .header .h_r {
    display: flex;
    align-items: center;
  }
  header .header .h_r .nnv {
    display: none;
  }
  header .header .h_r .nnv ul {
    display: flex;
    align-items: center;
  }
  header .header .h_r .nnv ul li {
    margin: 0 0.05rem;
    padding: 0 0.1rem;
    height: 0.9rem;
  }
  header .header .h_r .nnv ul li a {
    height: 0.9rem;
    line-height: 0.9rem;
    display: block;
    color: #333;
    font-family: "PingFang SC";
    font-size: 0.16rem;
    font-weight: 400;
  }
  header .header .h_r .nnv ul li:nth-child(1).active {
    background-image: url("../images/nav_a7.png");
    height: 0.9rem;
    background-size: 100% 100%;
    padding: 0 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header .header .h_r .nnv ul li:nth-child(1).active a {
    color: #fff;
  }
  header .header .h_r .nnv ul li:nth-child(2).active {
    background-image: url("../images/nav_a1.png");
    height: 0.9rem;
    background-size: 100% 100%;
    padding: 0 0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header .header .h_r .nnv ul li:nth-child(2).active a {
    color: #fff;
  }
  header .header .h_r .nnv ul li:nth-child(3).active {
    background-image: url("../images/nav_a2.png");
    height: 0.9rem;
    background-size: 100% 100%;
    padding: 0 0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header .header .h_r .nnv ul li:nth-child(3).active a {
    color: #fff;
  }
  header .header .h_r .nnv ul li:nth-child(4).active {
    background-image: url("../images/nav_a3.png");
    height: 0.9rem;
    background-size: 100% 100%;
    padding: 0 0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header .header .h_r .nnv ul li:nth-child(4).active a {
    color: #fff;
  }
  header .header .h_r .nnv ul li:nth-child(5).active {
    background-image: url("../images/nav_a4.png");
    height: 0.9rem;
    background-size: 100% 100%;
    padding: 0 0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header .header .h_r .nnv ul li:nth-child(5).active a {
    color: #fff;
  }
  header .header .h_r .nnv ul li:nth-child(6).active {
    background-image: url("../images/nav_a5.png");
    height: 0.9rem;
    background-size: 100% 100%;
    padding: 0 0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header .header .h_r .nnv ul li:nth-child(6).active a {
    color: #fff;
  }
  header .header .h_r .nnv ul li:nth-child(7).active {
    background-image: url("../images/nav_a6.png");
    height: 0.9rem;
    background-size: 100% 100%;
    padding: 0 0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header .header .h_r .nnv ul li:nth-child(7).active a {
    color: #fff;
  }
  header .header .h_r .nnv ul li:nth-child(1):hover {
    background-image: url("../images/nav_a1.png");
    height: 0.9rem;
    background-size: 100% 100%;
    padding: 0 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header .header .h_r .nnv ul li:nth-child(1):hover a {
    color: #fff;
  }
  header .header .h_r .nnv ul li:nth-child(2):hover {
    background-image: url("../images/nav_a1.png");
    height: 0.9rem;
    background-size: 100% 100%;
    padding: 0 0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header .header .h_r .nnv ul li:nth-child(2):hover a {
    color: #fff;
  }
  header .header .h_r .nnv ul li:nth-child(3):hover {
    background-image: url("../images/nav_a2.png");
    height: 0.9rem;
    background-size: 100% 100%;
    padding: 0 0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header .header .h_r .nnv ul li:nth-child(3):hover a {
    color: #fff;
  }
  header .header .h_r .nnv ul li:nth-child(4):hover {
    background-image: url("../images/nav_a3.png");
    height: 0.9rem;
    background-size: 100% 100%;
    padding: 0 0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header .header .h_r .nnv ul li:nth-child(4):hover a {
    color: #fff;
  }
  header .header .h_r .nnv ul li:nth-child(5):hover {
    background-image: url("../images/nav_a4.png");
    height: 0.9rem;
    background-size: 100% 100%;
    padding: 0 0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header .header .h_r .nnv ul li:nth-child(5):hover a {
    color: #fff;
  }
  header .header .h_r .nnv ul li:nth-child(6):hover {
    background-image: url("../images/nav_a5.png");
    height: 0.9rem;
    background-size: 100% 100%;
    padding: 0 0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header .header .h_r .nnv ul li:nth-child(6):hover a {
    color: #fff;
  }
  header .header .h_r .nnv ul li:nth-child(7):hover {
    background-image: url("../images/nav_a6.png");
    height: 0.9rem;
    background-size: 100% 100%;
    padding: 0 0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header .header .h_r .nnv ul li:nth-child(7):hover a {
    color: #fff;
  }
  header .header .h_r .nnv ul li:nth-child(2) {
    height: 0.9rem;
  }
  header .header .h_r .nnv ul li:nth-child(2) .xia {
    display: none;
  }
  header .header .h_r .nnv ul li:nth-child(2):hover {
    position: relative;
    height: 0.9rem;
  }
  header .header .h_r .nnv ul li:nth-child(2):hover .xia {
    display: block;
    position: absolute;
    left: -0.3rem;
    top: 0.9rem;
    background-image: url("../images/nav_a1_x.png");
    width: 1.14rem;
    height: 1.4rem;
    background-size: 100% 100%;
    padding-top: 0.2rem;
  }
  header .header .h_r .nnv ul li:nth-child(2):hover .xia .xx a {
    display: block;
    color: #fff;
    font-family: "PingFang SC";
    font-size: 0.16rem;
    font-weight: 500;
    text-align: center;
    line-height: 0.3rem;
    height: 0.3rem;
  }
  header .header .h_r .nnv ul li:nth-child(2):hover .xia .xx:hover a {
    font-weight: bold;
  }
  header .header .h_r .nnv ul li:nth-child(3) {
    height: 0.9rem;
  }
  header .header .h_r .nnv ul li:nth-child(3) .xia {
    display: none;
  }
  header .header .h_r .nnv ul li:nth-child(3):hover {
    position: relative;
    height: 0.9rem;
  }
  header .header .h_r .nnv ul li:nth-child(3):hover .xia {
    display: block;
    position: absolute;
    left: -0.3rem;
    top: 0.9rem;
    background-image: url("../images/nav_a2_x.png");
    width: 1.14rem;
    height: 1.4rem;
    background-size: 100% 100%;
    padding-top: 0.2rem;
  }
  header .header .h_r .nnv ul li:nth-child(3):hover .xia .xx a {
    display: block;
    color: #fff;
    font-family: "PingFang SC";
    font-size: 0.16rem;
    font-weight: 500;
    text-align: center;
    line-height: 0.3rem;
    height: 0.3rem;
  }
  header .header .h_r .nnv ul li:nth-child(3):hover .xia .xx:hover a {
    font-weight: bold;
  }
  header .header .h_r .nnv ul li:nth-child(5) {
    height: 0.9rem;
  }
  header .header .h_r .nnv ul li:nth-child(5) .xia {
    display: none;
  }
  header .header .h_r .nnv ul li:nth-child(5):hover {
    position: relative;
    height: 0.9rem;
  }
  header .header .h_r .nnv ul li:nth-child(5):hover .xia {
    display: block;
    position: absolute;
    left: -0.41rem;
    top: 0.9rem;
    background-image: url("../images/nav_a3_x.png");
    width: 1.26rem;
    height: 1.1rem;
    background-size: 100% 100%;
    padding-top: 0.2rem;
  }
  header .header .h_r .nnv ul li:nth-child(5):hover .xia .xx a {
    display: block;
    color: #fff;
    font-family: "PingFang SC";
    font-size: 0.16rem;
    font-weight: 500;
    text-align: center;
    line-height: 0.3rem;
    height: 0.3rem;
  }
  header .header .h_r .nnv ul li:nth-child(5):hover .xia .xx:hover a {
    font-weight: bold;
  }
  header .header .h_r .nnv ul li:nth-child(6) {
    height: 0.9rem;
  }
  header .header .h_r .nnv ul li:nth-child(6) .xia {
    display: none;
  }
  header .header .h_r .nnv ul li:nth-child(6):hover {
    position: relative;
    height: 0.9rem;
  }
  header .header .h_r .nnv ul li:nth-child(6):hover .xia {
    display: block;
    position: absolute;
    left: -0.3rem;
    top: 0.9rem;
    background-image: url("../images/nav_a4_x.png");
    width: 1.14rem;
    height: 1.1rem;
    background-size: 100% 100%;
    padding-top: 0.2rem;
  }
  header .header .h_r .nnv ul li:nth-child(6):hover .xia .xx a {
    display: block;
    color: #fff;
    font-family: "PingFang SC";
    font-size: 0.16rem;
    font-weight: 500;
    text-align: center;
    line-height: 0.3rem;
    height: 0.3rem;
  }
  header .header .h_r .nnv ul li:nth-child(6):hover .xia .xx:hover a {
    font-weight: bold;
  }
  header .header .h_r .nnv ul li:nth-child(7) {
    height: 0.9rem;
  }
  header .header .h_r .nnv ul li:nth-child(7) .xia {
    display: none;
  }
  header .header .h_r .nnv ul li:nth-child(7):hover {
    position: relative;
    height: 0.9rem;
  }
  header .header .h_r .nnv ul li:nth-child(7):hover .xia {
    display: block;
    position: absolute;
    left: -0.41rem;
    top: 0.9rem;
    background-image: url("../images/nav_a5_x.png");
    width: 1.26rem;
    height: 1.4rem;
    background-size: 100% 100%;
    padding-top: 0.2rem;
  }
  header .header .h_r .nnv ul li:nth-child(7):hover .xia .xx a {
    display: block;
    color: #fff;
    font-family: "PingFang SC";
    font-size: 0.16rem;
    font-weight: 500;
    text-align: center;
    line-height: 0.3rem;
    height: 0.3rem;
  }
  header .header .h_r .nnv ul li:nth-child(7):hover .xia .xx:hover a {
    font-weight: bold;
  }
  header .header .h_r .search {
    display: none;
    margin-left: 0.24rem;
  }
  header .header .h_r .search img {
    width: 0.4rem;
    height: 0.4rem;
  }
  header .header .h_r .search1 {
    display: block;
    margin-left: 0.05rem;
  }
  header .header .h_r .search1 img {
    width: 0.4rem;
    height: 0.4rem;
  }
  header .header .h_r .search1 img:nth-child(2) {
    display: none;
  }
  header .header .h_r .active img:nth-child(1) {
    display: none;
  }
  header .header .h_r .active img:nth-child(2) {
    display: block;
  }
  header .header .h_r .mid-search {
    width: 3rem;
    height: 0.5rem;
    border-radius: 0rem 0rem 0.3rem 0.3rem;
    border: 0.01rem solid #004a99;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  header .header .h_r .mid-search input {
    flex: 1;
    color: #00458f;
    padding: 0 0.1rem;
    height: 100%;
    font-size: 0.2rem;
  }
  header .header .h_r .mid-search .an {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 0rem 0rem 0.3rem 0rem;
    background: #004a99;
  }
  header .header .h_r .mid-search .an a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  header .header .h_r .mid-search .an a img {
    width: 0.24rem;
    height: 0.24rem;
  }
  header .header .h_r .nav {
    display: block;
    margin-left: 0.2rem;
  }
  header .header .h_r .nav img {
    width: 0.4rem;
    height: 0.4rem;
  }
  header .header .h_r .mask {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 70;
    display: none;
  }
  header .header .h_r .nav_li {
    display: block;
    overflow: hidden;
    width: 3.72rem;
    position: absolute;
    background-color: #f3f3f3;
    right: -3.72rem;
    height: 100vh;
    top: 0;
    z-index: 99;
    display: none;
  }
  header .header .h_r .nav_li ul {
    display: inherit;
  }
  header .header .h_r .nav_li ul .del {
    display: flex;
    align-items: center;
    justify-content: right;
    padding: 0.34rem 0.2rem 0.1rem 0;
  }
  header .header .h_r .nav_li ul .del img {
    width: 0.4rem;
    height: 0.4rem;
  }
  header .header .h_r .nav_li ul li {
    margin-left: 0;
  }
  header .header .h_r .nav_li ul li .link {
    padding-left: 0.6rem;
    display: flex;
    align-items: center;
    line-height: 1rem;
    font-size: 0.32rem;
    font-weight: bold;
    color: #004a99;
    opacity: 0.8;
  }
  header .header .h_r .nav_li ul li .link img {
    margin-left: 0.1rem;
    width: 0.32rem;
    height: 0.32rem;
    transition: all 0.4s ease;
    transform: rotate(-180deg);
  }
  header .header .h_r .nav_li ul li .submenu {
    display: none;
  }
  header .header .h_r .nav_li ul li .submenu li {
    margin-left: 0;
  }
  header .header .h_r .nav_li ul li .submenu li a {
    display: block;
    line-height: 1rem;
    font-size: 0.3rem;
    font-weight: 400;
    color: #999999;
  }
  header .header .h_r .nav_li ul li a {
    padding-left: 0.6rem;
    display: block;
    line-height: 1rem;
    font-size: 0.32rem;
    font-weight: bold;
    color: #004a99;
    opacity: 0.8;
  }
  header .header .h_r .nav_li ul li.open .link img {
    transform: rotate(0deg);
  }
  .index {
    background-image: url(../images/bg.png);
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    padding-top: 1rem;
  }
  .index .banner .swiper {
    position: relative;
    width: 100%;
    height: 3rem;
    overflow: hidden;
  }
  .index .banner .swiper-slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .index .banner .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .index .banner .swiper-container-horizontal
> .swiper-pagination-bullets
.swiper-pagination-bullet {
    margin: 0 0.06rem;
  }
  .index .banner .swiper-pagination-bullet {
    width: 0.12rem;
    height: 0.12rem;
    opacity: 1;
  }
  .index .banner .swiper-pagination-bullet-active {
    width: 0.37rem;
    height: 0.12rem;
    background: #ffffff;
    border-radius: 0.95rem 0.95rem 0.95rem 0.95rem;
    opacity: 1;
  }
  .index .box1 {
    margin-top: 0.4rem;
  }
  .index .box1 .main .title {
    position: relative;
  }
  .index .box1 .main .title .tit {
    display: flex;
    align-items: center;
  }
  .index .box1 .main .title .tit .bold {
    width: 100%;
    height: 0.02rem;
    background: #cde5f8;
  }
  .index .box1 .main .title .tit .icon {
    margin: 0 0.2rem;
    text-align: center;
    color: #cde5f8;
    font-family: "PingFang SC";
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 500;
  }
  .index .box1 .main .title p {
    position: absolute;
    left: 3.5rem;
    top: 0.45rem;
    color: #004a99;
    font-family: "PingFang SC";
    font-size: 0.38rem;
    font-weight: 500;
  }
  .index .box1 .main .box {
    margin-top: 0.6rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .index .box1 .main .box .b_l a img {
    width: 100%;
    height: 3.59rem;
  }
  .index .box1 .main .box .b_l a .wen_box {
    padding: 0.28rem 0.2rem 0.28rem;
    width: 100%;
    height: 2.3rem;
    background: #004a99;
  }
  .index .box1 .main .box .b_l a .wen_box .tit {
    color: #fff;
    text-align: right;
    font-family: "PingFang SC";
    font-size: 0.24rem;
    font-weight: 600;
  }
  .index .box1 .main .box .b_l a .wen_box .biao {
    color: #fff;
    text-align: right;
    font-family: "PingFang SC";
    font-size: 0.24rem;
    font-weight: 600;
  }
  .index .box1 .main .box .b_l a .wen_box .zi {
    margin-top: 0.15rem;
    color: #fff;
    font-family: "PingFang SC";
    font-size: 0.2rem;
    font-weight: 400;
    line-height: 0.3rem;
    /* 187.5% */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .index .box1 .main .box .b_r {
    margin-top: 0.17rem;
    flex: 1;
  }
  .index .box1 .main .box .b_r .bbx {
    margin-top: 0.17rem;
    position: relative;
    width: 100%;
    height: 3.08rem;
  }
  .index .box1 .main .box .b_r .bbx a img {
    width: 100%;
    height: 3.08rem;
  }
  .index .box1 .main .box .b_r .bbx a .fu {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.56);
    width: 100%;
    height: 100%;
    padding: 0 0.2rem 0.18rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .index .box1 .main .box .b_r .bbx a .fu .zi {
    color: #fff;
    font-family: "PingFang SC";
    font-size: 0.2rem;
    font-weight: 600;
  }
  .index .box1 .main .box .b_r .bbx a .fu .time {
    color: #fff;
    font-family: "PingFang SC";
    font-size: 0.2rem;
    text-align: right;
    font-weight: 600;
  }
  .index .box1 .main .box .b_r .bbx:nth-child(1) {
    margin-top: 0;
  }
  .index .box1 .main .gd {
    margin-top: 0.3rem;
  }
  .index .box1 .main .gd a {
    text-align: right;
    display: block;
    color: #004a99;
    font-family: "PingFang SC";
    font-size: 0.3rem;
    font-weight: 300;
  }
  .index .box2 {
    margin-top: 0.5rem;
  }
  .index .box2 .main .title {
    position: relative;
  }
  .index .box2 .main .title .tit {
    display: flex;
    align-items: center;
  }
  .index .box2 .main .title .tit .bold {
    width: 100%;
    height: 0.02rem;
    background: #cde5f8;
  }
  .index .box2 .main .title .tit .icon {
    margin: 0 0.2rem;
    text-align: center;
    color: #cde5f8;
    font-family: "PingFang SC";
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 500;
  }
  .index .box2 .main .title p {
    position: absolute;
    left: 3.5rem;
    top: 0.45rem;
    color: #004a99;
    font-family: "PingFang SC";
    font-size: 0.38rem;
    font-weight: 500;
  }
  .index .box2 .sw_box {
    margin-top: 0.5rem;
  }
  .index .box2 .sw_box .swiper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
  .index .box2 .sw_box .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .index .box2 .sw_box .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .index .box2 .sw_box .swiper-button-next:after,
  .index .box2 .sw_box .swiper-container-rtl .swiper-button-prev:after {
    display: none;
  }
  .index .box2 .sw_box .swiper-button-prev:after,
  .index .box2 .sw_box .swiper-container-rtl .swiper-button-next:after {
    display: none;
  }
  .index .box2 .sw_box .swiper-button-next img,
  .index .box2 .sw_box .swiper-button-prev img {
    width: 1rem;
    height: 1rem;
  }
  .index .box2 .sw_box .swiper-button-prev {
    display: none;
    position: absolute;
    left: 0.5rem;
  }
  .index .box2 .sw_box .swiper-button-next {
    display: none;
    position: absolute;
    right: 0.5rem;
  }
  .index .box2 .main .gd {
    margin-top: 0.3rem;
  }
  .index .box2 .main .gd a {
    text-align: right;
    display: block;
    color: #004a99;
    font-family: "PingFang SC";
    font-size: 0.3rem;
    font-weight: 300;
  }
  .index .box3 {
    margin-top: 0.5rem;
    margin-bottom: 0.6rem;
  }
  .index .box3 .main .title {
    position: relative;
  }
  .index .box3 .main .title .tit {
    display: flex;
    align-items: center;
  }
  .index .box3 .main .title .tit .bold {
    width: 100%;
    height: 0.02rem;
    background: #cde5f8;
  }
  .index .box3 .main .title .tit .icon {
    margin: 0 0.2rem;
    text-align: center;
    color: #cde5f8;
    font-family: "PingFang SC";
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 500;
  }
  .index .box3 .main .title p {
    position: absolute;
    left: 3.5rem;
    top: 0.45rem;
    color: #004a99;
    font-family: "PingFang SC";
    font-size: 0.38rem;
    font-weight: 500;
  }
  .index .box3 .main .box {
    margin-top: 0.28rem;
  }
  .index .box3 .main .box ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 0.3rem;
  }
  .index .box3 .main .box ul li {
    margin-top: 0.2rem;
    width: 3.23rem;
    height: 5.44rem;
  }
  .index .box3 .main .box ul li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
  }
  .index .box3 .main .box ul li a img {
    width: 3.23rem;
    height: 5.44rem;
  }
  .index .box3 .main .box ul li a .fu {
    padding: 0.28rem;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.58);
    width: 100%;
    height: 100%;
  }
  .index .box3 .main .box ul li a .fu .time {
    color: #fff;
    font-family: "PingFang SC";
    font-size: 0.58rem;
    font-weight: 600;
  }
  .index .box3 .main .box ul li a .fu .tit {
    margin-top: 0.1rem;
    color: #fff;
    font-family: "PingFang SC";
    font-size: 0.24rem;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 2rem;
    text-align: justify;
  }
  .index .box3 .main .box ul li a .fu .wen .w1 {
    margin-top: 0.05rem;
    color: #fff;
    font-family: "PingFang SC";
    font-size: 0.14rem;
    font-weight: 400;
  }
  .index .box3 .main .gd {
    margin-top: 0.3rem;
  }
  .index .box3 .main .gd a {
    text-align: right;
    display: block;
    color: #004a99;
    font-family: "PingFang SC";
    font-size: 0.3rem;
    font-weight: 300;
  }
  .about_us {
    background-image: url(../images/bg.png);
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    padding-top: 1rem;
  }
  .about_us .banner {
    background-image: url("../images/about_banner.png");
    width: 100%;
    height: 2.4rem;
    background-size: 100% 100%;
  }
  .about_us .banner .bg {
    background-image: url("../images/about_ban_bg.png");
    width: 4.62rem;
    height: 2.4rem;
    background-size: 100% 100%;
  }
  .about_us .banner .bg ul {
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
    flex-wrap: wrap;
    padding: 0 0 0.18rem;
    height: 2.4rem;
  }
  .about_us .banner .bg ul li {
    margin-left: 0.4rem;
    margin-top: 0.2rem;
  }
  .about_us .banner .bg ul li a {
    display: block;
    color: #626971;
    font-family: "PingFang SC";
    font-size: 0.25rem;
    font-weight: 400;
  }
  .about_us .banner .bg ul .active a {
    color: #004a99;
    font-family: "PingFang SC";
    font-size: 0.25rem;
    font-weight: 600;
  }
  .about_us .box1 {
    position: relative;
    margin-top: 0.5rem;
  }
  .about_us .box1 .main .title {
    position: relative;
  }
  .about_us .box1 .main .title .tit {
    display: flex;
    align-items: center;
  }
  .about_us .box1 .main .title .tit .bold {
    width: 100%;
    height: 0.02rem;
    background: #cde5f8;
  }
  .about_us .box1 .main .title .tit .icon {
    margin: 0 0.2rem;
    text-align: center;
    color: #cde5f8;
    font-family: "PingFang SC";
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 500;
  }
  .about_us .box1 .main .title p {
    position: absolute;
    left: 3.5rem;
    top: 0.45rem;
    color: #004a99;
    font-family: "PingFang SC";
    font-size: 0.38rem;
    font-weight: 500;
  }
  .about_us .box1 .main .box {
    padding: 0.6rem 0.1rem 0.2rem;
  }
  .about_us .box1 .main .box .tit {
    color: #004a99;
    font-family: "PingFang SC";
    font-size: 0.3rem;
    font-style: normal;
    font-weight: 600;
  }
  .about_us .box1 .main .box .wen {
    margin-top: 0.1rem;
    width: 100%;
    color: #333;
    text-align: justify;
    font-family: "PingFang SC";
    font-size: 0.2rem;
    font-weight: 400;
    line-height: 0.3rem;
    /* 187.5% */
  }
  .about_us .box1 .pic {
    position: relative;
    bottom: 0;
  }
  .about_us .box1 .pic img {
    width: 100%;
    height: auto;
  }
  .about_us .box2 {
    background-image: url("../images/about_b2_bg.jpg");
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
  }
  .about_us .box2 .main .box {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    padding: 0.5rem 0.1rem;
  }
  .about_us .box2 .main .box .b_l img {
    width: auto;
    height: 3.09rem;
  }
  .about_us .box2 .main .box .b_r {
    margin-top: 0.1rem;
  }
  .about_us .box2 .main .box .b_r .tit {
    width: 100%;
    color: #fff;
    font-family: "PingFang SC";
    font-size: 0.3rem;
    font-style: normal;
    font-weight: 600;
  }
  .about_us .box2 .main .box .b_r .wen {
    margin-top: 0.25rem;
    width: 100%;
    color: #fff;
    text-align: justify;
    font-family: "PingFang SC";
    font-size: 0.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.3rem;
    /* 187.5% */
  }
  .about_us .box3 {
    position: relative;
    background-image: url("../images/about_b3_bg.png");
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
  }
  .about_us .box3 .main .box {
    padding: 0.3rem 0.1rem;
  }
  .about_us .box3 .main .box .tit {
    width: 100%;
    color: #fff;
    font-family: "PingFang SC";
    font-size: 0.3rem;
    font-style: normal;
    font-weight: 600;
  }
  .about_us .box3 .main .box .wen {
    margin-top: 0.1rem;
    width: 100%;
    color: #fff;
    text-align: justify;
    font-family: "PingFang SC";
    font-size: 0.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.3rem;
    /* 187.5% */
  }
  .about_us .box3 .pic1 {
    position: relative;
    right: 0;
    top: 0rem;
  }
  .about_us .box3 .pic1 img {
    width: 100%;
    height: auto;
  }
  .about_us .box3 .pic2 {
    position: relative;
    left: 0;
    bottom: 0rem;
  }
  .about_us .box3 .pic2 img {
    width: 100%;
    height: auto;
  }
  .about_us .box3 .pic3 {
    position: relative;
    right: 0rem;
    bottom: 0rem;
  }
  .about_us .box3 .pic3 img {
    width: 100%;
    height: auto;
  }
  .about_us .box4 {
    padding-top: 0;
  }
  .about_us .box4 .main {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  .about_us .box4 .main .mm {
    margin-top: 0.2rem;
  }
  .about_us .box4 .main .mm .tit {
    width: 100%;
    color: #004a99;
    font-family: "PingFang SC";
    font-size: 0.3rem;
    font-style: normal;
    font-weight: 600;
  }
  .about_us .box4 .main .mm .wen {
    margin-top: 0.1rem;
    width: 100%;
    color: #333;
    text-align: justify;
    font-family: "PingFang SC";
    font-size: 0.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.3rem;
    /* 187.5% */
  }
  .about_us .box4 .sw {
    margin-top: 0.5rem;
  }
  .about_us .box4 .sw .swiper {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .about_us .box4 .sw .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .about_us .box4 .sw .swiper-slide img {
    display: block;
    width: 100%;
    height: 4rem;
    object-fit: cover;
  }
  .style {
    background-image: url(../images/bg.png);
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    padding-top: 1rem;
  }
  .style .banner {
    background-image: url("../images/style_banner.png");
    width: 100%;
    height: 2.4rem;
    background-size: 100% 100%;
  }
  .style .banner .bg {
    background-image: url("../images/about_ban_bg.png");
    width: 4.62rem;
    height: 2.4rem;
    background-size: 100% 100%;
  }
  .style .banner .bg ul {
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
    flex-wrap: wrap;
    padding: 0 0 0.18rem;
    height: 2.4rem;
  }
  .style .banner .bg ul li {
    margin-left: 0.4rem;
    margin-top: 0.2rem;
  }
  .style .banner .bg ul li a {
    display: block;
    color: #626971;
    font-family: "PingFang SC";
    font-size: 0.25rem;
    font-weight: 400;
  }
  .style .banner .bg ul .active a {
    color: #004a99;
    font-family: "PingFang SC";
    font-size: 0.25rem;
    font-weight: 600;
  }
  .style .box1 {
    position: relative;
    margin-top: 0.5rem;
    padding-bottom: 0.8rem;
  }
  .style .box1 .main .title {
    position: relative;
  }
  .style .box1 .main .title .tit {
    display: flex;
    align-items: center;
  }
  .style .box1 .main .title .tit .bold {
    width: 100%;
    height: 0.02rem;
    background: #cde5f8;
  }
  .style .box1 .main .title .tit .icon {
    margin: 0 0.2rem;
    text-align: center;
    color: #cde5f8;
    font-family: "PingFang SC";
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 500;
  }
  .style .box1 .main .title p {
    position: absolute;
    left: 3.5rem;
    top: 0.45rem;
    color: #004a99;
    font-family: "PingFang SC";
    font-size: 0.38rem;
    font-weight: 500;
  }
  .style .box1 .main .box {
    padding-top: 0.5rem;
  }
  .style .box1 .main .box .list {
    margin-top: 0.2rem;
    width: 100%;
    height: 100%;
    background: #fff;
  }
  .style .box1 .main .box .list a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0.31rem 0.3rem;
    display: flex;
    justify-content: space-between;
  }
  .style .box1 .main .box .list a .l_l {
    width: 1.95rem;
    height: 1.19rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .style .box1 .main .box .list a .l_l img {
    width: 100%;
    height: 100%;
  }
  .style .box1 .main .box .list a .l_l .time {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 1.01rem;
    height: 0.83rem;
    background: #cde5f8;
  }
  .style .box1 .main .box .list a .l_l .time .tt {
    color: #626971;
    font-family: "PingFang SC";
    font-size: 0.48rem;
    font-style: normal;
    font-weight: 600;
    line-height: 0.5rem;
  }
  .style .box1 .main .box .list a .l_l .time .bb {
    color: #626971;
    font-family: "PingFang SC";
    font-size: 0.16rem;
    font-style: normal;
    font-weight: 400;
  }
  .style .box1 .main .box .list a .l_r {
    margin-left: 0.1rem;
    width: 100%;
  }
  .style .box1 .main .box .list a .l_r .tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .style .box1 .main .box .list a .l_r .tit .t_l {
    color: #333;
    font-family: "PingFang SC";
    font-size: 0.2rem;
    font-style: normal;
    font-weight: 600;
    width: 4rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .style .box1 .main .box .list a .l_r .tit .t_r {
    color: #626971;
    text-align: right;
    font-family: "PingFang SC";
    font-size: 0.2rem;
    font-style: normal;
    font-weight: 400;
  }
  .style .box1 .main .box .list a .l_r .wen {
    margin-top: 0.1rem;
    color: #333;
    font-family: "PingFang SC";
    font-size: 0.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.3rem;
    /* 187.5% */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .style .box1 .main .fen {
    margin: 0.36rem auto 0;
    width: 6.52rem;
    height: 0.46rem;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.08rem;
  }
  .style .box1 .main .fen .ss a {
    display: block;
    color: #cde5f8;
    font-family: "PingFang SC";
    font-size: 0.2rem;
    font-style: normal;
    font-weight: 300;
  }
  .style .box1 .main .fen .as a {
    color: #004a99;
  }
  .style .box1 .main .fen .nav {
    display: flex;
    align-items: center;
  }
  .style .box1 .main .fen .nav .nn a {
    display: block;
    text-align: center;
    line-height: 0.42rem;
    width: 0.42rem;
    height: 0.42rem;
    color: #004a99;
    font-family: "PingFang SC";
    font-size: 0.2rem;
    font-style: normal;
    font-weight: 300;
  }
  .style .box1 .main .fen .nav .active a {
    border: none;
    background: #cde5f8;
  }
  .dynamic {
    background-image: url(../images/bg.png);
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    padding-top: 1rem;
  }
  .dynamic .banner {
    background-image: url("../images/style_banner.png");
    width: 100%;
    height: 2.4rem;
    background-size: 100% 100%;
  }
  .dynamic .box1 {
    margin-top: -0.3rem;
    padding-bottom: 0.8rem;
  }
  .dynamic .box1 .main {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .dynamic .box1 .main .m_l {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 2.15rem;
    background: #1983d3;
    padding: 0.24rem;
  }
  .dynamic .box1 .main .m_l .tit {
    color: #fff;
    font-family: "PingFang SC";
    font-size: 0.3rem;
    font-style: normal;
    font-weight: 600;
  }
  .dynamic .box1 .main .m_l ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
  }
  .dynamic .box1 .main .m_l ul li a {
    display: block;
    color: #fff;
    font-family: "PingFang SC";
    font-size: 0.25rem;
    font-style: normal;
    font-weight: 400;
  }
  .dynamic .box1 .main .m_l .pic {
    position: absolute;
    right: 0.1rem;
    bottom: 0;
    z-index: -1;
  }
  .dynamic .box1 .main .m_l .pic img {
    width: 2rem;
    height: auto;
  }
  .dynamic .box1 .main .m_r {
    padding: 0.5rem 0.5rem 0.8rem;
    width: 100%;
    height: 100%;
    background: #fff;
    /* 白色画布阴影 */
    box-shadow: 0.24rem 0.3rem 0.45rem -0.1rem rgba(0, 0, 0, 0.08);
  }
  .dynamic .box1 .main .m_r .tit {
    color: #004a99;
    font-family: "PingFang SC";
    font-size: 0.3rem;
    font-style: normal;
    font-weight: 600;
  }
  .dynamic .box1 .main .m_r .time {
    margin-top: 0.2rem;
    text-align: center;
    color: #000;
    font-family: "PingFang SC";
    font-size: 0.2rem;
    font-style: normal;
    font-weight: 400;
  }
  .dynamic .box1 .main .m_r .bold {
    margin-top: 0.05rem;
    width: 100%;
    height: 0.01rem;
    background: rgba(51, 51, 51, 0.3);
  }
  .dynamic .box1 .main .m_r .wen {
    margin-top: 0.4rem;
    color: #333;
    font-family: "PingFang SC";
    font-size: 0.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.3rem;
    /* 187.5% */
  }
  .dynamic .box1 .main .m_r .pic {
    margin-top: 0.5rem;
  }
  .dynamic .box1 .main .m_r .pic img {
    width: 100%;
    height: auto;
  }
  .dynamic .box1 .main .m_r .lei {
    margin-top: 0.4rem;
  }
  .dynamic .box1 .main .m_r .lei .ll {
    color: #333;
    font-family: "PingFang SC";
    font-size: 0.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.3rem;
  }
  .dynamic .box1 .main .m_r .lei .ll span {
    font-weight: 600;
  }
  .leader {
    background-image: url(../images/bg.png);
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    padding-top: 1rem;
  }
  .leader .banner {
    background-image: url("../images/about_banner.png");
    width: 100%;
    height: 2.4rem;
    background-size: 100% 100%;
  }
  .leader .banner .bg {
    background-image: url("../images/about_ban_bg.png");
    width: 4.62rem;
    height: 2.4rem;
    background-size: 100% 100%;
  }
  .leader .banner .bg ul {
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
    flex-wrap: wrap;
    padding: 0 0 0.18rem;
    height: 2.4rem;
  }
  .leader .banner .bg ul li {
    margin-left: 0.4rem;
    margin-top: 0.2rem;
  }
  .leader .banner .bg ul li a {
    display: block;
    color: #626971;
    font-family: "PingFang SC";
    font-size: 0.25rem;
    font-weight: 400;
  }
  .leader .banner .bg ul .active a {
    color: #004a99;
    font-family: "PingFang SC";
    font-size: 0.25rem;
    font-weight: 600;
  }
  .leader .box1 {
    position: relative;
    margin-top: 0.8rem;
  }
  .leader .box1 .main .title {
    position: relative;
  }
  .leader .box1 .main .title .tit {
    display: flex;
    align-items: center;
  }
  .leader .box1 .main .title .tit .bold {
    width: 100%;
    height: 0.02rem;
    background: #cde5f8;
  }
  .leader .box1 .main .title .tit .icon {
    margin: 0 0.2rem;
    text-align: center;
    color: #cde5f8;
    font-family: "PingFang SC";
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 500;
  }
  .leader .box1 .main .title p {
    position: absolute;
    left: 3.9rem;
    top: 0.45rem;
    color: #004a99;
    font-family: "PingFang SC";
    font-size: 0.38rem;
    font-weight: 500;
  }
  .leader .box1 .main .box {
    padding: 0 0 1rem;
  }
  .leader .box1 .main .box .bbx {
    margin-top: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 0.2rem;
    padding-left: 1.2rem;
    padding-right: 1.91rem;
  }
  .leader .box1 .main .box .bbx .b_l {
    position: relative;
    margin-top: 0.5rem;
  }
  .leader .box1 .main .box .bbx .b_l a {
    position: relative;
  }
  .leader .box1 .main .box .bbx .b_l a img {
    width: 3.3rem;
    height: 4.4rem;
  }
  .leader .box1 .main .box .bbx .b_l a .pic {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(22, 22, 22, 0.48);
    width: 3.3rem;
    height: 4.4rem;
    background-size: 100% 100%;
  }
  .leader .box1 .main .box .bbx .b_l a .pic .wx {
    width: 3.3rem;
    height: 4.4rem;
    padding: 0 0.5rem 0.37rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .leader .box1 .main .box .bbx .b_l a .pic .wx .tit {
    color: #fff;
    font-family: "Microsoft YaHei UI";
    font-size: 0.2rem;
    font-style: normal;
    font-weight: 700;
  }
  .leader .box1 .main .box .bbx .b_l a .pic .wx .wen {
    margin-top: 0.1rem;
    color: #fff;
    font-family: "PingFang SC";
    font-size: 0.16rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .leader .box1 .main .box .bbx .b_l .kuai {
    z-index: -1;
    position: absolute;
    left: -0.48rem;
    bottom: -0.27rem;
    width: 2.4rem;
    height: 2.4rem;
    background: #cde5f8;
  }
  .leader .box1 .main .box .bbx .b_l .fu {
    z-index: -1;
    position: absolute;
    right: -1.4rem;
    bottom: -0.27rem;
    display: flex;
  }
  .leader .box1 .main .box .bbx .b_l .fu .bold {
    width: 0.77rem;
    height: 0.03rem;
    background: #004a99;
    margin-top: 0.13rem;
  }
  .leader .box1 .main .box .bbx .b_l .fu .bt {
    margin-left: 0.15rem;
  }
  .leader .box1 .main .box .bbx .b_l .fu .bt .tt {
    color: #004a99;
    font-family: "PingFang SC";
    font-size: 0.2rem;
    font-style: normal;
    font-weight: 600;
  }
  .leader .box1 .main .box .bbx .b_l .fu .bt .bb {
    color: #333;
    font-family: "PingFang SC";
    font-size: 0.3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 0.3rem;
  }
  .leader .box1 .main .box .bbx .b_l .fu .bt .xx {
    color: #626971;
    font-family: "PingFang SC";
    font-size: 0.16rem;
    font-style: normal;
    font-weight: 300;
  }
  .leader .box1 .main .box .bbx .b_l:hover a .pic {
    display: block;
  }
  .faculty {
    background-image: url(../images/bg.png);
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    padding-top: 1rem;
  }
  .faculty .banner {
    background-image: url("../images/faculty_banner.png");
    width: 100%;
    height: 2.4rem;
    background-size: 100% 100%;
  }
  .faculty .box1 {
    position: relative;
    margin-top: 0.8rem;
    padding-bottom: 0.8rem;
  }
  .faculty .box1 .main .title {
    position: relative;
  }
  .faculty .box1 .main .title .tit {
    display: flex;
    align-items: center;
  }
  .faculty .box1 .main .title .tit .bold {
    width: 100%;
    height: 0.02rem;
    background: #cde5f8;
  }
  .faculty .box1 .main .title .tit .icon {
    margin: 0 0.2rem;
    text-align: center;
    color: #cde5f8;
    font-family: "PingFang SC";
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 500;
  }
  .faculty .box1 .main .title p {
    position: absolute;
    left: 3.3rem;
    top: 0.45rem;
    color: #004a99;
    font-family: "PingFang SC";
    font-size: 0.38rem;
    font-weight: 500;
  }
  .faculty .box1 .main .box .b1 {
    margin-top: 0.8rem;
  }
  .faculty .box1 .main .box .b1 .tit .tt {
    padding-left: 0.2rem;
    color: #004a99;
    font-family: "PingFang SC";
    font-size: 0.36rem;
    font-style: normal;
    font-weight: 600;
    line-height: 0.3rem;
  }
  .faculty .box1 .main .box .b1 .tit .bb {
    padding-left: 0.2rem;
    color: #cde5f8;
    font-family: "PingFang SC";
    font-size: 0.24rem;
    font-style: normal;
    font-weight: 600;
  }
  .faculty .box1 .main .box .b1 ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .faculty .box1 .main .box .b1 ul li {
    margin-right: 0;
    padding-left: 0.5rem;
    width: 50%;
    margin-top: 0.4rem;
  }
  .faculty .box1 .main .box .b1 ul li .pic {
    cursor: pointer;
    width: 2.32rem;
    height: 2.85rem;
    background: #e8e8e8;
  }
  .faculty .box1 .main .box .b1 ul li .pic img {
    width: 100%;
    height: 100%;
  }
  .faculty .box1 .main .box .b1 ul li .bold {
    margin-top: 0.14rem;
    width: 0.44rem;
    height: 0.04rem;
    background: #004a99;
  }
  .faculty .box1 .main .box .b1 ul li .mz {
    margin-top: 0.13rem;
    color: #000;
    font-family: "PingFang SC";
    font-size: 0.32rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.3rem;
  }
  .faculty .box1 .main .box .b1 ul li .xx {
    color: #626971;
    font-family: "PingFang SC";
    font-size: 0.16rem;
    font-style: normal;
    font-weight: 300;
  }
  .tc {
    display: none;
  }
  .tc .xq_wai {
    width: 100%;
    z-index: 100;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    left: 0;
    top: 0;
  }
  .tc .xq_wai .xq {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 6rem;
    height: 9.85rem;
    background: #ffffff;
  }
  .tc .xq_wai .xq .xx {
    cursor: pointer;
    position: absolute;
    right: 0.1rem;
    top: 0.1rem;
  }
  .tc .xq_wai .xq .xx img {
    width: 0.4rem;
    height: 0.4rem;
  }
  .tc .xq_wai .xq .fu {
    position: absolute;
    left: 0;
    top: 0.22rem;
    width: 0.55rem;
    height: 0.06rem;
    background: #004a99;
  }
  .teacherPopup {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0.7rem 0.42rem 0 0.62rem;
  }
  .teacherPopup .b_l .pic {
    position: relative;
    width: 3.37rem;
    height: 4.1rem;
  }
  .teacherPopup .b_l .pic img {
    width: 3.37rem;
    height: 4.1rem;
  }
  .teacherPopup .b_l .pic .kk {
    position: absolute;
    z-index: 100;
    right: -0.28rem;
    top: 0.84rem;
    width: 0.28rem;
    height: 0.28rem;
    background: #004a99;
  }
  .teacherPopup .b_l .bold {
    margin-top: 0.1rem;
    width: 0.44rem;
    height: 0.06rem;
    background: #004a99;
  }
  .teacherPopup .b_l .tit {
    margin-top: 0.3rem;
    color: #333;
    font-family: "PingFang SC";
    font-size: 0.3rem;
    font-style: normal;
    line-height: 0.25rem;
  }
  .teacherPopup .b_l .unam {
    color: #626971;
    font-family: "PingFang SC";
    font-size: 0.24rem;
    font-style: normal;
    font-weight: 300;
  }
  .teacherPopup .b_r {
    margin-top: 0.2rem;
    width: 100%;
  }
  .teacherPopup .b_r .tt {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .teacherPopup .b_r .tt .t_l .xian {
    width: 1.507rem;
    height: 0.06rem;
    background: #e8e8e8;
  }
  .teacherPopup .b_r .tt .t_l .name {
    margin-top: 0.15rem;
    color: #333;
    font-family: "PingFang SC";
    font-size: 0.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 0.35rem;
  }
  .teacherPopup .b_r .tt .t_l .x_nam {
    margin-top: 0.05rem;
    color: #626971;
    font-family: "PingFang SC";
    font-size: 0.24rem;
    font-style: normal;
    font-weight: 300;
  }
  .teacherPopup .b_r .tt .t_r {
    display: flex;
    align-items: center;
  }
  .teacherPopup .b_r .tt .t_r .bb {
    margin-right: 0.1rem;
    width: 0.044rem;
    height: 0.32rem;
    background: #004a99;
  }
  .teacherPopup .b_r .tt .t_r .type {
    color: #000;
    font-family: "PingFang SC";
    font-size: 0.3rem;
    font-style: normal;
    font-weight: 400;
  }
  .teacherPopup .b_r .bxb {
    margin-top: 0.4rem;
    width: 100%;
    height: 0.01rem;
    background: #e8e8e8;
  }
  .teacherPopup .b_r .nei {
    height: 4.2rem;
    overflow-y: scroll;
  }
  .teacherPopup .b_r .nei .ks {
    margin-top: 0.4rem;
  }
  .teacherPopup .b_r .nei .ks .txt {
    color: #333;
    font-family: "PingFang SC";
    font-size: 0.32rem;
    font-style: normal;
    font-weight: 500;
  }
  .teacherPopup .b_r .nei .ks ul {
    margin-top: 0.05rem;
  }
  .teacherPopup .b_r .nei .ks ul li {
    color: #333;
    font-family: "PingFang SC";
    font-size: 0.25rem;
    font-style: normal;
    font-weight: 300;
    line-height: 0.4rem;
    /* 187.5% */
  }
  .graduate {
    background-image: url(../images/bg.png);
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    padding-top: 1rem;
  }
  .graduate .banner {
    background-image: url("../images/graduate_banner.png");
    width: 100%;
    height: 2.4rem;
    background-size: 100% 100%;
  }
  .graduate .banner .bg {
    background-image: url("../images/about_ban_bg.png");
    width: 4.62rem;
    height: 2.4rem;
    background-size: 100% 100%;
  }
  .graduate .banner .bg ul {
    display: flex;
    align-items: flex-end;
    padding: 0 0.46rem 0.18rem 0.26rem;
    height: 2.4rem;
  }
  .graduate .banner .bg ul li {
    margin: 0 0.2rem;
  }
  .graduate .banner .bg ul li a {
    display: block;
    color: #626971;
    font-family: "PingFang SC";
    font-size: 0.25rem;
    font-weight: 400;
  }
  .graduate .banner .bg ul .active a {
    color: #004a99;
    font-family: "PingFang SC";
    font-size: 0.25rem;
    font-weight: 600;
  }
  .graduate .box1 {
    position: relative;
    margin-top: 0.8rem;
  }
  .graduate .box1 .main .title {
    position: relative;
  }
  .graduate .box1 .main .title .tit {
    display: flex;
    align-items: center;
  }
  .graduate .box1 .main .title .tit .bold {
    width: 100%;
    height: 0.02rem;
    background: #cde5f8;
  }
  .graduate .box1 .main .title .tit .icon {
    margin: 0 0.2rem;
    text-align: center;
    color: #cde5f8;
    font-family: "PingFang SC";
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 500;
  }
  .graduate .box1 .main .title p {
    position: absolute;
    left: 3rem;
    top: 0.45rem;
    color: #004a99;
    font-family: "PingFang SC";
    font-size: 0.38rem;
    font-weight: 500;
  }
  .graduate .box1 .main .box {
    padding: 0.6rem 0 1rem;
  }
  .graduate .box1 .main .box .nav {
    padding: 0 0.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .graduate .box1 .main .box .nav .nn {
    cursor: pointer;
    color: #626971;
    font-family: "PingFang SC";
    font-size: 0.25rem;
    font-style: normal;
    font-weight: 300;
  }
  .graduate .box1 .main .box .nav .active {
    color: #004a99;
    font-family: "PingFang SC";
    font-size: 0.25rem;
    font-style: normal;
    font-weight: 400;
  }
  .graduate .box1 .main .box .boxs {
    margin-top: 0.3rem;
  }
  .graduate .box1 .main .box .boxs .box_nei {
    width: 100%;
    background-color: #fff;
    padding: 0.4rem 0.3rem 0.5rem;
  }
  .graduate .box1 .main .box .boxs .box_nei .tit {
    color: #333;
    font-family: "PingFang SC";
    font-size: 0.3rem;
    font-style: normal;
    font-weight: 600;
  }
  .graduate .box1 .main .box .boxs .box_nei .bold {
    margin-top: 0.1rem;
    width: 0.88rem;
    height: 0.07rem;
    background: #004a99;
  }
  .graduate .box1 .main .box .boxs .box_nei p {
    margin-top: 0.24rem;
    color: #333;
    font-family: "PingFang SC";
    font-size: 0.26rem;
    font-style: normal;
    text-align: justify;
    font-weight: 400;
    line-height: 0.4rem;
    /* 187.5% */
  }
  .footer {
    width: 100%;
    height: 100%;
    background: #cde5f8;
    padding: 0.5rem 0.3rem 0.5rem;
  }
  .footer .main {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .footer .main .m_l img {
    width: 2.39rem;
    height: 0.54rem;
  }
  .footer .main .m_l .wen {
    margin-top: 0.15rem;
  }
  .footer .main .m_l .wen .zi {
    margin-top: 0.08rem;
    color: #004a99;
    font-family: "PingFang SC";
    font-size: 0.2rem;
    font-weight: 300;
  }
  .footer .main .m_r {
    margin-top: 0.2rem;
  }
  .footer .main .m_r .tit {
    color: #004a99;
    font-family: "PingFang SC";
    font-size: 0.25rem;
    font-weight: 400;
  }
  .footer .main .m_r .bold {
    margin-top: 0.05rem;
    width: 2.83rem;
    height: 0.01rem;
    background: #729cc9;
  }
  .footer .main .m_r .zi {
    margin-top: 0.05rem;
    color: #004a99;
    font-family: "PingFang SC";
    font-size: 0.2rem;
    font-weight: 300;
  }
}


header .header .h_r .nnv ul li:nth-child(4):hover .xia {
    width: 1.58rem;
}