header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: .91rem;
  z-index: 999;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(44.4px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

header .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: .91rem;
}

header .header .logo {
  display: block;
  width: 1.02rem;
}

header .header .logo img {
  display: block;
  width: 100%;
}

header .header nav {
  display: flex;
  align-items: center;
  column-gap: .74rem;
  height: .91rem;
}

header .header nav .nav-item {
  height: 100%;
  position: relative;
}

header .header nav .nav-item .nav-item-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

header .header nav .nav-item .nav-item-dropdown .nav-item-dropdown-inner {
  margin-top: .24rem;
  min-width: 1.44rem;
  background: #FFF;
  box-shadow: drop-shadow(0 0.04rem 0.3rem rgba(19, 62, 65, 0.05));
  border-radius: .08rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: .18rem;
  padding-top: .16rem;
  padding-bottom: .16rem;
  padding-left: .1rem;
  padding-right: .1rem;
  position: relative;
}

header .header nav .nav-item .nav-item-dropdown .nav-item-dropdown-inner::before {
  content: "";
  position: absolute;
  width: .2rem;
  height: .2rem;
  border-radius: .05rem;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  background: #ffffff;
  top: -.08rem;
}

header .header nav .nav-item .nav-item-dropdown .nav-item-dropdown-inner a {
  color: #333;
  font-size: .16rem;
  font-weight: 500;
  line-height: normal;
}

header .header nav .nav-item .nav-item-dropdown .nav-item-dropdown-inner a:hover {
  color: #1D5F63;
}

header .header nav .nav-item .nav-item__icon {
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: .2rem;
  width: .32rem;
  height: .08rem;
}

header .header nav .nav-item:hover .nav-item__icon {
  display: block;
}

header .header nav .nav-item:hover .nav-item-dropdown {
  display: block;
}

header .header nav .nav-item:hover .nav-item-title {
    color: #1D5F63;
}

header .header nav .nav-item.active .nav-item-title {
    color: #1D5F63;
}

header .header nav a {
  display: flex;
  align-items: center;
  height: 100%;
  color: #333;
  font-weight: 500;
  line-height: normal;
}

header .header .header-right {
  display: flex;
  align-items: center;
  column-gap: .29rem;
}

header .header .header-right .search {
  display: block;
  width: .26rem;
  height: .26rem;
}

header .header .header-right .search img {
  display: block;
  width: 100%;
  height: 100%;
}

header .header .header-right .lang {
  display: flex;
  align-items: center;
  position: relative;
}

header .header .header-right .lang .lang__icon {
  display: block;
  width: .26rem;
  height: .26rem;
  margin-right: .08rem;
}

header .header .header-right .lang .lang__p {
  color: #333;
  font-weight: 400;
  line-height: 114.286%;
}

header .header .header-right .lang .lang-select {
  display: block;
  width: 10px;
  margin-left: .09rem;
}

header .header .header-right .lang:hover .select-box {
  display: block;
}

header .header .header-right .lang .select-box {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}

header .header .header-right .lang .select-box .select-box-inner {
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin: 5px 0;
}

header .header .header-right .lang .select-box .select-box-inner a {
  display: block;
  font-size: .14rem;
  padding: 0 .2rem;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #606266;
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  cursor: pointer;
}

header .header .header-right .lang .select-box .select-box-inner a:hover {
  background-color: #f5f7fa;
}

header.on {
  background: #ffffff;
}

header.about .header .logo {
  filter: brightness(0) invert(1);
}

header.about .header nav a {
  color: #ffffff;
}

header.about .header .header-right .search img {
  filter: brightness(0) invert(1);
}

header.about .header .header-right .lang img {
  filter: brightness(0) invert(1);
}

header.about .header .header-right .lang .lang__p {
  color: #ffffff;
}

header.about.on .header .logo {
  filter: unset;
}

header.about.on .header nav a {
  color: #333333;
}

header.about.on .header .header-right .search img {
  filter: unset;
}

header.about.on .header .header-right .lang img {
  filter: unset;
}

header.about.on .header .header-right .lang .lang__p {
  color: #333333;
}

footer {
  border-radius: .2rem .2rem 0 0;
  background: #F7FBF8;
}

footer .footer .footer-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid rgba(51, 51, 51, 0.08);
}

footer .footer .footer-top .footer-logo {
  display: block;
  width: 1.44rem;
}

footer .footer .footer-top .footer-friend {
  display: flex;
  border-radius: .07rem .07rem 0 .07rem;
  border: 1.5px solid rgba(1, 43, 26, 0.5);
  justify-content: space-between;
  align-items: center;
  padding: .16rem .45rem .16rem .23rem;
  position: relative;
}

footer .footer .footer-top .footer-friend .footer-friend__p {
  color: #012B1A;
  font-weight: 400;
  position: relative;
}

footer .footer .footer-top .footer-friend::after {
  content: "";
  width: .09rem;
  height: .06rem;
  position: absolute;
  top: 50%;
  right: .23rem;
  transform: translateY(-50%);
  background: url("../img/img8.png") no-repeat;
  background-size: 100% 100%;
}

footer .footer .footer-top .footer-friend .friend-box {
  display: none;
  position: absolute;
  border: 1px solid #e4e7ed;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin: 0;
  top: 100%;
  left: 0;
  right: 0;
}

footer .footer .footer-top .footer-friend .friend-box a {
  display: block;
  font-size: 14px;
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #606266;
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  cursor: pointer;
}

footer .footer .footer-top .footer-friend .friend-box a:hover {
  background: #f5f7fa;
}

footer .footer .footer-top .footer-friend:hover .friend-box {
  display: block;
}

