@charset "UTF-8";
:root {
  --navheight: 85px;
  --navigationh: 70px;
  --zoom: 1;
}

div[id^=baidu_jsapi_watermark] {
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

div {
  transition: all 0.4s;
}

.map-main,
.map-main *,
.layui-layer,
.layui-layer *,
.vtool-select,
.vtool-select *,
.swiper-fade .swiper-slide,
.swiper-fade .swiper-slide *,
.vli-child,
.vli-child *,
.footer-firend,
.footer-firend * {
  transition: none !important;
}

.vtop-fixed {
  width: 46px;
  position: fixed;
  right: 14px;
  bottom: 34px;
  z-index: 50;
  opacity: 0;
  visibility: hidden;
}
.vtop-fixed.on {
  opacity: 1;
  visibility: visible;
}

.vtop-box {
  width: 46px;
  height: 46px;
  background: #FFFFFF;
  border: 1px solid #DCDCDC;
  border-radius: 50%;
  margin-top: 0.15rem;
  position: relative;
}
.vtop-box:hover .vtop-code {
  opacity: 1;
  visibility: visible;
}
.vtop-box .icon {
  width: 12px;
  height: auto;
  display: block;
}
.vtop-box.von .vtop-pic .vtop-icon {
  filter: drop-shadow(46px 0 #FFFFFF);
  -webkit-backdrop-filter: drop-shadow(46px 0 #FFFFFF);
  -webkit-filter: drop-shadow(46px 0 #FFFFFF);
}
.vtop-box .vtop-pic {
  width: 46px;
  height: 46px;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.vtop-box .vtop-pic .vtop-icon {
  width: 46px;
  height: 46px;
  display: block;
  transform: translateX(-46px);
  filter: drop-shadow(46px 0 #004EA2);
  -webkit-backdrop-filter: drop-shadow(46px 0 #004EA2);
  -webkit-filter: drop-shadow(46px 0 #004EA2);
}
.vtop-box .vtop-code {
  position: absolute;
  left: 0;
  transform: translateX(-120%) translateY(-50%);
  top: 50%;
  z-index: 5;
  transition: all 0.4s;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  background: #FFFFFF;
  border-radius: 5px;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
  padding: 12px 10px;
  box-sizing: border-box;
  width: 126px;
  height: 160px;
}
.vtop-box .vtop-code:after {
  content: "";
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-left-color: #FFFFFF;
  position: absolute;
  right: -16px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.4s;
  z-index: 2;
}
.vtop-box .vtop-code .c-img {
  width: 100%;
  height: auto;
  display: block;
}
.vtop-box .vtop-code .c-t {
  color: #454545;
  text-align: center;
  max-width: 100%;
  margin-top: 10px;
}

@keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.v-btn {
  width: 170px;
  height: 50px;
  background: #004EA2;
  border: 1px solid #004EA2;
  border-radius: 25px;
  color: #FFFFFF;
  line-height: 1;
  transition: all 0.4s;
}
.v-btn:hover {
  background-color: #FFFFFF;
  color: #004EA2;
}
.v-btn:hover .v-icon .icon {
  filter: drop-shadow(7px 0 #004EA2);
  -webkit-backdrop-filter: drop-shadow(7px 0 #004EA2);
  -webkit-filter: drop-shadow(7px 0 #004EA2);
}
.v-btn .v-icon {
  width: 7px;
  height: auto;
  overflow: hidden;
  position: relative;
  z-index: 2;
  margin-left: 8px;
}
.v-btn .v-icon .icon {
  width: 7px;
  height: auto;
  display: block;
  transform: translateX(-7px);
  filter: drop-shadow(7px 0 #FFFFFF);
  -webkit-backdrop-filter: drop-shadow(7px 0 #FFFFFF);
  -webkit-filter: drop-shadow(7px 0 #FFFFFF);
}

.link-v {
  transform: translateY(calc(var(--navheight) * -2));
}

.vtool-select .dl-clsss {
  width: 100%;
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.vtool-select .dl-clsss .word {
  padding-left: 14px;
  padding-right: 40px;
  position: relative;
  min-width: 220px;
  height: 48px;
  line-height: 48px;
  background: #F2F3F5;
  cursor: pointer;
  display: block;
  color: #343333;
}
.vtool-select .dl-clsss .word:after {
  content: "";
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: #C2C2C2;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 3px;
  transition: all 0.4s;
}
.vtool-select .dl-clsss .sub {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  background: #fafbfc;
  z-index: 11;
  display: none;
}
.vtool-select .dl-clsss .sub .sub-a {
  display: block;
  color: #343333;
  padding: 0 14px;
  height: 42px;
  line-height: 42px;
  transition: all 0.4s;
}
.vtool-select .dl-clsss .sub .sub-a:hover {
  background: #F2F3F5;
}
.vtool-select .dl-clsss[data-on=on] .word:after {
  margin-top: -5px;
  transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -webkit-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
}

.nav-custom {
  width: 100%;
  position: sticky;
  top: 0;
  left: 0;
  box-sizing: border-box;
  z-index: 100;
  transition: all 0.4s;
}
.nav-custom.nav-index {
  position: fixed;
}
.nav-custom.nav-index.nax-index-show .nav-vmain .nav-vbox .nav-vlist .nav-vli .vli-item {
  color: #262626;
}
.nav-custom.nav-index.nax-index-show .nav-vmain .nav-vbox .nav-vlist .nav-vli .vli-item.on {
  color: #00468E;
}
.nav-custom.nav-index.nax-index-show .nav-vmain .nav-vbox .nav-vlist .nav-vli .vli-item.on .vli-span::after {
  background-color: #00468E;
  opacity: 0.15;
}
.nav-custom.nav-index:hover .nav-vmain, .nav-custom.nav-index.nax-index-on .nav-vmain {
  background-color: #FFFFFF;
}
.nav-custom.nav-index:hover .nav-vmain .nav-vbox .nav-vlist .nav-vli .vli-item, .nav-custom.nav-index.nax-index-on .nav-vmain .nav-vbox .nav-vlist .nav-vli .vli-item {
  color: #262626;
}
.nav-custom.nav-index:hover .nav-vmain .nav-vbox .nav-vlist .nav-vli .vli-item.on, .nav-custom.nav-index.nax-index-on .nav-vmain .nav-vbox .nav-vlist .nav-vli .vli-item.on {
  color: #00468E;
}
.nav-custom.nav-index:hover .nav-vmain .nav-vbox .nav-vlist .nav-vli .vli-item.on .vli-span::after, .nav-custom.nav-index.nax-index-on .nav-vmain .nav-vbox .nav-vlist .nav-vli .vli-item.on .vli-span::after {
  background-color: #00468E;
  opacity: 0.15;
}
.nav-custom.nav-index .nav-vmain {
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.nav-custom.nav-index .nav-vmain .nav-vbox .nav-vlist .nav-vli .vli-item {
  color: #FFFFFF;
}
.nav-custom.nav-index .nav-vmain .nav-vbox .nav-vlist .nav-vli .vli-item.on {
  color: #FFFFFF;
}
.nav-custom.nav-index .nav-vmain .nav-vbox .nav-vlist .nav-vli .vli-item.on .vli-span::after {
  background-color: #FFFFFF;
  opacity: 0.15;
}
.nav-custom .nav-vmain {
  width: 100%;
  height: var(--navheight);
  background-color: #FFFFFF;
  padding: 0 0.2rem 0 0.6rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.4s;
}
.nav-custom .nav-vmain .nav-vlogo {
  width: 180px;
  height: auto;
  flex-shrink: 0;
  transition: all 0.4s;
}
.nav-custom .nav-vmain .nav-vlogo .logo {
  display: block;
  width: 100%;
  height: auto;
}
.nav-custom .nav-vmain .nav-mbox {
  position: relative;
  width: var(--navheight);
  height: var(--navheight);
  z-index: 10;
  transition: all 0.4s;
  display: none;
}
.nav-custom .nav-vmain .nav-mbox .n-mobile-line {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 5;
}
.nav-custom .nav-vmain .nav-mbox .n-mobile-line.vv1 {
  width: var(--navheight);
  height: var(--navheight);
  flex-shrink: 0;
}
.nav-custom .nav-vmain .nav-mbox .n-mobile-line.vv2 {
  position: static;
}
.nav-custom .nav-vmain .nav-mbox .n-mobile-line .n-mobile-btn {
  width: 34px;
  height: 34px;
  color: #004EA2;
  border: 1px solid #004EA2;
  border-radius: 6px;
  font-weight: 550;
  line-height: 34px;
}
.nav-custom .nav-vmain .nav-mbox .n-mobile-line .n-mobile-icon::after, .nav-custom .nav-vmain .nav-mbox .n-mobile-line .n-mobile-icon::before {
  top: 50%;
  left: 50%;
  bottom: auto;
  transform: translate(-50%, -50%) rotate(45deg);
}
.nav-custom .nav-vmain .nav-mbox .n-mobile-line .n-mobile-icon::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.nav-custom .nav-vmain .nav-mbox .n-mobile-line .n-mobile-icon .line {
  opacity: 0;
}
.nav-custom .nav-vmain .nav-mbox .n-mobile-icon {
  width: 30px;
  height: 24px;
  position: relative;
}
.nav-custom .nav-vmain .nav-mbox .n-mobile-icon::after, .nav-custom .nav-vmain .nav-mbox .n-mobile-icon::before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #004EA2;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.4s;
}
.nav-custom .nav-vmain .nav-mbox .n-mobile-icon::before {
  top: auto;
  bottom: 0;
}
.nav-custom .nav-vmain .nav-mbox .n-mobile-icon .line {
  width: 100%;
  height: 2px;
  background-color: #004EA2;
  transition: all 0.4s;
}
.nav-custom .nav-vmain .nav-mbox .nav-mobile-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transition: all 0.4s;
  height: calc((100vh / var(--zoom)));
  box-sizing: border-box;
  visibility: hidden;
  overflow: hidden;
  z-index: 0;
  display: flex;
  justify-content: flex-end;
  opacity: 0;
  pointer-events: none;
}
.nav-custom .nav-vmain .nav-mbox .nav-mobile-box.on {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.nav-custom .nav-vmain .nav-mbox .nav-mobile-box.on .mobile-vabs {
  opacity: 1;
}
.nav-custom .nav-vmain .nav-mbox .nav-mobile-box.on .mobile-main {
  transform: translateX(0);
}
.nav-custom .nav-vmain .nav-mbox .nav-mobile-box .mobile-vabs {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  opacity: 0;
}
.nav-custom .nav-vmain .nav-mbox .nav-mobile-box .mobile-main {
  width: 100%;
  height: 100%;
  max-width: 400px;
  background-color: #FFFFFF;
  box-sizing: border-box;
  position: relative;
  overflow-y: auto;
  transition: all 0.4s;
  z-index: 5;
  transform: translateX(100%);
}
.nav-custom .nav-vmain .nav-mbox .nav-mobile-box .mobile-main .mobile-search {
  width: 100%;
  height: var(--navheight);
  padding: 0 0.3rem 0 0.3rem;
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nav-custom .nav-vmain .nav-mbox .nav-mobile-box .mobile-main .mobile-search .search-form {
  position: static !important;
  transform: translateX(0) translateY(0);
  opacity: 1;
  visibility: visible;
  flex: 1;
}
.nav-custom .nav-vmain .nav-mbox .nav-mobile-box .mobile-main .mobile-search .search-form .sbtn {
  width: 100px;
}
.nav-custom .nav-vmain .nav-mbox .nav-mobile-box .mobile-main .mobile-search .search-form .sinput {
  max-width: 250px;
  width: auto;
  flex: 1;
}
.nav-custom .nav-vmain .nav-mbox .nav-mobile-box .mobile-main .mobile-vbox {
  width: 100%;
  height: calc(100% - var(--navheight));
  box-sizing: border-box;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.nav-custom .nav-vmain .nav-mbox .nav-mobile-box .mobile-main .mobile-vli .vli-a {
  padding: 0 0.3rem;
  width: 100%;
  height: 60px;
  line-height: 1;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  position: relative;
}
.nav-custom .nav-vmain .nav-mbox .nav-mobile-box .mobile-main .mobile-vli .vli-a.vli-more::after, .nav-custom .nav-vmain .nav-mbox .nav-mobile-box .mobile-main .mobile-vli .vli-a.vli-more::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  right: 0.3rem;
  background-color: #333333;
  transition: all 0.4s;
}
.nav-custom .nav-vmain .nav-mbox .nav-mobile-box .mobile-main .mobile-vli .vli-a.vli-more::after {
  width: 16px;
  height: 2px;
}
.nav-custom .nav-vmain .nav-mbox .nav-mobile-box .mobile-main .mobile-vli .vli-a.vli-more::before {
  width: 2px;
  height: 16px;
  right: calc(0.3rem + 7px);
}
.nav-custom .nav-vmain .nav-mbox .nav-mobile-box .mobile-main .mobile-vli .vli-a.vli-more .a-item {
  width: auto;
  display: inline-block;
}
.nav-custom .nav-vmain .nav-mbox .nav-mobile-box .mobile-main .mobile-vli .vli-a.vli-more.on::after {
  background-color: #00468E;
}
.nav-custom .nav-vmain .nav-mbox .nav-mobile-box .mobile-main .mobile-vli .vli-a.vli-more.on::before {
  opacity: 0;
}
.nav-custom .nav-vmain .nav-mbox .nav-mobile-box .mobile-main .mobile-vli .vli-a.vli-more.on .a-item {
  color: #00468E;
}
.nav-custom .nav-vmain .nav-mbox .nav-mobile-box .mobile-main .mobile-vli .vli-a .a-item {
  width: 100%;
  display: block;
  flex-shrink: 0;
  color: #333333;
  line-height: 60px;
  font-weight: 550;
  height: 100%;
}
.nav-custom .nav-vmain .nav-mbox .nav-mobile-box .mobile-main .mobile-vli .vli-a .check-v {
  flex: 1;
  height: 100%;
}
.nav-custom .nav-vmain .nav-mbox .nav-mobile-box .mobile-main .mobile-vli .vli-child {
  width: 100%;
  background-color: #f2f2f2;
  padding: 0.3rem;
  display: none;
}
.nav-custom .nav-vmain .nav-mbox .nav-mobile-box .mobile-main .mobile-vli .vli-child .vli-cli {
  width: 100%;
  height: 42px;
  line-height: 42px;
}
.nav-custom .nav-vmain .search-form {
  width: auto;
  height: 48px;
  line-height: 48px;
  position: absolute;
  right: 0;
  top: calc(100% + 20px);
  transform: translateX(30px) translateY(30px);
  z-index: -10;
  background: #f2f3f5;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}
.nav-custom .nav-vmain .search-form .sinput {
  width: 250px;
  height: 100%;
  line-height: 1;
  padding: 0 14px;
  box-sizing: border-box;
  color: #343333;
}
.nav-custom .nav-vmain .search-form .sbtn {
  width: 120px;
  height: 48px;
  line-height: 48px;
  background: #00468E;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
}
.nav-custom .nav-vmain .search-form .sbtn .search-icon {
  width: 18px;
  height: auto;
  display: block;
}
.nav-custom .nav-vmain .nav-vbox {
  display: flex;
  align-items: center;
  height: 100%;
}
.nav-custom .nav-vmain .nav-vbox .nav-vlist {
  display: flex;
  align-items: center;
  height: 100%;
}
.nav-custom .nav-vmain .nav-vbox .nav-vlist .nav-vli {
  height: 100%;
  margin-right: 0.55rem;
  position: relative;
}
.nav-custom .nav-vmain .nav-vbox .nav-vlist .nav-vli:hover .vli-item {
  color: #00468E;
}
.nav-custom .nav-vmain .nav-vbox .nav-vlist .nav-vli:hover .nav-child {
  opacity: 1;
  pointer-events: visible;
  visibility: visible;
  transform: translateY(0%);
}
.nav-custom .nav-vmain .nav-vbox .nav-vlist .nav-vli .vli-item {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #262626;
  transition: all 0.4s;
}
.nav-custom .nav-vmain .nav-vbox .nav-vlist .nav-vli .vli-item.on {
  color: #00468E;
}
.nav-custom .nav-vmain .nav-vbox .nav-vlist .nav-vli .vli-item.on .vli-span::after {
  opacity: 0.15;
}
.nav-custom .nav-vmain .nav-vbox .nav-vlist .nav-vli .vli-item .vli-span {
  position: relative;
}
.nav-custom .nav-vmain .nav-vbox .nav-vlist .nav-vli .vli-item .vli-span::after {
  content: "";
  width: 14px;
  height: 14px;
  background: #008CD6;
  opacity: 0.15;
  border-radius: 50%;
  position: absolute;
  top: -2px;
  right: -6px;
  z-index: 0;
  opacity: 0;
  transition: all 0.4s;
}
.nav-custom .nav-vmain .nav-vbox .nav-vbtn {
  width: 163px;
  height: 60px;
  background: #00468E;
  border-radius: 30px;
  background-image: url("/phone/images/btng.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transition: all 0.4s;
}
.nav-custom .nav-vmain .nav-vbox .nav-vbtn .nav-vsearch {
  height: 100%;
  position: relative;
}
.nav-custom .nav-vmain .nav-vbox .nav-vbtn .nav-vsearch.on .search-form {
  transform: translateX(30px) translateY(0);
  opacity: 1;
  visibility: visible;
}
.nav-custom .nav-vmain .nav-vbox .nav-vbtn .nav-vsearch .vsearch-box {
  height: 100%;
  padding: 0 20px;
  transition: all 0.4s;
}
.nav-custom .nav-vmain .nav-vbox .nav-vbtn .nav-vsearch .vsearch-box .icon {
  width: 18px;
  height: auto;
  display: block;
}
.nav-custom .nav-vmain .nav-vbox .nav-vbtn .nav-vmore {
  height: 100%;
}
.nav-custom .nav-vmain .nav-vbox .nav-vbtn .nav-vmore .vmore-box {
  height: 100%;
  padding: 0 20px;
  transition: all 0.4s;
}
.nav-custom .nav-vmain .nav-vbox .nav-vbtn .nav-vmore .vmore-box .vmore-line {
  position: relative;
  width: 21px;
  height: 16px;
}
.nav-custom .nav-vmain .nav-vbox .nav-vbtn .nav-vmore .vmore-box .vmore-line::after, .nav-custom .nav-vmain .nav-vbox .nav-vbtn .nav-vmore .vmore-box .vmore-line::before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.4s;
}
.nav-custom .nav-vmain .nav-vbox .nav-vbtn .nav-vmore .vmore-box .vmore-line::after {
  top: auto !important;
  bottom: 0 !important;
}
.nav-custom .nav-vmain .nav-vbox .nav-vbtn .nav-vmore .vmore-box .line {
  width: 100%;
  height: 2px;
  background-color: #FFFFFF;
  transition: all 0.4s;
}

.nav-vmore-fixed {
  width: 100%;
  height: calc(100vh / var(--zoom));
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  background-color: black;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transform: translateY(-100%);
  transition: all 0.4s;
  visibility: hidden;
  pointer-events: none;
}
.nav-vmore-fixed.on {
  transform: translateY(0);
  visibility: visible;
  pointer-events: auto;
}
.nav-vmore-fixed .vmore-mask {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.nav-vmore-fixed .more-bline {
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}
.nav-vmore-fixed .vmore-main {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  overflow-y: auto;
}
.nav-vmore-fixed .vmore-main::-webkit-scrollbar {
  width: 0px;
}
.nav-vmore-fixed .vmore-main::-webkit-scrollbar-track {
  background-color: #F0F0F0;
}
.nav-vmore-fixed .vmore-main::-webkit-scrollbar-thumb {
  background-color: #b3b0b0;
  border-radius: 5px;
}
.nav-vmore-fixed .vmore-main::-webkit-scrollbar-thumb:hover {
  background-color: #b3b0b0;
}
.nav-vmore-fixed .vmore-close {
  width: 100%;
  height: var(--navheight);
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 0.2rem;
}
.nav-vmore-fixed .vmore-close .close-box {
  width: 163px;
  height: 60px;
  color: #FFFFFF;
  cursor: pointer;
}
.nav-vmore-fixed .vmore-close .close-box .x-box {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.nav-vmore-fixed .vmore-close .close-box .x-box:before, .nav-vmore-fixed .vmore-close .close-box .x-box:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  height: 2px;
  background-color: #FFFFFF;
  transform: translate(-50%, -50%) rotate(45deg);
}
.nav-vmore-fixed .vmore-close .close-box .x-box:before {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.nav-vmore-fixed .vmore-cbox {
  width: 100%;
  padding: 0.5rem 1rem 0.5rem;
  box-sizing: border-box;
  display: flex;
  position: relative;
  z-index: 2;
}
.nav-vmore-fixed .vmore-cbox .vmore-cbox-t {
  width: 18%;
  flex-shrink: 0;
  color: #FFFFFF;
  font-weight: 550;
  margin-right: 0.3rem;
}
.nav-vmore-fixed .vmore-cbox .vmore-clist {
  flex: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.nav-vmore-fixed .vmore-cbox .vmore-clist .vmore-item {
  width: 20%;
  padding-right: 0.2rem;
  transition: all 0.4s;
  margin-bottom: 0.3rem;
}
.nav-vmore-fixed .vmore-cbox .vmore-clist .vmore-item .vmore-text {
  color: #FFFFFF;
}

.nav-child {
  position: fixed;
  top: calc(var(--navheight) - 1px);
  left: 0;
  width: 100%;
  opacity: 0;
  transition: all 0.4s;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(50px);
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  background: #004EA2;
  padding: 0.8rem 0;
}
.nav-child .child-vmain {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.nav-child .child-vmain .child-vtext {
  flex-shrink: 0;
  line-height: 1;
  color: #FFFFFF;
  font-weight: 550;
}
.nav-child .child-vmain .child-vtext .vt1 {
  opacity: 0.2;
}
.nav-child .child-vmain .child-vtext .vt2 {
  margin-top: 0.12rem;
}
.nav-child .child-vmain .child-vtext .vt2 .vspan {
  position: relative;
}
.nav-child .child-vmain .child-vtext .vt2 .vspan::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #008CD6;
  border-radius: 50%;
  position: absolute;
  right: -14px;
  top: 4px;
}
.nav-child .child-vmain .child-vbox {
  flex: 1;
  max-width: 860px;
  display: flex;
  flex-wrap: wrap;
}
.nav-child .child-vmain .child-vbox .child-vli {
  width: 30%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 5%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: #FFFFFF;
  margin-bottom: 10px;
}
.nav-child .child-vmain .child-vbox .child-vli:nth-child(3n) {
  margin-right: 0;
}
.nav-child .child-vmain .child-vbox .child-vli .child-icon {
  width: 7px;
  height: auto;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.nav-child .child-vmain .child-vbox .child-vli .child-icon .icon {
  width: 7px;
  height: auto;
  display: block;
  transform: translateX(-7px);
  filter: drop-shadow(7px 0 #FFFFFF);
  -webkit-backdrop-filter: drop-shadow(7px 0 #FFFFFF);
  -webkit-filter: drop-shadow(7px 0 #FFFFFF);
}

.service-vtop {
  width: 100%;
  box-sizing: border-box;
  background-color: #FFFFFF;
  padding: 1rem 0 1rem;
  transition: all 0.4s;
}
.service-vtop .s-vtop-main {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  transition: all 0.4s;
}
.service-vtop .s-vtop-main .s-title {
  flex-shrink: 0;
  color: #E9EAEA;
  font-weight: 700;
  line-height: 1.1;
  position: relative;
  margin-right: 0.5rem;
}
.service-vtop .s-vtop-main .s-title::after {
  content: "";
  width: 40px;
  height: 4px;
  background: #00468E;
  border-radius: 2px;
  position: absolute;
  left: 0;
  z-index: 0;
  bottom: -0.25rem;
}
.service-vtop .s-vtop-main .s-text {
  flex: 1;
  max-width: 840px;
  line-height: 2.1;
  color: #454545;
}

.service-vimg {
  width: 100%;
  box-sizing: border-box;
  background: #EBF5FB;
}
.service-vimg .s-vimg {
  width: 100%;
  box-sizing: border-box;
  height: auto;
  display: block;
}

.service-vt {
  text-align: center;
  color: #004EA2;
  font-weight: 700;
  line-height: 1;
}

.service-vlist {
  width: 100%;
  box-sizing: border-box;
  padding: 1rem 0 1.45rem;
}
.service-vlist .s-vlist-main {
  width: 100%;
}
.service-vlist .s-vlist-main .s-vlist {
  width: 100%;
  box-sizing: border-box;
}
.service-vlist .s-vlist-main .s-vlist .s-vitem {
  width: 100%;
  display: flex;
  align-items: stretch;
  margin-top: 0.6rem;
  transition: all 0.4s;
}
.service-vlist .s-vlist-main .s-vlist .s-vitem:hover {
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}
.service-vlist .s-vlist-main .s-vlist .s-vitem .s-vleft {
  width: 400px;
  flex-shrink: 0;
  margin-right: 0.5rem;
  transition: all 0.4s;
}
.service-vlist .s-vlist-main .s-vlist .s-vitem .s-vleft .pic-box {
  padding-top: calc(270 / 400 * 100%);
  border-radius: 6px;
}
.service-vlist .s-vlist-main .s-vlist .s-vitem .s-vright {
  flex: 1;
  border-bottom: 1px solid #E6E6E6;
  display: flex;
  align-items: center;
  padding-bottom: 0.2rem;
  transition: all 0.4s;
}
.service-vlist .s-vlist-main .s-vlist .s-vitem .s-vright .s-cont {
  width: 100%;
}
.service-vlist .s-vlist-main .s-vlist .s-vitem .s-vright .s-cont .title {
  line-height: 1.4;
  color: #343333;
}
.service-vlist .s-vlist-main .s-vlist .s-vitem .s-vright .s-cont .desc {
  color: #818181;
  line-height: 1.9;
  margin-top: 0.2rem;
}

.sustainable-stop {
  width: 100%;
  background-image: url("/phone/images/bg1.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 1rem 0;
  box-sizing: border-box;
}
.sustainable-stop .stop-main {
  width: 100%;
  box-sizing: border-box;
  line-height: 1.8;
  color: #343333;
}
.sustainable-stop .stop-main img,
.sustainable-stop .stop-main image {
  max-width: 140px;
}
.sustainable-stop .stop-main .img-box {
  width: 124px;
  box-sizing: border-box;
  margin: 0 auto;
}
.sustainable-stop .stop-main .img-box .simg {
  width: 100%;
  display: block;
  height: auto;
}
.sustainable-stop .stop-main .text-box {
  width: 100%;
  max-width: 1200px;
  margin: 0.5rem auto 0;
  line-height: 1.8;
  color: #343333;
  text-align: center;
}

.sustainable-slist {
  width: 100%;
  padding: 1rem 0;
  background-color: #F0F4F5;
  box-sizing: border-box;
}
.sustainable-slist .s-vlist {
  width: 100%;
  box-sizing: border-box;
}
.sustainable-slist .s-vlist .s-vitem {
  width: 100%;
  display: flex;
  align-items: stretch;
}
.sustainable-slist .s-vlist .s-vitem:not(:first-child) {
  margin-top: 1rem;
}
.sustainable-slist .s-vlist .s-vitem:nth-child(2n) {
  flex-direction: row-reverse;
}
.sustainable-slist .s-vlist .s-vitem:nth-child(2n) .s-vleft {
  margin-right: 0;
  margin-left: 1rem;
  -webkit-animation-name: fadeInRight !important;
  animation-name: fadeInRight !important;
}
.sustainable-slist .s-vlist .s-vitem:nth-child(2n) .s-vright {
  -webkit-animation-name: fadeInLeft !important;
  animation-name: fadeInLeft !important;
}
.sustainable-slist .s-vlist .s-vitem .s-vleft {
  width: 50%;
  flex-shrink: 0;
  margin-right: 1rem;
}
.sustainable-slist .s-vlist .s-vitem .s-vleft:hover .pic-box .img {
  transform: scale(1.1);
}
.sustainable-slist .s-vlist .s-vitem .s-vleft .pic-box {
  padding-top: calc(500 / 700 * 100%);
  border-radius: 10px;
}
.sustainable-slist .s-vlist .s-vitem .s-vright {
  flex: 1;
  display: flex;
  align-items: center;
}
.sustainable-slist .s-vlist .s-vitem .s-vright .s-cont {
  width: 100%;
}
.sustainable-slist .s-vlist .s-vitem .s-vright .s-cont .title {
  line-height: 1.4;
  color: #004EA2;
  font-weight: 550;
}
.sustainable-slist .s-vlist .s-vitem .s-vright .s-cont .line {
  width: 100%;
  height: 1px;
  background-color: #E6E6E6;
  margin-top: 0.25rem;
}
.sustainable-slist .s-vlist .s-vitem .s-vright .s-cont .desc {
  color: #454545;
  line-height: 1.9;
  margin-top: 0.25rem;
}

.sustainable-richtext {
  width: 100%;
  box-sizing: border-box;
  background-color: #FFFFFF;
  padding: 1rem 0 1.3rem;
  background-image: url(/phone/images/bg2.png);
  background-size: 100% auto;
  background-position: bottom;
  background-repeat: no-repeat;
}
.sustainable-richtext .richtext {
  color: #5A5A5A;
  line-height: 2;
}
.sustainable-richtext .richtext img {
  width: 100%;
  height: auto;
  display: block;
}

.purchase-vlist {
  width: 100%;
  box-sizing: border-box;
  padding: 0.4rem 0 1rem;
}
.purchase-vlist .purchase-vlist-main {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.purchase-vlist .purchase-vlist-main .purchase-vitem {
  width: 31%;
  height: auto;
  background: #FFFFFF;
  border: 1px solid #DCDCDC;
  margin-right: 3.5%;
  padding: 0.5rem 0.5rem 0;
  margin-top: 0.6rem;
  transition: all 0.4s;
}
.purchase-vlist .purchase-vlist-main .purchase-vitem:nth-child(3n) {
  margin-right: 0;
}
.purchase-vlist .purchase-vlist-main .purchase-vitem .time-box {
  width: 100%;
  display: flex;
  align-items: center;
  color: #969696;
  font-weight: 550;
  line-height: 1;
}
.purchase-vlist .purchase-vlist-main .purchase-vitem .time-box .t-icon {
  width: 16px;
  height: 16px;
  display: block;
  margin-right: 8px;
}
.purchase-vlist .purchase-vlist-main .purchase-vitem .title {
  width: 100%;
  line-height: 1.4;
  color: #343333;
  margin-top: 0.2rem;
  min-height: 134px;
  height: auto;
}
.purchase-vlist .purchase-vlist-main .purchase-vitem .title .t {
  width: 100%;
}
.purchase-vlist .purchase-vlist-main .purchase-vitem .tool-box {
  width: 100%;
  padding: 0.25rem 0;
  border-top: 1px solid #E6E6E6;
  margin-top: 0.35rem;
}
.purchase-vlist .purchase-vlist-main .purchase-vitem .tool-box .t {
  color: #008CD6;
}
.purchase-vlist .purchase-vlist-main .purchase-vitem .tool-box .morebtn {
  width: 50px;
  height: 50px;
  background: #EBEBEB;
  border-radius: 50%;
  transition: all 0.4s;
  pointer-events: none;
}
.purchase-vlist .purchase-vlist-main .purchase-vitem .tool-box .morebtn .more-icon {
  width: 19px;
  height: auto;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.purchase-vlist .purchase-vlist-main .purchase-vitem .tool-box .morebtn .more-icon .icon {
  width: 19px;
  height: auto;
  display: block;
  transform: translateX(-19px);
  filter: drop-shadow(19px 0 #343333);
  -webkit-backdrop-filter: drop-shadow(19px 0 #343333);
  -webkit-filter: drop-shadow(19px 0 #343333);
}

.news-vhot {
  width: 100%;
  box-sizing: border-box;
  padding: 1rem 0;
  border-bottom: 1px solid #E6E6E6;
}
.news-vhot .news-vhot-main {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  transition: all 0.4s;
}
.news-vhot .news-vhot-main .vhot-pic {
  flex-shrink: 0;
  width: 44%;
  margin-right: 0.8rem;
}
.news-vhot .news-vhot-main .vhot-pic .pic-box {
  padding-top: calc(310 / 620 * 100%);
  border-radius: 10px;
}
.news-vhot .news-vhot-main .vhot-cont {
  flex: 1;
  transition: all 0.4s;
}
.news-vhot .news-vhot-main .vhot-cont .time-box {
  width: 100%;
  display: flex;
  align-items: center;
  color: #969696;
  line-height: 1;
}
.news-vhot .news-vhot-main .vhot-cont .time-box .t-icon {
  width: 16px;
  height: 16px;
  display: block;
  margin-right: 8px;
}
.news-vhot .news-vhot-main .vhot-cont .title {
  width: 100%;
  line-height: 1.4;
  color: #343333;
  margin-top: 0.2rem;
}
.news-vhot .news-vhot-main .vhot-cont .desc {
  width: 100%;
  line-height: 1.8;
  color: #343333;
  margin-top: 0.3rem;
  color: #939393;
}
.news-vhot .news-vhot-main .vhot-cont .vhot-btn {
  margin-top: 0.5rem;
}

.news-vlist {
  width: 100%;
  padding: 0.55rem 0 0.9rem;
  box-sizing: border-box;
}
.news-vlist .vtool-box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.news-vlist .vtool-box .vtool-input {
  width: 250px;
  height: 48px;
  line-height: 48px;
  background: #F2F3F5;
  padding: 0 15px;
  color: #343333;
}
.news-vlist .vtool-box .news-select {
  margin-right: 10px;
  transition: all 0.4s;
}
.news-vlist .vtool-box .vtool-search {
  transition: all 0.4s;
}
.news-vlist .vtool-box .vtool-search .search-btn {
  color: #FEFEFE;
  line-height: 1;
  padding: 0;
  margin: 0;
  width: 120px;
  height: 48px;
  background: #008CD6;
  cursor: pointer;
  flex-shrink: 0;
}
.news-vlist .vtool-box .vtool-search .search-btn .icon {
  pointer-events: none;
  width: 18px;
  height: auto;
  display: block;
  margin-right: 10px;
}
.news-vlist .vlist-main {
  width: 100%;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 0.55rem;
}
.news-vlist .vlist-main .news-vitem {
  width: 31%;
  height: auto;
  margin-right: 3.5%;
  margin-top: 0.55rem;
  transition: all 0.4s;
  overflow: hidden;
  border-radius: 6px;
}
.news-vlist .vlist-main .news-vitem:hover {
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
}
.news-vlist .vlist-main .news-vitem:hover .news-cont {
  border-left: 1px solid #008CD6;
  border-right: 1px solid #008CD6;
  border-bottom: 1px solid #008CD6;
}
.news-vlist .vlist-main .news-vitem:nth-child(3n) {
  margin-right: 0;
}
.news-vlist .vlist-main .news-vitem .news-pic {
  width: 100%;
}
.news-vlist .vlist-main .news-vitem .news-pic .pic-box {
  padding-top: calc(215 / 430 * 100%);
  border-radius: 6px 6px 0 0;
}
.news-vlist .vlist-main .news-vitem .news-cont {
  width: 100%;
  box-sizing: border-box;
  border-radius: 0 0 6px 6px;
  padding: 0.26rem 0.3rem;
  border-left: 1px solid #DCDCDC;
  border-right: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  transition: all 0.4s;
}
.news-vlist .vlist-main .news-vitem .title {
  width: 100%;
  color: #343333;
  line-height: 1.4;
  height: 58px;
}
.news-vlist .vlist-main .news-vitem .more {
  display: flex;
  align-items: center;
  color: #008CD6;
  line-height: 1;
  margin-top: 0.3rem;
}
.news-vlist .vlist-main .news-vitem .more .icon {
  width: 7px;
  height: auto;
  display: block;
  margin-left: 6px;
}

.newview-vtop {
  width: 100%;
  background-color: #EBF5FB;
  padding: 0.6rem 0 0.85rem;
  box-sizing: border-box;
  transition: all 0.4s;
  position: relative;
  z-index: 10;
}
.newview-vtop .vtop-main {
  width: 100%;
  box-sizing: border-box;
}
.newview-vtop .vtop-main .title {
  font-weight: 500;
  color: #343333;
  line-height: 1.25;
  font-weight: 550;
}
.newview-vtop .vtop-main .vtop-tool {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.3rem;
}
.newview-vtop .vtop-main .vtop-tool .data-box {
  color: #969696;
}
.newview-vtop .vtop-main .vtop-tool .data-t {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}
.newview-vtop .vtop-main .vtop-tool .data-t:not(:first-child) {
  margin-left: 0.3rem;
}
.newview-vtop .vtop-main .vtop-tool .data-t .t-icon {
  width: 16px;
  height: auto;
  display: block;
  margin-right: 8px;
}
.newview-vtop .vtop-main .vtop-tool .share-box {
  color: #5E5E5E;
}
.newview-vtop .vtop-main .vtop-tool .share-box .t {
  padding-right: 4px;
}
.newview-vtop .vtop-main .vtop-tool .share-box .share-btn {
  width: 44px;
  height: 44px;
  background: #FFFFFF;
  border-radius: 50%;
  margin-left: 6px;
}
.newview-vtop .vtop-main .vtop-tool .share-box .social-share-icon {
  margin-left: 6px;
  font-size: 15px;
}
.newview-vtop .vtop-main .vtop-tool .share-box .social-share-icon:hover {
  background: #004EA2 !important;
}

.newview-vcont {
  width: 100%;
  box-sizing: border-box;
  padding: 0.8rem 0 1rem;
  transition: all 0.4s;
}
.newview-vcont .vcont-main {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  transition: all 0.4s;
}
.newview-vcont .vcont-main .newview-tool {
  width: 100%;
  margin-top: 0.7rem;
  padding-top: 0.36rem;
  box-sizing: border-box;
  border-top: 1px solid #DCDCDC;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.newview-vcont .vcont-main .newview-tool .next-box {
  flex: 1;
  overflow: hidden;
  line-height: 1;
}
.newview-vcont .vcont-main .newview-tool .next-box .next-a {
  width: 100%;
  color: #828282;
  line-height: 1;
  display: block;
}
.newview-vcont .vcont-main .newview-tool .next-box .next-a:nth-child(2n) {
  margin-top: 0.15rem;
}
.newview-vcont .vcont-main .newview-tool .next-btn {
  flex-shrink: 0;
  margin-left: 0.5rem;
}
.newview-vcont .vcont-main .vcont-box {
  flex: 1;
  transition: all 0.4s;
  overflow: hidden;
  padding-right: 0.9rem;
  border-right: 1px solid #DCDCDC;
}
.newview-vcont .vcont-main .vcont-box .video-box {
  width: 100%;
  object-fit: cover;
  position: relative;
  z-index: 2;
  padding-top: calc(562/1000*100%);
  margin-bottom: 0.5rem;
}
.newview-vcont .vcont-main .vcont-box .video-box .video-abs {
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.newview-vcont .vcont-main .vcont-box .video-box .video-demo {
  width: 100% !important;
  height: 100% !important;
  display: block;
}
.newview-vcont .vcont-main .vcont-box .cont {
  width: 100%;
  color: #535353;
  line-height: 1.8;
}
.newview-vcont .vcont-main .vcont-box .cont img {
  display: block;
}
.newview-vcont .vcont-main .vcont-hot {
  margin-left: 0.9rem;
  width: 320px;
  flex-shrink: 0;
  position: sticky;
  top: calc(var(--navheight) + 0.2rem);
  z-index: 5;
}
.newview-vcont .vcont-main .vcont-hot .vhot-t {
  width: 100%;
  padding-bottom: 0.23rem;
  line-height: 1;
  color: #343333;
  font-weight: 550;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E6E6E6;
}
.newview-vcont .vcont-main .vcont-hot .vhot-t .round {
  margin-right: 12px;
  width: 18px;
  height: 18px;
  background: rgba(0, 70, 142, 0.15);
  border-radius: 50%;
  position: relative;
}
.newview-vcont .vcont-main .vcont-hot .vhot-t .round::after {
  content: "";
  width: 8px;
  height: 8px;
  background: #008CD6;
  border-radius: 50%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.newview-vcont .vcont-main .vcont-hot .vhot-list {
  width: 100%;
  box-sizing: border-box;
}
.newview-vcont .vcont-main .vcont-hot .vhot-list .vhot-item {
  width: 100%;
  padding: 0.2rem 0;
  border-bottom: 1px solid #E6E6E6;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.newview-vcont .vcont-main .vcont-hot .vhot-list .vhot-item .vhot-time {
  margin-right: 0.2rem;
  padding-right: 0.2rem;
  position: relative;
  color: #B2B2B2;
  line-height: 1;
  text-align: center;
}
.newview-vcont .vcont-main .vcont-hot .vhot-list .vhot-item .vhot-time .year {
  margin-top: 4px;
}
.newview-vcont .vcont-main .vcont-hot .vhot-list .vhot-item .vhot-time::after {
  content: "";
  width: 1px;
  height: 25px;
  background-color: #E6E6E6;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.newview-vcont .vcont-main .vcont-hot .vhot-list .vhot-item .t {
  flex: 1;
  color: #222222;
  line-height: 1.7;
}

.videos-page {
  width: 100%;
  padding-bottom: 1.1rem;
  box-sizing: border-box;
}

.videos-vhot {
  width: 100%;
  padding-top: 1rem;
  box-sizing: border-box;
}
.videos-vhot .vhot-main {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: stretch;
  background-color: #F5F5F5;
  transition: all 0.4s;
  border-radius: 10px;
  overflow: hidden;
}
.videos-vhot .vhot-main:hover {
  background-color: #004EA2;
}
.videos-vhot .vhot-main:hover .round {
  border: 1px solid #FFFFFF;
}
.videos-vhot .vhot-main:hover .round:after {
  border-left-color: #FFFFFF;
}
.videos-vhot .vhot-main:hover .vhot-cont .t {
  color: #FFFFFF;
}
.videos-vhot .vhot-main .round {
  width: 70px;
  height: 70px;
  border: 1px solid #008CD6;
  border-radius: 50%;
  position: relative;
  transition: all 0.4s;
}
.videos-vhot .vhot-main .round.vpic-r {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  border: 1px solid #FFFFFF;
}
.videos-vhot .vhot-main .round.vpic-r:after {
  border-left-color: #FFFFFF;
}
.videos-vhot .vhot-main .round:after {
  content: "";
  width: 0;
  height: 0;
  border: 12px solid transparent;
  border-left-color: #008CD6;
  transition: all 0.4s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-left: 8px;
}
.videos-vhot .vhot-main .vhot-cont {
  flex: 1;
  padding-left: 0.6rem;
  padding-top: 7.5%;
  padding-right: 0.5rem;
}
.videos-vhot .vhot-main .vhot-cont .t {
  line-height: 1.3;
  color: #454545;
  font-weight: 550;
  margin-top: 0.9rem;
  transition: all 0.4s;
}
.videos-vhot .vhot-main .vhot-pic {
  width: 64%;
}
.videos-vhot .vhot-main .vhot-pic .pic-box {
  padding-top: calc(500 / 890 * 100%);
  border-radius: 10px;
}

.videos-vlist {
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  padding-top: 0.3rem;
}
.videos-vlist .vlist-main {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}
.videos-vlist .vlist-main .videos-item {
  width: 31%;
  margin-right: 3.5%;
  margin-top: 0.5rem;
  border-radius: 6px;
  overflow: hidden;
  background-color: #F5F5F5;
  transition: all 0.4s;
}
.videos-vlist .vlist-main .videos-item:hover {
  background-color: #004EA2;
}
.videos-vlist .vlist-main .videos-item:hover .cont {
  color: #FFFFFF;
}
.videos-vlist .vlist-main .videos-item:hover .videos-pic::after {
  opacity: 1;
}
.videos-vlist .vlist-main .videos-item:hover .videos-pic .videos-round {
  opacity: 1;
}
.videos-vlist .vlist-main .videos-item:nth-child(3n) {
  margin-right: 0;
}
.videos-vlist .vlist-main .videos-item .videos-pic {
  width: 100%;
  position: relative;
}
.videos-vlist .vlist-main .videos-item .videos-pic::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: all 0.4s;
}
.videos-vlist .vlist-main .videos-item .videos-pic .videos-round {
  width: 70px;
  height: 70px;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  transition: all 0.4s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  opacity: 0;
}
.videos-vlist .vlist-main .videos-item .videos-pic .videos-round:after {
  content: "";
  width: 0;
  height: 0;
  border: 12px solid transparent;
  border-left-color: #FFFFFF;
  transition: all 0.4s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-left: 8px;
}
.videos-vlist .vlist-main .videos-item .videos-pic .pic-box {
  padding-top: calc(242 / 430 * 100%);
}
.videos-vlist .vlist-main .videos-item .cont {
  width: 100%;
  padding: 0;
  text-align: center;
  color: #454545;
  line-height: 1;
  padding: 0.25rem 0.25rem;
  transition: all 0.4s;
}
.videos-vlist .vlist-main .videos-item .cont .t {
  font-weight: 550;
}
.videos-vlist .vlist-main .videos-item .cont .d {
  margin-top: 0.1rem;
}

.building-page {
  width: 100%;
}

.building-vcont {
  width: 100%;
  box-sizing: border-box;
  padding: 1rem 0;
  display: flex;
}
.building-vcont .cont {
  color: #454545;
  line-height: 1.9;
  flex: 1;
}
.building-vcont .vcont-pic {
  width: 485px;
  margin-left: 0.7rem;
}
.building-vcont .vcont-pic .pic-box {
  padding-top: calc(604 / 485 * 100%);
  border-radius: 10px;
}

.building-vlist {
  width: 100%;
  box-sizing: border-box;
  padding: 0.4rem 0 1.3rem;
  border-top: 1px solid #E6E6E6;
}
.building-vlist .vlist-main {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
.building-vlist .building-item {
  width: 31%;
  height: auto;
  margin-right: 3.5%;
  margin-top: 0.6rem;
  transition: all 0.4s;
  border-radius: 6px;
}
.building-vlist .building-item:nth-child(3n) {
  margin-right: 0;
}
.building-vlist .building-item:hover {
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
}
.building-vlist .building-item:hover .news-cont {
  border-left: 1px solid #008CD6;
  border-right: 1px solid #008CD6;
  border-bottom: 1px solid #008CD6;
}
.building-vlist .building-item .building-pic {
  width: 100%;
}
.building-vlist .building-item .building-pic .pic-box {
  padding-top: calc(215 / 430 * 100%);
  border-radius: 6px 6px 0 0;
}
.building-vlist .building-item .building-cont {
  width: 100%;
  box-sizing: border-box;
  border-radius: 0 0 6px 6px;
  padding: 0.26rem 0.3rem;
  border-left: 1px solid #DCDCDC;
  border-right: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  transition: all 0.4s;
}
.building-vlist .building-item .title {
  width: 100%;
  color: #343333;
  line-height: 1.4;
  height: 58px;
}
.building-vlist .building-item .more {
  display: flex;
  align-items: center;
  color: #008CD6;
  line-height: 1;
  margin-top: 0.3rem;
}
.building-vlist .building-item .more .icon {
  width: 7px;
  height: auto;
  display: block;
  margin-left: 6px;
}

.honor-page {
  width: 100%;
  box-sizing: border-box;
  padding: 1rem 0 1.4rem;
}

.honor-vswiper {
  width: 100%;
  box-sizing: border-box;
}
.honor-vswiper .swiper-pagination {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.3rem;
  position: static;
}
.honor-vswiper .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #DCDCDC;
  border-radius: 50%;
  transition: all 0.4s;
}
.honor-vswiper .swiper-pagination .swiper-pagination-bullet:not(:first-child) {
  margin-left: 8px;
}
.honor-vswiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #008CD6;
}

.honor-select {
  width: 100%;
  display: none;
}

.honor-vtab {
  display: inline-flex;
  align-items: center;
  margin: 0 auto;
  border-radius: 5px;
  border: 1px solid #DCDCDC;
  overflow: hidden;
  text-align: center;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.honor-vtab .vtab-item {
  min-width: 200px;
  height: 70px;
  color: #5F5F5F;
  transition: all 0.4s;
  line-height: 1;
  padding: 0 20px;
}
.honor-vtab .vtab-item.on, .honor-vtab .vtab-item:hover {
  background: #004EA2;
  color: #FFFFFF;
}

.h-swiper {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.6rem;
}
.h-swiper .swiper-button-prev,
.h-swiper .swiper-button-next {
  width: 60px;
  height: 60px;
  background: #F0F0F0;
  border-radius: 50%;
  position: static;
  color: #1D1D1D;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.h-swiper .swiper-button-prev::after,
.h-swiper .swiper-button-next::after {
  font-size: 20px;
}
.h-swiper .honor-swiper {
  flex: 1;
  max-width: 1400px;
  box-sizing: border-box;
  margin: 0 0.3rem;
}
.h-swiper .honor-swiper .swiper-slide {
  width: 25%;
}
.h-swiper .honor-vitem {
  width: 100%;
  height: auto;
  background-color: #F5F5F5;
  padding: 0.6rem 0.4rem;
  box-sizing: border-box;
  border: 1px solid #F5F5F5;
  position: relative;
}
.h-swiper .honor-vitem:hover {
  border: 1px solid #004EA2;
}
.h-swiper .honor-vitem:hover .honor-vs {
  opacity: 1;
}
.h-swiper .honor-vitem .honor-vs {
  width: 50px;
  height: 50px;
  background-color: #004EA2;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  opacity: 0;
}
.h-swiper .honor-vitem .honor-vs .search-icon {
  width: 35%;
  height: auto;
  display: block;
}
.h-swiper .honor-vitem .honor-img {
  width: 100%;
  box-sizing: border-box;
  height: auto;
  display: block;
}

.honor-vlist {
  padding-top: 0.6rem;
  box-sizing: border-box;
}
.honor-vlist .vlist-main {
  width: 100%;
  display: flex;
  box-sizing: border-box;
}
.honor-vlist .vlist-main .vlist-left {
  width: 28%;
  height: auto;
  flex-shrink: 0;
  margin-right: 11%;
  position: sticky;
  top: calc(var(--navheight) + 0.2rem);
  z-index: 5;
}
.honor-vlist .vlist-main .vlist-left .vlist-vcont {
  width: 100%;
  line-height: 2;
  color: #5F5F5F;
  margin-top: 0.3rem;
}
.honor-vlist .vlist-main .vlist-left .vlist-title {
  color: #004EA2;
  line-height: 1;
  font-weight: 550;
}
.honor-vlist .vlist-main .vlist-left .vlist-line {
  width: 100%;
  height: 8px;
  background: rgba(230, 230, 230, 0.3);
  border-bottom: 2px solid #004EA2;
  margin-top: 0.35rem;
}
.honor-vlist .vlist-main .vlist-cont {
  flex: 1;
  border-top: 1px solid #F0F0F0;
  color: #454545;
}
.honor-vlist .vlist-main .vlist-cont .vlist-item {
  width: 100%;
  border-bottom: 1px solid #F0F0F0;
  padding: 0.2rem 0;
  line-height: 1.6;
  padding-left: 20px;
  position: relative;
}
.honor-vlist .vlist-main .vlist-cont .vlist-item::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #008CD6;
}

.course-page {
  width: 100%;
  box-sizing: border-box;
  padding: 1rem 0 1.5rem;
}
.course-page .course-main {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
}
.course-page .course-main .course-left {
  width: 29%;
  height: auto;
  background: #004EA2;
  flex-shrink: 0;
  margin-right: 0.7rem;
  padding: 0.6rem 0 0.45rem;
  box-sizing: border-box;
  display: inline-block;
  position: sticky;
  top: calc(var(--navheight) + 0.2rem);
  z-index: 5;
  background-image: url("/phone/images/bg3.jpg");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: cover;
}
.course-page .course-main .course-left .vt1 {
  padding-left: 0.6rem;
  padding-right: 0.3rem;
  line-height: 1;
  color: #FFFFFF;
  font-weight: 550;
}
.course-page .course-main .course-left .vt2 {
  padding-left: 0.6rem;
  padding-right: 0.3rem;
  line-height: 2;
  color: #FFFFFF;
  font-weight: 550;
  margin-top: 0.6rem;
}
.course-page .course-main .course-left .year-swiper {
  width: 100%;
  margin-top: 0.6rem;
}
.course-page .course-main .course-left .year-swiper .year-item {
  padding-left: 0.3rem;
  transition: all 0.4s;
  padding-bottom: 10px;
  cursor: pointer;
}
.course-page .course-main .course-left .year-swiper .year-item.on .year {
  color: #FFFFFF;
  font-weight: 550;
}
.course-page .course-main .course-left .year-swiper .year-item.on .year::after {
  opacity: 1;
}
.course-page .course-main .course-left .year-swiper .year-item:hover .year {
  color: #FFFFFF;
}
.course-page .course-main .course-left .year-swiper .year-item .year {
  color: #478CD6;
  transition: all 0.4s;
  position: relative;
}
.course-page .course-main .course-left .year-swiper .year-item .year::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #FFFFFF;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px;
  opacity: 0;
  transition: all 0.4s;
}
.course-page .course-main .course-left .year-swiper .swiper-slide {
  width: auto !important;
  display: inline-block !important;
}
.course-page .course-main .course-left .year-swiper .swiper-slide:first-child .year-item {
  padding-left: 0.6rem;
}
.course-page .course-main .course-left .year-swiper .swiper-slide:last-child .year-item {
  padding-right: 0.6rem;
}
.course-page .course-main .course-right {
  flex: 1;
}
.course-page .course-main .course-right .course-vlist {
  width: 100%;
  display: flex;
  align-items: stretch;
}
.course-page .course-main .course-right .course-vlist:last-child .course-line::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #E6E6E6;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  z-index: 5;
}
.course-page .course-main .course-right .course-vlist.on .course-line .course-round {
  background-color: #B2DCF3;
}
.course-page .course-main .course-right .course-vlist.on .course-line .course-round::after {
  background: #008CD6;
}
.course-page .course-main .course-right .course-vlist.on .course-vbox .course-count {
  color: #008CD6;
}
.course-page .course-main .course-right .course-vlist.on .course-vbox .course-count::after {
  background: #008CD6;
}
.course-page .course-main .course-right .course-line {
  width: 20px;
  position: relative;
  flex-shrink: 0;
  margin-right: 0.6rem;
}
.course-page .course-main .course-right .course-line::after {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #E6E6E6;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.course-page .course-main .course-right .course-line .course-round {
  width: 20px;
  height: 20px;
  background-color: rgba(220, 220, 220, 0.35);
  border-radius: 50%;
  position: relative;
  z-index: 3;
  transition: all 0.4s;
}
.course-page .course-main .course-right .course-line .course-round::after {
  content: "";
  width: 8px;
  height: 8px;
  background: #C8C8C8;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  transition: all 0.4s;
}
.course-page .course-main .course-right .course-vbox {
  flex: 1;
  padding-bottom: 0.7rem;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
}
.course-page .course-main .course-right .course-vbox .course-count {
  color: #C4C4C4;
  line-height: 1;
  font-weight: 550;
  flex-shrink: 0;
  padding-right: 1.1rem;
  position: relative;
  transition: all 0.4s;
  display: inline-flex;
  transform: translateY(-0.2rem);
}
.course-page .course-main .course-right .course-vbox .course-count::after {
  content: "";
  width: 0.7rem;
  height: 1px;
  background: #DCDCDC;
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.4s;
}
.course-page .course-main .course-right .course-vbox .course-cont {
  flex: 1;
  transform: translateY(-3px);
}
.course-page .course-main .course-right .course-vbox .course-cont .course-vitem {
  width: 100%;
  line-height: 1.7;
  position: relative;
  display: flex;
  align-items: center;
  color: #454545;
  margin-bottom: 16px;
}
.course-page .course-main .course-right .course-vbox .course-cont .course-vitem .vt {
  margin-right: 10px;
  color: #DCDCDC;
}

.culture-page {
  width: 100%;
  box-sizing: border-box;
  padding-top: 1rem;
}
.culture-page .culture-main {
  width: 100%;
  height: auto;
  position: relative;
  display: flex;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}
.culture-page .culture-main .culture-vitem {
  flex: 1;
  padding-top: calc(970 / 1920 * 100%);
  position: relative;
  box-sizing: border-box;
  transition: all 0.4s;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.culture-page .culture-main .culture-vitem:last-child {
  border-color: transparent;
}
.culture-page .culture-main .culture-vitem.on, .culture-page .culture-main .culture-vitem:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.culture-page .culture-main .culture-vitem.on .cont, .culture-page .culture-main .culture-vitem:hover .cont {
  transform: translateY(-20px);
}
.culture-page .culture-main .culture-vitem .cont {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  height: 100%;
  width: 100%;
  color: #FFFFFF;
  padding: 100% 0.6rem 0;
  box-sizing: border-box;
}
.culture-page .culture-main .culture-vitem .cont .culture-pic {
  width: 50px;
  pointer-events: none;
}
.culture-page .culture-main .culture-vitem .cont .culture-pic .img {
  width: 100%;
  display: block;
  height: auto;
}
.culture-page .culture-main .culture-vitem .cont .title {
  line-height: 1;
  margin-top: 0.3rem;
}
.culture-page .culture-main .culture-vitem .cont .desc {
  line-height: 2;
  margin-top: 0.2rem;
}

.announcement-page {
  width: 100%;
  box-sizing: border-box;
  padding: 1rem 0;
  box-sizing: border-box;
}

.announcement-main {
  display: flex;
  width: 100%;
  box-sizing: border-box;
}
.announcement-main .announcement-vleft {
  flex: 1;
}
.announcement-main .announcement-vleft .announcement-vlist {
  width: 100%;
  border-top: 1px solid #E6E6E6;
}
.announcement-main .announcement-vleft .announcement-vlist .announcement-vitem {
  width: 100%;
  padding: 0.22rem 0;
  border-bottom: 1px solid #E6E6E6;
  display: flex;
  align-items: center;
  transition: all 0.4s;
}
.announcement-main .announcement-vleft .announcement-vlist .announcement-vitem .vitem-time {
  width: 100px;
  height: 100px;
  background: #FFFFFF;
  border: 1px solid #EEF0F2;
  border-radius: 5px;
  font-weight: 550;
  line-height: 1;
  align-items: center;
  justify-content: center;
  margin-right: 0.3rem;
  transition: all 0.4s;
  position: relative;
}
.announcement-main .announcement-vleft .announcement-vlist .announcement-vitem .vitem-time::after {
  content: "";
  width: 1px;
  height: 60%;
  background-color: #E4E4E4;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: all 0.4s;
}
.announcement-main .announcement-vleft .announcement-vlist .announcement-vitem .vitem-time .day {
  color: #008CD6;
}
.announcement-main .announcement-vleft .announcement-vlist .announcement-vitem .vitem-time .year {
  color: #ABABAB;
  margin-top: 2px;
}
.announcement-main .announcement-vleft .announcement-vlist .announcement-vitem .vitem-cont {
  flex: 1;
}
.announcement-main .announcement-vleft .announcement-vlist .announcement-vitem .vitem-cont .t {
  color: #343333;
  line-height: 1.3;
}
.announcement-main .announcement-vleft .announcement-vlist .announcement-vitem .vitem-cont .count {
  line-height: 1;
  color: #989898;
  margin-top: 0.13rem;
}
.announcement-main .announcement-vleft .announcement-vlist .announcement-vitem .vitem-next {
  flex-shrink: 0;
  height: 100%;
  padding: 0 0.2rem 0 0.3rem;
}
.announcement-main .announcement-vleft .announcement-vlist .announcement-vitem .vitem-next .icon-box {
  width: 22px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}
.announcement-main .announcement-vleft .announcement-vlist .announcement-vitem .vitem-next .icon-box .icon-v1 {
  width: 9px;
  height: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  opacity: 1;
  transition: all 0.4s;
}
.announcement-main .announcement-vleft .announcement-vlist .announcement-vitem .vitem-next .icon-box .icon-v1 .icon {
  width: 9px;
  height: auto;
  display: block;
  transform: translateX(-9px);
  filter: drop-shadow(9px 0 #C8C8C8);
  -webkit-backdrop-filter: drop-shadow(9px 0 #C8C8C8);
  -webkit-filter: drop-shadow(9px 0 #C8C8C8);
}
.announcement-main .announcement-vleft .announcement-vlist .announcement-vitem .vitem-next .icon-box .icon-v2 {
  width: 19px;
  height: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  opacity: 0;
  transition: all 0.4s;
}
.announcement-main .announcement-vleft .announcement-vlist .announcement-vitem .vitem-next .icon-box .icon-v2 .icon {
  width: 19px;
  height: auto;
  display: block;
  transform: translateX(-19px);
  filter: drop-shadow(19px 0 #004EA2);
  -webkit-backdrop-filter: drop-shadow(19px 0 #004EA2);
  -webkit-filter: drop-shadow(19px 0 #004EA2);
}
.announcement-main .announcement-vright {
  width: 350px;
  height: 400px;
  height: auto;
  flex-shrink: 0;
  margin-left: 0.8rem;
}
.announcement-main .announcement-vright .announcement-form {
  width: 100%;
}
.announcement-main .announcement-vright .announcement-form .vtool-input {
  width: 100%;
  height: 48px;
  line-height: 48px;
}
.announcement-main .announcement-vright .announcement-form .announcement-select {
  width: 100%;
}
.announcement-main .announcement-vright .announcement-form .announcement-select .dl-clsss {
  width: 100%;
}
.announcement-main .announcement-vright .announcement-form .announcement-select .dl-clsss .word {
  min-width: 100%;
  width: 100%;
  background-color: #FFFFFF;
  border: 1px solid #DCDCDC;
}
.announcement-main .announcement-vright .announcement-form .vtool-search {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #DCDCDC;
  border-radius: 3px;
  margin-top: 0.15rem;
}
.announcement-main .announcement-vright .announcement-form .vtool-search .vtool-input {
  flex: 1;
  padding: 0 0 0 20px;
}
.announcement-main .announcement-vright .announcement-form .vtool-search .search-btn {
  padding: 0 20px;
  height: 100%;
  margin: 0;
}
.announcement-main .announcement-vright .announcement-form .vtool-search .search-btn .search-icon {
  width: 18px;
  height: auto;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.announcement-main .announcement-vright .announcement-form .vtool-search .search-btn .search-icon .icon {
  width: 19px;
  height: auto;
  display: block;
  transform: translateX(-18px);
  filter: drop-shadow(18px 0 #333333);
  -webkit-backdrop-filter: drop-shadow(18px 0 #333333);
  -webkit-filter: drop-shadow(18px 0 #333333);
}
.announcement-main .announcement-vright .vright-cont {
  width: 100%;
}
.announcement-main .announcement-vright .vright-cont .vline {
  width: 100%;
  height: 8px;
  background: rgba(230, 230, 230, 0.3);
  border-top: 2px solid #004EA2;
  margin-top: 0.28rem;
}
.announcement-main .announcement-vright .vright-cont .vt {
  display: flex;
  align-items: center;
  font-weight: 550;
  color: #343333;
  line-height: 1;
  margin-top: 0.2rem;
}
.announcement-main .announcement-vright .vright-cont .vt .c {
  margin-right: 12px;
  width: 18px;
  height: 18px;
  background: rgba(0, 70, 142, 0.15);
  border-radius: 50%;
  position: relative;
}
.announcement-main .announcement-vright .vright-cont .vt .c::after {
  content: "";
  width: 8px;
  height: 8px;
  background: #008CD6;
  border-radius: 50%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.announcement-main .announcement-vright .vright-cont .vcount {
  width: 100%;
  line-height: 1;
  display: flex;
  align-items: center;
  margin-top: 0.2rem;
}
.announcement-main .announcement-vright .vright-cont .vcount .count {
  color: #F40000;
  font-weight: 550;
}
.announcement-main .announcement-vright .vright-cont .vcount .cicon {
  width: 16px;
  height: auto;
  overflow: hidden;
  margin-left: 10px;
  transition: all 0.4s;
}
.announcement-main .announcement-vright .vright-cont .vcount .cicon.vb {
  transform: rotate(180deg);
}
.announcement-main .announcement-vright .vright-cont .vcount .cicon .icon {
  width: 16px;
  height: auto;
  display: block;
  transform: translateX(-16px);
  filter: drop-shadow(16px 0 #8D8D8D);
  -webkit-backdrop-filter: drop-shadow(16px 0 #8D8D8D);
  -webkit-filter: drop-shadow(16px 0 #8D8D8D);
}
.announcement-main .announcement-vright .vright-cont .vt2 {
  width: 100%;
  color: #5D5D5D;
  line-height: 1;
  margin-top: 0.3rem;
}
.announcement-main .announcement-vright .vright-cont .vt3 {
  width: 100%;
  color: #5D5D5D;
  line-height: 1;
  font-weight: 500;
  margin-top: 0.1rem;
}
.announcement-main .announcement-vright .vright-cont .vt4 {
  color: #989898;
  font-size: 1.8;
  margin-top: 0.4rem;
}
.announcement-main .announcement-vright .vright-cont .vicon {
  width: 100%;
  border-top: 1px solid #E6E6E6;
  margin-top: 0.15rem;
  padding-top: 0.35rem;
}
.announcement-main .announcement-vright .vright-cont .vicon .icon {
  width: 30px;
  height: auto;
  display: block;
}
.announcement-main .announcement-vright .vright-cont .vt5 {
  width: 100%;
  color: #343333;
  line-height: 1.8;
  margin-top: 0.2rem;
}
.announcement-main .announcement-vright .vright-cont .vt5 span {
  color: #008CD6;
}

.contact-vinfo {
  width: 100%;
  box-sizing: border-box;
  padding: 1rem 0;
}
.contact-vinfo .vinfo-info {
  width: 100%;
  display: flex;
}
.contact-vinfo .vinfo-info .vinfo-box1 {
  flex: 1;
}
.contact-vinfo .vinfo-info .vinfo-box1 .v-t {
  color: #004EA2;
  line-height: 1;
  font-weight: 550;
}
.contact-vinfo .vinfo-info .vinfo-box1 .v-desc {
  width: 100%;
  max-width: 300px;
  color: #454545;
  line-height: 2.2;
  margin-top: 0.3rem;
}
.contact-vinfo .vinfo-info .vinfo-box1 .v-desc span {
  color: #008CD6;
}
.contact-vinfo .vinfo-info .vinfo-box2 {
  flex-shrink: 0;
  margin-right: 1.5rem;
}
.contact-vinfo .vinfo-info .vinfo-box2 .b-t {
  color: #454545;
  line-height: 1;
  padding-bottom: 0.2rem;
  position: relative;
}
.contact-vinfo .vinfo-info .vinfo-box2 .b-t::after {
  content: "";
  width: 26px;
  height: 1px;
  background-color: #008CD6;
  position: absolute;
  left: 0;
  bottom: 0;
}
.contact-vinfo .vinfo-info .vinfo-box2 .b-list {
  padding-top: 0.18rem;
}
.contact-vinfo .vinfo-info .vinfo-box2 .b-list .b-item {
  display: flex;
  align-items: center;
  margin-top: 0.12rem;
}
.contact-vinfo .vinfo-info .vinfo-box2 .b-list .b-item .vcode {
  width: 130px;
  border: 1px solid #E6E6E6;
  margin-right: 0.22rem;
}
.contact-vinfo .vinfo-info .vinfo-box2 .b-list .b-item .vcode .icon {
  width: 100%;
  height: 100%;
  display: block;
}
.contact-vinfo .vinfo-info .vinfo-box2 .b-list .b-item .t {
  color: #454545;
  line-height: 1.8;
}
.contact-vinfo .vinfo-info .vinfo-box3-p {
  display: inline-block;
  width: auto;
  height: auto;
}
.contact-vinfo .vinfo-info .vinfo-box3 {
  flex-shrink: 0;
  width: 450px;
  height: auto;
  padding: 0.5rem;
  box-sizing: border-box;
  background-color: #004EA2;
  background-image: url("/phone/images/bg3.jpg");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
}
.contact-vinfo .vinfo-info .vinfo-box3 .t1 {
  color: #FFFFFF;
  line-height: 1;
}
.contact-vinfo .vinfo-info .vinfo-box3 .t-list {
  display: flex;
  flex-wrap: wrap;
  padding-top: 0.2rem;
  min-height: 160px;
  align-items: flex-start;
  line-height: 2;
  color: #FFFFFF;
}
.contact-vinfo .vinfo-info .vinfo-box3 .t-list .t-v {
  display: inline-flex;
  align-items: flex-start;
  width: 50%;
  padding-left: 15px;
  color: #FFFFFF;
  position: relative;
  line-height: 1;
  margin-top: 0.15rem;
}
.contact-vinfo .vinfo-info .vinfo-box3 .t-list .t-v::after {
  content: "";
  width: 4px;
  height: 4px;
  background-color: #008CD6;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}
.contact-vinfo .vinfo-info .vinfo-box3 .t-btn {
  background-color: transparent;
  border: 1px solid #FFFFFF;
  margin-top: 0.3rem;
  transition: all 0.4s;
}
.contact-vinfo .vinfo-info .vinfo-box3 .t-btn:hover {
  background: #FFFFFF;
  color: #004EA2;
}
.contact-vinfo .vinfo-info .vinfo-box3 .t-btn:hover .v-icon .icon {
  filter: drop-shadow(7px 0 #004EA2);
  -webkit-backdrop-filter: drop-shadow(7px 0 #004EA2);
  -webkit-filter: drop-shadow(7px 0 #004EA2);
}

.contact-map {
  width: 100%;
  padding-top: calc(700 / 1920 * 100%);
  position: relative;
  box-sizing: border-box;
}
.contact-map .map-cont {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.contact-map .map-cont img {
  max-width: none !important;
}
.contact-map .map-main {
  width: 100%;
  height: 100%;
  display: block;
  box-sizing: border-box;
}

.contact-form {
  width: 100%;
  box-sizing: border-box;
  padding: 1rem 0 1.3rem;
}
.contact-form .form-mian {
  width: 100%;
  display: flex;
}
.contact-form .form-mian .form-vleft {
  flex: 1;
  margin-right: 0.5rem;
}
.contact-form .form-mian .form-vleft .vt {
  color: #004EA2;
  line-height: 1;
  font-weight: 550;
}
.contact-form .form-mian .form-vleft .vd {
  width: 100%;
  max-width: 355px;
  color: #454545;
  line-height: 1.8;
  margin-top: 0.35rem;
}
.contact-form .form-mian .form-vright {
  width: 760px;
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contact-form .form-mian .form-vright .form-input {
  width: 100%;
  height: 60px;
  line-height: 1;
  padding: 0 20px;
  background: #F5F6F7;
}
.contact-form .form-mian .form-vright .form-textarea {
  width: 100%;
  height: 200px;
  padding: 16px 20px;
  margin: 0;
  line-height: 1.6;
  background: #F5F6F7;
}
.contact-form .form-mian .form-vright .form-item {
  width: 100%;
  margin-bottom: 14px;
}
.contact-form .form-mian .form-vright .form-item.v2 {
  width: 49%;
}
.contact-form .form-mian .form-vright .form-item.v3 {
  padding-top: 12px;
}
.join-vinfo {
  width: 100%;
  box-sizing: border-box;
  padding: 1rem 0 1.1rem;
}
.join-vinfo .vinfo-info {
  display: flex;
  flex-direction: row-reverse;
}
.join-vinfo .vinfo-info .vinfo-pic {
  width: 50%;
  margin-right: 1rem;
  position: relative;
  background-color: #FBFCF9;
  border-radius: 10px;
}
.join-vinfo .vinfo-info .vinfo-pic::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  bottom: -10px;
  right: -10px;
  background-color: #008CD6;
  -webkit-clip-path: polygon(100% 63%, 54% 100%, 100% 100%);
  clip-path: polygon(100% 63%, 54% 100%, 100% 100%);
}
.join-vinfo .vinfo-info .vinfo-pic .join-vpic-swiper {
  width: 100%;
}
.join-vinfo .vinfo-info .vinfo-pic .pic-box {
  padding-top: calc(500 / 700 * 100%);
  z-index: 2;
  border-radius: 10px;
}
.join-vinfo .vinfo-info .vinfo-cont {
  flex: 1;
  overflow: hidden;
}
.join-vinfo .vinfo-info .vinfo-cont .vinfo-tabs {
  width: 100%;
  padding: 0.5rem 0 0.4rem;
  border-bottom: 1px solid #E6E6E6;
}
.join-vinfo .vinfo-info .vinfo-cont .vinfo-tabs .join-tabs-swiper {
  width: 100%;
}
.join-vinfo .vinfo-info .vinfo-cont .vinfo-tabs .join-tabs-swiper .swiper-wrapper {
  width: 100%;
  display: flex;
  align-items: flex-end;
}
.join-vinfo .vinfo-info .vinfo-cont .vinfo-tabs .join-tabs-swiper .swiper-slide {
  width: auto;
  display: inline-block;
}
.join-vinfo .vinfo-info .vinfo-cont .vinfo-tabs .join-tabs-swiper .swiper-slide:not(:first-child) {
  padding-left: 0.3rem;
}
.join-vinfo .vinfo-info .vinfo-cont .vinfo-tabs .tab {
  line-height: 1;
  font-weight: 550;
  font-size: var(--fz30);
  color: #B0B0B0;
  transition: all 0.4s;
}
.join-vinfo .vinfo-info .vinfo-cont .vinfo-tabs .tab.on {
  font-size: var(--fz36);
  color: #004EA2;
}
.join-vinfo .vinfo-info .vinfo-cont .vinfo-tabs .tab:hover {
  color: #004EA2;
}
.join-vinfo .vinfo-info .vinfo-cont .vcont-box {
  width: 100%;
  padding-top: 0.3rem;
  overflow: hidden;
}
.join-vinfo .vinfo-info .vinfo-cont .vcont-box .join-vcont-swiper {
  width: 100%;
}
.join-vinfo .vinfo-info .vinfo-cont .vcont-box .vbox {
  width: 100%;
  line-height: 2.2;
  color: #454545;
  transition: all 0.4s;
  overflow: hidden;
}

.join-vlist {
  width: 100%;
  box-sizing: border-box;
  padding: 0.8rem 0 1rem;
  box-sizing: border-box;
  background-color: #F0F4F5;
}
.join-vlist .vlist-vtool {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.join-vlist .vlist-vtool .vtabs {
  display: flex;
  align-items: flex-end;
}
.join-vlist .vlist-vtool .vtabs .tab {
  line-height: 1;
  font-weight: 550;
  font-size: var(--fz30);
  color: #B0B0B0;
  transition: all 0.4s;
}
.join-vlist .vlist-vtool .vtabs .tab.on {
  font-size: var(--fz36);
  color: #004EA2;
}
.join-vlist .vlist-vtool .vtabs .tab:hover {
  color: #004EA2;
}
.join-vlist .vlist-vtool .vtabs .tab:not(:first-child) {
  margin-left: 0.5rem;
}
.join-vlist .vlist-vtool .vbtns-list {
  display: flex;
  align-items: center;
}
.join-vlist .vlist-vtool .vbtns {
  display: none;
  align-items: center;
  transition: all 0.4s;
}
.join-vlist .vlist-vtool .vbtns.on {
  display: flex;
}
.join-vlist .vlist-vtool .swiper-button-prev,
.join-vlist .vlist-vtool .swiper-button-next {
  width: 60px;
  height: 60px;
  background: #FFFFFF;
  box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  position: static;
  color: #1D1D1D;
  display: flex !important;
  align-items: center;
  justify-content: center;
  opacity: 1 !important;
  margin: 0;
  padding: 0;
}
.join-vlist .vlist-vtool .swiper-button-prev::after,
.join-vlist .vlist-vtool .swiper-button-next::after {
  font-size: 20px;
  color: #008CD6;
}
.join-vlist .vlist-vtool .swiper-button-next {
  margin-left: 10px;
}
.join-vlist .vlist-vcont {
  width: 100%;
  box-sizing: border-box;
  margin-top: 0.6rem;
}
.join-vlist .vlist-vcont .vcont-main {
  width: 100%;
  display: none;
  transition: all 0.4s;
}
.join-vlist .vlist-vcont .vcont-main.on {
  display: block;
}
.join-vlist .vlist-vcont .join-swiper {
  width: 100%;
}
.join-vlist .vlist-vcont .join-swiper .swiper-slide {
  display: inline-block;
  width: auto;
}
.join-vlist .vlist-vcont .join-swiper .swiper-slide .slide-item {
  transition: all 0.4s;
}
.join-vlist .vlist-vcont .join-swiper .swiper-slide.swiper-slide-active .join-vitem .img-vbox .join-img {
  height: 100%;
}
.join-vlist .vlist-vcont .join-swiper .join-vitem {
  width: 100%;
  padding-top: calc(470 / 706 * 100%);
  box-sizing: border-box;
  position: relative;
}
.join-vlist .vlist-vcont .join-swiper .join-vitem .img-vbox {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  align-items: flex-end;
}
.join-vlist .vlist-vcont .join-swiper .join-vitem .img-vbox .join-img {
  margin: 0 auto;
  width: 100%;
  height: 90%;
  box-sizing: border-box;
  transition: all 0.4s;
  border-radius: 10px;
}

.join-recruit {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.join-recruit .recruit-vbox {
  width: 50%;
  position: relative;
  padding-top: calc(654 / 1920 * 100%);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.join-recruit .recruit-vbox .recruit-main {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.join-recruit .recruit-vbox .recruit-main .recruit-pic {
  width: 50px;
  pointer-events: none;
}
.join-recruit .recruit-vbox .recruit-main .recruit-pic .icon {
  width: 50px;
  height: auto;
  display: block;
}
.join-recruit .recruit-vbox .recruit-main .recruit-t1 {
  color: #FEFEFE;
  line-height: 1;
  font-weight: 550;
  margin-top: 0.22rem;
}
.join-recruit .recruit-vbox .recruit-main .recruit-t2 {
  color: #FEFEFE;
  line-height: 1;
  font-weight: 550;
  margin-top: 0.22rem;
  opacity: 0.36;
}
.join-recruit .recruit-vbox .recruit-main .recruit-btn {
  background: #008CD6;
  color: #FFFFFF;
  margin-top: 1rem;
  border-color: transparent;
}
.join-recruit .recruit-vbox .recruit-main .recruit-btn:hover {
  background: #FFFFFF;
  color: #008CD6;
}

.company-box1 {
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 1rem;
}
.company-box1 .about-view-line {
  width: 100%;
}

.company-box2 {
  width: 100%;
}
.company-box2.company-vt .box2-main {
  padding-top: 1rem;
}
.company-box2.row-reverse .box2-main {
  flex-direction: row-reverse;
}
.company-box2.row-reverse .box2-main .box2-vleft {
  margin-right: 0;
  margin-left: 1.2rem;
}
.company-box2 .box2-main {
  width: 100%;
  display: flex;
  align-items: stretch;
  padding-bottom: 1rem;
}
.company-box2 .box2-main .box2-vleft {
  margin-right: 1.2rem;
  width: 47%;
}
.company-box2 .box2-main .box2-vleft .pic-box {
  padding-top: calc(650 / 660 * 100%);
  border-radius: 10px;
}
.company-box2 .box2-main .box2-vright {
  flex: 1;
  line-height: 2.2;
  display: flex;
  align-items: center;
}
.company-box2 .box2-main .box2-vright .box2-vright-cont {
  width: 100%;
  height: auto;
}

.company-box3 {
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.company-box3 .company-box3-bg {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.company-box3 .box3-main {
  width: 100%;
  padding: 1.1rem 0;
}
.company-box3 .box3-main .box3-cont {
  width: 100%;
  max-width: 700px;
  color: #FFFFFF;
  line-height: 2.2;
}
.company-box3 .box3-main .vdesc {
  color: #FFFFFF;
  line-height: 2.2;
}
.company-box3 .box3-main .vpic {
  width: 100px;
  margin-top: 0.55rem;
}
.company-box3 .box3-main .vpic .img {
  width: 100%;
  box-sizing: border-box;
  display: block;
}

@media only screen and (min-width: 768px) {
  .news-page .news-vmain .news-vitem:hover {
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
  }
  .news-page .news-vmain .news-vitem:hover .news-cont {
    border-left: 1px solid #008CD6;
    border-right: 1px solid #008CD6;
    border-bottom: 1px solid #008CD6;
  }

  .purchase-vlist .purchase-vlist-main .purchase-vitem:hover {
    border: 1px solid #008CD6;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
  }
  .purchase-vlist .purchase-vlist-main .purchase-vitem:hover .tool-box .morebtn {
    background: #00468E;
  }
  .purchase-vlist .purchase-vlist-main .purchase-vitem:hover .tool-box .morebtn .more-icon .icon {
    filter: drop-shadow(19px 0 #FFFFFF);
    -webkit-backdrop-filter: drop-shadow(19px 0 #FFFFFF);
    -webkit-filter: drop-shadow(19px 0 #FFFFFF);
  }

  .announcement-main .announcement-vleft .announcement-vlist .announcement-vitem:hover {
    background-color: #F4F7F9;
  }
  .announcement-main .announcement-vleft .announcement-vlist .announcement-vitem:hover .vitem-time {
    background-color: #F4F7F9;
    border: 1px solid #F4F7F9;
  }
  .announcement-main .announcement-vleft .announcement-vlist .announcement-vitem:hover .vitem-time::after {
    opacity: 1;
  }
  .announcement-main .announcement-vleft .announcement-vlist .announcement-vitem:hover .vitem-next .icon-box .icon-v1 {
    opacity: 0;
  }
  .announcement-main .announcement-vleft .announcement-vlist .announcement-vitem:hover .vitem-next .icon-box .icon-v2 {
    opacity: 1;
  }
}
.footer-custom {
  width: 100%;
  box-sizing: border-box;
  background-color: #F0F0F0;
  transition: all 0.4s;
}
.footer-custom .footer-vt {
  width: 100%;
  padding: 0.8rem 0 0.4rem;
  transition: all 0.4s;
}
.footer-custom .footer-vt .footer-vt-main {
  width: 100%;
  display: flex;
  transition: all 0.4s;
}
.footer-custom .footer-vt .footer-vt-main .vt-vleft {
  flex: 1;
  display: flex;
}
.footer-custom .footer-vt .footer-vt-main .footer-logo-box {
  display: inline-block;
  width: auto;
  height: auto;
}
.footer-custom .footer-vt .footer-vt-main .footer-logo {
  width: 179px;
  height: auto;
  flex-shrink: 0;
  margin-right: 1.7rem;
  transition: all 0.4s;
}
.footer-custom .footer-vt .footer-vt-main .footer-logo .logo {
  width: 100%;
  height: auto;
  display: block;
}
.footer-custom .footer-vt .footer-vt-main .footer-ul-list {
  transition: all 0.4s;
}
.footer-custom .footer-vt .footer-vt-main .footer-ul-list .ul-list {
  display: inline-block;
  /* 将列表分成两列 */
  column-count: 2;
  /* 设置列之间的间距 */
  column-gap: 1rem;
  margin-right: 1rem;
  transition: all 0.4s;
}
.footer-custom .footer-vt .footer-vt-main .footer-ul-list .ul-list .li-item {
  display: block;
  font-size: var(--fz16);
  color: #000000;
  line-height: 1.4;
  transition: all 0.4s;
}
.footer-custom .footer-vt .footer-vt-main .footer-ul-list .ul-list .li-item:not(:last-child) {
  margin-bottom: 0.4rem;
}
.footer-custom .footer-vt .footer-vt-main .footer-info .info-t {
  color: #00468E;
  line-height: 1;
  font-weight: 550;
}
.footer-custom .footer-vt .footer-vt-main .footer-info .info-d {
  line-height: 2.4;
  color: #454545;
  margin-top: 0.15rem;
}
.footer-custom .footer-vt .footer-vt-main .footer-info .info-d .c {
  color: #00468E;
}
.footer-custom .footer-vt .footer-vt-main .footer-code-list {
  flex-shrink: 0;
  width: auto;
  width: 234px;
  height: auto;
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  flex-wrap: wrap;
  transition: all 0.4s;
}
.footer-custom .footer-vt .footer-vt-main .footer-code-list .code-item {
  width: 48%;
  margin-bottom: 0.2rem;
}
.footer-custom .footer-vt .footer-vt-main .footer-code-list .code-item:nth-child(2n) {
  margin-left: 4%;
}
.footer-custom .footer-vt .footer-vt-main .footer-code-list .code-item .pic-box {
  padding-top: calc(1000 / 1000 * 100%);
}
.footer-custom .footer-vt .footer-vt-main .footer-code-list .code-item .tx {
  text-align: center;
  color: #454545;
  line-height: 1.6;
  margin-top: 6px;
}
.footer-custom .footer-vb {
  width: 100%;
  border-top: 1px solid #DCDCDC;
  padding: 0.2rem 0;
  box-sizing: border-box;
  transition: all 0.4s;
}
.footer-custom .footer-vb .footer-copyright {
  color: #919191;
  line-height: 1.6;
}
.footer-custom .footer-vb .footer-vb-main {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer-custom .footer-vb .footer-firend {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  transition: all 0.4s;
  margin-left: 0.5rem;
}
.footer-custom .footer-vb .footer-firend .firend-list {
  width: 100%;
  height: auto;
  max-height: 300px;
  position: absolute;
  bottom: 100%;
  left: 0;
  z-index: 2;
  background: #f7f5f5;
  overflow-y: auto;
  display: none;
  border-top: 1px solid #DCDCDC;
  border-left: 1px solid #DCDCDC;
  border-right: 1px solid #DCDCDC;
}
.footer-custom .footer-vb .footer-firend .firend-list::-webkit-scrollbar {
  width: 2px;
}
.footer-custom .footer-vb .footer-firend .firend-list::-webkit-scrollbar-track {
  background-color: #DCDCDC;
}
.footer-custom .footer-vb .footer-firend .firend-list::-webkit-scrollbar-thumb {
  background-color: rgba(247, 245, 245, 0.05);
  border-radius: 5px;
}
.footer-custom .footer-vb .footer-firend .firend-list::-webkit-scrollbar-thumb:hover {
  background-color: rgba(247, 245, 245, 0.05);
}
.footer-custom .footer-vb .footer-firend .firend-list .firend-li {
  width: 100%;
  line-height: 1.7;
  padding: 12px 20px;
  border-bottom: 1px solid rgba(220, 220, 220, 0.5);
  color: #919191;
  transition: all 0.4s;
}
.footer-custom .footer-vb .footer-firend .firend-list .firend-li:hover {
  color: #333333;
}
.footer-custom .footer-vb .footer-firend .firend-list .firend-li:last-child {
  border-bottom: none;
}
.footer-custom .footer-vb .footer-firend .firend-box {
  width: 320px;
  height: 40px;
  line-height: 1;
  border: 1px solid #DCDCDC;
  color: #919191;
  padding: 0 40px 0 20px;
  display: flex;
  align-items: center;
  position: relative;
}
.footer-custom .footer-vb .footer-firend .firend-box.on:after {
  transform: translateY(-50%) rotate(180deg);
  margin-top: -3px;
}
.footer-custom .footer-vb .footer-firend .firend-box:after {
  content: "";
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: #C2C2C2;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%) rotate(0);
  margin-top: 3px;
  transition: all 0.4s;
}

.banner-custom {
  width: 100%;
  padding-top: calc(636 / 1920 * 100%);
  position: relative;
  transition: all 0.4s;
}
.banner-custom .banner-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transition: all 0.4s;
}
.banner-custom .banner-vabs {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: all 0.4s;
}
.banner-custom .banner-vabs .banner-vcon {
  height: 100%;
  display: flex;
  align-items: center;
}
.banner-custom .banner-vabs .banner-box {
  width: 100%;
  line-height: 1;
  color: #FFFFFF;
  font-weight: 550;
  transform: translateY(-0.2rem);
}
.banner-custom .banner-vabs .banner-box .b-t1 {
  position: relative;
}
.banner-custom .banner-vabs .banner-box .b-t1 .bt {
  font-size: 1rem;
  opacity: 0.15;
  position: relative;
  transform: translateX(-0.35rem);
  transition: all 0.4s;
}
.banner-custom .banner-vabs .banner-box .b-t2 {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: -0.13rem;
}
.banner-custom .banner-vabs .banner-box .b-t2 .span-t {
  position: relative;
  transition: all 0.4s;
}
.banner-custom .banner-vabs .banner-box .b-t2 .span-t::after {
  content: "";
  width: 10px;
  height: 10px;
  background: #00468E;
  border-radius: 50%;
  position: absolute;
  bottom: 5px;
  right: -30px;
  z-index: 2;
}

.navigation-mobile {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 30;
  margin-bottom: -0.2rem;
  display: none;
}
.navigation-mobile.showbottom {
  margin-bottom: 0;
  padding-bottom: 0.5rem;
}
.navigation-mobile.showbottom_v2 {
  margin-bottom: -0.5rem;
}
.navigation-mobile .navigation-select {
  width: 100%;
}
.navigation-mobile .vtool-select .dl-clsss .word {
  background: #FFFFFF;
  border-bottom: 1px solid #F2F3F5;
  height: 58px;
  line-height: 58px;
}

.navigation-custom {
  width: 100%;
  height: 0;
  box-sizing: border-box;
  position: relative;
  z-index: 5;
  transition: all 0.4s;
}
.navigation-custom .navigation-vbox {
  width: 100%;
  transform: translateY(-100%);
}
.navigation-custom .navigation-box {
  width: 100%;
  height: var(--navigationh);
  background: linear-gradient(-90deg, #008CD6, #6FBA2C);
  border-radius: 20px 20px 0px 0px;
  padding: 0 0.5rem;
  display: flex;
  align-items: center;
  transition: all 0.4s;
}
.navigation-custom .navigation-box .navigation-vitem {
  display: inline-flex;
  align-items: center;
  height: 100%;
  color: #FEFEFF;
}
.navigation-custom .navigation-box .navigation-vitem.on .vspan::after {
  opacity: 1;
}
.navigation-custom .navigation-box .navigation-vitem:not(:last-child) {
  margin-right: 0.5rem;
}
.navigation-custom .navigation-box .navigation-vitem .vspan {
  position: relative;
}
.navigation-custom .navigation-box .navigation-vitem .vspan::after {
  content: "";
  width: 5px;
  height: 5px;
  background: #FFFFFF;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
  transition: all 0.4s;
  opacity: 0;
  z-index: 1;
}

.index-pagination {
  width: 150px;
  position: absolute;
  z-index: 10;
  left: 0.5rem;
  top: 50%;
  right: auto;
  transform: translateY(-50%);
}
.index-pagination.blue-bullet .swiper-pagination-bullet .pagination-line {
  background-color: #DCDCDC;
}
.index-pagination.blue-bullet .swiper-pagination-bullet .pagination-showt {
  color: #00468E;
}
.index-pagination.blue-bullet .swiper-pagination-bullet .pagination-round::after {
  background: #AAAAAA;
}
.index-pagination.blue-bullet .swiper-pagination-bullet.swiper-pagination-bullet-active .pagination-round {
  border-color: #00468E;
}
.index-pagination.blue-bullet .swiper-pagination-bullet.swiper-pagination-bullet-active .pagination-round::after {
  background: #00468E;
}
.index-pagination .swiper-pagination-bullet {
  margin: 0 !important;
  padding: 0;
  display: flex !important;
  align-items: center;
}
.index-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .pagination-round {
  border-color: #FFFFFF;
}
.index-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .pagination-showt {
  opacity: 1;
}
.index-pagination .swiper-pagination-bullet:first-child .pagination-line.vv1 {
  opacity: 0;
}
.index-pagination .swiper-pagination-bullet:last-child .pagination-line.vv2 {
  opacity: 0;
}
.index-pagination .pagination-showt {
  font-size: var(--fz14);
  color: #FFFFFF;
  margin-left: 10px;
  opacity: 0;
  line-height: 1;
}
.index-pagination .pagination-vbox {
  width: 28px;
}
.index-pagination .pagination-line {
  width: 2px;
  height: 32px;
  background-color: rgba(255, 255, 255, 0.5);
  margin: 0 auto;
}
.index-pagination .pagination-line.vv1 {
  margin-bottom: -12px;
}
.index-pagination .pagination-line.vv2 {
  margin-top: -12px;
}
.index-pagination .pagination-round {
  width: 28px;
  height: 28px;
  margin: 0 auto;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 50%;
  position: relative;
}
.index-pagination .pagination-round::after {
  content: "";
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.index-swiper {
  width: 100%;
  box-sizing: border-box;
  height: calc(100vh / var(--zoom));
  position: relative;
}
.index-swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.index-swiper .index-slide {
  background-color: #FFFFFF;
  width: 100%;
  min-height: 100%;
  height: auto;
  display: inline-block !important;
}
.index-swiper .index-slide.slide-v2 {
  height: auto !important;
  min-height: auto;
}

@keyframes slideUpDown {
  0% {
    transform: translateY(-10px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}
.banner-page {
  width: 100%;
  height: 100%;
  position: relative;
}
.banner-page .banner-abs {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  pointer-events: none;
}
.banner-page .banner-abs .image-box {
  width: 100%;
  padding-top: calc(369 / 1920 * 100%);
  background-image: url("/phone/images/b_t.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.banner-page .banner-shubiao {
  position: absolute;
  left: 50%;
  bottom: 0.6rem;
  z-index: 3;
  pointer-events: none;
}
.banner-page .banner-shubiao .shubiao-icon {
  width: 22px;
  height: auto;
  display: block;
  transform: translateY(-10px);
  animation: slideUpDown 3s infinite ease;
}
.banner-page .banner-swiper {
  width: 100%;
  height: 100%;
}
.banner-page .banner-swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.banner-page .swiper-slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.banner-page .swiper-slide.swiper-slide-active .banner-cont .banner-t1 {
  opacity: 1;
  transform: translateY(0);
}
.banner-page .swiper-slide.swiper-slide-active .banner-cont .banner-t2 {
  opacity: 1;
  transform: translateY(0);
}
.banner-page .slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.banner-page .banner-item {
  width: 100%;
  height: 100%;
  cursor: default;
  transition: all 0.4s;
  position: relative;
}
.banner-page .banner-item .bvideo {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  transition: all 0.4s;
  object-fit: cover;
  pointer-events: none;
}
.banner-page .banner-item .video_mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.25);
}
.banner-page .banner-item .video_c {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transform: translate3d(0, 0, 0);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.banner-page .banner-item .img {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.4s;
  opacity: 1;
  visibility: visible;
}
.banner-page .banner-item .img.mobile-img {
  opacity: 0;
  visibility: hidden;
}
.banner-page .banner-item .banner-cont {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.banner-page .banner-item .banner-cont.cont_video {
  display: none;
}
.banner-page .banner-item .banner-cont .banner-t1 {
  color: #FFFFFF;
  font-weight: 550;
  line-height: 1.3;
  transition: all 1.5s;
  opacity: 0;
  transform: translateY(20px);
}
.banner-page .banner-item .banner-cont .banner-t2 {
  color: rgba(255, 255, 255, 0.7);
  margin-top: 0.05rem;
  transition: all 1.5s 0.2s;
  opacity: 0;
  transform: translateY(20px);
}

.about-page {
  width: 100%;
  height: 100%;
  background-image: url("/phone/images/ibg2.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
}
.about-page .about-vpic {
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  transition: all 0.4s;
  display: flex;
  align-items: flex-end;
}
.about-page .about-vpic .img {
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.4s;
}
.about-page .about-main {
  width: 50%;
}
.about-page .about-main .about-desc {
  color: #454545;
  line-height: 1.8;
  margin-top: 0.4rem;
}

.maps-page {
  width: 100%;
  height: 100%;
  background-image: url("/phone/images/ibg3.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
.maps-page .maps-container {
  width: 100%;
  height: auto;
  padding: 0 calc((100% - 1400px) / 2) 0 calc((100% - 1660px) / 2);
  box-sizing: border-box;
  display: flex;
}
.maps-page .maps-container .maps-vmian {
  width: 59%;
  flex-shrink: 0;
  position: relative;
}
.maps-page .maps-container .maps-vmian .maps-vmian-cont {
  flex-shrink: 0;
  position: relative;
  width: 100%;
}
.maps-page .maps-container .maps-vmian .vimg {
  width: 100%;
  height: auto;
  display: block;
}
.maps-page .maps-container .maps-vmian .v-logo {
  width: 90px;
  height: 90px;
  background-color: #72BEE8;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  border-radius: 50%;
}
.maps-page .maps-container .maps-vmian .v-logo::after {
  content: "";
  width: 0;
  height: 0;
  border: 9px solid transparent;
  border-top-width: 17px;
  border-top-color: #72BEE8;
  position: absolute;
  top: -2px;
  left: -6px;
  transform: rotateZ(128deg);
}
.maps-page .maps-container .maps-vmian .v-logo .v-logo-child {
  width: 78px;
  height: 78px;
  background: #FFFFFF;
  border-radius: 50%;
  position: relative;
  z-index: 2;
}
.maps-page .maps-container .maps-vmian .v-logo .v-logo-child .vlogo {
  width: 90%;
  height: 90%;
  background-color: #FFFFFF;
  border-radius: 50%;
  display: flex;
  position: relative;
  z-index: 5;
}
.maps-page .maps-container .maps-vmian .v-logo .v-logo-child::after {
  content: "";
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top-width: 14px;
  border-top-color: #FFFFFF;
  position: absolute;
  top: 0px;
  left: -3px;
  transform: rotateZ(128deg);
  z-index: 4;
}
.maps-page .maps-container .maps-vmian .vdian {
  display: flex;
  position: absolute;
  cursor: pointer;
}
.maps-page .maps-container .maps-vmian .vdian:hover .v-r::after {
  background-color: #00468e;
}
.maps-page .maps-container .maps-vmian .vdian:hover .v-t {
  color: #00468e;
}
.maps-page .maps-container .maps-vmian .vdian .v-t {
  font-size: var(--fz14);
  line-height: 1;
  font-weight: 550;
  color: #00468E;
  text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
}
.maps-page .maps-container .maps-vmian .vdian .v-r {
  width: 16px;
  height: 16px;
  background: #FFFFFF;
  box-shadow: 0px 0px 15px 0px rgba(0, 70, 142, 0.35);
  border-radius: 50%;
  position: relative;
  margin-right: 8px;
}
.maps-page .maps-container .maps-vmian .vdian .v-r::after {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #008CD6;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s;
}
.maps-page .maps-container .maps-vright {
  flex: 1;
  margin-left: 0.8rem;
}

.service-page {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
}
.service-page .service-vmain {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.service-page .service-vmain .service-ivt {
  width: 100%;
  height: auto;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  padding: 2rem 0.8rem 0.5rem calc(((100vw / var(--zoom)) - 1400px) / 2);
}
.service-page .service-vmain .service-ivt .v-en {
  color: #FFFFFF;
  opacity: 0.15;
}
.service-page .service-vmain .service-ivt .v-cn {
  color: #FFFFFF;
}
.service-page .service-vmain .service-vbox {
  width: 100%;
  flex: 1;
  padding: 0.8rem 0.8rem 0.8rem calc(((100vw / var(--zoom)) - 1400px) / 2);
  display: flex;
  align-items: flex-end;
}
.service-page .service-vmain .service-vbox .service-vcont {
  width: 100%;
  height: auto;
  max-width: 700px;
}
.service-page .service-vmain .service-vbox .service-vcont .service-swiper {
  width: 100%;
}
.service-page .service-vmain .service-vbox .service-vcont .service-swiper .swiper-wrapper {
  width: 100%;
}
.service-page .service-vmain .service-vbox .service-vcont .service-swiper .swiper-slide {
  width: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}
.service-page .service-vmain .service-vbox .service-vcont .service-swiper .swiper-slide.swiper-slide-active {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
.service-page .service-vmain .service-vbox .service-vcont .service-vitem {
  width: 100%;
  color: #FFFFFF;
}
.service-page .service-vmain .service-vbox .service-vcont .service-vitem .t1 {
  line-height: 1;
  font-weight: 550;
}
.service-page .service-vmain .service-vbox .service-vcont .service-vitem .t2 {
  line-height: 1.8;
  margin-top: 0.25rem;
  min-height: 106px;
}
.service-page .service-vmain .service-vbox .service-vcont .service-vitem .s-btn {
  margin-top: 0.3rem;
  background: #008CD6;
  color: #FFFFFF;
}
.service-page .service-vtool {
  width: 300px;
  height: 100%;
  flex-shrink: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.25);
  display: flex;
  flex-direction: column;
  padding-top: var(--navheight);
  box-sizing: border-box;
}
.service-page .service-vtool .vtool-item {
  width: 100%;
  flex: 1;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.service-page .service-vtool .vtool-item:not(:first-child) {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.service-page .service-vtool .vtool-item.on .vtool-abs {
  width: calc(100% + 80px);
  background-color: rgba(0, 70, 142, 0.95);
  border-radius: 200px 0px 0px 200px;
  height: calc(100% + 4px);
}
.service-page .service-vtool .vtool-item .vtool-abs {
  width: 100%;
  height: 100%;
  color: #FFFFFF;
  line-height: 1;
  padding-left: 0.5rem;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  transition: all 0.4s;
}
.service-page .service-vtool .vtool-item .icon {
  width: 50px;
  height: auto;
  display: block;
  margin-right: 0.2rem;
}

.news-page {
  width: 100%;
  height: 100%;
  background-image: url("/phone/images/ibg5.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 0.5rem 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.news-page .news-vmain {
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin-top: 0.5rem;
}
.news-page .news-vmain .vmain-main {
  flex: 1;
  overflow: hidden;
}
.news-page .news-vmain .news-swiper {
  width: 100%;
}
.news-page .news-vmain .news-swiper .swiper-slide {
  width: 31%;
  padding-bottom: 10px;
}
.news-page .news-vmain .news-vitem {
  width: 100%;
  height: auto;
  transition: all 0.4s;
  overflow: hidden;
  border-radius: 6px;
  background-color: #FFFFFF;
}
.news-page .news-vmain .news-vitem .news-pic {
  width: 100%;
}
.news-page .news-vmain .news-vitem .news-pic .pic-box {
  padding-top: calc(215 / 430 * 100%);
  border-radius: 6px 6px 0 0;
}
.news-page .news-vmain .news-vitem .news-cont {
  width: 100%;
  box-sizing: border-box;
  border-radius: 0 0 6px 6px;
  padding: 0.26rem 0.3rem;
  border-left: 1px solid #DCDCDC;
  border-right: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  transition: all 0.4s;
}
.news-page .news-vmain .news-vitem .title {
  width: 100%;
  color: #343333;
  line-height: 1.4;
  height: 58px;
}
.news-page .news-vmain .news-vitem .more {
  display: flex;
  align-items: center;
  color: #008CD6;
  line-height: 1;
  margin-top: 0.3rem;
}
.news-page .news-vmain .news-vitem .more .icon {
  width: 7px;
  height: auto;
  display: block;
  margin-left: 6px;
}
.news-page .news-vtbox {
  display: flex;
  align-items: center;
  flex: 1;
}
.news-page .news-vtbox .vtbox-main {
  flex: 1;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.news-page .news-vtbox .vtbox-main .open-all {
  flex-shrink: 0;
}
.news-page .news-vtbox .vtbox-main .open-all .m-t {
  text-decoration: underline;
  color: #00468E;
  margin-right: 0.2rem;
}
.news-page .news-vtbox .vtbox-main .open-all .open-btn {
  width: 50px;
  height: 50px;
  background: #00468E;
  border-radius: 50%;
}
.news-page .news-vtbox .vtbox-main .open-all .v-icon {
  width: 19px;
  height: auto;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.news-page .news-vtbox .vtbox-main .open-all .v-icon .icon {
  width: 19px;
  height: auto;
  display: block;
  transform: translateX(-19px);
  filter: drop-shadow(19px 0 #FFFFFF);
  -webkit-backdrop-filter: drop-shadow(19px 0 #FFFFFF);
  -webkit-filter: drop-shadow(19px 0 #FFFFFF);
}
.news-page .news-vtool {
  width: 78px;
  height: auto;
  flex-shrink: 0;
  position: relative;
}
.news-page .news-vtool.v2 {
  padding-top: calc(60 / 430 * 100%);
}
.news-page .news-vtool .vtool-main {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}
.news-page .news-vtool .vtool-main.vtool-mv2 {
  justify-content: flex-end;
}
.news-page .news-vtool .vtool-main .news-button-prev,
.news-page .news-vtool .vtool-main .news-button-next {
  position: static;
  color: #1D1D1D;
  display: block !important;
}
.news-page .news-vtool .vtool-main .news-button-prev::after,
.news-page .news-vtool .vtool-main .news-button-next::after {
  font-size: 40px;
}

.charitable-page {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0.5rem 0;
  box-sizing: border-box;
}
.charitable-page .container {
  pointer-events: none !important;
}
.charitable-page .charitable-dian {
  width: 1.3rem;
  box-sizing: border-box;
  height: 100%;
  background-image: url("/phone/images/round.png");
  background-position: center center;
  background-repeat: repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.charitable-page .charitable-round {
  width: 180px;
  height: 180px;
  background: #FFFFFF;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  opacity: 0;
}
.charitable-page .charitable-round:hover .r-child {
  border: 1px solid #008CD6;
  background-color: #008CD6;
}
.charitable-page .charitable-round:hover .charitable-more .line::after, .charitable-page .charitable-round:hover .charitable-more .line::before {
  background-color: #FFFFFF;
}
.charitable-page .charitable-round:hover .charitable-more .t {
  color: #FFFFFF;
}
.charitable-page .charitable-round .r-child {
  width: 150px;
  height: 150px;
  border: 1px dashed #008CD6;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  z-index: 1;
  animation: rotate 10s linear infinite;
}
.charitable-page .charitable-round .charitable-more {
  transform: translateY(20px);
  position: relative;
  z-index: 5;
}
.charitable-page .charitable-round .charitable-more .line {
  width: 27px;
  height: 27px;
  position: relative;
  margin: 0 auto;
}
.charitable-page .charitable-round .charitable-more .line::after, .charitable-page .charitable-round .charitable-more .line::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #008CD6;
  transition: all 0.4s;
}
.charitable-page .charitable-round .charitable-more .line::after {
  width: 27px;
  height: 1px;
}
.charitable-page .charitable-round .charitable-more .line::before {
  height: 27px;
  width: 1px;
}
.charitable-page .charitable-round .charitable-more .t {
  color: #008CD6;
  text-align: center;
  margin-top: 0.2rem;
}
.charitable-page .charitable-vpic {
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  transition: all 0.4s;
}
.charitable-page .charitable-vpic .img {
  width: 100%;
  height: 100%;
  display: block;
  transition: all 0.4s;
}
.charitable-page .charitable-vmain {
  width: 50%;
  padding-right: 120px;
  box-sizing: border-box;
  pointer-events: visible;
}
.charitable-page .charitable-vmain .charitable-vd {
  width: 100%;
  max-width: 500px;
  color: #454545;
  line-height: 1.8;
  margin-top: 0.4rem;
}

.index-vt {
  width: 100%;
  line-height: 1;
  font-weight: 550;
}
.index-vt .v-en {
  color: #E9EAEA;
  transform: translateX(-0.3rem);
}
.index-vt .v-cn {
  color: #1D1D1D;
  position: relative;
  z-index: 2;
  margin-top: -0.4rem;
}
.index-vt .v-cn span {
  position: relative;
}
.index-vt .v-cn span::after {
  content: "";
  width: 10px;
  height: 10px;
  background: #00468E;
  border-radius: 50%;
  position: absolute;
  right: -30px;
  bottom: 6px;
}

.index-map-temp {
  width: 100%;
}
.index-map-temp .maps-text {
  width: 100%;
  max-width: 450px;
  text-align: right;
  color: #1D1D1D;
  line-height: 1.2;
  font-weight: 550;
  margin: 0 0 0 auto;
  text-indent: 50px;
}
.index-map-temp .maps-text span {
  color: #00468E;
  font-size: var(--fz48);
  padding: 0 0.06rem;
}
.index-map-temp .maps-vcount {
  width: 100%;
  margin-top: 0.5rem;
  border-top: 1px solid rgba(148, 161, 161, 0.25);
}
.index-map-temp .maps-vcount .count-box {
  width: 100%;
  display: flex;
  align-items: center;
  padding-left: 1.5rem;
  box-sizing: border-box;
  margin-top: 0.3rem;
}
.index-map-temp .maps-vcount .count-box .count-pic {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.85);
  margin-right: 0.4rem;
  flex-shrink: 0;
}
.index-map-temp .maps-vcount .count-box .count-pic .icon {
  width: 100%;
  height: 100%;
  display: block;
}
.index-map-temp .maps-vcount .count-box .count-cont {
  color: #008CD6;
  font-weight: 550;
  line-height: 1;
}
.index-map-temp .maps-vcount .count-box .count-cont .ct1 {
  display: flex;
  align-items: flex-end;
  line-height: 1;
}
.index-map-temp .maps-vcount .count-box .count-cont .ct1 .cb1 {
  font-size: var(--fz72);
}
.index-map-temp .maps-vcount .count-box .count-cont .ct1 .cb2 {
  font-size: var(--fz60);
}
.index-map-temp .maps-vcount .count-box .count-cont .ct2 {
  margin-top: 0.05rem;
  font-size: var(--fz24);
}

.honor-temp {
  width: 100%;
}
.honor-temp .vlist-desc {
  width: 100%;
  line-height: 2;
  color: #5F5F5F;
}
.honor-temp .vlist-count {
  display: flex;
  flex-wrap: wrap;
}
.honor-temp .vlist-count .cbox {
  width: 33.33%;
  color: #454545;
  line-height: 1;
  margin-top: 0.3rem;
}
.honor-temp .vlist-count .cbox .count {
  color: #008CD6;
  font-weight: 550;
  display: flex;
  margin-bottom: 0.15rem;
  white-space: nowrap;
}

.index-about-vlist {
  width: 100%;
  margin-top: 0.35rem;
}
.index-about-vlist .vtt {
  color: #00468E;
  font-weight: 550;
  line-height: 1;
}
.index-about-vlist .vlist {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.index-about-vlist .vlist .vitem {
  width: 19%;
  margin-right: 1.25%;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.96), rgba(240, 245, 251, 0.96));
  border: 1px solid #FFFFFF;
  box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  margin-top: 0.2rem;
  overflow: hidden;
}
.index-about-vlist .vlist .vitem:nth-child(5n) {
  margin-right: 0;
}
.index-about-vlist .vlist .vitem .text {
  height: 50px;
  width: 100%;
  line-height: 1;
  color: #008CD6;
}
.index-about-vlist .vlist .vitem .pic-box {
  padding-top: calc(80 / 130 * 100%);
}

.about-box1-main {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
  border-bottom: 1px solid #E6E6E6;
}
.about-box1-main .box1-vleft {
  flex-shrink: 0;
  margin-right: 1.2rem;
}
.about-box1-main .box1-vleft .vt1 {
  color: #004EA2;
  line-height: 1.3;
  font-weight: 550;
}
.about-box1-main .box1-vleft .vt-count {
  color: #454545;
  padding-top: 0.2rem;
}
.about-box1-main .box1-vleft .vt-count .vcount {
  margin-top: 0.25rem;
  line-height: 1.5;
  display: flex;
  align-items: flex-end;
}
.about-box1-main .box1-vleft .vt-count .vcount .vcc {
  color: #DCDCDC;
  display: inline-block;
  margin-right: 10px;
  line-height: 0.5;
  border-radius: 50%;
}
.about-box1-main .box1-vleft .vt-count .vcount .vbig {
  display: inline-block;
  line-height: 1;
  color: #008CD6;
  font-size: var(--fz48);
  font-weight: 550;
}
.about-box1-main .box1-vright {
  flex: 1;
  max-width: 840px;
  color: #454545;
  line-height: 2.4;
}

.about-box2-main {
  width: 100%;
}
.about-box2-main .box2-vcount {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  padding-bottom: 0.3rem;
}
.about-box2-main .box2-vcount .vcount-box {
  display: flex;
  width: 33.33%;
  margin-bottom: 0.3rem;
}
.about-box2-main .box2-vcount .vcount-box:nth-child(3n+1) {
  justify-content: flex-start;
}
.about-box2-main .box2-vcount .vcount-box:nth-child(3n+2) {
  justify-content: center;
}
.about-box2-main .box2-vcount .vcount-box:nth-child(3n) {
  justify-content: flex-end;
}
.about-box2-main .box2-vcount .vcount-box .vcount-main {
  max-width: 100%;
}
.about-box2-main .box2-vcount .vcount-box .vcount-main .count {
  color: #008CD6;
  font-weight: 550;
  line-height: 1;
  white-space: nowrap;
}
.about-box2-main .box2-vcount .vcount-box .vcount-main .count div {
  display: inline-block;
}
.about-box2-main .box2-vcount .vcount-box .vcount-main .count .vc {
  display: inline-flex;
  align-items: flex-start;
}
.about-box2-main .box2-vcount .vcount-box .vcount-main .t {
  color: #454545;
  margin-top: 0.08rem;
  max-width: 100%;
  line-height: 1.6;
}
.about-box2-main .vdesc {
  color: #454545;
  line-height: 2.2;
}
.about-box2-main .vpic {
  width: 100px;
  margin-top: 0.55rem;
}
.about-box2-main .vpic .img {
  width: 100%;
  box-sizing: border-box;
  display: block;
}

.pagination-box {
  margin-top: 0.4rem;
}
.pagination-box .page-box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination-box .page-box .btn {
  width: 50px;
  height: 50px;
  line-height: 1;
  border-radius: 50%;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #343333;
  font-size: var(--fz18);
  transition: all 0.4s;
}
.pagination-box .page-box .btn:not(:first-child) {
  margin-left: 4px;
}
.pagination-box .page-box .btn.on, .pagination-box .page-box .btn:hover {
  background: #004EA2;
  color: #FFFFFF;
}
.pagination-box .page-box .btn.on::after, .pagination-box .page-box .btn:hover::after {
  filter: brightness(0) invert(1);
}
.pagination-box .page-box .btn.null {
  position: relative;
}
.pagination-box .page-box .btn.null span {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.pagination-box .page-box .btn.null.prev {
  transform: rotate(180deg);
}
.pagination-box .page-box .btn.null::after {
  content: "";
  width: 19px;
  height: 13px;
  background-image: url("/phone/images/left.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  transition: all 0.4s;
}
.pagination-box .page-box .select {
  display: none !important;
}
.pagination-box .page-box .f-right {
  display: none !important;
}

.showimg-props {
  width: 100%;
  height: calc(100vh / var(--zoom));
  position: fixed;
  top: 0;
  left: 0;
  z-index: -10;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}
.showimg-props.on {
  opacity: 1;
  visibility: visible;
  z-index: 200;
}
.showimg-props .showimg-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.showimg-props .close-button {
  position: relative;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 10;
}
.showimg-props .close-button:before,
.showimg-props .close-button:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  height: 2px;
  background-color: #FFFFFF;
  transform: translate(-50%, -50%) rotate(45deg);
}
.showimg-props .close-button:before {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.showimg-props .showimg-main {
  position: relative;
  z-index: 2;
  width: 80%;
  max-width: 700px;
}
.showimg-props .showimg-main .showimg-img {
  width: 100%;
  height: auto;
  display: block;
}

.search-t-box {
  width: 100%;
  line-height: 1;
  color: #262626;
  font-weight: 550;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 0;
}
.search-t-box .b-t1 {
  position: relative;
}
.search-t-box .b-t1 .bt {
  font-size: 1rem;
  opacity: 0.15;
  position: relative;
  transform: translateX(-0.35rem);
  transition: all 0.4s;
}
.search-t-box .b-t2 {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: -0.13rem;
}
.search-t-box .b-t2 .span-t {
  position: relative;
  transition: all 0.4s;
}
.search-t-box .b-t2 .span-t::after {
  content: "";
  width: 10px;
  height: 10px;
  background: #00468E;
  border-radius: 50%;
  position: absolute;
  bottom: 5px;
  right: -30px;
  z-index: 2;
}

.nodata {
  width: 100%;
  padding: 0.55rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #262626;
  border-top: 1px solid #E6E6E6;
  margin-top: 0.55rem;
}