.rel {
  position: relative;
}
.abs {
  position: absolute;
}
.fixed {
  position: fixed;
}
.light {
  font-family: "light";
}
.flex {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}
.flex-wrap {
  flex-flow: wrap;
}
.flex-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inline-block {
  display: inline-block;
}
.block {
  display: block;
}
.hide {
  display: none;
}
.bold {
  font-weight: 700;
}
.txt-center {
  text-align: center;
}
.txt-left {
  text-align: left;
}
.txt-right {
  text-align: right;
}
.before {
  opacity: 0;
  visibility: hidden;
}
.after {
  opacity: 1;
  visibility: visible;
}
.font {
  font-family: Arial;
}
.txt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.upper {
  text-transform: uppercase;
}
.middle {
  vertical-align: middle;
}
.background {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.mbackground {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.hidden-xs {
  display: block;
}
.hidden-pc {
  display: none;
}
.box-container {
  width: 14.4rem;
  margin: 0 auto;
}
.w1200 {
  width: 1200px;
  margin: 0 auto;
}
.box-container-fluid {
  width: 100%;
  margin: 0 auto;
}
.medium-box-container {
  width: 80%;
  margin: 0 auto;
}
body {
  font-size: 16px;
  overflow-x: hidden;
}
.rl {
  writing-mode: tb-rl;
  writing-mode: vertical-lr;
}
@font-face {
  font-family: "light";
  src: url('../fonts/HARMONYOS_SANS_LIGHT.TTF');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "hb";
  src: url('../fonts/HARMONYOS_SANS_BOLD.TTF');
  font-weight: normal;
  font-style: normal;
}


.pic {
  font-size: 0;
  overflow: hidden;
  display: block;
  width: 100%;
}
.pic img {
  width: 100%;
  display: block;
  transition: transform 0.8s ease;
  -webkit-transition: transform 0.8s ease;
  -moz-transition: transform 0.8s ease;
  -ms-transition: transform 0.8s ease;
  -o-transition: transform 0.8s ease;
}
.pic img.phone {
  display: none;
}
:root {
  --fs14: 14px;
  --fs16: 16px;
  --fs18: 18px;
  --fs20: 20px;
  --fs22: 22px;
  --fs24: 24px;
  --fs28: 28px;
  --fs30: 30px;
  --fs36: 36px;
  --fs40: 40px;
  --fs48: 48px;
}
.links {
  font-size: 0;
}
.links a {
  position: relative;
  font-size: 14px;
  padding-right: 25px;
  margin-right: 25px;
  display: inline-block;
  vertical-align: top;
  line-height: 24px;
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}
.links a:hover {
  color: #0f2e76;
}
.links a:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 5px;
  z-index: 1;
  width: 2px;
  height: 13px;
  background: #818181;
}
.links a:last-child {
  margin-right: 0;
  padding-right: 0;
}
.links a:last-child:after {
  display: none;
}
.content {
  font-size: var(--fs16);
  color: #666;
  line-height: 0.3rem;
}
.content img,
.content input[type="image"] {
  /*max-width: 100%;*/
  width:100%;
  height: auto!important;
  display: block;
  margin: 0 auto;
}
.swiper-box {
  position: relative;
}
.header-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 30;
  width: 100%;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  background: url(../img/shadow.png) repeat-x left top;
  background-size: contain;
}
.header-wrapper.shadow {
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}
.header-wrapper.on,
.header-wrapper.active,
.header-wrapper.shadow {
  background: #fafafa;
}
.header-wrapper.on .logo-box img.init,
.header-wrapper.active .logo-box img.init,
.header-wrapper.shadow .logo-box img.init {
  display: none;
}
.header-wrapper.on .logo-box img.on,
.header-wrapper.active .logo-box img.on,
.header-wrapper.shadow .logo-box img.on {
  display: block;
}
.header-wrapper.on .pc-nav-box li.on > a,
.header-wrapper.active .pc-nav-box li.on > a,
.header-wrapper.shadow .pc-nav-box li.on > a {
  color: #0f2e76;
}
.header-wrapper.on .pc-nav-box li > a,
.header-wrapper.active .pc-nav-box li > a,
.header-wrapper.shadow .pc-nav-box li > a {
  color: #333;
}
.header-wrapper.on .search,
.header-wrapper.active .search,
.header-wrapper.shadow .search {
  background-image: url(../img/search2.png);
}
.header-wrapper.on .language .caption,
.header-wrapper.active .language .caption,
.header-wrapper.shadow .language .caption {
  color: #333;
}
.header-wrapper.on .language .caption i,
.header-wrapper.active .language .caption i,
.header-wrapper.shadow .language .caption i {
  background-image: url(../img/idown2.png);
}
.header-wrapper.on .nav-icon span,
.header-wrapper.active .nav-icon span,
.header-wrapper.shadow .nav-icon span {
  background-color: #333;
}
.header-wrapper .box {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
  height: 1.1rem;
  padding: 0 0.5rem 0 0.52rem;
}
.header-wrapper .logo-box {
  width: 1.97rem;
}
.header-wrapper .logo-box a {
  display: block;
}
.header-wrapper .logo-box img {
  width: 100%;
}
.header-wrapper .logo-box img.on {
  display: none;
}
.header-wrapper .other-box {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
}
.header-wrapper .search-box {
  position: relative;
  /* input placeholder  */
}
.header-wrapper .search-box .text {
  width: 100%;
  height: 0.46rem;
  font-size: var(--fs16);
  line-height: 0.46rem;
  padding: 0 0.6rem 0 0.2rem;
  background-color: transparent;
  color: #666;
  font-family: "light";
}
.header-wrapper .search-box ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #666;
  font-size: var(--fs16);
}
.header-wrapper .search-box :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #666;
  font-size: var(--fs16);
}
.header-wrapper .search-box ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #666;
  font-size: var(--fs16);
}
.header-wrapper .search-box :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #666;
  font-size: var(--fs16);
}
.header-wrapper .form {
  width: 4rem;
  background-color: #f8f8f8;
  position: absolute;
  right: -0.4rem;
  top: 100%;
  z-index: 10;
  padding: 0.1rem 0.2rem;
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
  display: none;
}
.header-wrapper .search,
.header-wrapper .submit {
  z-index: 10;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
  cursor: pointer;
}
.header-wrapper .search {
  position: relative;
  width: 15px;
  height: 1.1rem;
  background-image: url(../img/search.png);
}
.header-wrapper .submit {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 0.4rem;
  top: 50%;
  margin-top: -8px;
  z-index: 10;
  background-image: url(../img/search2.png);
}
.header-wrapper .language {
  position: relative;
  margin: 0 0.28rem 0 0.37rem;
}
.header-wrapper .language.on .caption:after {
  opacity: 1;
  visibility: visible;
}
.header-wrapper .language.on .list {
  opacity: 1;
  visibility: visible;
}
.header-wrapper .language.on .list a {
  display: block;
  animation: navInUp50 0.6s ease;
  animation-fill-mode: forwards;
}
.header-wrapper .language .caption {
  color: #fff;
  cursor: pointer;
  line-height: 0.5rem;
  font-family: "light";
  text-transform: uppercase;
  font-size: var(--fs20);
}
.header-wrapper .language .caption i {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.1rem;
  width: 14px;
  height: 8px;
  background-image: url(../img/idown.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.header-wrapper .list {
  position: absolute;
  left: 50%;
  top: 100%;
  z-index: 10;
  text-align: center;
  width: 1.2rem;
  margin-left: -0.6rem;
  padding: 0.16rem;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
}
.header-wrapper .list:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
}
.header-wrapper .list a {
  position: relative;
  z-index: 1;
  line-height: 0.3rem;
  margin-bottom: 0.1rem;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  display: none;
  font-family: "light";
  font-size: var(--fs18);
  opacity: 0;
  visibility: hidden;
}
.header-wrapper .list a:last-child {
  margin-bottom: 0;
}
.header-wrapper .list a:hover {
  color: #0f2e76;
}
.pc-nav-box {
  flex: 1;
  margin: 0 1.1rem;
  display: none;
}
.pc-nav-box ul {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.pc-nav-box ul li {
  position: relative;
}
.pc-nav-box ul li:hover .navs {
  display: block;
  animation: fadeIn 0.3s ease;
}
.pc-nav-box ul li > a {
  line-height: 1.1rem;
  color: #fff;
  font-size: var(--fs18);
  font-weight: 700;
}
.pc-nav-box ul a {
  display: block;
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}
.pc-nav-box .navs {
  display: none;
  position: absolute;
  left: 50%;
  margin-left: -1.2rem;
  top: 100%;
  z-index: 10;
  width: 2.4rem;
  background-color: #fff;
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
  padding: 0.15rem;
  text-align: center;
}
.pc-nav-box .navs a {
  color: #666;
  font-size: var(--fs16);
  line-height: 0.24rem;
  margin-bottom: 0.15rem;
}
.pc-nav-box .navs a:last-child {
  margin-bottom: 0;
}
.pc-nav-box .navs a:hover {
  color: #0f2e76;
}
.nav-icon {
  font-size: 0;
  width: 20px;
  height: 16px;
  position: relative;
  cursor: pointer;
}
.nav-icon.on span:nth-child(1) {
  transform: rotate(45deg);
  margin: 0;
  transition: margin 180ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms, -webkit-transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms;
}
.nav-icon.on span:nth-child(2) {
  opacity: 0;
}
.nav-icon.on span:nth-child(3) {
  transform: rotate(-45deg);
  margin: 0;
  transition: margin 180ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms, -webkit-transform 270ms cubic-bezier(0.215, 0.61, 0.355, 1) 180ms;
}
.nav-icon span {
  display: inline-block;
  width: 100%;
  height: 2px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 7px;
  z-index: 10;
  transform-origin: center center;
  transition: margin 140ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 230ms, transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
}
.nav-icon span:nth-child(1) {
  margin-top: -7px;
}
.nav-icon span:nth-child(2) {
  margin-top: 0;
}
.nav-icon span:nth-child(3) {
  margin-top: 7px;
}
.phone-nav {
  width: 100%;
  height: calc(100% - 1.1rem);
  position: fixed;
  right: 0;
  top: 1.1rem;
  background: #fafafa url(../img/navbg.jpg) no-repeat center center;
  background-size: 75%;
  z-index: 30;
  border-top: 1px solid rgba(51, 51, 51, 0.1);
  display: none;
}
.phone-nav ul {
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.phone-nav ul li {
  position: relative;
  display: none;
}
.phone-nav ul li.active .cat {
  color: #0f2e76;
  font-weight: 700;
}
.phone-nav ul li.active .cat:before {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.phone-nav ul li > a {
  position: relative;
  font-weight: 700;
  font-size: var(--fs16);
  line-height: 0.26rem;
  margin-bottom: 0.36rem;
}
.phone-nav ul li.on > a {
  font-weight: 700;
  color: #0f2e76;
}
.phone-nav ul li a {
  display: block;
}
.phone-nav ul li .navs a {
  font-size: var(--fs14);
  color: rgba(51, 51, 51, 0.5);
  padding-left: 0;
  line-height: 0.2rem;
  margin-bottom: 0.16rem;
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}
.phone-nav ul li .navs a:hover {
  color: #0f2e76;
}
.phone-nav ul li .navs a:last-child {
  margin-bottom: 0;
}
.footer-wrapper {
  background-color: #333;
}
.footer-wrapper .bottom {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
  padding: 0.36rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.footer-wrapper .copyright,
.footer-wrapper .copyright a {
  font-size: var(--fs14);
  color: rgba(255, 255, 255, 0.5);
}
.footer-wrapper .copyright {
  line-height: 24px;
  text-transform: uppercase;
}
.footer-wrapper .copyright a {
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}
.footer-wrapper .copyright a:hover {
  color: #fff;
}
.share {
  font-size: 0;
}
.share a {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.2rem;
}
.share a:hover .init {
  display: none;
}
.share a:hover .on {
  display: block;
}
.share a img {
  height: 0.2rem;
}
.share a:last-child {
  margin-right: 0;
}
.share .init {
  display: block;
}
.share .on {
  display: none;
}
.share span {
  display: inline-block;
  font-size: var(--fs16);
  margin-right: 0.14rem;
  vertical-align: middle;
  position: relative;
  top: -1px;
  line-height: 0.2rem;
}
.footer-nav-box {
  padding: 0.7rem 0;
}
.footer-nav-box ul {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.footer-nav-box li {
  max-width: 12.5%;
}
.footer-nav-box li > a {
  font-weight: 700;
  color: #fff;
  line-height: 0.36rem;
  font-size: var(--fs16);
  margin-bottom: 0.32rem;
}
.footer-nav-box a {
  display: block;
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}
.footer-nav-box .navs a {
  line-height: 0.2rem;
  font-size: var(--fs14);
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 0.18rem;
}
.footer-nav-box .navs a:last-child {
  margin-bottom: 0;
}
.footer-nav-box .navs a:hover {
  color: #fff;
}
.footer-nav-box .navs a:hover span {
  background-size: 100% 1px;
  background-position: 0 100%;
}
.footer-nav-box .navs span {
  background: url(../img/line.jpg) no-repeat;
  background-size: 0 1px;
  background-position: 100% 100%;
  transition: background-size 0.7s ease;
}
.index-banner-wrapper .swiper-pagination-bullet,
.page-banner-wrapper .swiper-pagination-bullet {
  width: 0.08rem;
  height: 0.08rem;
  background: rgba(255, 255, 255, 0.8);
  position: relative;
}
.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active,
.page-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
}
.index-banner-wrapper .swiper-pagination-bullet svg,
.page-banner-wrapper .swiper-pagination-bullet svg {
  width: 0.38rem;
  height: 0.38rem;
  position: absolute;
  top: 50%;
  margin-top: -0.19rem;
  left: 50%;
  margin-left: -0.19rem;
}
.index-banner-wrapper .swiper-pagination-bullet svg:nth-child(2),
.page-banner-wrapper .swiper-pagination-bullet svg:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.index-banner-wrapper .swiper-pagination-bullet,
.page-banner-wrapper .swiper-pagination-bullet {
  fill: none;
}
.index-banner-wrapper .circle-chart__circle,
.page-banner-wrapper .circle-chart__circle {
  stroke-linecap: square;
  fill: none;
}
.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__background,
.page-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__background {
  stroke: rgba(255, 255, 255, 0.2);
}
.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle,
.page-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle {
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: square;
  fill: none;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform-origin: center;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  -moz-transform-origin: center;
}
.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle,
.page-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle {
  animation: circle-chart-fill 3.8s linear reverse;
  -moz-animation: circle-chart-fill 3.8s linear reverse;
  -webkit-animation: circle-chart-fill 3.8s linear reverse;
  -ms-animation: circle-chart-fill 3.8s linear reverse;
}
.index-banner-wrapper .swiper-pagination-bullet.one.swiper-pagination-bullet-active .circle-chart__circle,
.page-banner-wrapper .swiper-pagination-bullet.one.swiper-pagination-bullet-active .circle-chart__circle {
  animation: circle-chart-fill 2.4s linear reverse;
  -moz-animation: circle-chart-fill 2.4s linear reverse;
  -webkit-animation: circle-chart-fill 2.4s linear reverse;
  -ms-animation: circle-chart-fill 2.4s linear reverse;
}
.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet,
.page-banner-wrapper .swiper-pagination .swiper-pagination-bullet {
  margin: 0 0.17rem;
  opacity: 1;
}
.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:focus,
.page-banner-wrapper .swiper-pagination .swiper-pagination-bullet:focus,
.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:active,
.page-banner-wrapper .swiper-pagination .swiper-pagination-bullet:active,
.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:link,
.page-banner-wrapper .swiper-pagination .swiper-pagination-bullet:link {
  outline: none;
}
.index-banner-wrapper .index-banner-swiper .swiper-slide-active .box-container {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}
.index-banner-wrapper .index-banner-swiper .video > img {
  display: none;
  width: 100%;
}
.index-banner-wrapper .index-banner-swiper .video video {
  display: block;
  width: 100%;
  height: 100vh;
  object-fit: cover;
  object-position: left top;
}
.index-banner-wrapper .index-banner-swiper .box-container {
  opacity: 0;
  visibility: hidden;
  transform: translateY(120px);
  -webkit-transform: translateY(120px);
  -moz-transform: translateY(120px);
  -ms-transform: translateY(120px);
  -o-transform: translateY(120px);
  transition: all 1.5s ease;
  -webkit-transition: all 1.5s ease;
  -moz-transition: all 1.5s ease;
  -ms-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition-delay: 0.4s;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.index-banner-wrapper .swiper-slide {
  overflow: hidden;
}
.index-banner-wrapper .swiper-slide.swiper-slide-active a > img {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.index-banner-wrapper .swiper-slide a {
  display: block;
}
.index-banner-wrapper .swiper-slide a > img {
  display: block;
  width: 100%;
  height: 100vh;
  object-fit: cover;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transition: transform 6s ease;
  -webkit-transition: transform 6s ease;
  -moz-transition: transform 6s ease;
  -ms-transition: transform 6s ease;
  -o-transition: transform 6s ease;
}
.index-banner-wrapper .swiper-slide a > img.phone {
  display: none;
}
.index-banner-wrapper .swiper-pagination {
  bottom: 0.64rem;
}
.swiper-btn {
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.search-form {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0.92rem;
  background: #fff;
  z-index: 30;
  padding: 0.7rem 0;
  display: none;
  border-top: 1px solid #f7f8f9;
  /* input placeholder  */
}
.search-form .w960 {
  position: relative;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  width: 9.6rem;
  margin: 0 auto;
  align-items: center;
  border-bottom: 1px solid #f7f8f9;
}
.search-form .keywords {
  flex: 1;
  overflow: hidden;
  line-height: 0.56rem;
  margin-left: 20px;
  font-size: 15px;
  color: #999;
}
.search-form ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999;
  font-size: 15px;
}
.search-form :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999;
  font-size: 15px;
}
.search-form ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
  font-size: 15px;
}
.search-form :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999;
  font-size: 15px;
}
.search-form .close {
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 10;
  color: #999;
  margin-top: -0.15rem;
  width: 0.2rem;
  height: 0.2rem;
  background: url(../img/close.png) no-repeat;
  background-size: contain;
  transition: transform 0.3s ease;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
}
.search-form .close:hover {
  color: #0f2e76;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.index-swiper .content {
  text-align: center;
  padding: 0 0.38rem;
}
.index-box-1 {
  background-image: url(../img/indexbg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.index-box-1 .index-more {
  margin: 0.5rem auto 0.92rem;
}
.index-box-1 .data ul {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}
.index-box-1 .data li {
  position: relative;
  width: 33.33%;
}
.index-box-1 .data li:hover .pic {
  background-color: #0f2e76;
}
.index-box-1 .data .pic {
  background-color: #000;
  transition: background 0.3s ease;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
}
.index-box-1 .data .pic img {
  opacity: 0.3;
  height: 3.03rem;
  object-fit: cover;
}
.index-box-1 .data .info {
  position: absolute;
  left: 0;
  top: 0.9rem;
  z-index: 10;
  text-align: center;
  width: 100%;
}
.index-box-1 .data .num {
  font-size: var(--fs48);
  color: #fff;
}
.index-box-1 .data .num span,
.index-box-1 .data .num i,
.index-box-1 .data .num em {
  display: inline-block;
}
.index-box-1 .data .num span {
  line-height: 0.48rem;
  height: 0.48rem;
  font-family: "hb";
}
.index-box-1 .data .num i {
  font-family: "hb";
}
.index-box-1 .data .num em,
.index-box-1 .data .num i {
  margin-left: 0.02rem;
}
.index-box-1 .data p,
.index-box-1 .data em {
  font-size: var(--fs16);
  color: #fff;
  line-height: 0.24rem;
}
.index-box-1 .data p {
  width: 160px;
  margin: 0.26rem auto 0;
}
.index-box-2 {
  background-color: #fafafa;
}
.index-box-2 .content {
  margin-bottom: 0.5rem;
}
.index-box-2 .list ul {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}
.index-box-2 .list li {
  position: relative;
  width: 23.88%;
  margin-right: 1.493%;
  background: #f1f2f4;
  overflow: hidden;
}
.index-box-2 .list li:hover .init {
  display: none;
}
.index-box-2 .list li:hover .on {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}
.index-box-2 .list li:hover .desc,
.index-box-2 .list li:hover .more {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}
.index-box-2 .list li:hover .info {
  text-align: left;
  padding-top: 0.66rem;
}
.index-box-2 .list li:hover .title {
  color: #fff;
  font-size: var(--fs30);
}
.index-box-2 .list li:hover .pic {
  opacity: 1;
  visibility: visible;
}
.index-box-2 .pic {
  opacity: 0;
  visibility: hidden;
  background-color: #0f2e76;
}
.index-box-2 .pic img {
  opacity: 0.5;
}
.index-box-2 .info {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  text-align: center;
  padding: 0.96rem 0.3rem 0;
  transition: padding 0.5s ease;
  -webkit-transition: padding 0.5s ease;
  -moz-transition: padding 0.5s ease;
  -ms-transition: padding 0.5s ease;
  -o-transition: padding 0.5s ease;
}
.index-box-2 .init,
.index-box-2 .on {
  display: block;
  height: 1.12rem;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.index-box-2 .init {
  margin: 0 auto 0.56rem;
}
.index-box-2 .on {
  position: absolute;
  right: 0.2rem;
  top: 0.38rem;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateX(0.3rem);
  -webkit-transform: translateX(0.3rem);
  -moz-transform: translateX(0.3rem);
  -ms-transform: translateX(0.3rem);
  -o-transform: translateX(0.3rem);
}
.index-box-2 .title {
  font-size: var(--fs24);
  line-height: 0.4rem;
}
.index-box-2 .desc,
.index-box-2 .more {
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transform: translateY(0.5rem);
  -webkit-transform: translateY(0.5rem);
  -moz-transform: translateY(0.5rem);
  -ms-transform: translateY(0.5rem);
  -o-transform: translateY(0.5rem);
}
.index-box-2 .desc {
  color: #fff;
  line-height: 0.3rem;
  margin: 0.2rem auto 0.44rem;
}
.index-box-2 .more {
  display: block;
  width: 1.65rem;
  line-height: 0.44rem;
  background-color: #ffffff;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  border-radius: 22px;
  text-align: center;
  color: #666;
  font-size: var(--fs16);
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
.index-box-2 .more:hover {
  color: #fff;
  background-color: #0f2e76;
}
.index-box-3 {
  background-color: #f5f5f5;
}
.index-box-3 .main {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  padding-left: calc((100% - 14.4rem) / 2);
}
.index-box-3 .page-title {
  margin-bottom: 1.78rem;
}
.index-box-3 .data {
  width: 3.2rem;
}
.index-box-3 .data ul,
.index-box-3 .data li {
  position: static;
}
.index-box-3 .data li {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  margin-bottom: 0.25rem;
}
.index-box-3 .data li:last-child {
  margin-bottom: 0;
}
.index-box-3 .data .num {
  width: 1.33rem;
  font-size: var(--fs36);
  color: #0f2e76;
  font-family: "hb";
}
.index-box-3 .data .num span,
.index-box-3 .data .num em,
.index-box-3 .data .num i {
  display: inline-block;
}
.index-box-3 .data .num span {
  line-height: 0.4rem;
  height: 0.4rem;
}
.index-box-3 .data .num i {
  position: relative;
  top: 2px;
  vertical-align: top;
  font-size: var(--fs24);
  margin-left: 0.06rem;
}
.index-box-3 .data .desc {
  flex: 1;
  line-height: 0.2rem;
}
.index-box-3 .map {
  transform: scale(0.85);
  -webkit-transform: scale(0.85);
  -moz-transform: scale(0.85);
  -ms-transform: scale(0.85);
  -o-transform: scale(0.85);
  margin-left: 0.32rem;
  transform-origin: left top;
}
.index-box-4 {
  background-color: #fafafa;
}
.index-box-4 .box-container {
  position: relative;
}
.index-box-4 .index-more {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
.index-box-4 .news-box {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.index-box-4 .left {
  width: 48.61%;
  background-color: #f7f7f7;
  border: solid 1px #e3e3e3;
}
.index-box-4 .left:hover .pic img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.index-box-4 .left .title {
  line-height: 0.3rem;
  height: 0.6rem;
  margin-bottom: 0.12rem;
}
.index-box-4 .left .info {
  padding: 0.3rem 0.4rem;
}
.index-box-4 .bottom {
  position: relative;
}
.index-box-4 .right {
  width: 47.22%;
}
.index-box-4 .right .title {
  line-height: 0.24rem;
  height: 0.48rem;
}
.index-box-4 .right li {
  margin-bottom: 0.32rem;
  padding-bottom: 0.32rem;
  border-bottom: 1px solid #e5e7eb;
}
.index-box-4 .right li:last-child {
  border-bottom: none;
}
.index-box-4 .right li:hover .pic img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.index-box-4 .right li:hover .title {
  color: #0f2e76;
}
.index-box-4 .right li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.index-box-4 .right li a {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
}
.index-box-4 .right .pic {
  width: 1.65rem;
}
.index-box-4 .right .pic img {
  height: 1.44rem;
  object-fit: cover;
}
.index-box-4 .right .info {
  flex: 1;
  overflow: hidden;
  margin-left: 0.34rem;
}
.index-box-4 .info {
  position: relative;
}
.index-box-4 .title {
  font-size: var(--fs18);
  font-weight: 700;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}
.index-box-4 .desc {
  color: #666;
  height: 0.48rem;
  line-height: 0.24rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0.16rem auto;
}
.index-box-4 .date {
  color: #666;
  font-family: "hb";
  line-height: 0.24rem;
}
.index-box-4 .more {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: inline-block;
  font-size: var(--fs14);
  color: #454443;
  font-weight: 700;
  line-height: 0.24rem;
  padding-right: 0.2rem;
  background-size: 0.12rem;
  text-transform: uppercase;
  background: url(../img/more.png) no-repeat right center;
}
.page-banner-wrapper {
  position: relative;
}
.page-banner-wrapper.noSwiper .box-container,
.page-banner-wrapper .swiper-slide-active .box-container {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}
.page-banner-wrapper .info {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
}
.page-banner-wrapper .box-container {
  opacity: 0;
  visibility: hidden;
  transform: translateY(1rem);
  -webkit-transform: translateY(1rem);
  -moz-transform: translateY(1rem);
  -ms-transform: translateY(1rem);
  -o-transform: translateY(1rem);
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition-delay: 0.4s;
}
.page-banner-wrapper h2 {
  font-size: var(--fs48);
  color: #fff;
  font-weight: 700;
  line-height: 0.48rem;
}
.page-banner-wrapper .line {
  width: 0.48rem;
  height: 0.03rem;
  background-color: #fff;
  margin-top: 0.5rem;
}
.page-banner-wrapper .swiper-pagination {
  bottom: 0.54rem;
}
.page-box {
  padding: 1.22rem 0 1.8rem;
  background-color: #fafafa;
}
.loading {
  text-align: center;
  margin-top: 0.8rem;
}
.loading a {
  display: inline-block;
  line-height: 0.3rem;
  font-size: var(--fs16);
  color: rgba(51, 51, 51, 0.3);
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}
.loading a:hover {
  color: #0f2e76;
}
.learn {
  display: block;
  width: 0.47rem;
  height: 0.33rem;
  background-image: url(../img/learn.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  transition: background 0.3s ease;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
}
.learn:hover {
  background-image: url(../img/learn2.png);
}
.page-title {
  margin-bottom: 0.47rem;
}
.page-title.center {
  text-align: center;
}
.page-title.center .line {
  margin-left: auto;
  margin-right: auto;
}
.page-title h3 {
  font-size: var(--fs30);
  font-weight: 700;
  line-height: 0.36rem;
}
.page-title .line {
  width: 0.47rem;
  height: 0.02rem;
  background-color: #082c7e;
  margin-top: 0.26rem;
}
.news-wrapper {
  padding-top: 0!important;
}
.news-wrapper .first-box {
  padding: 0.8rem 0;
  background-color: #f7f7f7;
  margin-bottom: 0.76rem;
}
.news-wrapper .first-box .box-container {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
}
.news-wrapper .first-box .box-container:hover .pic img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.news-wrapper .first-box .box-container:hover .title {
  color: #082c7e;
}
.news-wrapper .first-box .box-container:hover .learn {
  background-image: url(../img/learn2.png);
}
.news-wrapper .first-box .pic {
  width: 41.67%;
}
.news-wrapper .first-box .info {
  width: 58.33%;
  padding-left: 0.5rem;
}
.news-wrapper .first-box .title {
  font-size: var(--fs24);
  margin-top: 0.25rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 0.6rem;
}
.news-wrapper .first-box .date {
  line-height: 0.3rem;
  font-size: var(--fs36);
}
.news-wrapper .title {
  font-weight: 700;
  color: #353744;
  line-height: 0.3rem;
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}
.news-wrapper .desc {
  font-size: var(--fs16);
  color: #999;
  line-height: 0.3rem;
  max-height: 0.9rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin: 0.22rem auto 0.3rem;
}
.news-wrapper .date {
  font-family: "hb";
  color: #999;
  line-height: 0.24rem;
  font-size: var(--fs18);
}
.news-wrapper .date span {
  display: inline-block;
  font-size: var(--fs14);
}
.news-wrapper .date i {
  display: inline-block;
  color: #0f2e76;
  margin: 0 0.06rem;
}
.news-wrapper .pic img {
  object-fit: cover;
}
.news-wrapper .list ul {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  flex-flow: wrap;
}
.news-wrapper .list li {
  width: 29.51%;
  margin-top: 0.96rem;
  margin-right: 5.735%;
}
.news-wrapper .list li:hover .pic:after {
  opacity: 1;
  -webkit-transform: rotate3d(0, 0, 1, 30deg) scale3d(1, 1, 1);
  transform: rotate3d(0, 0, 1, 30deg) scale3d(1, 1, 1);
}
.news-wrapper .list li:hover .pic img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  opacity: 0.7;
}
.news-wrapper .list li:hover .title {
  color: #082c7e;
}
.news-wrapper .list li:hover .learn {
  background-image: url(../img/learn2.png);
}
.news-wrapper .list .pic {
  position: relative;
  background: linear-gradient(-45deg, #000000 0%, #0f2e76 100%);
}
.news-wrapper .list .pic:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  content: '';
  opacity: 0;
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.news-wrapper .list .pic img {
  height: 2.44rem;
  transition: all 0.8s ease;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
}
.news-wrapper .list .info {
  margin-top: 0.3rem;
}
.news-wrapper .list .title {
  height: 0.9rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: var(--fs18);
  margin: 0.12rem auto 0.2rem;
}
.newsinfo-wrapper .box-container {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.newsinfo-wrapper .main {
  width: calc(100% - 4.68rem);
}
.newsinfo-wrapper .top {
  margin-bottom: 0.2rem;
}
.newsinfo-wrapper .top h1 {
  font-size: var(--fs24);
  color: #353744;
  font-weight: 700;
  font-family: Arial;
  line-height: 0.3rem;
  margin-bottom: 0.16rem;
}
.newsinfo-wrapper .other {
  font-size: 0;
}
.newsinfo-wrapper .other span {
  display: inline-block;
  font-size: var(--fs14);
  font-family: "hb";
  color: #ccc;
  line-height: 0.24rem;
  margin-right: 0.2rem;
}
.newsinfo-wrapper .other span:last-child {
  margin-right: 0;
}
.newsinfo-wrapper .other img {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
  height: 0.16rem;
  margin-right: 0.1rem;
}
.newsinfo-wrapper .content {
  padding-bottom: 0.26rem;
  border-bottom: 0.02rem solid #c7cedf;
}
.newsinfo-wrapper .content ul  {
  padding-left:20px;
}
.newsinfo-wrapper .content ul li {
  list-style-type: disc;
}
.newsinfo-wrapper .recommend-box {
  width: 4rem;
  height: 100%;
  padding: 0.46rem 0.5rem 0.65rem;
  background-color: #fff;
}
.newsinfo-wrapper .recommend-box .date {
  font-size: var(--fs14);
  color: #999;
  font-family: "hb";
  line-height: 0.24rem;
  margin-bottom: 0.1rem;
}
.newsinfo-wrapper .recommend-box .title {
  font-size: var(--fs18);
  line-height: 0.28rem;
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  max-height: 1.12rem;
  font-family: Arial;
}
.newsinfo-wrapper .recommend-box li {
  padding-bottom: 0.35rem;
  margin-bottom: 0.23rem;
  border-bottom: 1px solid #ededed;
}
.newsinfo-wrapper .recommend-box li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.newsinfo-wrapper .recommend-box li:hover .title {
  color: #0f2e76;
}
.newsinfo-wrapper .recommend-box li:hover .learn {
  background-image: url(../img/learn2.png);
}
.newsinfo-wrapper .caption {
  position: relative;
  font-size: var(--fs30);
  font-weight: 700;
  font-family: Arial;
  line-height: 0.28rem;
  margin-bottom: 0.34rem;
}
.newsinfo-wrapper .caption:after {
  display: block;
  content: "";
  width: 0.24rem;
  height: 0.04rem;
  background-color: #082c7e;
  margin-top: 0.2rem;
}
.newsinfo-wrapper .learn {
  margin-top: 0.2rem;
}
.newsinfo-wrapper .share {
  margin: 0.35rem auto 0.5rem;
}
.newsinfo-wrapper .relative-box {
  margin-top: 0.3rem;
}
.newsinfo-wrapper .relative-box p,
.newsinfo-wrapper .relative-box p a {
  line-height: 0.36rem;
  height: 0.36rem;
  font-size: var(--fs16);
}
.newsinfo-wrapper .relative-box p {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}
.newsinfo-wrapper .relative-box p:last-child {
  margin-bottom: 0;
}
.newsinfo-wrapper .relative-box p:hover a {
  color: #0f2e76;
}
.newsinfo-wrapper .relative-box p span {
  display: inline-block;
}
.newsinfo-wrapper .relative-box p a {
  color: #999;
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  max-width: 80%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.newsinfo-wrapper .return {
  display: block;
  width: 2.82rem;
  line-height: 0.58rem;
  text-align: center;
  background-color: #082c7e;
  border-radius: 0.3rem;
  font-size: var(--fs16);
  color: #fff;
  font-family: Arial;
  transition: background 0.3s ease;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
}
.newsinfo-wrapper .return:hover {
  background-color: #0f2e76;
}
.newsinfo-wrapper .return img {
  display: inline-block;
  margin-left: 0.24rem;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.investor-wrapper {
  background: url(../img/investorbg.jpg) no-repeat center top;
  background-size: 100%;
}
.investor-wrapper .base {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.investor-wrapper .left {
  width: 33.33%;
}
.investor-wrapper .left .title {
  font-size: var(--fs36);
  font-weight: 700;
  font-family: "hb";
  line-height: 0.48rem;
  text-transform: uppercase;
  margin-bottom: 0.36rem;
}
.investor-wrapper .left .stock {
  color: #ef0000;
  display: inline-block;
  padding-right: 0.24rem;
  background-image: url(../img/i_up.png);
  background-position: bottom 4px right;
  background-size: 0.14rem;
  background-repeat: no-repeat;
}
.investor-wrapper .left .stock.down {
  color: #18931e;
  background-image: url(../img/i_down.png);
}
.investor-wrapper .left .stock span,
.investor-wrapper .left .stock em {
  display: inline-block;
}
.investor-wrapper .left .stock span {
  font-weight: 700;
  font-family: "light";
  font-size: 0.72rem;
  line-height: 0.6rem;
  height: 0.6rem;
  margin-right: 0.35rem;
}
.investor-wrapper .left .stock em {
  line-height: 0.2rem;
}
.investor-wrapper .right {
  width: 58.62%;
  margin-top: 0.2rem;
}
.investor-wrapper .right .brief,
.investor-wrapper .right p {
  font-size: var(--fs14);
  color: #333;
  font-family: Arial;
  line-height: 0.24rem;
}
.investor-wrapper .right ul {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0.38rem auto 0.34rem;
}
.investor-wrapper .right li {
  position: relative;
  width: 18.95%;
}
.investor-wrapper .right li:last-child {
  width: auto;
}
.investor-wrapper .right li:last-child:after {
  display: none;
}
.investor-wrapper .right li:after {
  content: "";
  width: 1px;
  height: 0.54rem;
  background-color: #999999;
  opacity: 0.3;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.27rem;
  z-index: 10;
}
.investor-wrapper .right li p {
  margin-bottom: 0.09rem;
}
.investor-wrapper .right .desc {
  font-size: var(--fs30);
  font-family: "light";
  font-weight: 700;
  line-height: 0.3rem;
}
.investor-wrapper .right .desc i {
  display: block;
  font-size: var(--fs14);
  color: #999;
  line-height: 0.24rem;
}
.investor-wrapper .bottom {
  font-size: var(--fs14);
  color: #999;
}
.investor-wrapper .bottom span {
  display: inline-block;
  margin-right: 0.5rem;
  line-height: 0.24rem;
}
.investor-wrapper .bottom span:last-child {
  margin-right: 0;
}
.investor-wrapper .ad-box {
  margin-top: 0.5rem;
  background: url(../img/investorbg2.jpg) no-repeat center center;
  background-size: cover;
  padding: 1.24rem 0.82rem 1.3rem;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}
.investor-wrapper .ad-box > img {
  width: 1.73rem;
  height: 100%;
  object-fit: contain;
  margin-right: 0.38rem;
}
.investor-wrapper .ad-box .info {
  width: 3.34rem;
}
.investor-wrapper .ad-box .info .title {
  font-size: var(--fs24);
  line-height: 0.36rem;
  font-family: Arial;
  margin-bottom: 0.4rem;
}
.investor-wrapper table {
  width: 100%;
}
.investor-wrapper table td {
  text-align: center;
  line-height: 0.2rem;
  padding: 0.1rem;
  height: 0.5rem;
  font-size: var(--fs16);
  color: #666;
  font-family: "light";
  padding: 0 0.18rem;
  border: 1px solid #ccc;
}
.investor-wrapper table tr {
  transition: background 0.3s ease;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
}
.investor-wrapper table tr:hover {
  background-color: rgba(222, 227, 238, 0.3);
}
.investor-wrapper .list {
  margin-top: 1rem;
}
.investor-wrapper .item {
  margin-bottom: 0.8rem;
}
.investor-wrapper .item:last-child {
  margin-bottom: 0;
}
.index-more {
  display: block;
  width: 1.8rem;
  line-height: 0.52rem;
  text-align: center;
  font-size: var(--fs16);
  color: #fff;
  background-color: #082c7e;
  border-radius: 29px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.index-more:hover {
  background-color: #0f2e76;
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}
.event-wrapper {
  background: url(../img/eventbg.jpg) no-repeat top center;
  background-size: 100%;
}
.event-wrapper .list li {
  padding: 0.22rem 0;
  border-bottom: 1px solid #999;
}
.event-wrapper .list li:first-child {
  border-top: 1px solid #999;
}
.event-wrapper .list div {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  margin-top: 0.05rem;
}
.event-wrapper .list div:first-child {
  margin-top: 0;
}
.event-wrapper .list div b,
.event-wrapper .list div span {
  font-size: var(--fs16);
  line-height: 0.3rem;
}
.event-wrapper .list div b {
  width: 100px;
}
.event-wrapper .list div span {
  width: calc(100% - 100px);
}
.notice-wrapper {
  background: url(../img/eventbg.jpg) no-repeat top center;
  background-size: 100%;
}
.notice-wrapper .box-container {
  position: relative;
}
.notice-wrapper .page-title {
  margin-bottom: 0.8rem;
}
.notice-wrapper .tab-box {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
.notice-wrapper .list li {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
  height: 0.7rem;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.13rem;
}
.notice-wrapper .list li:last-child {
  margin-bottom: 0;
}
.notice-wrapper .list li:hover .title {
  color: #0f2e76;
}
.notice-wrapper .date {
  width: 1.6rem;
  padding: 0 0.3rem;
  color: #999;
  font-size: var(--fs14);
  font-family: "hb";
}
.notice-wrapper .title {
  width: calc(100% - 1.6rem);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 0.24rem;
  max-height: 0.48rem;
  font-size: var(--fs14);
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  padding-right: 0.3rem;
}
.tab-box {
  font-size: 0;
  background-color: #fff;
  border: solid 1px #0f2e76;
}
.tab-box a {
  display: inline-block;
  min-width: 2.6rem;
  height: 0.64rem;
  line-height: 0.64rem;
  text-align: center;
  padding: 0 0.38rem;
  font-size: var(--fs20);
  border-right: solid 1px #0f2e76;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.tab-box a.on {
  color: #fff;
  background-color: #0f2e76;
}
.contact-wrapper {
  background: url(../img/eventbg.jpg) no-repeat top center;
  background-size: 100%;
  padding-bottom: 0!important;
}
.contact-wrapper .main {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}
.contact-wrapper .left,
.contact-wrapper .right {
  width: 50%;
}
.contact-wrapper .left {
  padding: 0.76rem 0.8rem 0.9rem 0.95rem;
  background: url(../img/contactbg.jpg) no-repeat center center;
  background-size: cover;
}
.contact-wrapper .left li {
  position: relative;
  line-height: 0.24rem;
  padding-left: 0.64rem;
  margin-bottom: 0.3rem;
}
.contact-wrapper .left li:last-child {
  margin-bottom: 0;
}
.contact-wrapper .left li:hover .icon {
  transform: rotateY(180deg);
}
.contact-wrapper .left .icon {
  width: 0.35rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  transition: transform 0.5s ease;
  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
}
.contact-wrapper .left p {
  font-size: var(--fs14);
  color: #666;
  font-family: "light";
  font-weight: 700;
}
.contact-wrapper .left .desc {
  font-size: var(--fs16);
  font-family: "hb";
}
.contact-wrapper .right {
  padding: 0.47rem 0.45rem 0 0.7rem;
  background-color: #e8eaf1;
}
.contact-wrapper .right .top {
  position: relative;
}
.contact-wrapper .right .brief {
  width: 66%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  font-size: var(--fs16);
  color: #666;
  line-height: 0.25rem;
}
.contact-wrapper .right .group {
  width: 47.93%;
  margin-top: 0.16rem;
}
.contact-wrapper .right .group:nth-child(-n+2) {
  margin-top: 0;
}
.contact-wrapper .right .text,
.contact-wrapper .right .msg {
  padding-left: 0.16rem;
  padding-right: 0.16rem;
  background-color: #d8dadf;
}
.contact-wrapper .right .text,
.contact-wrapper .right label {
  line-height: 0.42rem;
  height: 0.42rem;
}
.contact-wrapper .right .msg {
  line-height: 0.24rem;
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
  height: 0.8rem;
}
.contact-wrapper .box-2 {
  background: url(../img/contactbg2.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  margin-top: 1.36rem;
  padding: 1.3rem 0 1.34rem;
}
.contact-wrapper .box-2 .form {
  width: 61.8%;
}
.contact-wrapper .box-2 .group {
  width: 32.134%;
  margin-top: 0.22rem;
}
.contact-wrapper .box-2 .group:nth-child(-n+3) {
  margin-top: 0;
}
.contact-wrapper .box-2 .text {
  background-color: #fff;
  border: solid 1px #e5e5e5;
}
.contact-wrapper .box-2 .text,
.contact-wrapper .box-2 label {
  line-height: 0.43rem;
  height: 0.43rem;
}
.contact-wrapper .box-2 .text,
.contact-wrapper .box-2 .msg {
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
.contact-wrapper .box-2 .msg {
  height: 1.4rem;
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
  line-height: 0.24rem;
}
.contact-wrapper .box-2 .index-more {
  margin-top: 0.46rem;
}
.contact-wrapper .form {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  /* input placeholder  */
}
.contact-wrapper .form ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #333;
  font-size: var(--fs14);
}
.contact-wrapper .form :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #333;
  font-size: var(--fs14);
}
.contact-wrapper .form ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #333;
  font-size: var(--fs14);
}
.contact-wrapper .form :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #333;
  font-size: var(--fs14);
}
.contact-wrapper .form label {
  position: absolute;
  left: 0.16rem;
  top: 0;
  z-index: 10;
  font-size: var(--fs14);
  font-weight: 700;
}
.contact-wrapper .form i {
  display: inline-block;
  margin-left: 0.04rem;
  color: #ef0000;
}
.contact-wrapper .group {
  position: relative;
}
.contact-wrapper .group.max {
  width: 100%;
}
.contact-wrapper .text,
.contact-wrapper .msg {
  font-weight: 700;
  width: 100%;
}
.contact-wrapper .text:focus + label,
.contact-wrapper .text.on + label {
  opacity: 0;
  visibility: hidden;
}
.contact-wrapper .msg {
  resize: none;
}
.contact-wrapper .tips {
  font-size: var(--fs14);
  color: #666;
  line-height: 0.2rem;
  margin: 0.3rem auto;
}
.contact-wrapper .tips b {
  display: inline-block;
  margin-bottom: 0.08rem;
}
.contact-wrapper .tips a {
  text-decoration: underline;
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}
.contact-wrapper .tips a:hover {
  color: #0f2e76;
}
.contact-wrapper .index-more {
  font-size: var(--fs16);
}
.cat-box {
  text-align: center;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid #d2d2d2;
  margin-bottom: 0.8rem;
}
.cat-box a {
  display: inline-block;
  width: 30%;
  padding: 0 0.3rem;
  border-right: 1px solid #d2d2d2;
}
.cat-box a:last-child {
  border-right: none;
}
.cat-box a.on .icon .on {
  display: block;
}
.cat-box a.on .icon .init {
  display: none;
}
.cat-box a.on p {
  color: #0f2e76;
  font-weight: 700;
}
.cat-box .icon {
  height: 0.55rem;
}
.cat-box .icon img {
  margin: 0 auto;
  height: 100%;
  object-fit: contain;
}
.cat-box .icon .init {
  display: block;
}
.cat-box .icon .on {
  display: none;
}
.cat-box p {
  font-size: var(--fs20);
  line-height: 0.24rem;
  margin-top: 0.35rem;
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}
.base-wrapper {
  background: url(../img/eventbg.jpg) no-repeat top center;
  background-size: 100%;
}
.base-wrapper .main .box-container {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-flow: wrap;
}
.base-wrapper .list {
  width: calc(100% - 3.75rem);
}
.base-wrapper .other {
  width: 2.8rem;
}
.base-wrapper .other .pic {
  position: relative;
}
.base-wrapper .other .pic .title {
  font-size: var(--fs24);
  color: #fff;
  font-weight: 700;
  line-height: 0.3rem;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0.28rem;
  z-index: 10;
  width: 100%;
}
.base-wrapper .form {
  background: #f9f9f9 url(../img/magazinebg2.jpg) no-repeat center bottom;
  background-size: 100%;
  padding: 0.3rem 0.3rem 2.06rem;
}
.base-wrapper .form .group {
  position: relative;
}
.base-wrapper .form p {
  font-size: var(--fs18);
  line-height: 0.24rem;
  margin-bottom: 0.16rem;
}
.base-wrapper .form .caption {
  position: relative;
  width: 100%;
  line-height: 0.43rem;
  background-color: #fff;
  border: solid 1px #e5e5e5;
  font-size: var(--fs14);
  color: #999;
  padding: 0 0.35rem 0 0.44rem;
  cursor: pointer;
}
.base-wrapper .form .caption.on:after {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
.base-wrapper .form .caption:before,
.base-wrapper .form .caption:after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.base-wrapper .form .caption:before {
  width: 16px;
  left: 0.2rem;
  background-image: url(../img/date.png);
}
.base-wrapper .form .caption:after {
  display: block;
  width: 8px;
  background-image: url(../img/idown4.png);
  right: 0.2rem;
}
.base-wrapper .form .list {
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 12;
  background: #fff;
  max-height: 2.25rem;
  overflow-y: auto;
  display: none;
  border: 1px solid #f2f2f2;
  border-top: none;
}
.base-wrapper .form .list a {
  display: block;
  line-height: 0.44rem;
  padding: 0 0.35rem 0 0.44rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #999;
  border-bottom: 1px solid #f2f2f2;
}
.base-wrapper .form .list a:hover,
.base-wrapper .form .list a.on {
  color: #0f2e76;
}
.base-wrapper .form .list a:last-child {
  border-bottom: none;
}
.base-wrapper .loading {
  width: 100%;
}
.magazine-wrapper .list ul {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  flex-flow: wrap;
}
.magazine-wrapper .list li {
  width: 29.85%;
  margin-right: 5.225%;
  margin-top: 0.76rem;
}
.magazine-wrapper .list li:nth-child(3n) {
  margin-right: 0;
}
.magazine-wrapper .list li:nth-child(-n+3) {
  margin-top: 0;
}
.magazine-wrapper .list li:hover .pic img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.magazine-wrapper .list li:hover .more {
  background-image: url(../img/more3.png);
}
.magazine-wrapper .list li:hover .title {
  color: #0f2e76;
}
.magazine-wrapper .list .pic img {
  height: 4.08rem;
  object-fit: cover;
}
.magazine-wrapper .list .info {
  position: relative;
  margin-top: 0.3rem;
}
.magazine-wrapper .list .title {
  font-size: var(--fs18);
  color: #666;
  line-height: 0.25rem;
  height: 0.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-weight: 700;
  margin-bottom: 0.2rem;
}
.magazine-wrapper .list .date {
  font-size: var(--fs16);
  color: #b1b1b1;
  line-height: 0.25rem;
  font-family: "light";
}
.magazine-wrapper .list .more {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 10;
  width: 0.25rem;
  height: 0.25rem;
  background-image: url(../img/more2.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  transition: background 0.3s ease;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
}
.report-wrapper li {
  padding: 0 1.6rem 0 0.48rem;
  margin-bottom: 0.36rem;
  background-color: #fff;
  height: 1.2rem;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
  position:relative;
}
.report-wrapper li:last-child {
  margin-bottom: 0;
}
.report-wrapper li:hover .more {
  background-image: url(../img/imore2.png);
}
.report-wrapper li:hover .title {
  color: #0f2e76;
}
.report-wrapper li a {
  display: block;
  width: 100%;
}
.report-wrapper li .title {
  font-size: var(--fs18);
  color: #333;
  font-weight: 700;
  line-height: 0.3rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-height: 0.6rem;
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}
.report-wrapper li p {
  font-size: var(--fs14);
  color: #999;
  line-height: 0.24rem;
  font-family: "hb";
}
.report-wrapper .more {
  position: absolute;
  right: 0.4rem;
  top: 50%;
  z-index: 10;
  width: 0.35rem;
  height: 0.35rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  background-image: url(../img/imore.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.esg-wrapper {
  background: url(../img/investorbg.jpg) no-repeat top center;
  background-size: 100%;
}
.esg-wrapper li {
  padding: 0 1.6rem 0 0.48rem;
  margin-bottom: 0.44rem;
  background-color: #fff;
  height: 1.2rem;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
}
.esg-wrapper li:last-child {
  margin-bottom: 0;
}
.esg-wrapper li:hover .icon {
  background-image: url(../img/pdf4.png);
}
.esg-wrapper li:hover .title {
  color: #0f2e76;
}
.esg-wrapper li a {
  display: block;
  width: 100%;
}
.esg-wrapper li .title {
  font-size: var(--fs18);
  color: #333;
  font-weight: 700;
  line-height: 0.3rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-height: 0.6rem;
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}
.esg-wrapper li p {
  font-size: var(--fs14);
  color: #999;
  line-height: 0.24rem;
  font-family: "hb";
}
.esg-wrapper li .icon {
  position: absolute;
  right: 0.4rem;
  top: 50%;
  z-index: 10;
  width: 0.35rem;
  height: 0.35rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  background-image: url(../img/pdf3.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.relations-wrapper ul {
  position: relative;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  flex-flow: wrap;
  padding-left: 27.36%;
}
.relations-wrapper ul li {
  position: relative;
  width: calc(33.33% - 0.03rem);
  margin-left: 0.03rem;
  margin-top: 0.03rem;
}
.relations-wrapper ul li:nth-child(-n+4) {
  margin-top: 0;
}
.relations-wrapper ul li:hover .pic img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.relations-wrapper ul li:hover p {
  background-color: rgba(0, 0, 0, 0.5);
}
.relations-wrapper ul li:first-child {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 27.36%;
  margin-left: 0;
}
.relations-wrapper ul li:first-child .pic img {
  height: 6.76rem;
}
.relations-wrapper .pic img {
  height: 3.36rem;
  object-fit: cover;
}
.relations-wrapper p {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  width: 100%;
  line-height: 0.85rem;
  font-size: var(--fs24);
  color: #fff;
  text-align: center;
  padding: 0 0.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0.3);
  transition: background 0.3s ease;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
}
.staff-wrapper {
  background: url(../img/eventbg.jpg) no-repeat top center;
  background-size: 100%;
}
.staff-wrapper .swiper-slide {
  width: 71.11%;
}
.staff-wrapper .swiper-slide:hover img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.staff-wrapper .swiper-slide.swiper-slide-active img {
  opacity: 1;
}
.staff-wrapper .swiper-slide.swiper-slide-active p {
  opacity: 1;
  visibility: visible;
}
.staff-wrapper .swiper-slide.swiper-slide-duplicate-prev,
.staff-wrapper .swiper-slide.swiper-slide-duplicate-next {
  opacity: 0;
  visibility: hidden;
}
.staff-wrapper .swiper-slide img {
  opacity: 0.3;
}
.staff-wrapper .swiper-slide p {
  opacity: 0;
  visibility: hidden;
  text-align: center;
  font-size: var(--fs18);
  line-height: 0.3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0.57rem;
}
.staff-wrapper .box-container {
  position: relative;
}
.staff-wrapper .swiper-btn {
  width: 0.7rem;
  height: 0.7rem;
  margin-top: -0.44rem;
  box-shadow: 7px 7px 20px 0px rgba(102, 102, 102, 0.16);
  border-radius: 50%;
}
.staff-wrapper .prev {
  left: -0.35rem;
  background-image: url(../img/prev.png);
}
.staff-wrapper .prev:hover {
  background-image: url(../img/prev2.png);
}
.staff-wrapper .next {
  right: -0.35rem;
  background-image: url(../img/next.png);
}
.staff-wrapper .next:hover {
  background-image: url(../img/next2.png);
}
.care-wrapper {
  background: url(../img/eventbg.jpg) no-repeat top center;
  background-size: 100%;
}

.care-title{ text-align:center; font-size:0.3rem; line-height:0.3rem; color:#333; padding-bottom:0.5rem;}

.care-wrapper li {
  position: relative;
  margin-bottom: 0.13rem;
  height: 0.7rem;
  line-height: 0.7rem;
  background-color: #fff;
  padding: 0 1rem 0 1.64rem;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
}
.care-wrapper li:last-child {
  margin-bottom: 0;
}
.care-wrapper li:hover .title {
  color: #0f2e76;
}
.care-wrapper li:hover .icon {
  background-image: url(../img/pdf2.png);
}
.care-wrapper li .icon {
  width: 0.28rem;
  height: 100%;
  position: absolute;
  right: 0.24rem;
  top: 0;
  z-index: 10;
  background-image: url(../img/pdf.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  transition: background 0.4s ease;
  -webkit-transition: background 0.4s ease;
  -moz-transition: background 0.4s ease;
  -ms-transition: background 0.4s ease;
  -o-transition: background 0.4s ease;
}
.care-wrapper li:hover .icon2 {
  background-image: url(../img/town2.png);
}
.care-wrapper li .icon2 {
  width: 0.22rem;
  height: 100%;
  position: absolute;
  right: 0.24rem;
  top: 0;
  z-index: 10;
  background-image: url(../img/town1.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  transition: background 0.4s ease;
  -webkit-transition: background 0.4s ease;
  -moz-transition: background 0.4s ease;
  -ms-transition: background 0.4s ease;
  -o-transition: background 0.4s ease;
}
.care-wrapper .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}
.care-wrapper .date {
  position: absolute;
  left: 0.3rem;
  top: 0;
  z-index: 10;
  color: #999;
  font-family: "hb";
}
.activity-wrapper {
  background: url(../img/eventbg.jpg) no-repeat top center;
  background-size: 100%;
}
.activity-wrapper .content {
  margin-bottom: 0.58rem;
}
.activity-wrapper ul {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.activity-wrapper li {
  position: relative;
  width: 47.22%;
  margin-top: 0.6rem;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
}
.activity-wrapper li:nth-child(-n+2) {
  margin-top: 0;
}
.activity-wrapper li:after {
  content: "";
  width: 100%;
  height: 0.05rem;
  background-color: #0f2e76;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transition: transform 0.6s ease;
  -webkit-transition: transform 0.6s ease;
  -moz-transition: transform 0.6s ease;
  -ms-transition: transform 0.6s ease;
  -o-transition: transform 0.6s ease;
}
.activity-wrapper li:hover:after {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.activity-wrapper li:hover .pic img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.activity-wrapper li:hover .title {
  color: #0f2e76;
}
.activity-wrapper li a {
  display: block;
}
.activity-wrapper .pic img {
  height: 4.06rem;
  object-fit: cover;
}
.activity-wrapper .info {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  height: 1.42rem;
  align-items: center;
}
.activity-wrapper .title {
  width: 100%;
  padding: 0 0.4rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 0.3rem;
  max-height: 0.6rem;
  text-align: center;
  font-size: var(--fs18);
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}
.job-wrapper {
  background: url(../img/investorbg.jpg) no-repeat top center;
  background-size: 100%;
}
.job-wrapper .item {
  position: relative;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
  border: solid 1px #f5f5f5;
  margin-bottom: 0.22rem;
  padding-left: 0.92rem;
  padding-right: 1.2rem;
}
.job-wrapper .item:last-child {
  margin-bottom: 0;
}
.job-wrapper .item:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #0f2e76;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transition: transform 0.3s ease;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
}
.job-wrapper .item.on:after {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.job-wrapper .item.on .top .icon {
  background-image: url(../img/j-icon2.png);
}
.job-wrapper .top {
  position: relative;
  cursor: pointer;
  padding-top: 0.5rem;
  padding-bottom: 0.3rem;
}
.job-wrapper .top:before {
  content: "";
  width: 0.6rem;
  height: 0.42rem;
  background-image: url(../img/user.png);
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  left: -0.6rem;
  top: 0.5rem;
  z-index: 10;
}
.job-wrapper .top .line {
  width: 0.2rem;
  height: 0.05rem;
  margin: 0.16rem 0 0.4rem;
  background-color: #2a2a2a;
}
.job-wrapper .icon {
  position: absolute;
  width: 0.2rem;
  height: 0.2rem;
  right: -0.56rem;
  top: 0.4rem;
  z-index: 10;
  background-image: url(../img/j-icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.job-wrapper .title {
  font-size: 0.26rem;
  color: #2a2a2a;
  font-weight: 700;
  line-height: 0.3rem;
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}
.job-wrapper .other {
  font-size: 0;
}
.job-wrapper .other span {
  font-size: var(--fs14);
  color: #999;
  display: inline-block;
  margin-right: 0.5rem;
  line-height: 0.3rem;
}
.job-wrapper .other span:last-child {
  margin-right: 0;
}
.job-wrapper .caption {
  font-weight: 700;
  line-height: 0.28rem;
  margin-bottom: 0.12rem;
}
.job-wrapper .content {
  font-size: var(--fs14);
  line-height: 0.28rem;
  color: #999;
  margin-bottom: 0.52rem;
}
.job-wrapper .content:last-child {
  margin-bottom: 0;
}
.job-wrapper .detail {
  display: none;
  padding-top: 0.24rem;
  padding-bottom: 0.84rem;
  border-top: 1px solid #f2f2f2;
}
.goods-wrapper {
  /* input placeholder  */
}
.goods-wrapper .top {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.goods-wrapper .form {
  position: relative;
  width: 4.34rem;
}
.goods-wrapper .text {
  font-size: var(--fs18);
  width: 100%;
  height: 0.52rem;
  border-radius: 27px;
  border: solid 1px #d2d2d2;
  background-color: transparent;
  transition: border 0.3s ease;
  -webkit-transition: border 0.3s ease;
  -moz-transition: border 0.3s ease;
  -ms-transition: border 0.3s ease;
  -o-transition: border 0.3s ease;
  padding: 0 0.8rem 0 0.37rem;
}
.goods-wrapper .text:focus {
  border-color: #0f2e76;
}
.goods-wrapper ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #333;
  font-size: var(--fs18);
}
.goods-wrapper :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #333;
  font-size: var(--fs18);
}
.goods-wrapper ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #333;
  font-size: var(--fs18);
}
.goods-wrapper :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #333;
  font-size: var(--fs18);
}
.goods-wrapper .submit {
  width: 0.54rem;
  height: 0.54rem;
  background-image: url(../img/search3.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  border-radius: 50%;
}
.goods-wrapper .list ul {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  flex-flow: wrap;
}
.goods-wrapper .list li {
  width: 29.86%;
  margin-right: 5.21%;
  margin-top: 0.87rem;
}
.goods-wrapper .list li:nth-child(3n) {
  margin-right: 0;
}
.goods-wrapper .list li:nth-child(-n+3) {
  margin-top: 0;
}
.goods-wrapper .list li:hover .pic img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.goods-wrapper .list li:hover .name {
  color: #0f2e76;
}
.goods-wrapper .list li a {
  display: block;
}
.goods-wrapper .pic img {
  height: 3rem;
  object-fit: cover;
}
.goods-wrapper .info {
  height: 0.92rem;
  background-color: #fff;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
}
.goods-wrapper .name {
  width: 100%;
  line-height: 0.3rem;
  max-height: 0.6rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding: 0 0.4rem;
  text-align: center;
  font-size: var(--fs16);
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}
.goodsinfo-wrapper .title {
  font-size: 0.4rem;
  line-height: 0.4rem;
  margin-bottom: 0.42rem;
}
.goodsinfo-wrapper .box-1 .box-container {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-bottom: 0.92rem;
  border-bottom: 2px solid #cad1e1;
}
.goodsinfo-wrapper .box-1 .pic-box {
  width: 50.35%;
}
.goodsinfo-wrapper .box-1 .bigImg-swiper .swiper-slide img {
  opacity: 0;
  visibility: hidden;
}
.goodsinfo-wrapper .box-1 .bigImg-swiper .swiper-slide.swiper-slide-active img {
  opacity: 1;
  visibility: visible;
}
.goodsinfo-wrapper .box-1 .bigImg-swiper .swiper-pagination {
  display: none;
}
.goodsinfo-wrapper .box-1 .swiper-slide {
  overflow: hidden;
}
.goodsinfo-wrapper .box-1 .swiper-slide img {
  display: block;
  width: 100%;
  transition: transform 0.8s ease;
  -webkit-transition: transform 0.8s ease;
  -moz-transition: transform 0.8s ease;
  -ms-transition: transform 0.8s ease;
  -o-transition: transform 0.8s ease;
}
.goodsinfo-wrapper .box-1 .swiper-slide img:hover {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.goodsinfo-wrapper .box-1 .info-box {
  position: relative;
  width: 42.36%;
  padding-top: 0.5rem;
}
.goodsinfo-wrapper .box-1 .info-box .name {
  position: relative;
  font-size: var(--fs36);
  font-weight: 700;
  padding-bottom: 0.44rem;
  line-height: 0.4rem;
  margin-bottom: 0.54rem;
  border-bottom: 1px solid #e3e3e3;
}
.goodsinfo-wrapper .box-1 .info-box .name:after {
  content: "";
  width: 0.91rem;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #1b1b1b;
  z-index: 10;
}
.goodsinfo-wrapper .box-1 .info-box .caption {
  font-size: var(--fs24);
  font-weight: 700;
  line-height: 0.38rem;
}
.goodsinfo-wrapper .box-1 .info-box .content {
  color: #333;
  line-height: 0.38rem;
  height: 1.9rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.goodsinfo-wrapper .share {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.goodsinfo-wrapper .thumb-box {
  position: relative;
  margin-top: 0.35rem;
  padding: 0 0.33rem;
}
.goodsinfo-wrapper .thumb-box .swiper-slide {
  width: 1.51rem;
}
.goodsinfo-wrapper .thumb-box .prev {
  left: 0;
  background-image: url(../img/prev3.png);
}
.goodsinfo-wrapper .thumb-box .prev:hover {
  background-image: url(../img/prev4.png);
}
.goodsinfo-wrapper .thumb-box .next {
  right: 0;
  background-image: url(../img/next3.png);
}
.goodsinfo-wrapper .thumb-box .next:hover {
  background-image: url(../img/next4.png);
}
.goodsinfo-wrapper .thumb-box .swiper-btn {
  width: 0.21rem;
  height: 0.21rem;
  transition: none;
  background-size: 100%;
}
.goodsinfo-wrapper .more {
  display: block;
  font-size: var(--fs16);
  color: #fff;
  width: 2.13rem;
  line-height: 0.54rem;
  background-color: #0f2e76;
  border-radius: 27px;
  text-align: center;
  border: solid 1px #1b1b1b;
  transition: background 0.3s ease;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  margin-top: 0.37rem;
}
.goodsinfo-wrapper .more:hover {
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}
.goodsinfo-wrapper .box-2 {
  margin-top: 0.72rem;
}
.goodsinfo-wrapper .box-3 {
  margin-top: 0.85rem;
}
.goodsinfo-wrapper .box-4 {
  margin-top: 0.76rem;
}
.goodsinfo-wrapper .box-4 .swiper-slide {
  width: 30.76%;
  margin-right: 3.86%;
  background-color: #fff;
}
.goodsinfo-wrapper .box-4 .swiper-slide:last-child {
  margin-right: 0;
}
.goodsinfo-wrapper .box-4 .swiper-slide:hover .pic img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.goodsinfo-wrapper .box-4 .swiper-slide:hover .name {
  color: #0f2e76;
}
.goodsinfo-wrapper .box-4 .pic img {
  height: 2.85rem;
  object-fit: cover;
}
.goodsinfo-wrapper .box-4 .info {
  padding: 0.4rem 0.4rem 0.4rem 0.45rem;
}
.goodsinfo-wrapper .box-4 .name {
  font-size: var(--fs18);
  font-weight: 700;
  line-height: 0.3rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  height: 0.3rem;
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}
.goodsinfo-wrapper .box-4 .desc {
  color: #666;
  line-height: 0.24rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  height: 0.72rem;
  margin: 0.1rem auto 0.2rem;
}
.goodsinfo-wrapper .box-4 .swiper-btn {
  width: 0.7rem;
  height: 0.7rem;
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}
.goodsinfo-wrapper .box-4 .swiper-btn.prev {
  left: -1.2rem;
  background-image: url(../img/prev.png);
}
.goodsinfo-wrapper .box-4 .swiper-btn.prev:hover {
  background-image: url(../img/prev2.png);
}
.goodsinfo-wrapper .box-4 .swiper-btn.next {
  right: -1.2rem;
  background-image: url(../img/next.png);
}
.goodsinfo-wrapper .box-4 .swiper-btn.next:hover {
  background-image: url(../img/next2.png);
}
.goodsinfo-wrapper .content table {
  width: 100%;
}
.goodsinfo-wrapper .content table td,
.goodsinfo-wrapper .content table th {
  text-align: center;
  line-height: 0.24rem;
  padding: 0.08rem;
  border: 1px solid #c8c8c8;
}
.goodsinfo-wrapper .btn-box {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  margin-top: 0.96rem;
  justify-content: center;
  padding-top: 0.8rem;
  border-top: 2px solid #cad1e1;
}
.goodsinfo-wrapper .btn-box a {
  text-align: center;
  width: 2.82rem;
  line-height: 0.58rem;
  background-color: #eaeaea;
  border-radius: 29px;
  margin-right: 0.46rem;
  font-size: var(--fs16);
  color: #666;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.goodsinfo-wrapper .btn-box a:last-child {
  margin-right: 0;
}
.goodsinfo-wrapper .btn-box i {
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.goodsinfo-wrapper .btn-box .btn i {
  width: 10px;
  height: 19px;
}
.goodsinfo-wrapper .btn-box .prev:hover {
  color: #fff;
  background-color: #0f2e76;
}
.goodsinfo-wrapper .btn-box .prev:hover i {
  background-image: url(../img/iprev2.png);
}
.goodsinfo-wrapper .btn-box .prev i {
  margin-right: 0.58rem;
  background-image: url(../img/iprev.png);
}
.goodsinfo-wrapper .btn-box .next:hover {
  color: #fff;
  background-color: #0f2e76;
}
.goodsinfo-wrapper .btn-box .next:hover i {
  background-image: url(../img/inext2.png);
}
.goodsinfo-wrapper .btn-box .next i {
  margin-left: 0.58rem;
  background-image: url(../img/inext.png);
}
.goodsinfo-wrapper .btn-box .return:hover {
  color: #fff;
  background-color: #0f2e76;
}
.goodsinfo-wrapper .btn-box .return:hover i {
  background-image: url(../img/ilist2.png);
}
.goodsinfo-wrapper .btn-box .return i {
  width: 14px;
  height: 12px;
  margin-left: 0.26rem;
  background-image: url(../img/ilist.png);
}
.goodsinfo-wrapper .imore {
  display: inline-block;
  font-size: var(--fs14);
  color: #454443;
  font-weight: 700;
  line-height: 0.24rem;
  padding-right: 0.2rem;
  background-size: 0.12rem;
  background: url(../img/more.png) no-repeat right center;
}
.team-wrapper {
  background: url(../img/eventbg.jpg) no-repeat top center;
  background-size: 100%;
}
.team-wrapper .list ul {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  flex-flow: wrap;
}
.team-wrapper .list li {
  width: 22.92%;
  margin-right: 2.773%;
  line-height: 0.25rem;
  margin-top: 0.66rem;
}
.team-wrapper .list li:hover .pic img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.team-wrapper .list .info {
  margin-top: 0.36rem;
}
.team-wrapper .list p {
  font-size: var(--fs16);
  color: #b1b1b1;
  font-family: "light";
  margin-top: 0.05rem;
}
.team-wrapper .pic img {
  height: 3.74rem;
  object-fit: cover;
}
.team-wrapper .name {
  font-size: var(--fs18);
  font-weight: 700;
  color: #666;
}
.history-wrapper {
  padding-bottom: 1.2rem;
}
.history-wrapper .swiper-box > .swiper-container {
  padding-bottom: 0.3rem;
}
.history-wrapper .swiper-box .box-container {
  position: relative;
}
.history-wrapper .swiper-box:before {
  content: "";
  width: calc(100% - (100% - 14.4rem) / 2);
  height: 1px;
  background-color: #d7d7d7;
  position: absolute;
  right: 0;
  top: 0.07rem;
  z-index: 0;
}
.history-wrapper .swiper-slide {
  width: 100%;
}
.history-wrapper .swiper-slide:hover .year {
  color: #0f2e76;
}
.history-wrapper .swiper-slide:hover .dot {
  border-color: #0f2e76;
}
.history-wrapper .swiper-slide:hover .dot:before {
  background-color: #0f2e76;
}
.history-wrapper .swiper-slide .line {
  width: 1px;
  height: 0.6rem;
  background: url(../img/line.png) no-repeat center top;
  background-size: 100%;
  margin: 0 auto 0.12rem;
}
.history-wrapper .dot {
  width: 0.16rem;
  height: 0.16rem;
  border: solid 1px #000;
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
  transition: border 0.3s ease;
  -webkit-transition: border 0.3s ease;
  -moz-transition: border 0.3s ease;
  -ms-transition: border 0.3s ease;
  -o-transition: border 0.3s ease;
}
.history-wrapper .dot:before {
  content: "";
  width: 0.06rem;
  height: 0.06rem;
  background-color: #000;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 10;
  margin-top: -0.03rem;
  margin-left: -0.03rem;
  border-radius: 50%;
  transition: background 0.3s ease;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
}
.history-wrapper .year {
  font-size: 0.34rem;
  font-family: "hb";
  color: #000;
  line-height: 0.36rem;
  margin-bottom: 0.2rem;
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}
.history-wrapper .info {
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
  padding: 0.3rem 0.38rem 0.28rem;
  overflow: hidden;
}
.history-wrapper .desc {
  font-size: var(--fs14);
  color: #666;
  line-height: 0.28rem;
  height: 2.52rem;
}
.history-wrapper .swiper-pagination {
  display: block;
  bottom: 0;
  font-size: 0;
}
.history-wrapper .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  background: #bbb;
  margin: 0 6px;
  width: 6px;
  height: 6px;
  border: none;
  transition: width 0.3s ease;
  -webkit-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  -ms-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
}
.history-wrapper .swiper-pagination .swiper-pagination-bullet:link,
.history-wrapper .swiper-pagination .swiper-pagination-bullet:visited,
.history-wrapper .swiper-pagination .swiper-pagination-bullet:active,
.history-wrapper .swiper-pagination .swiper-pagination-bullet:focus {
  outline: none;
}
.history-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #1e1e1e;
}
.history-wrapper .swiper-btn {
  width: 0.21rem;
  height: 0.21rem;
  top: -0.02rem;
  transform: none;
  background-size: 100%;
}
.history-wrapper .prev {
  left: 0;
  background-image: url(../img/prev3.png);
}
.history-wrapper .prev:hover {
  background-image: url(../img/prev4.png);
}
.history-wrapper .next {
  right: 0;
  background-image: url(../img/next3.png);
}
.history-wrapper .next:hover {
  background-image: url(../img/next4.png);
}
.video-box {
  position: relative;
  background-color: #000;
  overflow: hidden;
}
.video-box:hover img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.video-box.on .data {
  display: none;
}
.video-box.on .pic {
  opacity: 0;
  visibility: hidden;
}
.video-box.on .video {
  opacity: 1;
  visibility: visible;
}
.video-box .play {
  position: absolute;
  right: 0.36rem;
  bottom: 0.34rem;
  z-index: 10;
  width: 3.87rem;
  height: 0.81rem;
  background-image: url(../img/play.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
.video-box .pic {
  position: relative;
  transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  background-color: #0f2e76;
}
.video-box .pic img {
  opacity: 0.5;
}
.video-box video {
  width: 100%;
}
.video-box .video {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
}
.video-box .video video {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  width: auto;
  max-height: 100%;
  object-fit: contain;
}
.about-wrapper .box-1 {
  background: url(../img/aboutbg.jpg) no-repeat center center;
  background-size: cover;
  padding: 1.46rem 0 1.8rem;
}
.about-wrapper .box-1 .content {
  text-align: center;
  margin-bottom: 0.5rem;
}
.about-wrapper .box-1 .data {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: 10;
  width: 100%;
  padding: 0 1.2rem;
}
.about-wrapper .box-1 .data ul {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.about-wrapper .box-1 .data li {
  text-align: center;
  width: 30%;
}
.about-wrapper .box-1 .data .num span,
.about-wrapper .box-1 .data .num i,
.about-wrapper .box-1 .data .num em {
  display: inline-block;
  color: #fff;
}
.about-wrapper .box-1 .data .num span,
.about-wrapper .box-1 .data .num i {
  font-size: 0.6rem;
  height: 0.6rem;
  line-height: 0.6rem;
  font-family: "hb";
}
.about-wrapper .box-1 .data .num em {
  margin-left: 0.06rem;
}
.about-wrapper .box-1 .data p,
.about-wrapper .box-1 .data em {
  color: #fff;
  font-size: var(--fs16);
  line-height: 0.3rem;
}
.about-wrapper .video-box {
  position: relative;
}
.about-wrapper .box-2 {
  padding: 1.12rem 0 1.44rem;
  background: url(../img/about2bg.jpg) repeat-x left bottom;
}
.about-wrapper .box-2 .year-box {
  position: relative;
  margin-bottom: 0.47rem;
}
.about-wrapper .box-2 .year-box:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: rgba(8, 44, 126, 0.3);
  position: absolute;
  left: 0;
  top: 0.49rem;
  z-index: -1;
}
.about-wrapper .box-2 .year-box .swiper-slide {
  text-align: center;
  cursor: pointer;
}
.about-wrapper .box-2 .year-box .swiper-slide:hover .dot:before,
.about-wrapper .box-2 .year-box .swiper-slide.on .dot:before {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.about-wrapper .box-2 .year-box .swiper-slide:hover .dot i,
.about-wrapper .box-2 .year-box .swiper-slide.on .dot i {
  top: 0.03rem;
  width: 0.11rem;
  height: 0.11rem;
  background-color: #0f2e76;
}
.about-wrapper .box-2 .year-box .swiper-slide:hover .year,
.about-wrapper .box-2 .year-box .swiper-slide.on .year {
  color: #0f2e76;
}
.about-wrapper .box-2 .year-box .swiper-slide .line {
  width: 1px;
  height: 0.52rem;
  background: url(../img/aboutbg.png) no-repeat center top;
  background-size: 100%;
  margin: 0 auto 0.12rem;
}
.about-wrapper .box-2 .year-box .prev {
  left: 0;
  background-image: url(../img/prev3.png);
}
.about-wrapper .box-2 .year-box .prev:hover {
  background-image: url(../img/prev4.png);
}
.about-wrapper .box-2 .year-box .next {
  right: 0;
  background-image: url(../img/next3.png);
}
.about-wrapper .box-2 .year-box .next:hover {
  background-image: url(../img/next4.png);
}
.about-wrapper .box-2 .year-box .swiper-btn {
  width: 0.21rem;
  height: 0.21rem;
  transition: none;
  top: 0.39rem;
  transform: none;
  background-size: 100%;
}
.about-wrapper .box-2 .year {
  font-size: var(--fs24);
  font-weight: 700;
  line-height: 0.36rem;
  font-family: "hb";
  margin-bottom: 0.05rem;
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
}
.about-wrapper .box-2 .dot {
  width: 0.17rem;
  height: 0.17rem;
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
}
.about-wrapper .box-2 .dot:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(8, 44, 126, 0.3);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transition: transform 0.3s ease;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
}
.about-wrapper .box-2 .dot i {
  display: block;
  width: 0.09rem;
  height: 0.09rem;
  background-color: #b4bfd8;
  border: solid 0.02rem #ffffff;
  margin: 0 auto;
  position: relative;
  top: 0.04rem;
  border-radius: 50%;
  transition: transform 0.3s ease;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
}
.about-wrapper .detail-box {
  padding: 0 1.2rem;
}
.about-wrapper .detail-box .item {
  display: none;
}
.about-wrapper .detail-box .swiper-slide {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.about-wrapper .detail-box .swiper-container-initialized .swiper-slide-active .pic,
.about-wrapper .detail-box .swiper-container-initialized .swiper-slide-active .info {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}
.about-wrapper .detail-box .swiper-container-initialized .pic,
.about-wrapper .detail-box .swiper-container-initialized .info {
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
}
.about-wrapper .detail-box .swiper-container-initialized .pic {
  transform: translateX(1rem);
  -webkit-transform: translateX(1rem);
  -moz-transform: translateX(1rem);
  -ms-transform: translateX(1rem);
  -o-transform: translateX(1rem);
}
.about-wrapper .detail-box .swiper-container-initialized .info {
  transform: translateX(-1rem);
  -webkit-transform: translateX(-1rem);
  -moz-transform: translateX(-1rem);
  -ms-transform: translateX(-1rem);
  -o-transform: translateX(-1rem);
}
.about-wrapper .detail-box .pic {
  width: 46.92%;
  height: 100%;
}
.about-wrapper .detail-box .pic:hover img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.about-wrapper .detail-box .info {
  width: 40%;
  padding-top: 0.68rem;
  padding-bottom: 0.38rem;
}
.about-wrapper .detail-box .date {
  font-size: var(--fs24);
  font-weight: 700;
  line-height: 0.36rem;
  margin-bottom: 0.1rem;
}
.about-wrapper .detail-box .desc {
  font-size: var(--fs16);
  color: #666;
  line-height: 0.3rem;
  height: 1.8rem;
}
.about-wrapper .detail-box .swiper-pagination {
  width: 40%;
  right: 0;
  left: auto;
  display: block;
  bottom: 0.3rem;
  font-size: 0;
  text-align: left;
}
.about-wrapper .detail-box .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  width: 9px;
  height: 9px;
  background-color: #fff;
  border: solid 1px #1b1b1b;
  transition: width 0.3s ease;
  -webkit-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  -ms-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
}
.about-wrapper .detail-box .swiper-pagination .swiper-pagination-bullet:link,
.about-wrapper .detail-box .swiper-pagination .swiper-pagination-bullet:visited,
.about-wrapper .detail-box .swiper-pagination .swiper-pagination-bullet:active,
.about-wrapper .detail-box .swiper-pagination .swiper-pagination-bullet:focus {
  outline: none;
}
.about-wrapper .detail-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #0f2e76;
}
.about-wrapper .box-3 {
  background: url(../img/about4bg.png) no-repeat center bottom;
  background-size: 100%;
}
.about-wrapper .box-3 .box-container {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.16rem;
  padding: 1.16rem 1.2rem 2rem;
  background: url(../img/about3.png) no-repeat left top;
  background-size: 25.35%;
}
.about-wrapper .box-3 .page-title {
  width: 2.8rem;
}
.about-wrapper .box-3 .info {
  width: 63.83%;
}
.about-wrapper .box-3 .data {
  margin-top: 0.66rem;
}
.about-wrapper .box-3 .data ul {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.about-wrapper .box-3 .data li {
  width: 33.33%;
}
.about-wrapper .box-3 .data li:last-child {
  width: 28%;
}
.about-wrapper .box-3 .data .num {
  font-size: var(--fs48);
  color: #0f2e76;
  font-weight: 700;
  font-family: "hb";
}
.about-wrapper .box-3 .data .num span {
  display: inline-block;
  line-height: 0.48rem;
  height: 0.48rem;
}
.about-wrapper .box-3 .data p {
  font-size: var(--fs16);
  color: #666;
  line-height: 0.24rem;
  margin-top: 0.08rem;
}
.about-wrapper .box-4 {
  padding: 1.1rem 0 1.54rem;
}
.about-wrapper .box-4 ul {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-flow: wrap;
}
.about-wrapper .box-4 li {
  position: relative;
  width: 49.375%;
  margin-top: 0.2rem;
}
.about-wrapper .box-4 li:nth-child(-n+2) {
  margin-top: 0;
}
.about-wrapper .box-4 li:hover .pic img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.about-wrapper .box-4 .info {
  position: absolute;
  left: 0.6rem;
  top: 0.5rem;
  z-index: 10;
  width: 52.88%;
}
.about-wrapper .box-4 .title {
  font-size: var(--fs24);
  font-weight: 700;
  line-height: 0.36rem;
  margin-bottom: 0.15rem;
}
.about-wrapper .box-4 .desc {
  color: #666;
  font-size: var(--fs16);
  line-height: 0.24rem;
}
.global-wrapper {
  background-color: #f7f7f7;
}
.global-wrapper .data ul {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.global-wrapper .data li {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
  width: 19.93%;
}
.global-wrapper .data .num {
  font-size: var(--fs36);
  color: #0f2e76;
  font-family: "hb";
}
.global-wrapper .data .num span,
.global-wrapper .data .num em,
.global-wrapper .data .num i {
  display: inline-block;
}
.global-wrapper .data .num span {
  line-height: 0.4rem;
  height: 0.4rem;
}
.global-wrapper .data .num i {
  position: relative;
  top: 2px;
  vertical-align: top;
  font-size: var(--fs24);
  margin-left: 0.06rem;
}
.global-wrapper .data .desc {
  flex: 1;
  margin-left: 0.2rem;
  line-height: 0.2rem;
}
.global-wrapper .index-box-3 {
  margin-top: 1.04rem;
}
.index-box-3 {
  position: relative;
}
.index-box-3 .icon {
  position: relative;
  width: 0.23rem;
  height: 0.23rem;
  border-radius: 50%;
  margin: 0 auto;
  background-color: rgba(15, 46, 118, 0.3);
}
.index-box-3 .icon:before,
.index-box-3 .icon:after {
  width: 200%;
  height: 200%;
  content: "";
  position: absolute;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  margin-top: -100%;
  margin-left: -100%;
  z-index: 1;
  opacity: 0;
  box-sizing: border-box;
  background-color: #0f2e76;
}
.index-box-3 .icon:before {
  animation: iconScale 2s linear infinite;
}
.index-box-3 .icon:after {
  animation: iconScale 2s 0.8s linear infinite;
}
.index-box-3 .icon i {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #0f2e76;
  transform: scale(0.619);
  -webkit-transform: scale(0.619);
  -moz-transform: scale(0.619);
  -ms-transform: scale(0.619);
  -o-transform: scale(0.619);
  border-radius: 50%;
  position: relative;
  z-index: 2;
}
.index-box-3 ul {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
}
.index-box-3 .empty .icon {
  width: 0.16rem;
  height: 0.16rem;
  border: solid 1px #0f2e76;
  background-color: transparent;
}
.index-box-3 .empty .icon:before,
.index-box-3 .empty .icon:after {
  background-color: transparent;
  border: 1px solid #0f2e76;
}
.index-box-3 .empty .icon i {
  transform: scale(0.375);
  -webkit-transform: scale(0.375);
  -moz-transform: scale(0.375);
  -ms-transform: scale(0.375);
  -o-transform: scale(0.375);
}
.index-box-3 .bottom {
  font-size: 0;
  text-align: center;
  margin-top: 0.04rem;
}
.index-box-3 .bottom span,
.index-box-3 .bottom img {
  display: inline-block;
  vertical-align: middle;
}
.index-box-3 .bottom img {
  position: relative;
  top: -1px;
  margin-right: 0.15rem;
  width: 0.27rem;
}
.index-box-3 .bottom span {
  font-size: var(--fs14);
  color: #666;
  margin: 0 0.56rem;
}
.index-box-3 .bottom span:last-child {
  margin-right: 0;
}
.index-box-3 li {
  position: absolute;
  z-index: 10;
  text-align: center;
}
.index-box-3 li:first-child {
  left: 17.6%;
  top: 32%;
}
.index-box-3 li:nth-child(2) {
  left: 15.6%;
  top: 40%;
}
.index-box-3 li:nth-child(3) {
  left: 25.4%;
  top: 52%;
}
.index-box-3 li:nth-child(4) {
  left: 31%;
  top: 62%;
}
.index-box-3 li:nth-child(5) {
  left: 24.4%;
  top: 67%;
}
.index-box-3 li:nth-child(6) {
  left: 26%;
  top: 70%;
}
.index-box-3 li:nth-child(7) {
  left: 26.5%;
  top: 78.5%;
}
.index-box-3 li:nth-child(8) {
  left: 47%;
  top: 16%;
}
.index-box-3 li:nth-child(9) {
  left: 51%;
  top: 23%;
}
.index-box-3 li:nth-child(9) .icon,
.index-box-3 li:nth-child(9) p {
  display: inline-block;
}
.index-box-3 li:nth-child(9) .icon {
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.index-box-3 li:nth-child(10) {
  left: 61%;
  top: 22%;
}
.index-box-3 li:nth-child(11) {
  left: 46.5%;
  top: 23%;
}
.index-box-3 li:nth-child(12) {
  left: 45%;
  top: 28%;
}
.index-box-3 li:nth-child(13) {
  left: 49%;
  top: 30%;
}
.index-box-3 li:nth-child(14) {
  left: 54%;
  top: 30%;
}
.index-box-3 li:nth-child(15) {
  left: 58.5%;
  top: 31%;
}
.index-box-3 li:nth-child(16) {
  left: 61.5%;
  top: 30%;
}
.index-box-3 li:nth-child(17) {
  left: 41.5%;
  top: 35%;
}
.index-box-3 li:nth-child(18) {
  left: 45%;
  top: 36%;
}
.index-box-3 li:nth-child(19) {
  left: 53%;
  top: 37%;
}
.index-box-3 li:nth-child(20) {
  left: 55.7%;
  top: 39%;
}
.index-box-3 li:nth-child(21) {
  left: 60.7%;
  top: 40%;
}
.index-box-3 li:nth-child(22) {
  left: 63.7%;
  top: 37%;
}
.index-box-3 li:nth-child(23) {
  left: 67.7%;
  top: 37%;
}
.index-box-3 li:nth-child(24) {
  left: 67%;
  top: 44.5%;
}
.index-box-3 li:nth-child(25) {
  left: 71%;
  top: 41.5%;
}
.index-box-3 li:nth-child(26) {
  left: 71.5%;
  top: 44.6%;
}
.index-box-3 li:nth-child(26) .icon {
  right: -0.2rem;
  top: 0.1rem;
  margin-left: auto;
  margin-right: 0;
}
.index-box-3 li:nth-child(27) {
  left: 73.2%;
  top: 48.8%;
}
.index-box-3 li:nth-child(28) {
  left: 77.2%;
  top: 45.8%;
}
.index-box-3 li:nth-child(29) {
  left: 81%;
  top: 47.2%;
}
.index-box-3 li:nth-child(30) {
  left: 76.4%;
  top: 33%;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  flex-direction: row-reverse;
}
.index-box-3 li:nth-child(30) .icon {
  margin-left: 0.04rem;
}
.index-box-3 li:nth-child(31) {
  left: 67%;
  top: 52.3%;
}
.index-box-3 li:nth-child(32) {
  left: 71%;
  top: 58.3%;
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  flex-direction: row-reverse;
}
.index-box-3 li:nth-child(32) .icon {
  margin-left: 0.04rem;
}
.index-box-3 li:nth-child(33) {
  left: 76%;
  top: 58.2%;
}
.index-box-3 li:nth-child(34) {
  left: 51%;
  top: 43.2%;
}
.index-box-3 li:nth-child(35) {
  left: 58%;
  top: 46.2%;
}
.index-box-3 li:nth-child(36) {
  left: 40%;
  top: 47.2%;
}
.index-box-3 li:nth-child(37) {
  left: 44%;
  top: 52.2%;
}
.index-box-3 li:nth-child(38) {
  left: 46.2%;
  top: 51.2%;
}
.index-box-3 li:nth-child(39) {
  left: 48.7%;
  top: 58%;
}
.index-box-3 li:nth-child(40) {
  left: 48.7%;
  top: 64%;
}
.index-box-3 li:nth-child(41) {
  left: 51.7%;
  top: 65%;
}
.index-box-3 li:nth-child(42) {
  left: 56.5%;
  top: 59%;
}
.index-box-3 li:nth-child(42) .icon,
.index-box-3 li:nth-child(42) p {
  display: inline-block;
}
.index-box-3 li:nth-child(42) .icon {
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.index-box-3 li:nth-child(43) {
  left: 55.5%;
  top: 64%;
}
.index-box-3 li:nth-child(43) .icon,
.index-box-3 li:nth-child(43) p {
  display: inline-block;
}
.index-box-3 li:nth-child(43) .icon {
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.index-box-3 li:nth-child(44) {
  left: 51.7%;
  top: 71%;
}
.index-box-3 li:nth-child(45) {
  left: 50%;
  top: 78%;
}
.index-box-3 li:nth-child(46) {
  left: 55%;
  top: 52%;
}
.index-box-3 li:nth-child(47) {
  right: 7%;
  top: 43%;
}
.index-box-3 li p {
  color: #666;
  font-family: "light";
  font-size: 12px;
  font-weight: 700;
}
.index-box-3 .location {
  position: absolute;
  right: 20.5%;
  top: 36.5%;
  z-index: 10;
}
.index-box-3 .location:hover img {
  transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
}
.index-box-3 .location:before,
.index-box-3 .location:after {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 10;
}
.index-box-3 .location:before {
  left: -0.07rem;
  bottom: -0.06rem;
  width: 0.4rem;
  height: 0.16rem;
  background: url(../img/dot1.png) no-repeat;
  background-size: contain;
  animation: circleFadeIn infinite 2s ease;
}
.index-box-3 .location:after {
  width: 1rem;
  height: 0.38rem;
  background: url(../img/dot2.png) no-repeat;
  background-size: contain;
  left: -0.4rem;
  bottom: -0.18rem;
  animation: circleFadeIn infinite 2s ease;
  animation-delay: 0.5s;
}
.index-box-3 .location img {
  transition: transform 0.4s ease;
  -webkit-transition: transform 0.4s ease;
  -moz-transition: transform 0.4s ease;
  -ms-transition: transform 0.4s ease;
  -o-transition: transform 0.4s ease;
  width: 0.24rem;
}
.mask {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 40;
  width: 100%;
  height: 100%;
  display: none;
}
.modal-box {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: 42;
  margin-left: -3.25rem;
  width: 6.5rem;
  background-color: #fff;
}
.modal-box .top {
  position: relative;
  background-color: #0f2e76;
  line-height: 0.56rem;
}
.modal-box .top h2 {
  color: #fff;
  font-size: var(--fs18);
  text-transform: uppercase;
}
.modal-box .close {
  display: block;
  width: 13px;
  height: 100%;
  position: absolute;
  right: 0.2rem;
  top: 0;
  z-index: 10;
  background: url(../img/close2.png) no-repeat center center;
  background-size: contain;
  transition: transform 0.3s ease;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
}
.modal-box .close:hover {
  transform: rotate(90deg);
}
.modal-box .top,
.modal-box .form,
.modal-box .content {
  padding-left: 0.35rem;
  padding-right: 0.35rem;
}
.notice-modal-box {
  border-radius: 0.2rem;
}
.notice-modal-box .top {
  border-radius: 0.2rem 0.2rem 0 0;
}
.notice-modal-box .group {
  position: relative;
}
.notice-modal-box .caption {
  position: relative;
  width: 100%;
  line-height: 38px;
  border: solid 1px #b3b3b3;
  font-size: var(--fs14);
  color: #666;
  padding: 0 0.4rem 0 10px;
  cursor: pointer;
}
.notice-modal-box .caption.on:after {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
.notice-modal-box .caption:after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  width: 13px;
  background-image: url(../img/n-down.png);
  right: 12px;
}
.notice-modal-box .form {
  padding-top: 0.35rem;
  padding-bottom: 0.47rem;
}
.notice-modal-box .form p {
  font-size: var(--fs16);
  line-height: 0.24rem;
  margin-bottom: 0.16rem;
}
.notice-modal-box .box {
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 12;
  background: #fff;
  max-height: 280px;
  overflow-y: auto;
  display: none;
  border: solid 1px #b3b3b3;
  border-top: none;
}
.notice-modal-box .box a {
  display: block;
  line-height: 39px;
  padding: 0 0.4rem 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #666;
  border-bottom: 1px solid #f2f2f2;
}
.notice-modal-box .box a:hover,
.notice-modal-box .box a.on {
  color: #0f2e76;
}
.notice-modal-box .box a:last-child {
  border-bottom: none;
}
.detail-modal-box {
  padding: 0.3rem 0.3rem 0.4rem;
}
.detail-modal-box .more {
  text-transform: uppercase;
  display: block;
  width: 1rem;
  line-height: 0.36rem;
  text-align: center;
  color: #fff;
  background-color: #0f2e76;
  margin: 0.3rem auto 0;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
.detail-modal-box .more:hover {
  box-shadow: 0 2px 30px rgba(8, 44, 126, 0.3);
}
.other-modal-box {
  padding-bottom: 0.5rem;
}
.other-modal-box .content {
  max-height: 200px;
  text-transform: uppercase;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  overflow-y: auto;
}
.other-modal-box .content b {
  color: #333;
}
.other-modal-box .btn-box {
  text-align: center;
  font-size: 0;
  margin-top: 0.3rem;
}
.other-modal-box .btn-box a {
  text-transform: uppercase;
  display: inline-block;
  width: 1rem;
  line-height: 0.36rem;
  text-align: center;
  border: 1px solid #b3b3b3;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
   font-size: var(--fs14);
}
.other-modal-box .btn-box .agree {
  color: #fff;
  background-color: #0f2e76;
  border-color: #0f2e76;
  margin-right: 0.4rem;
   font-size: var(--fs14);
}
.other-modal-box .btn-box .agree:hover {
  box-shadow: 0 2px 30px rgba(8, 44, 126, 0.3);
}
.other-modal-box .btn-box .disagree {
  color: #666;
}
.other-modal-box .btn-box .disagree:hover {
  color: #0f2e76;
  border-color: #0f2e76;
}
/*分页*/
.pageNum {
  text-align: center;
  font-size: 0;
  margin-top: 0.98rem;
}
.pageNum a {
  display: inline-block;
  color: #4d4d4d;
  font-size: 14px;
  font-family: "hr";
  vertical-align: middle;
  margin: 0 0.1rem;
  width: 0.48rem;
  height: 0.48rem;
  line-height: 0.48rem;
  background-color: #fff;
  border: solid 1px #eee;
  text-align: center;
  transition: background 0.5s ease;
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  -ms-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
}
.pageNum a:first-child {
  margin-left: 0;
}
.pageNum a:last-child {
  margin-right: 0;
}
.pageNum .dot {
  line-height: 0.38rem;
}
.pageNum .btn {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 8px;
}
.pageNum .prev {
  background-image: url(../img/icon-left2.png);
}
.pageNum .prev:hover {
  background-image: url(../img/icon-left.png);
}
.pageNum .next {
  background-image: url(../img/icon-right2.png);
}
.pageNum .next:hover {
  background-image: url(../img/icon-right.png);
}
.pageNum a:hover,
.pageNum .on {
  color: #fff;
  background-color: #0f2e76;
}
.pageMore {
  display: none;
  margin-top: 0.6rem;
}
.pageMore a {
  display: block;
  width: 100%;
  text-align: center;
  height: 0.8rem;
  line-height: 0.8rem;
  background: #0f2e76;
  color: #fff;
  font-size: 12px;
}
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
@keyframes navInUp50 {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@-webkit-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@-moz-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@-ms-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
  0%,
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
}
@keyframes iconScale2 {
  from {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    opacity: 1;
  }
  to {
    transform: scale(1.7);
    -webkit-transform: scale(1.7);
    -moz-transform: scale(1.7);
    -ms-transform: scale(1.7);
    -o-transform: scale(1.7);
    opacity: 0;
  }
}
@keyframes iconScale {
  from {
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    opacity: 1;
  }
  to {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    opacity: 0;
  }
}
@keyframes circleFadeIn {
  0% {
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}


/*hjh*/
body{font-family:regular;}
@font-face {font-family:bold; src:url(../font/HarmonyOS_Sans_Bold.ttf);}
@font-face {font-family:regular; src:url(../font/HarmonyOS_Sans_Regular.ttf);}
@font-face {font-family:light; src:url(../font/HarmonyOS_Sans_Light.ttf);}

.Phone-Box{ display: none; }
.fl{float:left;}
.fr{float:right;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}
.wal{width:1440px; margin:0px auto;}
.wal2{width:1000px; margin:0px auto;}
.pageBanner{display: flex;
  display: -webkit-flex; align-items: center;
  -webkit-align-items: center;}
  
a,
.headDiv,
.headDiv .logo img,
.headDiv .topSearch em,
.menubtn .btn span,
.foot .share li img{
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;	
}
.sideTitleTel .con img{
transition:All 0.8s ease;
-webkit-transition:All 0.8s ease;
-moz-transition:All 0.8s ease;
-o-transition:All 0.8s ease;  
}

.headD{ height: 110px;}

.headDiv{ position: fixed; left: 0; top: 0; height: 110px; width:100%; z-index: 50; }
.headDiv:after{ content: ''; display: none; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e6e6e6; z-index: 3; }
.headDiv:hover, .headDiv.mini{ background: #fff;}
.headDiv:hover:after, .headDiv.mini:after{ display: block; }
.headDiv .logo{ position:absolute; left: 50%; margin-left:-720px; top: 39px; width: 197px; z-index:3;}
.headDiv .logo img{ position: absolute; left: 0; top: 0; width: 197px; }
.headDiv .logo .img1{ opacity: 0; }
.headDiv:hover .logo img, .headDiv.mini .logo img{ opacity: 0; } 
.headDiv:hover .logo .img1, .headDiv.mini .logo .img1{ opacity: 1; }

.headDiv .topRight{ position: absolute; right: 50%; margin-right:-720px; top: 0; z-index: 4; }
.headDiv .topSearch{ height: 110px; position: relative; margin-right: 20px;}
.headDiv .topSearch em{ display: block; width: 48px; height: 110px; background: url(../images/nimg15_1.png) center no-repeat; cursor: pointer; position: relative;}
.headDiv:hover .topSearch em, .headDiv.mini .topSearch em{ background: url(../images/nimg15_1on.png) center no-repeat;}

.headDiv .lan{ padding-right: 48px; position:relative; }
.headDiv .lan .lala{ display:block; line-height:110px; color:#fff; font-size: 20px; padding-right: 26px; text-transform: uppercase; background: url(../images/ico1.png) right center no-repeat;}
.headDiv:hover .lan .lala, .headDiv.mini .lan .lala{ color: #333; background: url(../images/ico1on.png) right center no-repeat;}
.headDiv .lan ul{ position:absolute; right:0.3rem; box-sizing:border-box; width:1.2rem; top:70px; box-sizing:border-box; padding:0.16rem; display:none; background: #fff; box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1); }
.headDiv .lan li{ margin-bottom:0.1rem;}
.headDiv .lan li:last-child{ margin-bottom:0;}
.headDiv .lan li a{ display:block; line-height:0.3rem; text-align:center; color:#000; font-size: 18px; }
.headDiv .lan li a:hover{ color:#20408a;}

.headDiv .topSearch .text {
  width: 100%;
  height: 0.46rem;
  font-size: 16px;
  line-height: 0.46rem;
  padding: 0 0.6rem 0 0.2rem;
  background-color: transparent;
  color: #666;
  font-family: "light";
}
.headDiv .topSearch ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #666;
  font-size: 16px;
}
.headDiv .topSearch :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #666;
  font-size: 16px;
}
.headDiv .topSearch ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #666;
  font-size: 16px;
}
.headDiv .topSearch :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #666;
  font-size: 16px;
}
.headDiv .form {
  width: 4rem;
  background-color: #f8f8f8;
  position: absolute;
  right: -0.4rem;
  top: 100%;
  z-index: 10;
  padding: 0.1rem 0.2rem;
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
  display: none;
  box-sizing:border-box;
}

.headDiv .submit {
  z-index: 10;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
  cursor: pointer;
}

.headDiv .submit {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 0.4rem;
  top: 50%;
  margin-top: -8px;
  z-index: 10;
  background-image: url(../images/search2.png);
}

.menubtn{ position: absolute; right: 50%; margin-right:-720px; top: 47px; width: 19px; height: 16px; z-index: 5; cursor: pointer; }
.menubtn .btn{ position: absolute; right: 0; top: 0; width: 19px; height: 16px; }
.menubtn .btn span{ width: 19px; display: block; height: 2px; background-color: #fff; position: absolute; left: 0; transition: .4s; -webkit-transition: .4s; }
.menubtn .btn span:nth-of-type(1) { top: 0;}
.menubtn .btn span:nth-of-type(2) { top: 7px; }
.menubtn .btn span:nth-of-type(3) { top: 14px; }

.headDiv:hover .menubtn span, .headDiv.mini .menubtn span, .menubtn.cur span{ background: #333; }
.menubtn.cur span:nth-of-type(1) { top: 5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.menubtn.cur span:nth-of-type(2) { opacity: 0;}
.menubtn.cur span:nth-of-type(3) { top: 5px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}

.menu-flex { position: fixed; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; pointer-events: none; transition: 0.88s;}
.menu-bg { position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 0.88s 0.3s;}
.menu-top { position: absolute; right: 0; top: -100%; width: 100%; height: 100%; background: #fff; transition: 0.8s cubic-bezier(0.77, 0, 0.175, 1);}

.menu-list{ padding-top: 200px; }
/*.menu-list ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }*/
.menu-list li{ float:left; margin-right:75px; width: 184px; }
.menu-list li:last-child{ width: auto; margin-right:0; }
.menu-list h2{ padding-bottom: 45px; }
.menu-list h2 a{ display: block; font-size: 16px; line-height: 16px; color: #333; position:relative;}
.menu-list h2 a:after{ content:''; position:absolute; left:0; top:32px; width:100%; height:1px; background:#ddd;}
.menu-list h2 .on{ color: #20408a; }
.menu-list dd{ padding-bottom: 10px; }
.menu-list dd a{ font-size: 14px; color: #969696; line-height: 22px; }
.menu-list dd a:hover{ color: #20408a; }

.menu-flex.show { visibility: visible; pointer-events: visible;}
.menu-flex.show .menu-bg { opacity: 1; visibility: visible; transition: 0.88s 0s;}
.menu-flex.show .menu-top{ top: 0; }

.navIco{ display: none; position: absolute; right: 0; top: 0; width: 1.0rem; height: 1.2rem; background: url(../images/navIco.png) center no-repeat; background-size: 0.36rem;}


.head-search { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.6); z-index: 59;}
.head-search .search-box { position: absolute; top: 50%; left: 50%; width: 30%; max-width: 1200px; height: auto; margin-top: -62px;
  transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
}
.head-search .search-box .box-cent { display: flex; justify-content: space-between; width: 100%; height: auto; border-bottom: solid 1px #20408a;}
.head-search .search-box .box-cent input { width: calc(100% - 60px); height: 50px; padding: 0 20px; font-size: 14px; color: #fff; background: none;}
.head-search .search-box .box-cent input::placeholder { font-size: 14px; color: #fff;}
.head-search .search-box .box-cent .box-icon { display: block; width: 60px; height: 50px; text-align: right; line-height: 50px;}
.head-search .search-box .box-cent .box-icon img { width: 15px; opacity: 0.6; transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s;}
.head-search .search-box .box-cent .box-icon:hover img { opacity: 1;}
.head-search .search-box .box-hiden { cursor:pointer; width: 30px; margin: 50px auto 0;}
.head-search .search-box .box-hiden img { width: 100%; opacity: 0.6; transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s;}
.head-search .search-box .box-hiden:hover img { opacity: 1;}

.pageBg{ position:fixed; z-index:8; width:100%; height:100%; display:none; background:rgba(0,0,0,0.3); left:0px; top:0px;}

.footDiv{ padding-top: 60px; height: 520px; box-sizing: border-box; background: #333; position: relative; z-index: 2; }
.footNav li{ float: left; margin-right: 70px; width: 160px;}
.footNav li:nth-child(2){ width: 190px; }
.footNav li:nth-child(3){ width: 100px; }
.footNav li:last-child{ margin-right: 0; }
.footNav li h2{ height: 34px; font-size: 16px; line-height: 16px; color: #fff; position: relative; }
.footNav li h2:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(255,255,255,0.4); }
.footNav li h2:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 20px; height: 1px; background: #fff; }
.footNav li dl{ padding: 20px 0 60px;}
.footNav li dd{ padding-bottom: 14px; font-size: 15px; line-height: 18px; }
.footNav li dd a{ color: rgba(255,255,255,0.5); }
.footNav li dd a:hover{ color: #fff; }

.footDiv .rightDiv{ width: 330px; box-sizing: border-box; padding-left: 65px; position: relative; }
.footDiv .rightDiv:before{ content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #fff; }
.footDiv .txt{ height: 34px; font-size: 16px; line-height: 16px; color: #fff; font-weight: bold;}
.footDiv .list li{ line-height: 24px; color: #adadad; font-size: 15px; padding-bottom: 15px; }
.footDiv .list li .wen{ color: #fff; }
.footDiv .list li .msg{ color:#fff;}
.footDiv .list dl{ padding-top: 6px; overflow: hidden; }
.footDiv .list dd{ float: left; margin-right: 15px; }
.footDiv .list dd:last-child{ margin-right: 0; }
.footDiv .list dd img{ width: 117px; }

.foot{ background: #333; }
.foot .wal{ border-top: #5c5c5c solid 1px; padding-top: 28px; height: 72px; }
.foot .msg{ line-height: 40px; color: #adadad; font-size: 14px; }
.foot .msg a{ color: #adadad; text-transform: uppercase; }
.foot .msg a:hover{ color: #fff; }
.foot .share li{ float: left; margin-right: 8px; }
.foot .share li a{ display: block; width: 38px; height: 38px; border-radius: 50%; border: #5c5c5c solid 1px; position: relative; }
.foot .share li img{ position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -9px; width: 19px; height: 19px;}
.foot .share li a:hover{ border: #20408a solid 1px; background: #20408a; }
.foot .share li a:hover img{ opacity: 1; }


.pageBox{ padding: 110px 0; background: #fafafa;}

.pageBanner{ position: relative; height: 693px; background: center no-repeat; background-size: cover; }
.pageBanner:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 120px; background: url(../images/bg2.png) bottom repeat-x; }
.pageBanner .en{ color: #fff; padding-top: 130px; padding-bottom: 60px; font-size: 48px; line-height: 48px; font-family: bold; position: relative; z-index: 1;}
.pageBanner .en:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 48px; height: 3px; background: #fff; }

.pageTop{ background: #fff; height: 92px; }
.pageTop .wal{ position: relative; height: 92px; }
.pageNav li{ float: left; font-size: 16px; position: relative; z-index: 1;}
.pageNav li a{ display: block; padding: 0 28px; height: 92px; line-height: 92px; color: #333; font-size:16px; }
.pageNav li .aNow{ background: #082c7e; color: #fff!important; }
.pageNav li a:hover{ color: #082c7e; }

.pageNav2 .list{ overflow: hidden; }
.pageNav2 li{ width: auto; font-size: 16px; position: relative; z-index: 1;}
.pageNav2 li a{ display: block; padding: 0 28px; height: 92px; line-height: 92px; color: #333; }
.pageNav2 li .aNow{ background: #082c7e; color: #fff!important; }
.pageNav2 li a:hover{ color: #082c7e; }
.pageNav2 .btn{ display: block; z-index: 2; position: absolute; width: 8px; height: 16px; top: 50%; margin-top: -8px;}
.pageNav2 .prev{ left: -23px; background: url(../images/nimg8_left.png) no-repeat;}
.pageNav2 .next{ right: -23px; background: url(../images/nimg8_right.png) no-repeat; }
.pageNav2 .prev:hover{ background: url(../images/nimg8_lefton.png) no-repeat;}
.pageNav2 .next:hover{ background: url(../images/nimg8_righton.png) no-repeat;}

.pageTop .select{ width: 356px; position: absolute; right: 0; top: 0; height: 92px;}
.pageTop .caption{ box-sizing: border-box; font-size: 16px; color: #000; height: 92px; line-height: 92px; width: 100%; cursor: pointer; overflow: hidden; position: relative; z-index: 5;}
.pageTop .caption:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #082c7e; }
.pageTop .caption:after{ content: ''; position: absolute; right: 0; top: 50%; width: 53px; height: 30px; margin-top: -15px; background: #082c7e url(../images/ico1.png) center no-repeat; border-radius: 36px; }
.pageTop .select .lie{ display:none; position: absolute; left: 0px; top: 92px; z-index: 10; width: 100%; background: #fff; max-height: 200px; overflow: auto; box-sizing: border-box;} 
.pageTop .select .lie::-webkit-scrollbar { width: 2px;}
.pageTop .select .lie::-webkit-scrollbar-track { background-color: #e5e5e5;}
.pageTop .select .lie::-webkit-scrollbar-thumb { background-color: #082c7e;}
.pageTop .select .lie a{ display:block; position: relative; line-height: 50px; height: 50px; padding: 0 20px; cursor: pointer; color: #333; font-size: 14px;}
.pageTop .select .lie a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #eee;}
.pageTop .select .lie a:last-child:after{ display: none; }
.pageTop .select .lie a:hover{ color: #082c7e; }

.pageTitleTel{ height:1.1rem; background: #082c7e; position:relative;}
.sideTitleTel{ width:100%; height:1.1rem; position:absolute; left:0px; top:0px;}
.sideTitleTel .con{ font-size:0.36rem; height:1.1rem; line-height:1.1rem; position:relative; padding-right:10px;}
.sideTitleTel .con a{font-size: 0.36rem; color: #fff; display:block; height:1.1rem; padding-left:0.3rem;}
.sideTitleTel .con img{ position: absolute; right: 0.3rem; top: 50%; margin-top: -0.12rem; width: 0.4rem;}
.sideTitleTel .con.on img{ transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);}
.sideTitleNav{ position:absolute; top:1.1rem; z-index:10; width:100%; overflow: auto; background:#fff; max-height: 5rem; display:none; box-shadow:0 1px 5px rgba(35,25,25,0.2); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.2); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.2);}
.sideTitleNav::-webkit-scrollbar { width: 2px;}
.sideTitleNav::-webkit-scrollbar-track { background-color: #e5e5e5;}
.sideTitleNav::-webkit-scrollbar-thumb { background-color: #082c7e;}
.sideTitleNav li{ font-size: 0.3rem; height:1.0rem; position: relative; }
.sideTitleNav li:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #d7d7d7; }
.sideTitleNav li a{ font-size: 0.3rem; display:block; height:1.0rem; line-height:1.0rem; padding-left:0.3rem; overflow: hidden; color:#4d4d4d;}
.sideTitleTel .con em{ display:block; color:#fff; padding-left: 0.3rem;}

.topA{ display: none; position: fixed; z-index: 6; width: 50px; height: 50px; right: 20px; bottom: 35px; }

.downModal-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; align-items: center; z-index: 999; background: rgba(0, 0, 0, 0.5); display: none;}
.downModal-box.on {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}


.downModal-box .downLayer{ width: 900px; padding: 0.8rem 80px; margin: 0 auto; background: #fff; position: relative; box-sizing: border-box;}
.downLayer .close{ display:block; position:absolute; right:80px; top:30px; width:30px; height:30px; background: url(../images/close2.png) center no-repeat;}
.downLayer .title{ font-size: 32px; line-height: 32px; color: #000; font-family: bold; padding-bottom: 20px; }
.downLayer .mxfDiv{ border: #f0f0f0 solid 1px; padding: 30px 10px 30px 30px; }
.downLayer .scrollDiv{ height: 288px; overflow: auto; }
.downLayer .scrollDiv::-webkit-scrollbar { width: 3px;}
.downLayer .scrollDiv::-webkit-scrollbar-track { background-color: #f0f0f0;}
.downLayer .scrollDiv::-webkit-scrollbar-thumb { background-color: #000;} 
.downLayer .content{ font-size: 16px; line-height: 24px; color: #7f7f7f; padding-right: 70px; text-align: justify;}
.downLayer .btnDiv{ padding-top: 40px; float: right; }
.downLayer .btnDiv a{ display: block; width: 120px; height: 40px; background: #082c7e; border-radius: 24px; line-height: 40px; text-align: center; font-size: 16px; font-family: bold; color: #fff; }