footer .footer .footer-main {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

footer .footer .footer-main .footer-nav {
  display: flex;
  /*column-gap: 1.51rem;*/
  column-gap: .7rem;
}

footer .footer .footer-main .footer-nav .footer-nav-item {
  display: flex;
  flex-direction: column;
  row-gap: .2rem;
}

footer .footer .footer-main .footer-nav .footer-nav-item a {
  color: rgba(1, 43, 26, 0.6);
  font-weight: 400;
  line-height: 143%;
}

footer .footer .footer-main .footer-nav .footer-nav-item .footer-nav-top {
  margin-bottom: .2rem;
}

footer .footer .footer-main .footer-nav .footer-nav-item .footer-nav-top a {
  color: #012B1A;
  font-weight: 500;
  line-height: normal;
}

footer .footer .footer-main .footer-nav .footer-nav-item .footer-nav-bottom {
  display: flex;
  flex-direction: column;
  row-gap: .2rem;
}

footer .footer .footer-main .footer-contact .footer-contact-title {
  color: #012B1A;
  font-weight: 500;
  line-height: normal;
  margin-bottom: .06rem;
}

footer .footer .footer-main .footer-contact .footer-contact-num {
  font-weight: 700;
  line-height: normal;
  background: linear-gradient(83deg, #0092DF -11.69%, #5BB531 108.84%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

footer .footer .footer-main .footer-share {
  display: flex;
  align-items: flex-start;
  column-gap: .14rem;
}

footer .footer .footer-main .footer-share .footer-share-item {
  border-radius: 50%;
  width: .36rem;
  height: .36rem;
  border: 1px solid rgba(112, 112, 112, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

footer .footer .footer-main .footer-share .footer-share-item .footer-share-item__img {
  display: block;
  max-width: .21rem;
  max-height: .17rem;
}

footer .footer .footer-main .footer-share .footer-share-item:nth-child(2) .footer-share-item__img {
  filter: brightness(100) invert(1);
}

footer .footer .footer-main .footer-share .footer-share-item:hover {
  border: 1px solid transparent;
  background: linear-gradient(83deg, #0092DF -11.69%, #5BB531 108.84%);
}

footer .footer .footer-main .footer-share .footer-share-item:hover .footer-share-item__img {
  filter: brightness(0) invert(1);
}

footer .footer .footer-main .footer-share .footer-share-item:hover .footer-share-box {
  display: block;
}

footer .footer .footer-main .footer-share .footer-share-item .footer-share-box {
  display: none;
  position: absolute;
  width: .94rem;
  height: .94rem;
  background: #FFF;
  box-shadow: 0 4px 32.3px rgba(0, 0, 0, 0.1);
  left: 50%;
  transform: translateX(-50%);
  top: calc( 100% + .14rem);
}

footer .footer .footer-main .footer-share .footer-share-item .footer-share-box::before {
  content: "";
  position: absolute;
  width: .1rem;
  height: .1rem;
  background: #ffffff;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  top: -.05rem;
}

footer .footer .footer-main .footer-share .footer-share-item .footer-share-box img {
  display: block;
  width: .84rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: .04rem;
  max-width: 100%;
  max-height: 100%;
}

footer .footer .footer-copyright {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(213, 213, 213, 0.2);
}

footer .footer .footer-copyright .footer-copyright-left {
  display: flex;
  align-items: center;
  column-gap: .1rem;
}

footer .footer .footer-copyright .footer-copyright-left a {
  color: rgba(1, 43, 26, 0.2);
  font-weight: 400;
}

footer .footer .footer-copyright .footer-copyright-right {
  display: flex;
  align-items: center;
  column-gap: .31rem;
}

footer .footer .footer-copyright .footer-copyright-right a {
  position: relative;
  color: rgba(1, 43, 26, 0.2);
}

footer .footer .footer-copyright .footer-copyright-right a::after {
  content: "";
  position: absolute;
  right: -.16rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: .08rem;
  background: rgba(1, 43, 26, 0.2);
}

footer .footer .footer-copyright .footer-copyright-right a:last-child::after {
  content: none;
}

.side {
  position: fixed;
  bottom: 1.36rem;
  right: .52rem;
  display: flex;
  flex-direction: column;
  row-gap: .12rem;
  z-index: 9;
}

.side .side-item {
  width: .52rem;
  height: .52rem;
  border-radius: 50%;
  background: #FFF;
  box-shadow: 0 0.04rem 0.17rem 0 rgba(78, 151, 43, 0.09);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.side .side-item:first-child img {
  /*display: block;*/
  width: .21rem;
}

.side .side-item .img1 {
    display: block;
}
.side .side-item .img2 {
    display: none;
}

.side .side-item:hover .img1 {
    display: none;
}

.side .side-item:hover .img2 {
    display: block;
}

.side-float {
    display: none;
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.side .side-item:hover .side-float {
    display: block;
}
.side-float-inner {
    margin-right: 10px;
    padding: .1rem .19rem .1rem .12rem;
    background: #ffffff;
    white-space: nowrap;
    border-radius: .05rem;
    position: relative;
}
.side-float-inner:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    background: #ffffff;
    width: .1rem;
    height: .1rem;
    right: -.04rem;
    
    color: #1D5F63;
    font-family: Lexend;
    font-size: .18rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    
}

.side-float-inner img {
    display: block;
    width: .7rem!important;
    height: .7rem!important;
    background: red;
}

.side .side-item:nth-child(2) img {
  /*display: block;*/
  width: .235rem;
}

.side .side-item:nth-child(3) img {
  /*display: block;*/
  width: .29rem;
}