@charset "UTF-8";
.f0 {
  font-size: 0rem;
}

.f12 {
  font-size: 0.12rem;
}

.f14 {
  font-size: 0.14rem;
}

.f16 {
  font-size: 0.16rem;
}

.f18 {
  font-size: 0.18rem;
}

.f20 {
  font-size: 0.2rem;
}

.f22 {
  font-size: 0.22rem;
}

.f24 {
  font-size: 0.24rem;
}

.f28 {
  font-size: 0.28rem;
}

.f32 {
  font-size: 0.32rem;
}

.fw400 {
  font-weight: 400;
}

.fw500 {
  font-weight: 500;
}

.fw600 {
  font-weight: 600;
}

.fw700 {
  font-weight: 700;
}

.btn {
  display: inline-block;
  text-align: center;
  padding: 0.09rem 0.42rem;
  line-height: 0.36rem;
  border-style: solid;
  border-radius: 0.05rem;
}
.btn.btn-primary {
  color: #000;
  font-weight: 400;
  background: #fff;
  border-color: #000;
}
.btn.btn-default {
  color: #fff;
  background: #000610;
  border-color: #fff;
}
.btn.btn-disabled {
  color: #ebebeb;
  font-weight: 400;
  background: rgba(255, 255, 255, 0.5);
  opacity: 0.3;
}
.btn.btn-left-disabled {
  border-top: 1px solid linear-gradient(#696969, #fff, #B9B9B9);
  border-bottom: 1px solid linear-gradient(#696969, #fff, #B9B9B9);
  border-right: 1px solid linear-gradient(#696969, #fff, #B9B9B9);
}
.btn.btn-right-disabled {
  border-top: 1px solid linear-gradient(#696969, #fff, #B9B9B9);
  border-bottom: 1px solid linear-gradient(#696969, #fff, #B9B9B9);
  border-left: 1px solid linear-gradient(#696969, #fff, #B9B9B9);
}

.ta-center {
  text-align: center;
}

.hblock:after {
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  content: "";
}
.hblock .v-middle {
  display: inline-block;
  vertical-align: middle;
}

.flex {
  display: flex;
  flex-direction: row;
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.flex-grow-1 {
  flex-grow: 1;
}

.ai-center {
  align-items: center;
}

.ai-flex-start {
  align-items: flex-start;
}

.ai-flex-end {
  align-items: flex-end;
}

.jc-center {
  justify-content: center;
}

.jc-flex-start {
  justify-content: flex-start;
}

.jc-flex-end {
  justify-content: flex-end;
}

.jc-space-between {
  justify-content: space-between;
}

/* 头部 */
.site-top {
  text-align: center;
  line-height: .57rem; 
  font-size: .14rem;
  font-weight: 600;
  background-color: #fcd535;
}
.site-top a {
  color: #000;
}

.site-header {
  /* padding: 0.38rem 0 .55rem; */
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  background-color: #fff;
  transition: 0.3s ease;
  height: 1.39rem;
}
.site-header .site-header__container {
  /* width: 13.42rem; */
  /* margin: 0 auto; */
  
}
.site-header .site-header__container .site-header__inner {
  height: .82rem;
  border-bottom: 1px solid #d9d9d9;
  box-sizing: border-box;
  padding: 0 .25rem;
}
.site-header .site-header__container .site-header__inner .site-header__inner--left .site-header__logo--link {
  position: relative;
  color: #000;
  margin-right: 0.44rem;
}
/* .site-header .site-header__container .site-header__inner .site-header__inner--left .site-header__logo--link:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.2rem;
  height: 0.2rem;
  background-color: #2B8251;
  transform: rotate(45deg);
  border-radius: 0.03rem;
}
.site-header .site-header__container .site-header__inner .site-header__inner--left .site-header__logo--link:after {
  content: "";
  position: absolute;
  left: 0.07rem;
  top: -0.05rem;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #2DE582;
  transform: rotate(45deg);
  opacity: 0.8;
  border-radius: 0.03rem;
} */
.site-header .site-header__container .site-header__inner .site-header__inner--left .site-header__logo--link .site-header__logo--text {
  margin-left: 0.15rem;
  /* line-height: 0.42rem; */
  font-family: PBold;
  position: relative;
  top: -0.07rem;
}
.site-header__nav--link {
  display: inline-block;
  line-height: 0.18rem;
  font-family: PSemiBold;
  margin-right: 0.48rem;
  position: relative;
  /* padding-bottom: .35rem; */
}
.site-header__nav--link a {
  color: #000;
}
.site-header__nav--link .nav-subitem {
  position: absolute;
  left: 0;
  top: .35rem;
  display: none;
  /* max-height: 0;
  overflow-y: hidden;*/
  transition: display .5s ease;  
}


.nav-subitem_b { background-color: #fff; border:1px solid #d9d9d9; }
.site-header__nav--link:hover .nav-subitem {
  /* max-height: .7rem; */
  display: block;
}
.site-header__nav--link .nav-subitem a {
  display: block;
  /* margin-bottom: .1rem; */
  line-height: 0.2rem;
  font-family: PSemiBold;
  color: #000;
}
.site-header__nav--link .nav-subitem a.active,.site-header .site-header__container .site-header__inner .site-header__inner--left .site-header__nav--link .nav-subitem a:hover {
  color: #FCD535;
}
/* .site-header .site-header__container .site-header__inner .site-header__inner--left .site-header__nav--link .nav-subitem a:last-of-type {
  margin-bottom: 0;
} */
.site-header__nav--link span {
  vertical-align: middle;
}
.site-header__nav--link .nav-subitem--switch {
  display: inline-block;
  width: 0.12rem;
  height: 0.07rem;
  background: url(../images/common/down-arrow.png) no-repeat 0 0/cover;
  margin-left: 0.08rem;
}
.site-header__nav--link .nav-item--link.active, .site-header .site-header__container .site-header__inner .site-header__inner--left .site-header__nav--link .nav-item--link:hover {
  color: #FCD535;
}
.site-header .site-header__container .site-header__inner .site-header__lang {
  font-family: PSemiBold;
  line-height: 0.21rem;
  color: #000;
  margin-right: 0.08rem;
}
/* .site-header .site-header__container .site-header__inner .site-header__lang--switch {
  width: 0.12rem;
  height: 0.07rem;
  background: url("../images/common/down-arrow.png") no-repeat 0 0/cover;
  margin-right: 0.18rem;
} */
.site-header .site-header__container .site-header__inner .site-header__btn--link {
  line-height: 0.21rem;
  color: #000;
  font-family: PSemiBold;
  padding: 0.07rem 0.14rem;
  background-color: #2DE582;
  border-radius: 0.05rem;
}
.site-header .site-header__container .site-header__inner .site-header__btn--link--img {
  display: inline-block;
  width: 0.09rem;
  height: 0.08rem;
  margin-left: 0.06rem;
  /* background: url("../images/right-arrow.png") no-repeat 0 0/cover; */
}
.site-header.site-header--hidden {
  transform: translateY(-100%);
}
.site-header__toggle {
  display: inline-block; 
  vertical-align: middle; 
  line-height: .19rem; 
  position: relative; 
  width: 0.3rem;
  text-align: center;
}
.site-header__toggle > div {
  display: none;
}
.site-header__toggle:hover > div {
  display: block;
}
.site-header__toggle > div p {
  padding: .02rem .04rem; 
  border-bottom: 1px solid #d9d9d9; 
  line-height: 0.24rem; 
  font-family: PRegular; 
  color: #000;
}
.site-header__toggle > div p:last-of-type {
  border: 0 none;
}
.site-header__toggle > div p.active {
  color: #FCD535;
}


.mobile-header,
.mobile-toggle,
.mobile-nav,
.mobile-footer,
.mobile-scroll {
  display: none;
}

/* 尾部 */
.site-footer {
  /* padding-bottom: 1.41rem; */
  padding-bottom: .5rem;
}
.site-footer .site-footer__container {
  width: 11.38rem;
  margin: 0 auto;
}
.site-footer .site-footer__container .site-footer--left {
  padding: 1rem 0 0;
  width: 3.72rem;
  margin-right: 1.15rem;
}
.site-footer .site-footer__container .site-footer--left .site-footer-title {
  line-height: 0.36rem;
  font-family: PBold;
}
.site-footer .site-footer__container .site-footer--left .site-footer-subtitle {
  font-size: 0.13rem;
  font-family: PRegular;
  line-height: 0.2rem;
  color: rgba(0, 0, 0, 0.6);
}
.site-footer .site-footer__container .site-footer--left .cr {
  margin-top: 0.55rem;
}
.site-footer .site-footer__container .site-footer--left .cr ul {
  margin-bottom: 0.3rem;
  font-size: 0;
}
.site-footer .site-footer__container .site-footer--left .cr ul li {
  display: inline-block;
  font-size: 0;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #000;
  text-align: center;
  line-height: 0.48rem;
  margin-right: 0.18rem;
  border-radius: 100%;
}
.site-footer .site-footer__container .site-footer--left .cr ul li svg {
  width: 0.19rem;
  height: 0.18rem;
  color: #fff;
}
.site-footer .site-footer__container .site-footer--left .cr p {
  font-size: 0.13rem;
  font-family: PRegular;
  color: rgba(0, 0, 0, 0.6);
  line-height: 0.2rem;
}
.site-footer .site-footer__container .site-footer--right {
  font-family: PMedium;
  width: 5.07rem;
  box-sizing: border-box;
  padding: 1rem 0 0 0.65rem;
  color: #000;
}
/* .site-footer .site-footer__container .site-footer--right ul:first-of-type {
  margin-right: 1.34rem;
}
.site-footer .site-footer__container .site-footer--right ul:nth-of-type(2) {
  margin-right: 0.59rem;
} */
.site-footer .site-footer__container .site-footer--right ul p {
  font-size: 0.13rem;
  line-height: 0.4rem;
  margin: 0 0 0.05rem;
}

.site-footer .site-footer__container .site-footer--right ul p a {color: #333;}
.site-footer .site-footer__container .site-footer--right ul p a:hover {color:#999;}

/* 移动端 */
@media screen and (min-width: 320px) and (max-width: 1023px) {
  .site-header,
.site-footer {
    display: none;
  }
  .mobile-nav {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: #fff;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
  }
  .mobile-nav.mobile-nav__ani--open {
    opacity: 1;
    visibility: visible;
  }
  .mobile-nav .mobile-nav__hd {
    padding: 0.42rem 0.62rem 0 0.51rem;
  }
  .mobile-nav .mobile-nav__hd .mobile-nav__link {
    position: relative;
  }
  .mobile-nav .mobile-nav__hd .mobile-nav__link .mobile-nav__logo {
    font-size: 0.35rem;
    color: #000;
    font-family: PBold;
    line-height: 0.35rem;
  }
  .mobile-nav .mobile-nav__hd .mobile-nav__link .mobile-nav-logo1, .mobile-nav .mobile-nav__hd .mobile-nav__link .mobile-nav-logo2 {
    display: block;
    content: "";
    position: relative;
    left: 0;
    top: 0;
    width: 0.2rem;
    height: 0.2rem;
    transform: rotate(45deg);
    border-radius: 0.03rem;
  }
  .mobile-nav .mobile-nav__hd .mobile-nav__link .mobile-nav-logo1 {
    background-color: #2B8251;
  }
  .mobile-nav .mobile-nav__hd .mobile-nav__link .mobile-nav-logo2 {
    background-color: rgba(45, 229, 130, 0.8);
    left: -0.12rem;
    top: -0.01rem;
    width: 0.3rem;
    height: 0.3rem;
    margin-right: 0.1rem;
  }
  .mobile-nav .mobile-nav__hd .close-btn img {
    width: 0.26rem;
    height: 0.26rem;
    object-fit: contain;
  }
  .mobile-nav .mobile-nav__bd {
    padding: 0.28rem 0.27rem 0 0.28rem;
  }
  .mobile-nav .mobile-nav__bd li {
    padding: 0.2rem 0 0.2rem 0.45rem;
    font-size: 0.4rem;
    font-weight: 600;
    line-height: 0.6rem;
    font-family: PSemiBold;
    color: #000;
  }
  .mobile-nav .mobile-nav__bd li a {
    font-family: 'PREGULAR';
    font-size: .28rem;
    /* line-height: .32rem; */
    color: #000;
    display: block;
  }
  .mobile-nav .mobile-nav__bd li a.active {
    color: #FCD535;
  }
  .mobile-nav .mobile-nav__bd li + li {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }

  .mobile-toggle {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: #fff;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
  }
  .mobile-toggle.mobile-toggle__ani--open {
    opacity: 1;
    visibility: visible;
  }
  .mobile-toggle .mobile-toggle__hd {
    padding: 0.42rem 0.62rem 0 0.51rem;
  }
  .mobile-toggle .mobile-toggle__hd .mobile-toggle__link {
    position: relative;
  }
  .mobile-toggle .mobile-toggle__hd .mobile-toggle__link .mobile-toggle__logo {
    font-size: 0.35rem;
    color: #000;
    font-family: PBold;
    line-height: 0.35rem;
  }
  .mobile-toggle .mobile-toggle__hd .mobile-toggle__link .mobile-toggle-logo1, .mobile-toggle .mobile-toggle__hd .mobile-toggle__link .mobile-toggle-logo2 {
    display: block;
    content: "";
    position: relative;
    left: 0;
    top: 0;
    width: 0.2rem;
    height: 0.2rem;
    transform: rotate(45deg);
    border-radius: 0.03rem;
  }
  .mobile-toggle .mobile-toggle__hd .close-btn img {
    width: 0.26rem;
    height: 0.26rem;
    object-fit: contain;
  }
  .mobile-toggle .mobile-toggle__bd {
    padding: 0.28rem 0.27rem 0 0.28rem;
  }
  .mobile-toggle .mobile-toggle__bd li {
    padding: 0.2rem 0 0.2rem 0.45rem;
    font-size: 0.4rem;
    font-weight: 600;
    line-height: 0.6rem;
    font-family: PSemiBold;
    color: #000;
  }
  .mobile-toggle .mobile-toggle__bd li a {
    font-family: 'PREGULAR';
    font-size: .28rem;
    line-height: .32rem;
    color: #000;
  }
  .mobile-toggle .mobile-toggle__bd li a.active {
    color: #FCD535;
  }
  .mobile-toggle .mobile-toggle__bd li + li {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }

  .mobile-header {
    display: block;
    border-bottom: 1px solid #D9D9D9;
  }
  .mobile-header .mobile-header__inner {
    padding: 0.35rem 0.5rem .35rem 0.5rem;
  }
  .mobile-header .mobile-header__menu i {
    display: block;
    width: 0.4rem;
    height: 0.06rem;
    border-radius: 0.02rem;
    background-color: #000;
  }
  .mobile-header .mobile-header__menu i + i {
    margin-top: 0.08rem;
  }
  .mobile-header .mobile-header__logo--link {
    position: relative;
  }
  .mobile-header .mobile-header__logo--link .mobile-header__logo {
    font-size: 0.35rem;
    color: #000;
    font-family: PBold;
    line-height: 0.35rem;
  }
  .mobile-header .mobile-header__logo--link .mobile-header-logo1, .mobile-header .mobile-header__logo--link .mobile-header-logo2 {
    display: block;
    content: "";
    position: relative;
    left: 0;
    top: 0;
    width: 0.2rem;
    height: 0.2rem;
    transform: rotate(45deg);
    border-radius: 0.03rem;
  }
  .mobile-header .mobile-header__logo--link .mobile-header-logo1 {
    background-color: #2B8251;
  }
  .mobile-header .mobile-header__logo--link .mobile-header-logo2 {
    background-color: rgba(45, 229, 130, 0.8);
    left: -0.12rem;
    top: -0.01rem;
    width: 0.3rem;
    height: 0.3rem;
    margin-right: 0.1rem;
  }
  .mobile-header .mobile-header__lang {
    font-size: 0.26rem;
    line-height: 0.39rem;
    color: #000;
    font-family: PSemiBold;
  }
  .mobile-header .mobile-header__lang--switch {
    display: inline-block;
    width: 0.2rem;
    height: 0.15rem;
    /* background: url(../images/down-arrow.png) no-repeat 0 0/contain; */
    margin-left: 0.15rem;
    position: relative;
    top: 0.03rem;
  }

  .mobile-footer {
    display: block;
    padding: 1rem 0;
  }
  .mobile-footer .mobile-footer__title {
    font-size: 0.48rem;
    font-weight: 700;
    line-height: 0.72rem;
    font-family: PBold;
    color: #000;
    margin-bottom: 0.21rem;
  }
  .mobile-footer .mobile-footer__subtitle {
    padding: 0 1rem;
    font-size: 0.24rem;
    font-weight: 400;
    line-height: 0.36rem;
    font-family: PRegular;
    color: rgba(0, 0, 0, 0.6);
    margin-bottom: 0.61rem;
  }
  .mobile-footer .mobile-footer__nav {
    margin-bottom: 1.61rem;
  }
  .mobile-footer .mobile-footer__nav .mobile-footer--left {
    margin-right: 1.8rem;
  }
  .mobile-footer .mobile-footer__nav p {
    font-size: 0.22rem;
    font-weight: 400;
    line-height: 0.5rem;
    font-family: PRegular;
    color: #000;
  }

  .mobile-footer-astyle a {color: #000;}

  .mobile-footer .mobile-footer__link {
    padding: 0 1rem;
    height: 0.5rem;
  }
  .mobile-footer .mobile-footer__link .links a {
    display: inline-block; 
    /* float: left; */
    margin-right: 0.23rem;
    width: 0.3rem;
    height: 0.28rem; 
    padding: 0.15rem 0.1rem 0.1rem 0.1rem;
    line-height: 0.4rem;
    border-radius: 100%;
    background-color: #000;
    vertical-align: middle;
  }
  .mobile-footer .mobile-footer__link .links span svg {
    display: inline-block;
    width: 0.24rem;
    height: 0.24rem; 
    color: #fff;
  }
  .mobile-footer .mobile-footer--cr {
    /* padding-left: 0.8rem; */
    margin-top: 0.52rem;
    font-size: 0.24rem;
    font-weight: 400;
    line-height: 0.36rem;
    float: none;
    font-family: PRegular;
    color: rgba(0, 0, 0, 0.6);
  }

  .mobile-scroll {
    display: block;
    position: fixed;
    right: 0.79rem;
    bottom: 2.28rem;
    width: 0.74rem;
    height: 0.74rem;
    background-color: #FCD535;
    border-radius: 100%;
    opacity: 0;
    transition: all 0.5s ease;
  }
  .mobile-scroll.animate {
    opacity: 1;
  }
  .mobile-scroll:after {
    content: "";
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
  }
  .mobile-scroll img {
    vertical-align: middle;
    width: 0.22rem;
    height: 0.18rem;
    object-fit: contain;
  }
}

.common-btn {
  display: inline-block;
  padding: .08rem .15rem;
  color: #111722;
  font-size: .14rem;
  border-radius: .2rem;
  background-color: #FCD535;
  font-weight: 700;
}