* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Microsoft YaHei","PingFang SC";
  font-size: .16rem;
}

@font-face {
  font-family: 'iconfont';
  
  src: url("../font/font_2667897_mj58i0crmp7.woff2") format("woff2"), url("../font/font_2667897_mj58i0crmp7.woff") format("woff"), url("../font/font_2667897_mj58i0crmp7.ttf") format("truetype");
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


html {
  background-color: #fff;
  font-size: calc(100vw / 12);
}


@media screen and (min-width: 1200px) {
  html {
    background-color: #fff;
    font-size: 100px;
  }
}

.move-btn {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .14rem;
  width: 1.5rem;
  height: .45rem;
  border: 1px solid #7ed000;
  background-color: #fff;
  color: #333333;
  border-radius: .225rem;
  text-decoration: none;
}

.move-btn:hover {
  color: #fff;
  background-color: #7ed000;
}

.contact-us {
  width: 1.7rem;
  height: 2.85rem;
  background: #FF724C;
  box-shadow: 0.03rem 0.04rem 0.15rem 0px rgba(0, 0, 0, 0.15);
  border-radius: .1rem;
  position: fixed;
  right: .4rem;
  top: calc(50% - 1.425rem);
  z-index: 99;
  padding: .1rem;
}

.contact-us .contact-us-title {
  color: #fff;
  text-align: center;
  font-size: .16rem;
  margin-bottom: .1rem;
  height: 0.3rem;
  line-height: .3rem;
}

.contact-us .contact-us-title > span {
  ont-size: .16rem;
  text-shadow: 0 0rem .2rem #fff;
}

.contact-us .contact-us-model {
  width: 1.5rem;
  height: .65rem;
  background: #F4FBFC;
  border-radius: .1rem;
  font-size: .14rem;
  margin-bottom: .1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333333;
}

.contact-us .contact-us-model .iconfont {
  color: #42cfe9;
  font-size: .22rem;
  margin-right: .1rem;
}

.contact-us .contact-us-ewm {
  width: 1.5rem;
  height: 1.5rem;
  background: #F4FBFC;
  border-radius: 0.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.contact-us .contact-us-ewm > img {
  width: 1.2rem;
  height: 1.2rem;
}

header {
  background-color: #fff;
}

header .header-contact {
  width: 100%;
  background-color: #f4fbfc;
  height: 0.4rem;
  display: flex;
  justify-content: center;
  font-size: .14rem;
}

header .header-contact > div {
  width: 12rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #888;
}

header .header-contact > div b {
  color: #555555;
}

header .header-contact > div .contact-icon {
  font-size: .14rem;
}

header .header-contact > div .contact-btn {
  text-decoration: none;
  font-size: .14rem;
  color: #888;
  user-select: none;
  cursor: pointer;
}

header .header-contact > div .contact-btn:hover {
  color: #7ed000;
}

header .header-logo-menu {
  height: 1rem;
  width: 12rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

header .header-logo-menu .header-logo {
  display: flex;
  align-items: center;
}

header .header-logo-menu .header-logo > a {
  display: flex;
}

header .header-logo-menu .header-logo > a > img {
  width: 2.17rem;
  height: 0.6rem;
}

header .header-logo-menu .header-menu {
  height: 1rem;
  display: flex;
  align-items: flex-end;
  font-size: .16rem;
}

header .header-logo-menu .header-menu .header-menu-item {
  height: .6rem;
  color: #333333;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

header .header-logo-menu .header-menu .header-menu-item:nth-last-child(1) {
  width: 1rem;
}

header .header-logo-menu .header-menu .header-menu-item:nth-last-child(2) {
  width: 1.02rem;
}

header .header-logo-menu .header-menu .header-menu-item:nth-last-child(3) {
  width: 1.15rem;
}

header .header-logo-menu .header-menu .header-menu-item:nth-last-child(4) {
  width: 1rem;
}

header .header-logo-menu .header-menu .header-menu-item:nth-last-child(5) {
  width: 1rem;
}

header .header-logo-menu .header-menu .header-menu-item:nth-last-child(6) {
  width: 1rem;
}

header .header-logo-menu .header-menu .header-menu-item:nth-last-child(7) {
  width: 0.65rem;
}

header .header-logo-menu .header-menu .header-menu-item > a {
  text-decoration: none;
  color: #555555;
}

header .header-logo-menu .header-menu .header-menu-item .header-menu-ul {
  transition: opacity 0.2s ease-in;
  display: none;
  
  padding: 0 .2rem;
  flex-direction: column;
  position: absolute;
  left: -.4rem;
  top: .3rem;
  background-color: #F4FBFC;
  box-shadow: 4px 7px 15px 0px rgba(0, 0, 0, 0.05);
  border-radius: .10rem;
  overflow: hidden;
}

header .header-logo-menu .header-menu .header-menu-item .header-menu-ul .header-menu-li {
  text-decoration: none;
  font-weight: 400;
  height: .45rem;
  
  width: max-content;
  border-bottom: 1px dashed #dbe7e9;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #555555;
}

header .header-logo-menu .header-menu .header-menu-item .header-menu-ul .header-menu-li:last-child {
  border: none;
}

header .header-logo-menu .header-menu .header-menu-item .header-menu-ul .header-menu-li:hover {
  color: #37CCE8;
}

header .header-logo-menu .header-menu .header-menu-item .header-menu-ul.big {
  
}

header .header-logo-menu .header-menu .header-menu-item .header-menu-ul.big .header-menu-li {
  width: 1.7rem;
}

header .header-logo-menu .header-menu .header-menu-item:hover > a {
  color: #37CCE8;
  font-weight: bold;
}

header .header-logo-menu .header-menu .header-menu-item:hover .menu-bar {
  color: #37CCE8;
}

header .header-logo-menu .header-menu .header-menu-item:hover .header-menu-ul {
  display: flex;
  z-index: 9;
}

.footer {
  width: 100%;
  border-top: 3px solid #41cfe9;
  height: 3.9rem;
  background-color: #444444;
}

.footer .footer-info {
  width: 12rem;
  height: 3.3rem;
  margin: 0 auto;
  display: flex;
  padding-top: .55rem;
}

.footer .footer-info .about-us-title {
  color: #fff;
  font-weight: bold;
  font-size: .16rem;
}

.footer .footer-info .about-us-title > span {
  font-size: .16rem;
  color: #41cfe9;
}

.footer .footer-info .about-us {
  width: 5.4rem;
  height: 3.3rem;
  padding-right: .8rem;
}

.footer .footer-info .about-us .about-us-content {
  margin-top: 0.3rem;
  font-size: .14rem;
  color: #AAAAAA;
}

.footer .footer-info .about-us .about-us-content > p > a {
  color: #39C6E1;
}

.footer .footer-info .about-us .about-us-phone {
  font-size: .14rem;
  color: #fff;
  display: flex;
  align-items: center;
}

.footer .footer-info .about-us .about-us-phone .iconfont {
  font-size: .18rem;
  color: #39c6e1;
  margin-right: .05rem;
}

.footer .footer-info .about-us .about-us-email {
  font-size: .14rem;
  color: #fff;
  display: flex;
  align-items: center;
}

.footer .footer-info .about-us .about-us-email .iconfont {
  font-size: .18rem;
  color: #7ed000;
  margin-right: .05rem;
}

.footer .footer-info .quick-navigation {
  width: 3.9rem;
  height: 2rem;
}

.footer .footer-info .quick-navigation .about-us-title {
  padding-left: 1rem;
  margin-bottom: .4rem;
}

.footer .footer-info .quick-navigation .about-us-li {
  padding: 0 1.2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.footer .footer-info .quick-navigation .about-us-li > a {
  font-size: .14rem;
  color: #fff;
  text-decoration: none;
  margin-bottom: 0.2rem;
}

.footer .footer-info .footer-ewm {
  width: 2.7rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.footer .footer-info .footer-ewm .about-us-ewm {
  margin-top: .38rem;
  width: 1.4rem;
  height: 1.4rem;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer .footer-info .footer-ewm .about-us-ewm > img {
  width: 1.14rem;
  height: 1.14rem;
}

.footer .footer-info .footer-ewm .about-us-ewm-tip {
  margin-top: .2rem;
  width: 1.4rem;
  text-align: center;
  font-size: .14rem;
  color: #AAAAAA;
}

.footer .footer-info .footer-bar {
  width: 0;
  height: 2rem;
  border-right: 1px solid #4c4c4c;
  border-left: 1px solid #393939;
}

.footer .keep-on-record {
  width: 100%;
  height: .6rem;
  background-color: #393939;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer .keep-on-record > a {
  font-size: .14rem;
  text-decoration: none;
  color: #777777;
}

.footer .keep-on-record .keep-on-record-bar {
  margin: 0 .2rem;
  font-size: .14rem;
  color: #777777;
}

.tags {
  width: 12rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  font-size: 0.18rem;
  position: relative;
}

.tags .tag {
  text-decoration: none;
  user-select: none;
  cursor: pointer;
  padding: 0.2rem;
  margin-left: 0.2rem;
  width: max-content;
  min-width: 1.5rem;
  height: 0.5rem;
  border-radius: 0.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333333;
  border: .01rem solid #7ED000;
  background-color: #fff;
  position: relative;
  transition: background 0.2s ease-in;
}

.tags .tag:nth-child(1) {
  margin-left: 0;
}

.tags .tag.tag-check {
  background-color: #7ED000;
  color: #fff;
}

.tags .tag.tag-check::before {
  content: '';
  position: absolute;
  top: .49rem;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-left: 0.08rem solid transparent;
  border-right: 0.08rem solid transparent;
  border-top: 0.08rem solid #7ED000;
}

.ml_8 {
  margin-left: .04rem;
}

.mr_8 {
  margin-right: .04rem;
}

.mr_20 {
  margin-right: .2rem;
}

.mr_15 {
  margin-right: .15rem;
}

.mr_30 {
  margin-right: .3rem;
}

.mr_50 {
  margin-right: .5rem;
}

.ml_15 {
  margin-left: .15rem;
}

.ml_30 {
  margin-left: .30rem;
}

.ml_45 {
  margin-left: .45rem;
}

.mb_10 {
  margin-bottom: .1rem !important;
}

.mb_20 {
  margin-bottom: .2rem !important;
}

.mb_15 {
  margin-bottom: .15rem !important;
}

.mt_10 {
  margin-top: .1rem !important;
}

.mt_50 {
  margin-top: .5rem !important;
}

.mt_40 {
  margin-top: .4rem !important;
}

.mt_30 {
  margin-top: .3rem !important;
}

.mt_20 {
  margin-top: .2rem !important;
}

.mt_15 {
  margin-top: .15rem !important;
}

.mb_45 {
  margin-bottom: .45rem !important;
}

.mb_88 {
  margin-bottom: .88rem !important;
}

.swiper-container {
  width: 100%;
  
}

.swiper-tags {
  width: 12rem;
  height: .7rem;
  margin: 0 auto;
  overflow: hidden;
}

.swiper-tags .swiper-wrapper {
  font-size: 0.18rem;
}

.swiper-tags .swiper-wrapper .tag {
  text-decoration: none;
  user-select: none;
  cursor: pointer;
  margin-left: 0.2rem;
  min-width: 1.5rem;
  padding: 0.2rem .2rem;
  height: 0.5rem;
  border-radius: 0.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333333;
  border: .01rem solid #7ED000;
  background-color: #fff;
  position: relative;
  transition: background 0.2s ease-in;
  word-wrap: normal;
}

.swiper-tags .swiper-wrapper .tag:nth-child(1) {
  margin-left: 0;
}

.swiper-tags .swiper-wrapper .tag.tag-check {
  background-color: #7ED000;
  color: #fff;
}

.swiper-tags .swiper-wrapper .tag.tag-check::before {
  content: '';
  position: absolute;
  top: .49rem;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-left: 0.08rem solid transparent;
  border-right: 0.08rem solid transparent;
  border-top: 0.08rem solid #7ED000;
}

.swiper-tags .swiper-wrapper .big {
  width: 2.1rem;
}

.swiper-tags .swiper-wrapper .big.tag-check::before {
  left: calc(1.05rem - 0.04rem);
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  font-size: .3rem;
  top: 0.65rem !important;
  left: -.4rem !important;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  font-size: .3rem;
  top: 0.65rem !important;
  right: -.4rem !important;
}

.tags {
  --swiper-theme-color: #dddddd;
  
  --swiper-navigation-color: #80d103;
  
  --swiper-navigation-size: .25rem;
  
}

.editor-content {
  width: 12rem;
  margin: .5rem auto;
  overflow: hidden;
  min-height: 3.5rem;
  font-size: .16rem;
}

.editor-content > img, .editor-content p, .editor-content span {
  max-width: 12rem;
}

input {
  width: 4.7rem;
  height: .5rem;
  background-color: #fff;
  border: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: .08rem;
  outline: none;
  padding: 0 .15rem;
}

input::placeholder {
  font-size: .14rem;
  color: #D8D8D8;
}

input::-moz-focus-inner {
  border: none;
}

.form-label {
  font-size: .16rem;
  margin-right: .15rem;
}

.form-label-alert {
  font-size: .16rem;
  margin-right: .15rem;
  width: .8rem;
  text-align: right;
  display: block;
}

.form {
  width: 12rem;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

.form.alert {
  width: auto;
}

.form .form-col {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
}

.form .form-col .form-row {
  display: flex;
  line-height: .5rem;
  margin-bottom: .1rem;
  position: relative;
  position: relative;
}

.form .form-col .form-row .input-iconfont {
  position: absolute;
  right: 0.2rem;
}

.form .form-col .form-row .options {
  position: absolute;
  width: 4.7rem;
  border-radius: .05rem;
  background: #fff;
  box-shadow: 0.04rem 0.07rem 0.15rem 0px rgba(0, 0, 0, 0.05);
  top: .5rem;
  left: .95rem;
  z-index: 99;
}

.form .form-col .form-row .options .option {
  width: 100%;
  height: .4rem;
  color: #333333;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0 .2rem;
}

.form .form-col .form-row .options .option:nth-child(1) {
  border-radius: .05rem .05rem 0 0;
}

.form .form-col .form-row .options .option:nth-last-child(1) {
  border-radius: 0 0 .05rem .05rem;
}

.form .form-col .form-row .options .option:hover {
  background-color: rgba(126, 208, 0, 0.5);
  color: #fff;
}

.form .form-col .form-row .form-btn {
  cursor: pointer;
  width: 1.30rem;
  height: .50rem;
  background: #7ED000;
  border-radius: .08rem;
  font-size: .16rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.form .form-col .form-row .form-tips {
  width: calc(4.7rem - 1.3rem);
  font-size: .14rem;
  color: #F56C6C;
  text-align: right;
}

textarea {
  width: 4.7rem;
  height: 1.1rem;
  background: #FFFFFF;
  border-radius: 0.08rem;
  border: none;
  padding: 0.15rem;
  resize: none;
  outline: none;
}

textarea::placeholder {
  font-size: .14rem;
  color: #D8D8D8;
}

textarea::focus {
  border: none;
}

.input-gray {
  background-color: #fafafa !important;
}

#mark {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 998;
  display: flex;
  justify-content: center;
  align-items: center;
}

#contact-us {
  position: fixed;
  width: 6.6rem;
  height: 4.3rem;
  background-color: #fff;
  border-radius: .2rem;
  padding: .4rem;
  z-index: 999;
  margin: calc(50vh - 2.15rem) calc(50vw - 3.3rem);
}