body {
  font-family: "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #FFFFFF;
  max-width: 100vw;
  overflow-x: hidden;
}
:root {
  --heart-width: 82.2917vw;
}
@media screen and (max-width: 992px) {
  :root {
    --heart-width: 94vw;
  }
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
.heart-box {
  width: var(--heart-width);
  margin: 0 auto;
}
.inside .main .content .ac-content img {
  max-width: 750px !important;
}
@media screen and (max-width: 992px) {
  .inside .main .content .ac-content img {
    width: 90vw !important;
  }
}
.inside .main .content .ac-content table {
  max-width: 100% !important;
}
.inside .main .content .ac-content table td {
  line-height: 1.8;
}
@media screen and (max-width: 992px) {
  .inside .main .content .ac-content table {
    width: 100%;
  }
}
.inside .main .content .ac-content p {
  background: transparent !important;
  line-height: 1.8 !important;
  font-family: "PingFang SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif !important;
  color: #333 !important;
  font-size: 0.8333vw !important;
  text-indent: 2em !important;
  margin-bottom: 6px !important;
  text-align: justify;
}
@media screen and (max-width: 992px) {
  .inside .main .content .ac-content p {
    font-size: 16px !important;
  }
}
.inside .main .content .ac-content.jl-content {
  margin: 2.0833vw auto 0;
  padding: 0 4.6875vw;
}
@media screen and (max-width: 992px) {
  .inside .main .content .ac-content.jl-content {
    padding: 0;
    margin: 0;
    width: 100%;
  }
}
.inside .main .content .ac-content.jl-content p {
  text-indent: 0 !important;
  margin-bottom: 0 !important;
  text-align: start;
}
.inside .main .content .ac-content.jl-content .sub-tit {
  margin-top: 20px;
}
.inside .main .content .ac-content.jl-content .serialp {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.8;
  font-size: 0.8333vw;
}
@media screen and (max-width: 992px) {
  .inside .main .content .ac-content.jl-content .serialp {
    font-size: 16px;
  }
}
.inside .main .content .ac-content.jl-content .serialp > div:first-child {
  width: 2em;
  margin-right: 6px;
  text-align: center;
}
.inside .main .content .ac-content.jl-content .serialp > div:last-child {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.inside .main .content .ac-content span,
.inside .main .content .ac-content td,
.inside .main .content .ac-content a {
  font-size: 0.8333vw !important;
}
@media screen and (max-width: 992px) {
  .inside .main .content .ac-content span,
  .inside .main .content .ac-content td,
  .inside .main .content .ac-content a {
    font-size: 16px !important;
  }
}
.inside .main .content .ac-content .jj-tit {
  position: relative;
  font-size: 0.8854vw !important;
  font-weight: bold;
  color: #00438c;
  text-indent: 2em;
  margin-top: 20px;
}
@media screen and (max-width: 992px) {
  .inside .main .content .ac-content .jj-tit {
    font-size: 17px !important;
  }
}
.inside .main .content .ac-content table td p {
  text-indent: 0 !important;
  margin-bottom: 0 !important;
}
.inside .main .content .ac-content table td {
  padding: 2px 5px;
}
.inside .main .content .ac-content a {
  color: #055ab5;
}
.inside .main .content .ac-content a:hover {
  text-decoration: underline;
  color: #2F7BCC;
}
.inside .main .content .ac-content .vsbcontent_img {
  text-align: center;
}
.inside .main .content .ac-content .bz-tit {
  font-family: "PingFang SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  font-size: 0.9375vw;
  color: #00438c;
  border-bottom: 1px solid #00438c;
  padding: 10px 0;
  font-weight: bold;
  position: relative;
  margin-bottom: 30px;
  margin-top: 20px;
}
@media screen and (max-width: 992px) {
  .inside .main .content .ac-content .bz-tit {
    font-size: 16px;
  }
}
.inside .main .content .ac-content .bz-tit::after {
  content: "";
  display: block;
  width: 4.1667vw;
  height: 0.4167vw;
  position: absolute;
  left: 0;
  bottom: -0.4688vw;
  background-color: #00438c;
}
@media screen and (max-width: 992px) {
  .inside .main .content .ac-content .bz-tit::after {
    width: 80px;
    height: 8px;
    bottom: -9px;
  }
}
.inside .main .content .ac-content .bz-tit img {
  width: 0.7292vw;
  height: 0.9896vw;
}
@media screen and (max-width: 992px) {
  .inside .main .content .ac-content .bz-tit img {
    width: 14px !important;
    height: 19px !important;
  }
}
@media screen and (max-width: 992px) {
  .inside .main .content .ac-content video {
    width: 100%;
    height: auto;
  }
}
.inside .main .content .ac-content .tea-top {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 992px) {
  .inside .main .content .ac-content .tea-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.inside .main .content .ac-content .tea-top img {
  height: 14.0625vw;
  width: auto;
}
@media screen and (max-width: 992px) {
  .inside .main .content .ac-content .tea-top img {
    height: auto;
    width: 150px !important;
    margin: 0 auto;
    -webkit-box-ordinal-group: 2;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.inside .main .content .ac-content .tea-top .l {
  margin-right: 5.2083vw;
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 992px) {
  .inside .main .content .ac-content .tea-top .l {
    -webkit-box-ordinal-group: 3;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-right: 0;
  }
}
.inside .main .content .ac-content .tea-top .tea-tit {
  font-size: 1.0417vw;
  font-weight: bold;
  color: #00438c;
  margin-bottom: 0.8333vw;
  margin-top: 1.0417vw;
}
@media screen and (max-width: 992px) {
  .inside .main .content .ac-content .tea-top .tea-tit {
    font-size: 18px;
    margin-bottom: 8px;
    margin-top: 10px;
  }
}
.inside .main .content .ac-content .tea-top .tea-tit:first-child {
  margin-top: 0;
}
@media screen and (max-width: 992px) {
  .inside .main .content .ac-content .tea-top .tea-tit:first-child {
    margin-top: 10px;
  }
}
.inside .main .content .ac-content .tea-top .tea-line {
  font-size: 0.8333vw;
  color: #333;
  line-height: 2;
}
@media screen and (max-width: 992px) {
  .inside .main .content .ac-content .tea-top .tea-line {
    font-size: 16px;
  }
}
.article-title {
  font-size: 1.0417vw;
  text-align: center;
  color: #00438c;
  font-weight: bold;
  margin-bottom: 12px;
  font-family: 'PingFang SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
}
@media screen and (max-width: 992px) {
  .article-title {
    font-size: 18px;
  }
}
ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.banner .carousel-control-prev-icon,
.banner .carousel-control-next-icon {
  display: block;
  width: 2.5vw;
  height: 2.5vw;
}
@media screen and (max-width: 992px) {
  .banner .carousel-control-prev-icon,
  .banner .carousel-control-next-icon {
    width: 24px;
    height: 24px;
  }
}
.banner .carousel-control-prev,
.banner .carousel-control-next {
  opacity: 1;
}
.banner .carousel-control-prev-icon {
  background: url("../images/banner-l.png") no-repeat center / 100% 100%;
}
.banner .carousel-control-next-icon {
  background: url("../images/banner-r.png") no-repeat center / 100% 100%;
}
.banner .carousel-control-prev:hover .carousel-control-prev-icon {
  background: url("../images/banner-l-hover.png") no-repeat center / 100% 100%;
}
.banner .carousel-control-next:hover .carousel-control-next-icon {
  background: url("../images/banner-r-hover.png") no-repeat center / 100% 100%;
}
.carousel-indicators {
  margin-bottom: 1.3vw;
}
.carousel-indicators__item {
  width: 0.4167vw !important;
  height: 0.4167vw !important;
  border-radius: 50%;
  background: transparent !important;
  border: 2px solid white !important;
  opacity: 1 !important;
}
@media screen and (max-width: 992px) {
  .carousel-indicators__item {
    width: 7px !important;
    height: 7px !important;
  }
}
.carousel-indicators__item.active {
  background-color: white !important;
}

.more-link {
  position: relative;
  display: block;
  margin: 0 auto;
  margin-top: 2.6042vw;
  width: 9.6354vw;
  background-color: #0057a4;
  height: 2.4479vw;
  border-radius: 2.5vw;
  color: white;
  font-size: 0.9375vw;
  padding-left: 2.3958vw;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 0.3125vw;
}
@media screen and (max-width: 992px) {
  .more-link {
    width: 150px;
    height: 40px;
    border-radius: 40px;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 8px;
    margin-top: 30px;
  }
}
.more-link:hover {
  color: white;
}
.more-link img {
  width: 1.875vw;
  height: 1.875vw;
}
@media screen and (max-width: 992px) {
  .more-link img {
    width: 30px;
    height: 30px;
  }
}

.footer {
  position: relative;
  width: 100%;
  height: 11.7708vw;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2.8125vw 5.2083vw 0;
  -webkit-box-align: start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 992px) {
  .footer {
    height: auto;
    background: -webkit-gradient(linear, left top, right top, from(#1B77C3), to(#0F3F83));
    background: -moz-linear-gradient(left, #1B77C3, #0F3F83);
    background: linear-gradient(to right, #1B77C3, #0F3F83);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 20px;
  }
}
.footer::after {
  content: "";
  display: block;
  height: 20.0521vw;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("../images/footer-bg.png") no-repeat center / 100% 100%;
}
@media screen and (max-width: 992px) {
  .footer::after {
    display: none;
  }
}
.footer .l,
.footer .r {
  position: relative;
  z-index: 2;
}
.footer .r {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 992px) {
  .footer .r {
    width: 100%;
    margin-top: 20px;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
.footer .r a {
  display: block;
  width: 6.25vw;
  height: 6.25vw;
  border-radius: 0.4167vw;
  background-color: white;
  margin-left: 2.0833vw;
  text-align: center;
  padding-top: 1.3542vw;
  font-size: 0.7292vw;
  color: #000;
}
@media screen and (max-width: 992px) {
  .footer .r a {
    width: auto;
    padding: 0 10px;
    height: 60px;
    font-size: 12px;
    margin: 0;
    border-radius: 8px;
    padding-top: 12px;
  }
}
.footer .r a img {
  width: 2.3958vw;
  height: 2.3958vw;
}
@media screen and (max-width: 992px) {
  .footer .r a img {
    width: 23px;
    height: 23px;
  }
}
.footer .r a .text {
  line-height: 1;
  margin-top: 1.0417vw;
}
@media screen and (max-width: 992px) {
  .footer .r a .text {
    font-size: 12px;
  }
}
.footer .r a:last-child {
  padding-top: 0.4167vw;
}
@media screen and (max-width: 992px) {
  .footer .r a:last-child {
    padding-top: 4px;
  }
}
.footer .r a:last-child img {
  width: 4.1667vw;
  height: 4.1667vw;
}
@media screen and (max-width: 992px) {
  .footer .r a:last-child img {
    width: 40px;
    height: 40px;
  }
}
.footer .r a:last-child .text {
  margin-top: 0.2083vw;
}
.footer .l {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 992px) {
  .footer .l {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.footer .l .logo,
.footer .l .logo2x {
  width: 20.1042vw;
  height: auto;
}
.footer .l .logo img,
.footer .l .logo2x img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 992px) {
  .footer .l .logo,
  .footer .l .logo2x {
    width: 70vw;
    max-width: 600px;
  }
}
.footer .l .logo2x {
  display: none;
}
@media screen and (min-width: 1930px) {
  .footer .l .logo {
    display: none;
  }
  .footer .l .logo2x {
    display: block;
  }
}
.footer .l .contact {
  color: white;
  margin-left: 1.5625vw;
  padding-left: 1.5625vw;
  border-left: 1px solid white;
}
@media screen and (max-width: 992px) {
  .footer .l .contact {
    padding: 0;
    margin: 0;
    border-left: none;
    margin-top: 30px;
  }
}
.footer .l .t {
  font-size: 1.1458vw;
  margin-bottom: 1.0417vw;
}
@media screen and (max-width: 992px) {
  .footer .l .t {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.footer .l .line {
  font-size: 0.8333vw;
  margin-bottom: 0.3125vw;
}
@media screen and (max-width: 992px) {
  .footer .l .line {
    font-size: 14px;
    margin-bottom: 3px;
  }
}
.copyright {
  height: 2.3438vw;
  line-height: 2.3438vw;
  width: 100%;
  background-color: #194783;
  color: white;
  text-align: center;
  font-size: 0.8333vw;
}
@media screen and (max-width: 992px) {
  .copyright {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
  }
}

body {
  background-color: #F8F9FA;
}
.header-a {
  position: fixed;
  top: 0;
  width: 100%;
  height: 9.3229vw;
  background: url("../images/header-a-bg.png") repeat-x center / auto 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.5625vw 2.0833vw 0;
  overflow: hidden;
  z-index: 16;
}
@media screen and (max-width: 992px) {
  .header-a {
    display: none;
  }
}
.header-a .logo,
.header-a .logo2x {
  height: 5.7292vw;
  width: auto;
}
.header-a .logo2x {
  display: none;
}
@media screen and (min-width: 1930px) {
  .header-a .logo {
    display: none;
  }
  .header-a .logo2x {
    display: block;
  }
}
.header-a .r {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.header-a .links {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.2083vw;
}
.header-a .links a {
  color: white;
  font-size: 0.9375vw;
}
.header-a .links a:hover {
  color: #D5AF88;
}
.header-a .links .split {
  width: 1px;
  height: 1.0417vw;
  background-color: white;
  margin: 0 0.625vw;
}
.header-a .links .search {
  width: 2.0833vw;
  height: 2.0833vw;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  margin-left: 1.0417vw;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.header-a .links .search img {
  width: 50%;
  height: 50%;
}
.header-a .nav {
  margin-top: 1.5625vw;
}
.header-a .nav-item {
  position: relative;
  margin: 0 0.7813vw;
}
.header-a .nav-item:last-child {
  margin-right: 0;
}
.header-a .nav-item > a {
  font-size: 1.1458vw;
  color: white;
}
.header-a .nav-item::after {
  content: "";
  display: block;
  width: 0%;
  height: 2px;
  background-color: #D5AF88;
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.header-a .nav-item:hover > a {
  color: #D5AF88;
}
.header-a .nav-item:hover::after {
  width: 100%;
}
.header-a .nav-item:hover .nav-children {
  display: block;
}
.header-a .nav-item:nth-child(8) .nav-children {
  left: -30vw;
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.header-a .nav-item:nth-child(9) .nav-children {
  left: -30vw;
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.header-a .nav-item:nth-child(10) .nav-children {
  left: -37vw;
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.header-a .nav-children {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 41.6667vw;
  padding-top: 2.6042vw;
  display: none;
}
.header-a .nav-children-content {
  width: 100%;
  background-color: rgba(23, 103, 171, 0.9);
  border-radius: 0.5208vw;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 1.3021vw 2.6042vw 3.125vw 1.3542vw;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header-a .nav-children-content .l {
  width: 100%;
}
.header-a .nav-children-title {
  font-size: 1.25vw;
  color: white;
}
.header-a .nav-children-cover {
  position: relative;
  width: 13.8021vw;
  height: 7.2917vw;
  margin-top: 20px;
}
.header-a .nav-children-cover img {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0 4.1667vw 0 4.1667vw;
  z-index: 2;
}
.header-a .nav-children-cover::after {
  content: "";
  position: absolute;
  top: -0.625vw;
  left: 0.625vw;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 0 4.1667vw 0 4.1667vw;
}
.header-a .nav-children-link {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1.875vw;
}
.header-a .nav-children-item {
  position: relative;
  width: 50%;
  display: block;
  font-size: 0.9375vw;
  color: white;
  margin-bottom: 1.0417vw;
  padding-left: 1.5625vw;
  z-index: 2;
}
.header-a .nav-children-item:nth-child(odd) {
  width: 40%;
}
.header-a .nav-children-item:nth-child(even) {
  width: 60%;
}
.header-a .nav-children-item::after {
  content: "";
  display: block;
  width: 0.3125vw;
  height: 0.3125vw;
  background-color: white;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.header-a .nav-children-item:hover::after {
  background-color: transparent;
  width: 1.25vw;
  height: 1.1979vw;
  left: -0.5208vw;
  background: url("../images/nav-children-hover.png") no-repeat center / 100% 100%;
}
.header-a .nav-children .flower-svg {
  width: 11.4583vw;
  height: auto;
  position: absolute;
  bottom: 1.0417vw;
  left: 7.2917vw;
}
.header-a .nav-children .flower-svg path {
  fill: none;
  fill-rule: evenodd;
  stroke-miterlimit: 10;
  stroke-width: 3px;
  stroke: rgba(255, 255, 255, 0.1);
}
.header-b {
  position: fixed;
  top: 0;
  width: 100%;
  height: 5.2083vw;
  background-color: #1767AC;
  -webkit-box-shadow: 0 1.1458vw 1.5625vw rgba(0, 0, 0, 0.3);
          box-shadow: 0 1.1458vw 1.5625vw rgba(0, 0, 0, 0.3);
  padding-left: 6.25vw;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  overflow: hidden;
  height: 0;
  z-index: 17;
}
@media screen and (max-width: 992px) {
  .header-b {
    display: none;
  }
}
.header-b .links {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header-b .links.l .link:nth-child(2) .link-children {
  left: -50px;
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.header-b .links.l .link:nth-child(3) .link-children {
  left: -100px;
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.header-b .links.r .link:nth-child(5) .link-children {
  left: -600px;
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.header-b .links.r .link:nth-child(4) .link-children {
  left: -550px;
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.header-b .links.r .link:nth-child(3) .link-children {
  left: -500px;
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.header-b .links .link {
  position: relative;
}
.header-b .links .link > a {
  font-size: 1.1458vw;
  color: white;
}
.header-b .links .link::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -0.5208vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 2px;
  background-color: #D5AF88;
  width: 0%;
  -webkit-transition: width ease 0.3s;
  -moz-transition: width ease 0.3s;
  transition: width ease 0.3s;
}
.header-b .links .link:hover > a {
  color: #D5AF88;
}
.header-b .links .link:hover::after {
  width: 100%;
}
.header-b .links .link:hover .link-children {
  display: block;
}
.header-b .links .link-children {
  position: absolute;
  top: 100%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 41.6667vw;
  padding-top: 2.6042vw;
  display: none;
}
.header-b .links .link-children-content {
  width: 100%;
  background-color: rgba(23, 103, 171, 0.9);
  border-radius: 0.5208vw;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 1.3021vw 2.6042vw 3.125vw 1.3542vw;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header-b .links .link-children-content .l {
  width: 100%;
}
.header-b .links .link-children-title {
  font-size: 1.25vw;
  color: white;
}
.header-b .links .link-children-cover {
  position: relative;
  width: 13.8021vw;
  height: 7.2917vw;
  margin-top: 20px;
}
.header-b .links .link-children-cover img {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0 4.1667vw 0 4.1667vw;
  z-index: 2;
}
.header-b .links .link-children-cover::after {
  content: "";
  position: absolute;
  top: -0.625vw;
  left: 0.625vw;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 0 4.1667vw 0 4.1667vw;
}
.header-b .links .link-children-link {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1.875vw;
}
.header-b .links .link-children-item {
  position: relative;
  width: 50%;
  display: block;
  font-size: 0.9375vw;
  color: white;
  margin-bottom: 1.0417vw;
  padding-left: 1.5625vw;
  z-index: 2;
}
.header-b .links .link-children-item:nth-child(odd) {
  width: 40%;
}
.header-b .links .link-children-item:nth-child(even) {
  width: 60%;
}
.header-b .links .link-children-item::after {
  content: "";
  display: block;
  width: 0.3125vw;
  height: 0.3125vw;
  background-color: white;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.header-b .links .link-children-item:hover::after {
  background-color: transparent;
  width: 1.25vw;
  height: 1.1979vw;
  left: -0.5208vw;
  background: url("../images/nav-children-hover.png") no-repeat center / 100% 100%;
}
.header-b .links .link-children .flower-svg {
  width: 11.4583vw;
  height: auto;
  position: absolute;
  bottom: 1.0417vw;
  left: 7.2917vw;
}
.header-b .links .link-children .flower-svg path {
  fill: none;
  fill-rule: evenodd;
  stroke-miterlimit: 10;
  stroke-width: 3px;
  stroke: rgba(255, 255, 255, 0.1);
}
.header-b .logo {
  width: 31.5625vw;
  height: 6.7188vw;
  background: url("../images/header-b-center.png") no-repeat center / 100% 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header-b .logo img {
  width: 19.4792vw;
  height: auto;
}
.header-b .search {
  width: 6.25vw;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.header-b .search-btn {
  width: 5.1042vw;
  height: 5.2083vw;
  background: url("../images/search-b.png") no-repeat center / 100% 100%;
  cursor: pointer;
}
.go-top {
  position: fixed;
  bottom: 40px;
  right: 40px;
  display: block;
  width: 3.5417vw;
  height: 3.5417vw;
  background: url("../images/go-top.png") no-repeat center / 100% 100%;
  z-index: 99;
  cursor: pointer;
  display: none;
}
@media screen and (max-width: 992px) {
  .go-top {
    width: 40px;
    height: 40px;
    right: 10px;
    bottom: 10px;
  }
}
#searchModal .modal-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 500px;
}
#searchModal input {
  width: 400px;
}
.m-header {
  height: 80px;
  background-color: #1767AC;
}
.m-header-wrapper {
  height: 80px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-header-logo {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 70px;
}
.m-header-logo img {
  height: 100%;
  width: auto;
}
.m-header-r {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.m-header-button {
  background-color: transparent;
  border: none;
  width: 30px;
  display: block;
  padding: 0;
}
.m-header-button--line {
  width: 100%;
  height: 3px;
  background-color: white;
  margin-bottom: 4px;
}
.m-header-button:active {
  background-color: transparent;
  border-color: transparent;
  color: transparent;
}
.m-header-button:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.mobile-nav-content {
  width: 100%;
  background-color: #1767AC;
  padding: 6px 12px;
}
.mobile-nav-content .nav-content__item--link {
  color: white;
  display: block;
  padding: 3px 0;
  text-decoration: none;
}

.news {
  position: relative;
  width: 100%;
  padding-top: 3.125vw;
  padding-bottom: 2.8125vw;
}
@media screen and (max-width: 992px) {
  .news {
    padding-top: 40px;
    padding-bottom: 20px;
  }
}
.news::after {
  content: "";
  display: block;
  width: 100%;
  height: 30.1042vw;
  background: url("../images/news-bg.png") no-repeat top center / 100% auto;
  position: absolute;
  left: 0;
  top: -3.125vw;
  z-index: 2;
}
.news-tit {
  width: 62.2917vw;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 992px) {
  .news-tit {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden;
  }
}
.news-tit img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 992px) {
  .news-tit img {
    width: 580px;
  }
}
.news-content {
  position: relative;
  z-index: 3;
  margin-top: 3.3333vw;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 992px) {
  .news-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 30px;
  }
}
.news-content .l {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 2.0833vw;
}
@media screen and (max-width: 992px) {
  .news-content .l {
    padding-right: 0;
  }
}
.news-content .l .banner {
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
.news-content .l .banner .carousel-indicators__item {
  background-color: #1767AB !important;
  margin: 0 0.5208vw;
  width: 0.5208vw !important;
  height: 0.5208vw !important;
  border-radius: 120px !important;
  -webkit-transition: width ease-in-out 0.3s;
  -moz-transition: width ease-in-out 0.3s;
  transition: width ease-in-out 0.3s;
}
@media screen and (max-width: 992px) {
  .news-content .l .banner .carousel-indicators__item {
    width: 8px !important;
    height: 8px !important;
  }
}
.news-content .l .banner .carousel-indicators__item.active {
  width: 1.0417vw !important;
  background-color: #32EB9D !important;
}
@media screen and (max-width: 992px) {
  .news-content .l .banner .carousel-indicators__item.active {
    width: 16px !important;
  }
}
.news-content .l .banner .cover-wrap {
  height: 25.5208vw;
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  .news-content .l .banner .cover-wrap {
    height: 200px;
  }
}
.news-content .l .banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all linear 0.4s;
  -moz-transition: all linear 0.4s;
  transition: all linear 0.4s;
}
.news-content .l .banner .info {
  position: relative;
  background-color: white;
  height: 11.4583vw;
  padding: 1.3542vw 1.5625vw;
}
@media screen and (max-width: 992px) {
  .news-content .l .banner .info {
    height: auto;
    padding: 10px 10px 40px;
  }
}
.news-content .l .banner .info .date {
  position: relative;
  font-size: 1.1458vw;
  color: #1C86C6;
  padding-left: 1.5625vw;
}
@media screen and (max-width: 992px) {
  .news-content .l .banner .info .date {
    font-size: 18px;
    padding-left: 26px;
  }
}
.news-content .l .banner .info .date::before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  width: 1.0417vw;
  height: 1.0417vw;
  display: block;
  background: url("../images/news-time.png") center / 100% 100%;
}
@media screen and (max-width: 992px) {
  .news-content .l .banner .info .date::before {
    width: 18px;
    height: 18px;
  }
}
.news-content .l .banner .info .text {
  margin-top: 1.5625vw;
  font-size: 1.1458vw;
  color: #000;
}
@media screen and (max-width: 992px) {
  .news-content .l .banner .info .text {
    margin-top: 10px;
    font-size: 16px;
  }
}
.news-content .l .banner .info .sub-tit {
  position: absolute;
  right: 1.5625vw;
  bottom: 1.0417vw;
  font-size: 0.8333vw;
  color: #1C86C6;
  padding-left: 1.5625vw;
}
@media screen and (max-width: 992px) {
  .news-content .l .banner .info .sub-tit {
    font-size: 14px;
    padding-left: 26px;
    right: 10px;
    bottom: 10px;
  }
}
.news-content .l .banner .info .sub-tit::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 1.25vw;
  height: 1.1979vw;
  background: url("../images/news-flower.png") no-repeat center / 100% 100%;
}
@media screen and (max-width: 992px) {
  .news-content .l .banner .info .sub-tit::after {
    width: 20px;
    height: 18px;
  }
}
.news-content .l .banner .info::after {
  content: "";
  width: 6.25vw;
  height: 0.1563vw;
  position: absolute;
  bottom: 0px;
  right: 0.5208vw;
  background: -webkit-gradient(linear, left top, right top, from(#28E1FE), to(#1FEB9A));
  background: -moz-linear-gradient(left, #28E1FE, #1FEB9A);
  background: linear-gradient(to right, #28E1FE, #1FEB9A);
  -webkit-transition: all ease 0.4s;
  -moz-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
@media screen and (max-width: 992px) {
  .news-content .l .banner .info::after {
    width: 100px;
    height: 2px;
    right: 4px;
  }
}
.news-content .l .banner .new:hover .cover-wrap img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.news-content .l .banner .new:hover .info .text {
  font-weight: bold;
  color: #1767AB;
}
.news-content .l .banner .new:hover .info::after {
  right: 0;
  width: 100%;
}
.news-content .r {
  width: 39.5833vw;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}
@media screen and (max-width: 992px) {
  .news-content .r {
    width: 100%;
    margin-top: 20px;
  }
}
.news-content .r .item {
  width: 50%;
  height: 11.4583vw;
}
@media screen and (max-width: 992px) {
  .news-content .r .item {
    margin-bottom: 10px;
    height: 170px;
    width: 100%;
  }
}
.news-content .r .item:nth-child(even) {
  padding-left: 10px;
}
@media screen and (max-width: 992px) {
  .news-content .r .item:nth-child(even) {
    padding-left: 0;
  }
}
.news-content .r .item:nth-child(odd) {
  padding-right: 10px;
}
@media screen and (max-width: 992px) {
  .news-content .r .item:nth-child(odd) {
    padding-right: 0;
  }
}
.news-content .r .item .new-card {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-perspective: 1000px;
     -moz-perspective: 1000px;
          perspective: 1000px;
}
.news-content .r .item .new-card .inner {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #1767AB;
}
.news-content .r .item .new-card .back {
  width: 100%;
  height: 100%;
}
.news-content .r .item .new-card .back img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-content .r .item .new-card .front,
.news-content .r .item .new-card .back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
}
.news-content .r .item .new-card .back {
  opacity: 0;
  -webkit-transition: all linear 0.5s;
  -moz-transition: all linear 0.5s;
  transition: all linear 0.5s;
}
.news-content .r .item .new-card:hover .back {
  opacity: 1;
}
.news-content .r .item .new-card .front {
  padding: 1.3542vw;
  background: url('../images/new-bg.png') no-repeat right bottom / auto 3.6458vw;
}
@media screen and (max-width: 992px) {
  .news-content .r .item .new-card .front {
    padding: 10px;
    background: url('../images/new-bg.png') no-repeat right bottom / auto 70px;
  }
}
.news-content .r .item .new-card .date {
  position: relative;
  font-size: 1.1458vw;
  color: white;
  padding-left: 1.5625vw;
}
@media screen and (max-width: 992px) {
  .news-content .r .item .new-card .date {
    font-size: 18px;
    padding-left: 26px;
  }
}
.news-content .r .item .new-card .date::before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  width: 1.0417vw;
  height: 1.0417vw;
  display: block;
  background: url("../images/news-time-hover.png") center / 100% 100%;
}
@media screen and (max-width: 992px) {
  .news-content .r .item .new-card .date::before {
    width: 20px;
    height: 20px;
  }
}
.news-content .r .item .new-card .text {
  font-size: 0.9375vw;
  color: white;
  margin-top: 0.3125vw;
}
@media screen and (max-width: 992px) {
  .news-content .r .item .new-card .text {
    font-size: 18px;
  }
}
.news-content .r .item .new-card .column {
  color: white;
  font-size: 0.8333vw;
  position: absolute;
  left: 1.0417vw;
  bottom: 1.5625vw;
  padding-left: 1.875vw;
}
@media screen and (max-width: 992px) {
  .news-content .r .item .new-card .column {
    font-size: 16px;
    bottom: 26px;
    left: 10px;
    padding-left: 24px;
  }
}
.news-content .r .item .new-card .column::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 1.25vw;
  height: 1.1979vw;
  background: url("../images/news-flower-hover.png") no-repeat center / 100% 100%;
}
@media screen and (max-width: 992px) {
  .news-content .r .item .new-card .column::after {
    width: 20px;
    height: 18px;
  }
}

.notice {
  width: 100%;
  background: url("../images/notice-bg.png") no-repeat center / 100% 100%;
  height: 31.7708vw;
  padding-top: 3.125vw;
}
.notice .more-link {
  margin: 0;
  margin-top: 0;
}
@media screen and (max-width: 992px) {
  .notice {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.notice-tit {
  width: 62.2917vw;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 992px) {
  .notice-tit {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden;
  }
}
.notice-tit img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 992px) {
  .notice-tit img {
    width: 580px;
  }
}
.notice-content {
  width: 83.3333vw;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 992px) {
  .notice-content {
    width: 94vw;
  }
}
.notice-content:hover .notice-swiper .swiper-wrapper {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.notice .notice-controls {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 2vw;
}
.notice .notice-arrow {
  width: 2.5vw;
  height: 2.5vw;
  min-width: 34px;
  min-height: 34px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 0.2083vw 0.5208vw rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.2083vw 0.5208vw rgba(0, 0, 0, 0.15);
  cursor: pointer;
  outline: none;
  -webkit-transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
  transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
  -moz-transition: transform 0.2s ease, background-color 0.2s ease, -moz-transform 0.2s ease;
  transition: transform 0.2s ease, background-color 0.2s ease;
  transition: transform 0.2s ease, background-color 0.2s ease, -webkit-transform 0.2s ease, -moz-transform 0.2s ease;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.notice .notice-arrow::before {
  content: '';
  display: inline-block;
  width: 0.8333vw;
  height: 0.8333vw;
  border-top: 0.2083vw solid #0B58A1;
  border-right: 0.2083vw solid #0B58A1;
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.notice .notice-arrow:hover {
  background-color: #ffffff;
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.notice .notice-arrow-left::before {
  -webkit-transform: rotate(-135deg);
     -moz-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.notice .notice-arrow-right::before {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media screen and (max-width: 992px) {
  .notice .notice-controls {
    gap: 10px;
    margin-top: 14px;
  }
  .notice .notice-arrow {
    width: 32px;
    height: 32px;
    min-width: auto;
    min-height: auto;
  }
  .notice .notice-arrow::before {
    width: 6px;
    height: 6px;
    border-top-width: 2px;
    border-right-width: 2px;
  }
}
.notice-swiper {
  width: 100%;
  overflow: hidden;
  height: 14.0625vw;
  padding-top: 2.6042vw;
}
.notice-swiper .swiper-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  will-change: transform;
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
@media screen and (max-width: 992px) {
  .notice-swiper {
    height: 210px;
    padding-top: 30px;
  }
}
@media screen and (max-width: 992px) {
  .notice-swiper {
    height: 210px;
    padding-top: 30px;
  }
}
.notice-swiper .swiper-slide {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  height: 11.4583vw;
  padding: 0.5208vw;
  width: 25%;
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media screen and (max-width: 992px) {
  .notice-swiper .swiper-slide {
    height: 180px;
    padding: 10px;
    width: 100%;
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
@-webkit-keyframes notice-scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-1 * var(--notice-scroll-distance)));
            transform: translateX(calc(-1 * var(--notice-scroll-distance)));
  }
}
@-moz-keyframes notice-scroll {
  0% {
    -moz-transform: translateX(0);
         transform: translateX(0);
  }
  100% {
    -moz-transform: translateX(-moz-calc(-1 * var(--notice-scroll-distance)));
         transform: translateX(calc(-1 * var(--notice-scroll-distance)));
  }
}
@keyframes notice-scroll {
  0% {
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-1 * var(--notice-scroll-distance)));
       -moz-transform: translateX(-moz-calc(-1 * var(--notice-scroll-distance)));
            transform: translateX(calc(-1 * var(--notice-scroll-distance)));
  }
}
.notice-swiper-pagination {
  position: static !important;
  margin: 2.0833vw auto 0;
}
@media screen and (max-width: 992px) {
  .notice-swiper-pagination {
    margin: 20px auto 0;
  }
}
.notice-swiper-pagination .swiper-pagination-bullet {
  margin: 0 0.5208vw;
  width: 0.5208vw;
  height: 0.5208vw;
  background-color: #1D68A9;
  opacity: 1;
  -webkit-transition: width ease-in-out 0.3s;
  -moz-transition: width ease-in-out 0.3s;
  transition: width ease-in-out 0.3s;
  border-radius: 120px;
}
@media screen and (max-width: 992px) {
  .notice-swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 6px;
  }
}
.notice-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 1.0417vw;
  background-color: #32EB9D;
}
@media screen and (max-width: 992px) {
  .notice-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 16px;
  }
}
.notice-card {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: white;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 0.7292vw;
  padding: 0 1.0417vw 1.0417vw;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  background: url("../images/notice-date.png") no-repeat left top / auto 2.3438vw;
}
@media screen and (max-width: 992px) {
  .notice-card {
    border-radius: 14px;
    padding: 0 20px 20px;
    background: url("../images/notice-date.png") no-repeat left top / auto 36px;
  }
}
.notice-card .top {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 0.2083vw;
}
@media screen and (max-width: 992px) {
  .notice-card .top {
    padding-top: 4px;
  }
}
.notice-card .top .date .md {
  font-size: 1.1458vw;
  color: white;
}
@media screen and (max-width: 992px) {
  .notice-card .top .date .md {
    font-size: 16px;
  }
}
.notice-card .top .date .y {
  font-size: 0.7292vw;
  color: white;
}
@media screen and (max-width: 992px) {
  .notice-card .top .date .y {
    font-size: 12px;
  }
}
.notice-card .top .new-content {
  width: 3.5417vw;
  height: 1.4583vw;
  border-radius: 1.4583vw;
  background-color: #F35E62;
  text-align: center;
  line-height: 1.4583vw;
  color: white;
  font-size: 0.625vw;
  -webkit-box-shadow: 0 0.2083vw 0.4167vw rgba(241, 92, 101, 0.3);
          box-shadow: 0 0.2083vw 0.4167vw rgba(241, 92, 101, 0.3);
  -webkit-animation: noticeNew 3s ease-in-out infinite;
     -moz-animation: noticeNew 3s ease-in-out infinite;
          animation: noticeNew 3s ease-in-out infinite;
  margin-top: 0.5208vw;
}
@media screen and (max-width: 992px) {
  .notice-card .top .new-content {
    width: 60px;
    height: 26px;
    border-radius: 60px;
    font-size: 13px;
    line-height: 26px;
    -webkit-box-shadow: 0 4px 8px rgba(241, 92, 101, 0.3);
            box-shadow: 0 4px 8px rgba(241, 92, 101, 0.3);
  }
}
@-webkit-keyframes noticeNew {
  0%,
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@-moz-keyframes noticeNew {
  0%,
  100% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.1);
         transform: scale(1.1);
  }
}
@keyframes noticeNew {
  0%,
  100% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.notice-card .tit {
  margin-top: 1.5625vw;
  font-size: 0.9375vw;
  color: #000;
  display: -webkit-box;
  /* 弹性盒子模型（WebKit内核） */
  -webkit-box-orient: vertical;
  /* 垂直排列子元素 */
  -webkit-line-clamp: 2;
  /* 限制显示两行 */
  overflow: hidden;
  /* 隐藏超出部分 */
  text-overflow: ellipsis;
  /* 超出部分用省略号表示 */
}
@media screen and (max-width: 992px) {
  .notice-card .tit {
    margin-top: 20px;
    font-size: 16px;
  }
}
.notice-card .tit::before {
  content: "";
  display: inline-block;
  width: 0.4167vw;
  height: 0.4167vw;
  border-radius: 50%;
  background-color: #000;
  margin-right: 0.3125vw;
  vertical-align: middle;
  -webkit-transform: translateY(-0.125rem);
     -moz-transform: translateY(-0.125rem);
      -ms-transform: translateY(-0.125rem);
          transform: translateY(-0.125rem);
}
@media screen and (max-width: 992px) {
  .notice-card .tit::before {
    width: 6px;
    height: 6px;
    margin-right: 5px;
  }
}
.notice-card .column {
  position: absolute;
  bottom: 1.0417vw;
  left: 1.0417vw;
  background-color: #E5EFF7;
  padding: 0.3125vw 1.0417vw;
  border-radius: 5.2083vw;
  font-size: 0.8333vw;
  color: #1C86C6;
}
@media screen and (max-width: 992px) {
  .notice-card .column {
    font-size: 14px;
    bottom: 10px;
    left: 20px;
    padding: 6px 14px;
    border-radius: 40px;
  }
}
.notice-card:hover {
  -webkit-transform: translateY(-0.8333vw);
     -moz-transform: translateY(-0.8333vw);
      -ms-transform: translateY(-0.8333vw);
          transform: translateY(-0.8333vw);
  background-color: #0E67AC;
}
.notice-card:hover .top .date .md,
.notice-card:hover .top .date .y,
.notice-card:hover .tit {
  color: white;
}
.notice-card:hover .tit::before {
  background-color: white;
}
.notice-card:hover .column {
  background-color: #084E84;
  color: white;
}
.notice-card .cloud-svg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 6.9792vw;
  height: auto;
}
@media screen and (max-width: 992px) {
  .notice-card .cloud-svg {
    width: 140px;
  }
}
.notice-card .cloud-svg path {
  fill: #DAE6F1;
  fill-rule: evenodd;
}

.panel3 {
  position: relative;
  padding-top: 3.125vw;
  background-color: #F3F8FD;
}
@media screen and (max-width: 992px) {
  .panel3 {
    padding-top: 30px;
  }
}
.panel3-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 20.8333vw;
  background: url('../images/panel3-bga.png') no-repeat center / 100% 100%;
  z-index: 9;
}
@media screen and (max-width: 992px) {
  .panel3-bg {
    height: 200px;
  }
  .panel3-bg canvas {
    display: none;
  }
}
.panel3-bg .bg-wrap {
  width: 20%;
  height: 100%;
}
.panel3-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 10;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.panel3-title-item {
  position: relative;
  width: 11.0417vw;
  height: 3.125vw;
  cursor: pointer;
}
@media screen and (max-width: 992px) {
  .panel3-title-item {
    width: 106px;
    height: 30px;
  }
}
.panel3-title-item img {
  width: 100%;
  height: 100%;
}
.panel3-title-item .normal {
  display: block;
}
.panel3-title-item .active {
  display: none;
}
.panel3-title-item.active .normal {
  display: none;
}
.panel3-title-item.active .active {
  display: block;
}
.panel3-title-item.active::after {
  content: "";
  display: block;
  width: 2.5vw;
  height: 2.5vw;
  position: absolute;
  right: 0;
  bottom: -0.2083vw;
  border-radius: 50%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.4)));
  background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4));
  background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4));
  -webkit-animation: rotate 2s linear infinite;
     -moz-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
}
@media screen and (max-width: 992px) {
  .panel3-title-item.active::after {
    width: 24px;
    height: 24px;
    bottom: -2px;
  }
}
@-webkit-keyframes rotate {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  to {
    -moz-transform: rotate(360deg);
         transform: rotate(360deg);
  }
}
@keyframes rotate {
  to {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.panel3-title-item.active::before {
  content: "";
  display: block;
  width: 260px;
  height: 11px;
  background: url("../images/panel3-tit-line.png") no-repeat center / 100% 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -35px;
}
@media screen and (max-width: 992px) {
  .panel3-title-item.active::before {
    width: 130px;
    height: 5.5px;
    bottom: -17.5px;
  }
}
.panel3-title-splite {
  font-size: 1.7708vw;
  color: white;
  margin: 0 3.6458vw;
}
@media screen and (max-width: 992px) {
  .panel3-title-splite {
    font-size: 26px;
    margin: 0 20px;
  }
}
.panel3-title::after {
  content: "";
  position: absolute;
  bottom: -1.3542vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  width: 62.5vw;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(#ffffff), to(rgba(255, 255, 255, 0)));
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff, rgba(255, 255, 255, 0));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff, rgba(255, 255, 255, 0));
}
@media screen and (max-width: 992px) {
  .panel3-title::after {
    display: none;
  }
}
.panel3-content {
  position: relative;
  z-index: 10;
  width: 91.6667vw;
  height: 36.9792vw;
  margin-left: auto;
  background: url("../images/panel3-bg.png") no-repeat center / 100% 100%;
  margin-top: 4.4792vw;
}
@media screen and (max-width: 992px) {
  .panel3-content {
    width: 94vw;
    height: auto;
    background: transparent;
    margin-top: 60px;
    margin: 40px auto 0;
  }
}
.panel3 .wrap {
  width: 100%;
  padding: 2.0833vw 0 0 1.5625vw;
  width: 83.3333vw;
  height: 100%;
  margin-left: 0 !important;
}
.panel3 .wrap#xsbgWrap {
  display: block;
}
.panel3 .wrap#kycgWrap {
  display: none;
}
@media screen and (max-width: 992px) {
  .panel3 .wrap {
    width: 94vw;
    height: auto;
  }
}
.panel3 .wrap .banner {
  width: 100%;
}
.panel3 .wrap .banner .carousel-item .ca-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.panel3 .wrap .banner .carousel-indicators__item {
  background-color: #1767AB !important;
  margin: 0 0.5208vw;
  width: 0.5208vw !important;
  height: 0.5208vw !important;
  border-radius: 120px !important;
  -webkit-transition: width ease-in-out 0.3s;
  -moz-transition: width ease-in-out 0.3s;
  transition: width ease-in-out 0.3s;
}
@media screen and (max-width: 992px) {
  .panel3 .wrap .banner .carousel-indicators__item {
    width: 8px !important;
    height: 8px !important;
  }
}
.panel3 .wrap .banner .carousel-indicators__item.active {
  width: 1.0417vw !important;
  background-color: #32EB9D !important;
}
@media screen and (max-width: 992px) {
  .panel3 .wrap .banner .carousel-indicators__item.active {
    width: 16px !important;
  }
}
.panel3 .wrap .banner .carousel-indicators {
  margin-bottom: 0;
  bottom: -2.0833vw;
}
.panel3 .wrap .item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 50%;
  height: 8.5417vw;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 992px) {
  .panel3 .wrap .item {
    height: auto;
    width: 100%;
    background-color: white;
    padding: 10px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    -webkit-box-pack: end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.panel3 .wrap .item:hover .title {
  color: #1486C6;
  font-weight: bold;
}
.panel3 .wrap .item:hover .cover img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.panel3 .wrap .item:hover .arrow {
  width: 1.9271vw;
  height: 1.9271vw;
  background-image: url("../images/panel3-arrow-hover.png");
}
@media screen and (max-width: 992px) {
  .panel3 .wrap .item:hover .arrow {
    width: 18.5px;
    height: 18.5px;
  }
}
.panel3 .wrap .item::after {
  content: "";
  display: block;
  width: -moz-calc(100% - 0.7813vw);
  width: calc(100% - 0.7813vw);
  border-top: 2px dashed #e1e1e1;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 992px) {
  .panel3 .wrap .item::after {
    display: none;
  }
}
.panel3 .wrap .item:nth-child(odd) {
  padding-right: 0.7813vw;
}
@media screen and (max-width: 992px) {
  .panel3 .wrap .item:nth-child(odd) {
    padding-right: 10px;
  }
}
.panel3 .wrap .item:nth-child(even) {
  padding-left: 0.7813vw;
}
.panel3 .wrap .item:nth-child(even)::after {
  left: auto;
  right: 0;
}
@media screen and (max-width: 992px) {
  .panel3 .wrap .item:nth-child(even) {
    padding-left: 10px;
  }
}
.panel3 .wrap .item:nth-child(3),
.panel3 .wrap .item:nth-child(4),
.panel3 .wrap .item:nth-child(5),
.panel3 .wrap .item:nth-child(6) {
  margin-top: 1.0417vw;
}
@media screen and (max-width: 992px) {
  .panel3 .wrap .item:nth-child(3),
  .panel3 .wrap .item:nth-child(4),
  .panel3 .wrap .item:nth-child(5),
  .panel3 .wrap .item:nth-child(6) {
    margin-top: 20px;
  }
}
.panel3 .wrap .date {
  width: 3.3333vw;
  height: 3.3333vw;
  border-radius: 10px;
  background: -moz-linear-gradient(45deg, #1C86C6, #1aa79a);
  background: linear-gradient(45deg, #1C86C6, #1aa79a);
  text-align: center;
  color: white;
  padding-top: 7px;
}
@media screen and (max-width: 992px) {
  .panel3 .wrap .date {
    width: auto;
    height: auto;
    padding: 8px 16px;
    -webkit-box-ordinal-group: 4;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-top: 10px;
  }
}
.panel3 .wrap .date .d {
  font-size: 1.5625vw;
  line-height: 1;
}
@media screen and (max-width: 992px) {
  .panel3 .wrap .date .d {
    font-size: 20px;
  }
}
.panel3 .wrap .date .ym {
  font-size: 12px;
}
@media screen and (max-width: 992px) {
  .panel3 .wrap .date .ym {
    font-size: 12px;
  }
}
.panel3 .wrap .cover {
  width: 9.1146vw;
  height: 7.4479vw;
  margin: 0 1.0417vw;
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  .panel3 .wrap .cover {
    width: 100%;
    height: 200px;
    margin: 0;
    -webkit-box-ordinal-group: 2;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.panel3 .wrap .cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all linear 0.4s;
  -moz-transition: all linear 0.4s;
  transition: all linear 0.4s;
}
.panel3 .wrap .title {
  font-size: 1.0417vw;
  color: #000;
  margin-bottom: 0.5208vw;
  line-height: 1.2;
}
@media screen and (max-width: 992px) {
  .panel3 .wrap .title {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.panel3 .wrap .info {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 1.0417vw;
  width: 0;
}
@media screen and (max-width: 992px) {
  .panel3 .wrap .info {
    -webkit-box-ordinal-group: 3;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-right: 0;
    width: 100%;
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
}
.panel3 .wrap .desc {
  font-size: 0.7292vw;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 2;
}
@media screen and (max-width: 992px) {
  .panel3 .wrap .desc {
    font-size: 14px;
    line-height: 1.2;
  }
}
.panel3 .wrap .desc::before {
  content: "";
  display: inline-block;
  width: 0.8333vw;
  height: 0.8333vw;
  margin-right: 0.3125vw;
  vertical-align: middle;
  background-size: 100% 100%;
}
@media screen and (max-width: 992px) {
  .panel3 .wrap .desc::before {
    width: 12px;
    height: 12px;
    margin-right: 4px;
  }
}
.panel3 .wrap .desc.content::before {
  background-image: url("../images/panel3-content.png");
}
.panel3 .wrap .desc.time::before {
  background-image: url("../images/panel3-time.png");
}
.panel3 .wrap .desc.location::before {
  background-image: url("../images/panel3-location.png");
}
.panel3 .wrap .abs {
  font-size: 0.7292vw;
  color: #999999;
}
@media screen and (max-width: 992px) {
  .panel3 .wrap .abs {
    font-size: 14px;
  }
}
.panel3 .wrap .arrow {
  width: 28px;
  height: 28px;
  background: url("../images/panel3-arrow.png") no-repeat center / 100% 100%;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
@media screen and (max-width: 992px) {
  .panel3 .wrap .arrow {
    display: none;
  }
}
.panel3 .panel3-swiper-pagination {
  bottom: 5.2083vw !important;
}
@media screen and (max-width: 992px) {
  .panel3 .panel3-swiper-pagination {
    bottom: 60px !important;
  }
}
.panel3 .panel3-swiper-pagination .swiper-pagination-bullet {
  margin: 0 0.5208vw !important;
  width: 0.5208vw;
  height: 0.5208vw;
  background-color: #1D68A9;
  opacity: 1;
  -webkit-transition: width ease-in-out 0.3s;
  -moz-transition: width ease-in-out 0.3s;
  transition: width ease-in-out 0.3s;
  border-radius: 120px;
}
@media screen and (max-width: 992px) {
  .panel3 .panel3-swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 6px;
  }
}
.panel3 .panel3-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 1.0417vw;
  background-color: #32EB9D;
}
@media screen and (max-width: 992px) {
  .panel3 .panel3-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 16px;
  }
}

.panel4 {
  width: 100%;
  height: 33.8542vw;
  padding-top: 2.6042vw;
  background: url("../images/panel4-bg.jpg") no-repeat left bottom / 100% auto;
}
@media screen and (max-width: 992px) {
  .panel4 {
    padding-top: 40px;
    padding-bottom: 20px;
    height: auto;
  }
}
.panel4-tit {
  width: 62.2917vw;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 992px) {
  .panel4-tit {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden;
  }
}
.panel4-tit img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 992px) {
  .panel4-tit img {
    width: 580px;
  }
}
.panel4-content {
  margin-top: 2.0833vw;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 992px) {
  .panel4-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.panel4-content .item {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  .panel4-content .item {
    height: auto;
  }
}
.panel4-content .item img {
  width: 100%;
  height: 100%;
  -webkit-transition: all linear 0.4s;
  -moz-transition: all linear 0.4s;
  transition: all linear 0.4s;
}
@media screen and (max-width: 992px) {
  .panel4-content .item img {
    height: auto;
  }
}
.panel4-content .item .mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(25, 71, 131, 0.5);
}
.panel4-content .item .mask .title {
  position: absolute;
  top: 1.0417vw;
  left: 1.0417vw;
  font-size: 1.25vw;
  color: white;
}
@media screen and (max-width: 992px) {
  .panel4-content .item .mask .title {
    top: 10px;
    left: 10px;
    font-size: 18px;
  }
}
.panel4-content .item .mask .enter {
  position: absolute;
  right: 1.0417vw;
  bottom: 1.0417vw;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 992px) {
  .panel4-content .item .mask .enter {
    right: 10px;
    bottom: 10px;
  }
}
.panel4-content .item .mask .enter .text {
  font-size: 0.9375vw;
  color: white;
  line-height: 1;
}
@media screen and (max-width: 992px) {
  .panel4-content .item .mask .enter .text {
    font-size: 16px;
  }
}
.panel4-content .item .mask .enter .arrow {
  width: 0.625vw;
  height: 0.625vw;
  margin-left: 0.5208vw;
  background: url("../images/panel4-arrow.png") no-repeat center / 100% 100%;
}
@media screen and (max-width: 992px) {
  .panel4-content .item .mask .enter .arrow {
    width: 12px;
    height: 12px;
    margin-left: 10px;
  }
}
.panel4-content .item .mask .title-max {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3.3333vw;
  background-color: rgba(0, 0, 0, 0.2);
  font-size: 1.25vw;
  line-height: 3.3333vw;
  padding-left: 1.0417vw;
  color: white;
}
@media screen and (max-width: 992px) {
  .panel4-content .item .mask .title-max {
    font-size: 18px;
    height: 50px;
    line-height: 56px;
    padding-left: 10px;
  }
}
.panel4-content .item .mask .play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 3.8542vw;
  height: 3.8021vw;
  background: url("../images/panel4-play.png") no-repeat center / 100% 100%;
}
@media screen and (max-width: 992px) {
  .panel4-content .item .mask .play {
    width: 50px;
    height: 49px;
  }
}
.panel4-content .item .video-box {
  width: 100%;
  height: 100%;
}
.panel4-content .item .video-box video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@-webkit-keyframes diagonalHeadShake {
  0% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  6.5% {
    -webkit-transform: translate(-5px, -5px) rotate(-2deg);
            transform: translate(-5px, -5px) rotate(-2deg);
  }
  18.5% {
    -webkit-transform: translate(4px, 4px) rotate(1.5deg);
            transform: translate(4px, 4px) rotate(1.5deg);
  }
  31.5% {
    -webkit-transform: translate(-2px, -2px) rotate(-1deg);
            transform: translate(-2px, -2px) rotate(-1deg);
  }
  43.5% {
    -webkit-transform: translate(1px, 1px) rotate(0.5deg);
            transform: translate(1px, 1px) rotate(0.5deg);
  }
  50% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}
@-moz-keyframes diagonalHeadShake {
  0% {
    -moz-transform: translate(0, 0) rotate(0);
         transform: translate(0, 0) rotate(0);
  }
  6.5% {
    -moz-transform: translate(-5px, -5px) rotate(-2deg);
         transform: translate(-5px, -5px) rotate(-2deg);
  }
  18.5% {
    -moz-transform: translate(4px, 4px) rotate(1.5deg);
         transform: translate(4px, 4px) rotate(1.5deg);
  }
  31.5% {
    -moz-transform: translate(-2px, -2px) rotate(-1deg);
         transform: translate(-2px, -2px) rotate(-1deg);
  }
  43.5% {
    -moz-transform: translate(1px, 1px) rotate(0.5deg);
         transform: translate(1px, 1px) rotate(0.5deg);
  }
  50% {
    -moz-transform: translate(0, 0) rotate(0);
         transform: translate(0, 0) rotate(0);
  }
  100% {
    -moz-transform: translate(0, 0) rotate(0);
         transform: translate(0, 0) rotate(0);
  }
}
@keyframes diagonalHeadShake {
  0% {
    -webkit-transform: translate(0, 0) rotate(0);
       -moz-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  6.5% {
    -webkit-transform: translate(-5px, -5px) rotate(-2deg);
       -moz-transform: translate(-5px, -5px) rotate(-2deg);
            transform: translate(-5px, -5px) rotate(-2deg);
  }
  18.5% {
    -webkit-transform: translate(4px, 4px) rotate(1.5deg);
       -moz-transform: translate(4px, 4px) rotate(1.5deg);
            transform: translate(4px, 4px) rotate(1.5deg);
  }
  31.5% {
    -webkit-transform: translate(-2px, -2px) rotate(-1deg);
       -moz-transform: translate(-2px, -2px) rotate(-1deg);
            transform: translate(-2px, -2px) rotate(-1deg);
  }
  43.5% {
    -webkit-transform: translate(1px, 1px) rotate(0.5deg);
       -moz-transform: translate(1px, 1px) rotate(0.5deg);
            transform: translate(1px, 1px) rotate(0.5deg);
  }
  50% {
    -webkit-transform: translate(0, 0) rotate(0);
       -moz-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0);
       -moz-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}
.panel4-content .item:hover > img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.panel4-content .item:hover .mask {
  background: transparent;
}
.panel4-content .item:hover .mask .title {
  font-weight: bold;
}
.panel4-content .item:hover .mask .title,
.panel4-content .item:hover .mask .enter .text {
  text-shadow: 1px 1px 2px rgba(25, 71, 131, 0.2);
}
.panel4-content .item:hover .mask .enter .arrow {
  -webkit-animation: diagonalHeadShake 1s ease-in-out;
     -moz-animation: diagonalHeadShake 1s ease-in-out;
          animation: diagonalHeadShake 1s ease-in-out;
}
.panel4-content .l,
.panel4-content .c,
.panel4-content .r {
  height: 22.3958vw;
}
@media screen and (max-width: 992px) {
  .panel4-content .l,
  .panel4-content .c,
  .panel4-content .r {
    height: auto;
  }
}
.panel4-content .l {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.panel4-content .c {
  width: 25vw;
  margin: 0 0.5208vw;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 992px) {
  .panel4-content .c {
    width: 100%;
    margin: 10px 0;
  }
}
.panel4-content .c .item {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.panel4-content .c .item:nth-child(1) {
  margin-bottom: 0.2604vw;
}
@media screen and (max-width: 992px) {
  .panel4-content .c .item:nth-child(1) {
    margin-bottom: 5px;
  }
}
.panel4-content .c .item:nth-child(2) {
  margin-top: 0.2604vw;
}
@media screen and (max-width: 992px) {
  .panel4-content .c .item:nth-child(2) {
    margin-top: 5px;
  }
}
.panel4-content .r {
  width: 21.3542vw;
}
@media screen and (max-width: 992px) {
  .panel4-content .r {
    width: 100%;
  }
}

.panel5 {
  width: 100%;
  height: 35.2083vw;
  padding-top: 3.125vw;
  background: url("../images/panel5-bg.png") no-repeat left bottom / 100% auto;
}
@media screen and (max-width: 992px) {
  .panel5 {
    height: auto;
    padding-top: 40px;
    padding-bottom: 20px;
  }
}
.panel5-tit {
  width: 62.2917vw;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 992px) {
  .panel5-tit {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden;
  }
}
.panel5-tit img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 992px) {
  .panel5-tit img {
    width: 580px;
  }
}
.panel5-content {
  margin-top: 3.125vw;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 992px) {
  .panel5-content {
    margin-top: 20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-pack: start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media screen and (max-width: 992px) {
  .panel5-content .item {
    width: 50%;
    margin-bottom: 20px;
  }
}
.panel5-content .item .icon {
  position: relative;
  width: 6.25vw;
  height: 6.25vw;
  padding: 0.5208vw;
  margin: 0 auto;
}
.panel5-content .item .icon::after {
  content: "";
  -webkit-animation: rotation 6s linear infinite;
     -moz-animation: rotation 6s linear infinite;
          animation: rotation 6s linear infinite;
  -webkit-animation-play-state: paused;
     -moz-animation-play-state: paused;
          animation-play-state: paused;
  border: 2px dashed #1C86C6;
  border: 0.1042vw dashed #1C86C6;
  border-radius: 50%;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 992px) {
  .panel5-content .item .icon {
    width: 100px;
    height: 100px;
    padding: 10px;
  }
}
.panel5-content .item .icon-content {
  width: 100%;
  height: 100%;
  background-color: #1C86C6;
  border-radius: 50%;
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.panel5-content .item .icon-content img {
  width: 100%;
  height: 100%;
}
.panel5-content .item .text {
  text-align: center;
  font-size: 0.9375vw;
  color: #000;
  margin-top: 1.5625vw;
  font-weight: bold;
}
@media screen and (max-width: 992px) {
  .panel5-content .item .text {
    font-size: 14px;
  }
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg);
         transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
         transform: rotate(360deg);
  }
}
@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.panel5-content .item:hover .icon::after {
  -webkit-animation-play-state: running;
     -moz-animation-play-state: running;
          animation-play-state: running;
}
.panel5-content .item:hover .icon-content {
  -webkit-transform: rotateY(180deg);
     -moz-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.panel5-content .item:hover .text {
  color: #2587C4;
}

.inside {
  background-color: #F5F5F5;
  padding-bottom: 10.4167vw;
}
.inside .banner img {
  width: 100%;
  height: auto;
}
.inside-wrap {
  width: 78.125vw;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 992px) {
  .inside-wrap {
    width: 94vw;
  }
}
.inside .menu {
  position: relative;
  width: 14.5833vw;
  background-color: white;
  padding: 0.5208vw 1.0417vw 3.125vw;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin-right: 3.125vw;
}
@media screen and (max-width: 992px) {
  .inside .menu {
    display: none;
  }
}
.inside .menu-title {
  position: absolute;
  top: -6.25vw;
  left: 0;
  width: 14.5833vw;
  height: 6.25vw;
  background: url("../images/menu-tit-bg.png") no-repeat center / 100% 100%;
  font-size: 1.3542vw;
  font-weight: bold;
  text-align: center;
  line-height: 6.25vw;
  color: white;
  text-shadow: 6px 6px 10px rgba(0, 0, 0, 0.5);
}
.inside .menu-item {
  position: relative;
  display: block;
  height: 3.3333vw;
  line-height: 3.3333vw;
  font-size: 0.9375vw;
  color: #000;
  border-bottom: 1px dashed #D9D9D9;
  padding-right: 1.7708vw;
  padding-left: 2.0833vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inside .menu-item::after {
  content: "";
  display: none;
  width: 0.8333vw;
  height: 0.8333vw;
  background: url("../images/menu-arrow.png") center / 100% 100%;
  position: absolute;
  right: 0.5208vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.inside .menu-item.active,
.inside .menu-item:hover {
  background-color: #E5F1FA;
  color: #1D7AC9;
  font-weight: bold;
}
.inside .menu-item.active::after,
.inside .menu-item:hover::after {
  display: block;
}
.inside .menu-children {
  background-color: #F5F5F5;
}
.inside .menu-children-item {
  position: relative;
  width: 100%;
  height: 3.125vw;
  line-height: 3.125vw;
  display: block;
  font-size: 0.8333vw;
  padding-left: 2.9167vw;
  color: #000;
  border-bottom: 1px dashed #D9D9D9;
}
.inside .menu-children-item::after {
  content: "";
  display: none;
  width: 0.8333vw;
  height: 0.8333vw;
  background: url("../images/menu-arrow.png") center / 100% 100%;
  position: absolute;
  right: 0.5208vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.inside .menu-children-item.active,
.inside .menu-children-item:hover {
  background-color: #E5F1FA;
  color: #1D7AC9;
  font-weight: bold;
}
.inside .menu-children-item.active::after,
.inside .menu-children-item:hover::after {
  display: block;
}
.inside .main {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 1.875vw;
}
@media screen and (max-width: 992px) {
  .inside .main {
    margin-top: 10px;
  }
}
.inside .location {
  width: 100%;
  border-bottom: 2px solid #1D7AC9;
  padding: 0.5208vw 1.0417vw;
  font-size: 0.8333vw;
  color: #666;
}
@media screen and (max-width: 992px) {
  .inside .location {
    padding: 10px 0;
    font-size: 14px;
  }
}
.inside .location::before {
  content: "";
  display: inline-block;
  width: 0.9375vw;
  height: 1.0417vw;
  background: url("../images/location-icon.png") center / 100% 100%;
  vertical-align: middle;
  margin-right: 0.2083vw;
}
@media screen and (max-width: 992px) {
  .inside .location::before {
    width: 15px;
    height: 16px;
    margin-right: 4px;
  }
}
.inside .location a {
  font-size: 0.8333vw;
  color: #666;
}
@media screen and (max-width: 992px) {
  .inside .location a {
    font-size: 14px;
  }
}
.inside .location a:hover {
  color: #1D7AC9;
}
.inside .content {
  background-color: white;
  -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
  margin-top: 2.0833vw;
  padding: 2.0833vw 4.1667vw;
}
@media screen and (max-width: 992px) {
  .inside .content {
    margin-top: 20px;
    padding: 10px;
  }
}
.inside .article-list .item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #F7F7F7;
  padding: 1.0417vw 2.0833vw;
  border-radius: 1.0417vw;
  color: #000;
  border: 1px solid transparent;
  margin-bottom: 1.0417vw;
}
@media screen and (max-width: 992px) {
  .inside .article-list .item {
    padding: 6px;
    border-radius: 8px;
    margin-bottom: 10px;
  }
}
.inside .article-list .item .date {
  text-align: center;
}
.inside .article-list .item .date .md {
  font-size: 1.1458vw;
}
@media screen and (max-width: 992px) {
  .inside .article-list .item .date .md {
    font-size: 16px;
  }
}
.inside .article-list .item .date .y {
  font-size: 0.8333vw;
}
@media screen and (max-width: 992px) {
  .inside .article-list .item .date .y {
    font-size: 12px;
  }
}
.inside .article-list .item .cover {
  width: 9.375vw;
  height: 6.25vw;
  margin: 0 1.5625vw;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  .inside .article-list .item .cover {
    width: 100px;
    height: 66px;
  }
}
.inside .article-list .item .cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all linear 0.4s;
  -moz-transition: all linear 0.4s;
  transition: all linear 0.4s;
}
.inside .article-list .item .info {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  width: 0;
}
.inside .article-list .item .info .title {
  font-size: 0.9375vw;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 992px) {
  .inside .article-list .item .info .title {
    font-size: 14px;
  }
}
.inside .article-list .item .info .desc {
  font-size: 0.8333vw;
  color: #999;
  margin-top: 0.5208vw;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 992px) {
  .inside .article-list .item .info .desc {
    font-size: 12px;
  }
}
.inside .article-list .item .lbtn {
  font-size: 0.9375vw;
  color: #666;
  border-radius: 100px;
  width: 6.25vw;
  height: 2.0833vw;
  line-height: 2.0833vw;
  border: 1px solid #C6C6C6;
  margin-left: 1.5625vw;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .inside .article-list .item .lbtn {
    display: none;
  }
}
.inside .article-list .item .lbtn::after {
  content: "";
  display: inline-block;
  width: 0.8333vw;
  height: 0.8333vw;
  background: url("../images/list-arrow.png") center / 100% 100%;
  margin-left: 0.625vw;
  vertical-align: middle;
}
.inside .article-list .item:hover {
  border: 1px solid #C0D8EA;
  background: url("../images/list-bg.png") center / 100% 100%;
}
.inside .article-list .item:hover .date,
.inside .article-list .item:hover .title {
  color: #1D7AC9;
}
.inside .article-list .item:hover .title {
  font-weight: bold;
}
.inside .article-list .item:hover .title {
  font-weight: bold;
}
.inside .article-list .item:hover .cover img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.inside .article-list .item:hover .lbtn {
  border-color: transparent;
  background-color: #1D7AC9;
  color: white;
}
.inside .article-list .item:hover .lbtn::after {
  background-image: url("../images/list-arrow-hover.png");
}
.inside .notice-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.inside .notice-list .wrap {
  width: 50%;
  margin-bottom: 1.5625vw;
}
@media screen and (max-width: 992px) {
  .inside .notice-list .wrap {
    width: 100%;
    margin-bottom: 10px;
  }
}
.inside .notice-list .wrap .ncard {
  position: relative;
  display: block;
  border: 1px solid transparent;
  background-color: #F7F7F7;
  border-radius: 0.7292vw;
  padding: 1.3542vw 1.0417vw;
  min-height: 9.375vw;
  height: 100%;
}
@media screen and (max-width: 992px) {
  .inside .notice-list .wrap .ncard {
    border-radius: 10px;
    padding: 10px;
    min-height: none;
    padding-bottom: 20px;
  }
}
.inside .notice-list .wrap .ncard .top {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  line-height: 1;
}
.inside .notice-list .wrap .ncard .date {
  color: #666;
}
.inside .notice-list .wrap .ncard .date .md {
  font-size: 1.25vw;
  font-weight: bold;
}
@media screen and (max-width: 992px) {
  .inside .notice-list .wrap .ncard .date .md {
    font-size: 20px;
  }
}
.inside .notice-list .wrap .ncard .date .y {
  font-size: 0.625vw;
}
@media screen and (max-width: 992px) {
  .inside .notice-list .wrap .ncard .date .y {
    font-size: 12px;
  }
}
.inside .notice-list .wrap .ncard .new-content {
  width: 3.5417vw;
  height: 1.4583vw;
  border-radius: 1.4583vw;
  background-color: #F35E62;
  text-align: center;
  line-height: 1.4583vw;
  color: white;
  font-size: 0.625vw;
  -webkit-box-shadow: 0 0.2083vw 0.4167vw rgba(241, 92, 101, 0.3);
          box-shadow: 0 0.2083vw 0.4167vw rgba(241, 92, 101, 0.3);
  -webkit-animation: noticeNew 3s ease-in-out infinite;
     -moz-animation: noticeNew 3s ease-in-out infinite;
          animation: noticeNew 3s ease-in-out infinite;
}
@media screen and (max-width: 992px) {
  .inside .notice-list .wrap .ncard .new-content {
    width: 50px;
    height: 22px;
    border-radius: 60px;
    font-size: 13px;
    line-height: 26px;
    -webkit-box-shadow: 0 4px 8px rgba(241, 92, 101, 0.3);
            box-shadow: 0 4px 8px rgba(241, 92, 101, 0.3);
  }
}
.inside .notice-list .wrap .ncard .title {
  margin-top: 1.0417vw;
  position: relative;
  z-index: 2;
  font-size: 0.9375vw;
  color: #000;
}
@media screen and (max-width: 992px) {
  .inside .notice-list .wrap .ncard .title {
    font-size: 16px;
    margin-top: 20px;
  }
}
.inside .notice-list .wrap .ncard .title::before {
  content: "";
  display: inline-block;
  width: 0.4167vw;
  height: 0.4167vw;
  background-color: #000;
  border-radius: 50%;
  vertical-align: middle;
}
@media screen and (max-width: 992px) {
  .inside .notice-list .wrap .ncard .title::before {
    width: 6px;
    height: 6px;
  }
}
.inside .notice-list .wrap .ncard .cloud-svg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 6.9792vw;
  height: auto;
}
@media screen and (max-width: 992px) {
  .inside .notice-list .wrap .ncard .cloud-svg {
    width: 80px;
  }
}
.inside .notice-list .wrap .ncard .cloud-svg path {
  fill: #E4E4E4;
  fill-rule: evenodd;
}
.inside .notice-list .wrap .ncard:hover {
  border-color: #C0D8EA;
  background-color: #F8FCFF;
}
.inside .notice-list .wrap .ncard:hover .title {
  color: #1D7AC9;
  font-weight: bold;
}
.inside .notice-list .wrap:nth-child(odd) .ncard {
  margin-right: 0.7813vw;
}
@media screen and (max-width: 992px) {
  .inside .notice-list .wrap:nth-child(odd) .ncard {
    margin-right: 0;
  }
}
.inside .notice-list .wrap:nth-child(even) .ncard {
  margin-left: 0.7813vw;
}
@media screen and (max-width: 992px) {
  .inside .notice-list .wrap:nth-child(even) .ncard {
    margin-left: 0;
  }
}
.inside .tea-list .search {
  width: 100%;
  padding: 2.6042vw 1.25vw 1.5625vw;
  background-color: #F3F5FC;
}
@media screen and (max-width: 992px) {
  .inside .tea-list .search {
    padding: 10px 10px 20px 10px;
  }
}
.inside .tea-list .search-line {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 992px) {
  .inside .tea-list .search-line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.inside .tea-list .search-name {
  position: relative;
  width: 7.8125vw;
  color: #1e5abc;
  font-size: 0.9375vw;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
  padding-right: 10px;
  margin-right: 10px;
}
@media screen and (max-width: 992px) {
  .inside .tea-list .search-name {
    width: 120px;
    font-size: 14px;
    margin-top: 10px;
  }
}
.inside .tea-list .search-name::after {
  position: absolute;
  right: 0;
  content: ":";
}
.inside .tea-list .search-content {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.inside .tea-list .search-content.letter .search-item {
  margin-left: 0;
  margin-right: 0;
  width: 50px;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .inside .tea-list .search-content.letter .search-item {
    text-align: left;
    width: 30px;
  }
}
.inside .tea-list .search-item {
  color: #333;
  font-size: 0.9375vw;
  margin: 0 1.0417vw 1.0417vw;
}
@media screen and (max-width: 992px) {
  .inside .tea-list .search-item {
    font-size: 14px;
    margin: 5px 20px 5px 0;
  }
}
.inside .tea-list .search-item:hover {
  color: #0B64F6;
}
.inside .tea-list .search-item.active {
  color: #0B64F6;
}
.inside .tea-list .search-item.disabled {
  color: #bbb;
}
.inside .tea-list .cate-title {
  font-size: 0.9375vw;
  color: #1D7AC9;
  padding: 1.0417vw 0 0.7292vw;
  line-height: 1;
  border-bottom: 1px solid #1D7AC9;
}
@media screen and (max-width: 992px) {
  .inside .tea-list .cate-title {
    font-size: 18px;
    padding: 10px 0;
  }
}
.inside .tea-list .cate-title::before {
  content: "";
  display: inline-block;
  width: 0.5208vw;
  height: 0.5208vw;
  background-color: #1D7AC9;
  border-radius: 50%;
  margin-right: 0.5208vw;
}
@media screen and (max-width: 992px) {
  .inside .tea-list .cate-title::before {
    width: 8px;
    height: 8px;
    margin-right: 5px;
  }
}
.inside .tea-list .imgs {
  margin-top: 2.0833vw;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
@media screen and (max-width: 992px) {
  .inside .tea-list .imgs {
    margin-top: 20px;
  }
}
.inside .tea-list .imgs-item {
  position: relative;
  height: 10.9375vw;
  width: 14.166%;
  margin-right: 3%;
  margin-bottom: 1.5625vw;
  -webkit-box-shadow: 0 0 30px 0 rgba(112, 112, 112, 0.5);
          box-shadow: 0 0 30px 0 rgba(112, 112, 112, 0.5);
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  .inside .tea-list .imgs-item {
    width: 46%;
    height: 200px;
    margin-right: 8%;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 0 10px 0 rgba(112, 112, 112, 0.1);
            box-shadow: 0 0 10px 0 rgba(112, 112, 112, 0.1);
  }
}
.inside .tea-list .imgs-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all linear 0.4s;
  -moz-transition: all linear 0.4s;
  transition: all linear 0.4s;
}
.inside .tea-list .imgs-item:nth-child(6n) {
  margin-right: 0;
}
@media screen and (max-width: 992px) {
  .inside .tea-list .imgs-item:nth-child(2n) {
    margin-right: 0;
  }
}
.inside .tea-list .imgs-item .name {
  position: absolute;
  color: white;
  font-size: 0.8333vw;
  bottom: 4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .inside .tea-list .imgs-item .name {
    font-size: 16px;
  }
}
.inside .tea-list .imgs-item::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 7.2396vw;
  height: 2.3958vw;
  background: url("../images/tea-name-bg.png") center / 100% 100%;
  z-index: 1;
}
@media screen and (max-width: 992px) {
  .inside .tea-list .imgs-item::after {
    width: 40vw;
    height: 13vw;
    max-width: 140px;
  }
}
.inside .tea-list .imgs-item:hover .name {
  font-weight: bold;
}
.inside .tea-list .imgs-item:hover img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.inside .leader-list .item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #f7f7f7;
  padding: 1.0417vw;
  border-radius: 0.5208vw;
  margin-bottom: 1.0417vw;
  border: 1px solid transparent;
}
@media screen and (max-width: 992px) {
  .inside .leader-list .item {
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.inside .leader-list .item .cover {
  width: 8.3333vw;
  height: 10.4167vw;
  margin-right: 1.5625vw;
}
@media screen and (max-width: 992px) {
  .inside .leader-list .item .cover {
    width: 80px;
    height: 100px;
  }
}
.inside .leader-list .item .cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}
.inside .leader-list .item .r {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 992px) {
  .inside .leader-list .item .r {
    display: block;
  }
}
.inside .leader-list .item .name {
  font-size: 0.8333vw;
  font-weight: bold;
  color: #00438c;
}
@media screen and (max-width: 992px) {
  .inside .leader-list .item .name {
    font-size: 18px;
    text-align: center;
  }
}
.inside .leader-list .item .name::before {
  content: "";
  display: inline-block;
  width: 1.25vw;
  height: 1.25vw;
  background: url("../images/xingming.png") center / 100% 100%;
  vertical-align: middle;
  margin-right: 6px;
}
@media screen and (max-width: 992px) {
  .inside .leader-list .item .name::before {
    width: 12px;
    height: 12px;
  }
}
.inside .leader-list .item .pos {
  font-size: 0.8333vw;
  margin-top: 0.5208vw;
  color: #333;
}
@media screen and (max-width: 992px) {
  .inside .leader-list .item .pos {
    font-size: 14px;
    text-align: center;
  }
}
.inside .leader-list .item .pos::before {
  content: "";
  display: inline-block;
  width: 1.25vw;
  height: 1.25vw;
  background: url("../images/zhiwei.png") center / 100% 100%;
  vertical-align: middle;
  margin-right: 0.3125vw;
}
@media screen and (max-width: 992px) {
  .inside .leader-list .item .pos::before {
    width: 12px;
    height: 12px;
    margin-right: 6px;
  }
}
.inside .leader-list .item .desc {
  font-size: 0.8333vw;
  color: #333;
  margin-top: 0.5208vw;
}
@media screen and (max-width: 992px) {
  .inside .leader-list .item .desc {
    font-size: 14px;
    margin-top: 6px;
  }
}
.inside .leader-list .item .contact {
  font-size: 0.8333vw;
  color: #333;
}
@media screen and (max-width: 992px) {
  .inside .leader-list .item .contact {
    font-size: 14px;
  }
  .inside .leader-list .item .contact .sp {
    display: none;
  }
}
.inside .leader-list .item:hover {
  background-color: #F8FCFF;
  border-color: #C0D8EA;
}
@media screen and (max-width: 992px) {
  .inside .leader-list .item .phone,
  .inside .leader-list .item .email {
    display: block;
  }
}
.inside .leader-list .item .phone::before {
  content: "";
  display: inline-block;
  width: 1.0417vw;
  height: 1.0417vw;
  background: url("../images/dianhua.png") center / 100% 100%;
  vertical-align: middle;
  margin-right: 0.3125vw;
}
@media screen and (max-width: 992px) {
  .inside .leader-list .item .phone::before {
    width: 12px;
    height: 12px;
    margin-right: 4px;
  }
}
.inside .leader-list .item .email::before {
  content: "";
  display: inline-block;
  width: 1.0417vw;
  height: 1.0417vw;
  background: url("../images/youxiang.png") center / 100% 100%;
  vertical-align: middle;
  margin-right: 0.3125vw;
}
@media screen and (max-width: 992px) {
  .inside .leader-list .item .email::before {
    width: 12px;
    height: 12px;
    margin-right: 4px;
  }
}
.inside .dw-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.inside .dw-list .wrap {
  width: 50%;
  margin-bottom: 20px;
}
@media screen and (max-width: 992px) {
  .inside .dw-list .wrap {
    width: 100%;
    margin-bottom: 10px;
  }
}
.inside .dw-list .wrap:nth-child(odd) {
  padding-right: 15px;
}
@media screen and (max-width: 992px) {
  .inside .dw-list .wrap:nth-child(odd) {
    padding-right: 0;
  }
}
.inside .dw-list .wrap:nth-child(even) {
  padding-left: 15px;
}
@media screen and (max-width: 992px) {
  .inside .dw-list .wrap:nth-child(even) {
    padding-left: 0;
  }
}
.inside .dw-list .item {
  display: block;
  width: 100%;
  background-color: #F7F7F7;
  border-radius: 10px;
  padding: 20px 30px;
  border: 1px solid transparent;
  height: 100%;
}
.inside .dw-list .item .name {
  font-size: 0.8333vw;
  color: #00438c;
  font-weight: bold;
}
@media screen and (max-width: 992px) {
  .inside .dw-list .item .name {
    font-size: 16px;
  }
}
.inside .dw-list .item .name::before {
  content: "";
  display: inline-block;
  width: 1.25vw;
  height: 1.25vw;
  background: url("../images/xingming.png") center / 100% 100%;
  vertical-align: middle;
  margin-right: 6px;
}
@media screen and (max-width: 992px) {
  .inside .dw-list .item .name::before {
    width: 18px;
    height: 18px;
  }
}
.inside .dw-list .item .pos {
  font-size: 0.8333vw;
  color: #333;
  margin-top: 10px;
}
@media screen and (max-width: 992px) {
  .inside .dw-list .item .pos {
    font-size: 16px;
  }
}
.inside .dw-list .item .pos::before {
  content: "";
  display: inline-block;
  width: 1.25vw;
  height: 1.25vw;
  background: url("../images/zhiwei.png") center / 100% 100%;
  vertical-align: middle;
  margin-right: 0.3125vw;
}
@media screen and (max-width: 992px) {
  .inside .dw-list .item .pos::before {
    width: 18px;
    height: 18px;
    margin-right: 6px;
  }
}
.inside .dw-list .item .desc {
  font-size: 0.8333vw;
  color: #333;
  margin-top: 10px;
}
@media screen and (max-width: 992px) {
  .inside .dw-list .item .desc {
    font-size: 14px;
  }
}
.inside .dw-list .item:hover {
  background-color: #F8FCFF;
  border-color: #C0D8EA;
}
.inside .news-list .item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #F7F7F7;
  padding: 1.0417vw 2.0833vw;
  border-radius: 1.0417vw;
  color: #000;
  border: 1px solid transparent;
  margin-bottom: 1.0417vw;
}
@media screen and (max-width: 992px) {
  .inside .news-list .item {
    padding: 6px;
    border-radius: 8px;
    margin-bottom: 10px;
  }
}
.inside .news-list .item .date {
  text-align: center;
}
.inside .news-list .item .date .md {
  font-size: 1.1458vw;
}
@media screen and (max-width: 992px) {
  .inside .news-list .item .date .md {
    font-size: 16px;
  }
}
.inside .news-list .item .date .y {
  font-size: 0.8333vw;
}
@media screen and (max-width: 992px) {
  .inside .news-list .item .date .y {
    font-size: 12px;
  }
}
.inside .news-list .item .info {
  -webkit-box-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  width: 0;
}
.inside .news-list .item .info .title {
  font-size: 0.9375vw;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 992px) {
  .inside .news-list .item .info .title {
    font-size: 14px;
  }
}
.inside .news-list .item .info .desc {
  font-size: 0.8333vw;
  color: #999;
  margin-top: 0.5208vw;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 992px) {
  .inside .news-list .item .info .desc {
    font-size: 12px;
  }
}
.inside .news-list .item:hover {
  border: 1px solid #C0D8EA;
  background: url("../images/list-bg.png") center / 100% 100%;
}
.inside .news-list .item:hover .date,
.inside .news-list .item:hover .title {
  color: #1D7AC9;
}
.inside .news-list .item:hover .title {
  font-weight: bold;
}
.inside .table-list {
  width: 100%;
}
.inside .table-list .title {
  font-size: 1.0417vw;
  color: #1D7AC9;
  padding: 0.5208vw 0;
  line-height: 1;
  border-bottom: 2px solid #1D7AC9;
  font-weight: bold;
}
@media screen and (max-width: 992px) {
  .inside .table-list .title {
    font-size: 18px;
    padding: 10px 0;
  }
}
.inside .table-list .title::before {
  content: "";
  display: inline-block;
  width: 0.5208vw;
  height: 0.5208vw;
  background-color: #1D7AC9;
  border-radius: 50%;
  margin-right: 0.5208vw;
}
@media screen and (max-width: 992px) {
  .inside .table-list .title::before {
    width: 8px;
    height: 8px;
    margin-right: 5px;
  }
}
.inside .table-list .table-wrapper {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  margin-top: 1.0417vw;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-left: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
  margin-bottom: 1.5625vw;
}
.inside .table-list .table-wrapper li {
  width: 20%;
  min-height: 2.3958vw;
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
@media screen and (max-width: 992px) {
  .inside .table-list .table-wrapper li {
    min-height: 40px;
  }
}
.inside .table-list .table-wrapper li a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0.8333vw;
  color: #000;
  text-decoration: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "PingFang SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}
@media screen and (max-width: 992px) {
  .inside .table-list .table-wrapper li a {
    font-size: 14px;
  }
}
.inside .table-list .table-wrapper li a:hover {
  color: #1D7AC9;
  font-weight: bold;
}
.inside .table-list .table-wrapper li:nth-child(10n + 6),
.inside .table-list .table-wrapper li:nth-child(10n + 7),
.inside .table-list .table-wrapper li:nth-child(10n + 8),
.inside .table-list .table-wrapper li:nth-child(10n + 9),
.inside .table-list .table-wrapper li:nth-child(10n) {
  background-color: #E9F6FE;
}