@charset "utf-8";

.w1720 {
  width: 17.2rem;
  margin: 0 auto;
  position: relative;
  font-size: 0;
  max-width: 100%;
}

@media (max-width: 1740px) {
  .w1720 {
    width: 90%;
  }
}

@media (max-width: 800px) {
  .w1720 {
    width: 94%;
  }
}

.w1520 {
  width: 15.2rem;
  margin: 0 auto;
  position: relative;
  font-size: 0;
  max-width: 100%;
}

@media (max-width: 1540px) {
  .w1520 {
    width: 90%;
  }
}

@media (max-width: 800px) {
  .w1520 {
    width: 94%;
  }
}

.w1200 {
  width: 12rem;
  margin: 0 auto;
  position: relative;
  font-size: 0;
  max-width: 100%;
}

@media (max-width: 1240px) {
  .w1200 {
    width: 90%;
  }
}

@media (max-width: 800px) {
  .w1200 {
    width: 94%;
  }
}

@font-face {
  font-family: 'MiSans-Demibold';
  src: url("../font/MiSans-Demibold.woff2");
}

@font-face {
  font-family: 'MiSans-Normal';
  src: url("../font/MiSans-Normal.woff2");
}

@font-face {
  font-family: 'Repair-Bold';
  src: url("../font/MiSans-Normal.woff2");
}

html,
body {
  font-family: 'MiSans-Normal';
}

:root {
  --themes: #008996;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  transition: all ease 0.5s;
}

header .header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  transition: all ease 0.5s;
  align-items: center;
}

header .hel {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

header .her {
  display: inline-block;
  vertical-align: middle;
  text-align: right;
}

header .her .search {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  text-align: center;
  cursor: pointer;
  position: relative;
  margin-right: 0.2rem;
  height: 1rem;
}

header .her .search .sc {
  display: inline-block;
  vertical-align: middle;
  width: 0.4rem;
  height: 0.4rem;
  margin-top: 0.3rem;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.15);
}

header .her .search .sc img {
  width: 100%;
  display: block;
}

header .her .search .sc img:first-child {
  display: block;
}

header .her .search .sc img:last-child {
  display: none;
}

header .her .sechom {
  position: absolute;
  z-index: 3;
  right: -0.2rem;
  width: 4rem;
  background-color: #fff;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);
  padding: 0.1rem;
  top: 100%;
  display: none;
}

header .her .sechom form {
  width: 100%;
  display: block;
  font-size: 0;
}

header .her .sechom .input {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 2.4em - 0.2rem);
  margin-right: 0.2rem;
}

header .her .sechom .input .int {
  width: 100%;
  display: block;
  background-color: #fff;
  line-height: 2.4;
  height: 2.4em;
  color: #111;
  padding: 0 0.1rem;
  border: none;
  background-color: #fff;
}

header .her .sechom .stn {
  display: inline-block;
  vertical-align: middle;
  width: 2.2em;
  height: 2.2em;
  border-radius: 50%;
  background-color: var(--themes);
  position: relative;
}

header .her .sechom .stn img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 21px;
  height: 20px;
  display: block;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1;
}

header .her .sechom .stn input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
  cursor: pointer;
  z-index: 3;
  opacity: 0;
}

header .her .languages {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  margin: 0 0.1rem;
  text-align: left;
  z-index: 3;
}

header .her .languages .lauges {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

header .her .languages .lauges .lashow {
  width: 100%;
  color: #a3a3a3;
  position: relative;
  cursor: pointer;
  font-size: 0;
  padding-right: 0.15rem;
}

header .her .languages .lauges .lashow .ac {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  width: 22px;
  height: 23px;
  margin-right: 0.1rem;
}

header .her .languages .lauges .lashow .ac img {
  width: 100%;
  display: block;
}

header .her .languages .lauges .lashow .ac img:first-child {
  display: block;
}

header .her .languages .lauges .lashow .ac img:last-child {
  display: none;
}

header .her .languages .lauges .lashow .am {
  color: #fff;
  line-height: 40px;
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

header .her .languages .lauges .lashow:after {
  content: ' ';
  position: absolute;
  right: 0rem;
  top: calc(50% + 0.015rem);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border: solid 0.045rem;
  border-color: #fff transparent transparent transparent;
}

header .her .languages .lauges .language {
  position: absolute;
  z-index: 20;
  top: 100%;
  width: 100%;
  display: none;
  width: 60px;
  width: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

header .her .languages .lauges .language .latem {
  width: 100%;
}

header .her .languages .lauges .language .latem a {
  width: 100%;
  display: block;
  color: #333;
  padding: 0 0.1rem;
  line-height: 3;
  text-align: center;
  position: relative;
  background: #efefef;
  overflow: hidden;
}

header .her .languages .lauges .language .latem a span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 2;
}

header .her .languages .lauges .language .latem a:after {
  content: "";
  position: absolute;
  width: 140%;
  height: 100%;
  left: -10%;
  top: 0;
  z-index: -1;
  transform: translate(-105%, 0) skew(-20deg);
  background: var(--themes);
  z-index: 1;
  animation: outHover 0.5s ease 1 forwards;
}

header .her .languages .lauges .language .latem a:hover {
  color: #fff;
}

header .her .languages .lauges .language .latem a:hover span {
  color: #fff;
}

header .her .languages .lauges .language .latem a:hover:after {
  animation-name: onHover;
}

@keyframes onHover {
  from {
    transform: translate(-110%, 0) skew(-20deg);
  }

  to {
    transform: translate(0, 0) skew(-20deg);
  }
}

@keyframes outHover {
  from {
    transform: translate(0, 0) skew(-20deg);
  }

  to {
    transform: translate(110%, 0) skew(-20deg);
  }
}

header .her .menu {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: relative;
  display: none;
}

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

header .her .menu img:first-child {
  display: block;
}

header .her .menu img:last-child {
  display: none;
}

header .her .menu .clk {
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
}

header .hem {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
  transition: all ease 0.5s;
}

header .logm {
  width: 1.34rem;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
}

header .logm .logo {
  width: 100%;
  overflow: hidden;
  transition: all ease 0.5s;
  display: inline-block;
  vertical-align: middle;
}

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

header .logm .logo img:first-child {
  display: block;
}

header .logm .logo img:last-child {
  display: none;
}

header nav {
  width: 100%;
  display: block;
  text-align: center;
}

header nav .natem {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: center;
  font-size: 0;
}

header nav .natem .nas {
  width: auto;
  display: inline-block;
  position: relative;
  margin: 0 0.2rem;
}

header nav .natem .nas a {
  display: inline-block;
  line-height: 1rem;
  color: #fff;
  font-weight: bold;
  position: relative;
  padding: 0 0.2rem;
}

header nav .natem .nas:after {
  content: ' ';
  position: absolute;
  left: 50%;
  bottom: 0rem;
  transform: translateX(-50%);
  opacity: 0;
  width: 100%;
  height: 3px;
  background-color: var(--themes);
  transition: all ease 0.5s;
  width: 0;
  display: none;
}

header nav .natem .navuls {
  width: 2.2rem;
  width: 1.8rem;
  position: absolute;
  z-index: 101;
  left: calc(50%);
  top: 100%;
  transform: translateX(-50%);
  background-color: white;
  display: none;
}

header nav .natem .navuls ul {
  width: 100%;
}

header nav .natem .navuls ul li {
  width: 100%;
  position: relative;
}

header nav .natem .navuls ul li .njm {
  width: 100%;
  font-size: 0;
  background-color: rgba(255, 255, 255, 0.5);
}

header nav .natem .navuls ul li .ns {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  line-height: 3;
  color: #222;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 0.1rem;
  position: relative;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.5);
}

header nav .natem .navuls ul li .theul {
  width: 100%;
  background-color: #fff;
  display: none;
}

header nav .natem .navuls ul li .theul li {
  width: 100%;
  font-size: 0;
}

header nav .natem .navuls ul li .theul li .xn {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 2.5;
  padding: 0 0.2rem;
}

header nav .natem .navuls ul li .theul li .xn:hover {
  color: #333;
}

header nav .natem .navuls ul li:hover .ns {
  background-color: var(--themes);
  color: #fff;
}

header nav .natem .navuls ul li.has-the:after {
  content: "+";
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  position: absolute;
  background: none;
  right: 0;
  left: auto;
  transform: translateX(0);
  top: 0.05rem;
  font-size: 20px;
  color: #333;
  border: none;
  display: none;
}

header nav .natem .navuls ul li.has-the.show:after {
  content: "-";
}

header nav .natem .longul {
  position: absolute;
  top: calc(0.9rem + 0.35rem + 0.2rem);
  top: 100%;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.06);
  z-index: 50;
  display: none;
  padding: 0.5rem 0;
}

header nav .natem .longul .longm {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

header nav .natem .longul .longm .lgl {
  display: inline-block;
  vertical-align: middle;
  width: calc(600 / 1720 * 100%);
}

header nav .natem .longul .longm .lgl .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

header nav .natem .longul .longm .lgl .imgs .img {
  width: 100%;
  padding-top: 60%;
  transition: all ease 0.5s;
}

header nav .natem .longul .longm .lgl .imgs:hover .img {
  transform: scale(1.1);
}

header nav .natem .longul .longm .lgl a {
  width: 100%;
  display: block;
}

header nav .natem .longul .longm .lgr {
  display: inline-block;
  vertical-align: middle;
  width: calc(1000 / 1720 * 100%);
}

header nav .natem .longul .longm .lgr .lgrlist {
  width: 100%;
  font-size: 0;
  text-align: left;
}

header nav .natem .longul .longm .lgr .lgrlist .lgam {
  display: inline-block;
  vertical-align: top;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 0.2rem;
}

header nav .natem .longul .longm .lgr .lgrlist .lgam a {
  width: 100%;
  display: block;
  font-size: 0;
}

header nav .natem .longul .longm .lgr .lgrlist .lgam .gc {
  display: inline-block;
  vertical-align: middle;
  width: 0.6rem;
  height: 0.6rem;
  margin-right: 0.2rem;
}

header nav .natem .longul .longm .lgr .lgrlist .lgam .gc img {
  width: 100%;
  display: block;
}

header nav .natem .longul .longm .lgr .lgrlist .lgam .gms {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.6rem - 0.2rem);
}

header nav .natem .longul .longm .lgr .lgrlist .lgam .gm {
  width: 100%;
  color: #333;
  line-height: 1.5;
  max-height: 3em;
}

header nav .natem .longul .longm .lgr .lgrlist .lgam:hover .gm {
  color: var(--themes);
}

header nav .natem .longul .longm .lgr .lgrlist .lgam:nth-child(3n) {
  margin-right: 0;
}

header nav .natem.has-nav .nas .xs {
  display: inline-block;
}

header nav .natem.on .nas a {
  color: var(--themes);
}

header nav .natem.on .nas .xs img:first-child {
  display: none;
}

header nav .natem.on .nas .xs img:last-child {
  display: block;
}

header nav .natem:hover .nas a {
  color: var(--themes);
}

header nav .natem:hover .nas .xs img:first-child {
  display: none;
}

header nav .natem:hover .nas .xs img:last-child {
  display: block;
}

header .tell {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

header .tell .tc {
  display: inline-block;
  vertical-align: middle;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  margin-right: 0.1rem;
  background-color: rgba(255, 255, 255, 0.15);
}

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

header .tell .tc img:first-child {
  display: block;
}

header .tell .tc img:last-child {
  display: none;
}

header .tell .tum {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #fff;
  line-height: 1.5;
}

header.white {
  background-color: #fff;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);
}

header.white .her .search .sc {
  background-color: #f5f7f9;
}

header.white .her .search .sc img:first-child {
  display: none;
}

header.white .her .search .sc img:last-child {
  display: block;
}

header.white .her .menu img:first-child {
  display: none;
}

header.white .her .menu img:last-child {
  display: block;
}

header.white .her .menu .clk {
  color: #333;
}

header.white .hem {
  display: flex;
  align-items: center;
}

header.white .logm .logo {
  display: inline-block;
  vertical-align: middle;
}

header.white .logm .logo img:first-child {
  display: none;
}

header.white .logm .logo img:last-child {
  display: block;
}

header.white .header {
  align-items: center;
}

header.white nav {
  flex: 1;
}

header.white nav .natem .nas a {
  color: #333;
}

header.white nav .natem .longul {
  top: 100%;
}

header.white nav .natem.on .nas a {
  color: var(--themes);
}

header.white nav .natem:hover .nas a {
  color: var(--themes);
}

header.white .tell .tc {
  background-color: #f5f7f9;
}

header.white .tell .tc img:first-child {
  display: none;
}

header.white .tell .tc img:last-child {
  display: block;
}

header.white .tell .tum {
  color: var(--themes);
}

@media (max-width: 1200px) {
  header nav .natem .nas {
    margin: 0 0.05rem !important;
  }

  header nav .natem .nas a {
    padding: 0 0.05rem !important;
  }
}

@media (max-width: 800px) {
  header .header {
    align-items: center;
  }

  header nav {
    width: 100%;
    position: fixed;
    right: 0;
    top: calc(0.9rem);
    left: auto;
    height: calc(100vh - 0.9rem);
    background-color: #fff;
    margin-right: 0;
    overflow: auto;
    z-index: 500;
    transition: transform .3s;
    padding-left: 0.1rem;
    padding: 0.1rem;
    display: block;
    text-align: left;
    display: none;
    border-top: solid 1px #e5e5e5;
  }

  header nav .natem {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: auto;
    width: 100%;
    padding: 0.1rem 0;
    opacity: 0;
    transform: translate(-10px, -30px);
    transition: all .8s ease;
  }

  header nav .natem .nas {
    width: auto;
    display: inline-block;
    text-align: left;
    width: 100%;
    margin: 0;
  }

  header nav .natem .nas a {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    line-height: 2.5;
    color: #333;
    font-weight: bold;
    font-family: 'MiSans-Demibold';
    padding: 0 0.3rem;
    position: relative;
  }

  header nav .natem .nas .ik {
    display: none !important;
  }

  header nav .natem .nas a:hover {
    color: var(--themes);
    background-color: transparent;
  }

  header nav .natem .navuls {
    width: 100%;
    position: relative;
    z-index: 101;
    left: 0%;
    top: 0%;
    transform: translateX(0%);
    background: #fff;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);
    display: none;
    text-align: left;
  }

  header nav .natem .navuls ul {
    width: 100%;
    padding: 0.1rem 0.2rem;
  }

  header nav .natem .navuls ul li {
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 0;
  }

  header nav .natem .navuls ul li .ns {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    line-height: 3;
    color: #333;
    text-align: left !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 0.2rem;
    background: #fff;
    position: relative;
  }

  header nav .natem .navuls ul li .ns:hover {
    color: var(--themes);
  }

  header nav .natem .navuls ul li+li {
    border-top: solid 1px #eee;
  }

  header nav .natem .navuls ul li:hover .ns {
    background-color: transparent;
    color: var(--themes);
  }

  header nav .natem .navuls ul li.has-the:after {
    display: block;
  }

  header nav .natem:before {
    display: none !important;
  }

  header nav .natem .prosubnav {
    display: none;
  }

  header nav .natem.on .nas:after {
    display: none;
  }

  header nav .natem.has-nav .nas .xs {
    display: none;
  }

  header nav .natem.has-nav:after {
    content: "+";
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    position: absolute;
    background: none;
    right: 0;
    left: auto;
    transform: translateX(0);
    top: 0.05rem;
    font-size: 20px;
    color: #333;
    border: none;
  }

  header nav .natem.has-nav.show:after {
    content: "-";
  }

  header nav .natem.animate {
    opacity: 1;
    transform: translate(0, 0);
  }

  header .logm {
    width: 2rem;
  }

  header .logm .logo {
    width: 2rem;
    height: auto !important;
  }

  header .her .menu {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-left: 10px;
  }

  header .her .search .sc {
    width: 30px;
    height: 30px;
    margin-top: calc(0.5rem - 15px);
  }

  header .her .sechom {
    width: 90vw;
    position: fixed;
    right: 5vw;
    top: 1rem;
  }

  header .tell .tc {
    width: 30px;
    height: 30px;
  }

  header.short .hel {
    display: inline-block;
  }

  header.menu-state .her .menu img {
    opacity: 0;
  }
}

.banner {
  width: 100%;
  position: relative;
}

.banner .swiper-slide {
  width: 100%;
  position: relative;
}

.banner .swiper-slide .imgs {
  width: 100%;
  position: relative;
}

.banner .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 48.95%;
}

.banner .swiper-slide .box {
  position: absolute;
  left: calc(100 / 1920 * 100%);
  top: 20%;
  transform: translateY(-50%);
  width: 8.6rem;
  max-width: 90%;
  z-index: 3;
}

.banner .swiper-slide .box .em {
  width: 100%;
  color: #fff;
  line-height: 1.2;
  font-weight: bold;
  font-family: 'MiSans-Demibold';
}

.banner .swiper-slide .box .em p {
  color: #fff;
  line-height: 1.2;
}

.banner .swiper-slide .box .cm {
  width: 100%;
  color: #fff;
  line-height: 1.2;
  font-weight: bold;
  font-family: 'MiSans-Demibold';
}

.banner .swiper-slide .box .cm p {
  color: #fff;
  line-height: 1.2;
}

.banner .swiper-slide .videoc {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 4;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 1;
  transition: all ease 0.5s;
  z-index: 5;
}

.banner .swiper-slide .videoc .vom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.banner .swiper-pagination {
  bottom: 0.4rem;
}

.banner .swiper-pagination-bullet {
  width: 1rem;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.2);
  opacity: 1;
  border-radius: 0;
}

.banner .swiper-pagination-bullet-active {
  background-color: #fff;
}

.banner .botm {
  position: absolute;
  z-index: 3;
  bottom: 0.6rem;
  left: calc(100 / 1920 * 100%);
  width: auto;
  white-space: nowrap;
  font-size: 0;
}

.banner .botm .pagination {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.banner .botm .pagination .ix {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 0.12rem;
  border: solid 1px #fff;
  background-color: #fff;
  transition: all ease 0.5s;
}

.banner .botm .pagination .ix.on {
  background-color: transparent;
}

.banner .botm .pag {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin-left: 0.2rem;
}

.banner .botm .pag .xl {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1.5;
  margin: 0 0.02rem;
}

@media (max-width: 1740px) {
  .banner .swiper-slide .box {
    left: 5%;
  }
}

@media (max-width: 800px) {
  .banner .swiper-slide .box {
    left: 3%;
  }
}

footer {
  width: 100%;
}

footer .ftop {
  width: 100%;
  background-color: #fff;
}

footer .fop {
  width: 100%;
  padding: 0.8rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

footer .fop .fol {
  display: inline-block;
  vertical-align: top;
  width: calc(350 / 1720 * 100%);
}

footer .fop .fol .fogo {
  width: 100%;
  font-size: 0;
}

footer .fop .fol .fogo a {
  display: inline-block;
  vertical-align: middle;
  width: 1.73rem;
}

footer .fop .fol .fogo a img {
  width: 100%;
  display: block;
}

footer .fop .fol .tel {
  width: 100%;
  font-size: 0;
  margin: 0.2rem 0;
}

footer .fop .fol .tel .tc {
  display: inline-block;
  vertical-align: middle;
  width: 0.31rem;
  margin-right: 0.1rem;
}

footer .fop .fol .tel .tc img {
  width: 100%;
  display: block;
}

footer .fop .fol .tel .et {
  display: inline-block;
  vertical-align: middle;
  color: var(--themes);
  line-height: 1.3;
}

footer .fop .fol .tinp {
  width: 100%;
  color: #666;
  line-height: 1.8;
}

footer .fop .fol .tinp p {
  color: #666;
  line-height: 1.8;
}

footer .fop .fom {
  display: inline-block;
  vertical-align: top;
  width: calc(960 / 1720 * 100%);
}

footer .fop .fom .flist {
  display: inline-block;
  vertical-align: top;
  width: calc(192 / 960 * 100%);
  padding-right: 0.2rem;
  text-align: left;
}

footer .fop .fom .flist .ful {
  width: 100%;
  padding-right: 0.2rem;
}

footer .fop .fom .flist .ful a {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  color: #666;
  transition: all ease 0.5s;
  line-height: 2;
  line-height: 1.5;
  padding: 0.05rem 0;
}

footer .fop .fom .flist .ful a:hover {
  color: var(--themes);
}

footer .fop .fom .flist .ful div {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 2;
  transition: all ease 0.5s;
}

footer .fop .for {
  display: inline-block;
  vertical-align: top;
  width: auto;
}

footer .fop .for .fit {
  width: 100%;
  text-align: center;
}

footer .fop .for .codm {
  width: 1.4rem;
  display: block;
  margin: 0 auto;
}

footer .fop .for .codm img {
  width: 100%;
  display: block;
}

footer .fop .fit {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.2rem;
}

footer .fop .fit a {
  display: inline-block;
  vertical-align: middle;
  color: #111;
  line-height: 1.4;
  transition: all ease 0.5s;
  padding: 0.06rem 0;
}

footer .fop .fit a:hover {
  color: var(--themes);
}

footer .fob {
  width: 100%;
  border-top: solid 1px #ddd;
  padding: 0.25rem 0;
  display: flex;
  align-items: center;
}

footer .fob .em {
  display: inline-block;
  vertical-align: middle;
  color: var(--themes);
  line-height: 1.5;
  width: auto;
}

footer .fob .emper {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
}

footer .fob .emper .swiper-slide {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin-right: 0.14rem;
}

footer .fob .emper .swiper-slide a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #666;
  line-height: 1.5;
}

footer .fob .emper .swiper-slide a:hover {
  color: var(--themes);
}

footer .fbot {
  width: 100%;
  background-color: var(--themes);
  padding: 0.25rem 0;
}

footer .fot {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

footer .fot .fm {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.5;
}

footer .fot .fm a {
  display: inline-block;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.5;
}

footer .fot .fm a:hover {
  color: #fff;
}

@media (max-width: 800px) {
  footer .fop {
    padding: 20px 0 0;
  }

  footer .fop .fit {
    width: 100%;
  }

  footer .fop .fit a {
    font-size: 16px;
  }

  footer .fop .fol {
    order: 1;
    flex: 1;
  }

  footer .fop .for {
    order: 2;
  }

  footer .fop .fom {
    order: 3;
    width: 100%;
    margin-top: 20px;
  }

  footer .fop .fom .fit {
    width: 100%;
    margin-bottom: 0;
    padding: 0.24rem 0;
  }

  footer .fop .fom .fit a {
    font-size: 16px;
  }

  footer .fop .fom .flist {
    width: 100%;
    border-bottom: solid 1px #ddd;
    position: relative;
  }

  footer .fop .fom .flist .ful {
    width: 100%;
    font-size: 0;
    padding-bottom: 0.15rem;
    display: none;
  }

  footer .fop .fom .flist .ful a {
    line-height: 2;
  }

  footer .fop .fom .flist:last-child {
    border: none;
  }

  footer .fop .fom .flist:first-child {
    border-top: solid 1px #ddd;
  }

  footer .fop .fom .flist.has-ful:after {
    content: " ";
    display: inline-block;
    width: 12px;
    height: 8px;
    background-image: url("../images/x.png");
    background-position: center;
    background-size: 100% 100%;
    text-align: center;
    position: absolute;
    right: 0.2rem;
    left: auto;
    transform: translateX(0) rotate(0deg);
    top: 0.45rem;
    color: #333;
    border: none;
    transition: all ease 0.5s;
  }

  footer .fop .fom .flist.has-ful.show:after {
    content: " ";
    transform: translateX(0) rotate(180deg);
  }
}

.modular {
  width: 100%;
}

.modular .mitop {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.modular .mitop .mol {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}

.modular .mitop .em {
  width: 100%;
  color: #111;
  font-weight: bold;
  font-family: 'MiSans-Demibold';
  line-height: 1.3;
}

.modular .mitop .cm {
  width: 100%;
  color: #111;
  font-weight: bold;
  font-family: 'MiSans-Demibold';
  line-height: 1.3;
}

.modular .mitop .mor {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.modular .mitop .mitem {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.modular .mitop .mitem .mitm {
  display: inline-block;
  vertical-align: middle;
  border: solid 1px #111;
  color: #111;
  line-height: 3;
  border-radius: 1.5em;
  min-width: 1.8rem;
  text-align: center;
  cursor: pointer;
  padding: 0 0.14rem;
}

.modular .mitop .mitem .mitm:hover,
.modular .mitop .mitem .mitm.on {
  background-color: var(--themes);
  color: #fff;
  border: solid 1px var(--themes);
}

.modular .mitop .mitem .mitm+.mitm {
  margin-left: 0.1rem;
}

.modular .mivop {
  width: 100%;
  margin-bottom: 0.4rem;
}

.modular .mivop .miv {
  width: 100%;
  color: #111;
  font-weight: bold;
  font-family: 'MiSans-Demibold';
  line-height: 1.5;
  text-align: center;
}

.modular .mivop .lx {
  display: block;
  margin: 0.2rem auto 0;
  background-color: var(--themes);
  width: 0.35rem;
  height: 0.04rem;
}

.walks {
  width: 100%;
  padding: 1.2rem 0;
  overflow: hidden;
}

.walks .walkm {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.walks .walkm .imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc(860 / 1720 * 100%);
  position: relative;
  overflow: hidden;
}

.walks .walkm .imgs .img {
  width: 100%;
  padding-top: 74.41%;
}

.walks .walkm .ltem {
  display: inline-block;
  vertical-align: middle;
  width: calc(760 / 1720 * 100%);
}

.walks .walkm .ltem .sinp {
  width: 100%;
  color: #666;
  line-height: 1.75;
  text-align: justify;
}

.walks .walkm .ltem .sinp p {
  color: #666;
  line-height: 1.75;
}

.walks .walkm .ltem .more {
  width: 100%;
  font-size: 0;
  margin-top: 0.8rem;
}

.walks .walkm .ltem .more a {
  display: inline-block;
  vertical-align: middle;
  color: #111;
  line-height: 3;
  padding: 0 0.4rem;
  border-radius: 1.5em;
  border: solid 1px #111;
}

.walks .walkm .ltem .more a span {
  width: 12px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.1rem;
}

.walks .walkm .ltem .more a span img {
  width: 100%;
  display: block;
}

.walks .walkm .ltem .more a span img:first-child {
  display: block;
}

.walks .walkm .ltem .more a span img:last-child {
  display: none;
}

.walks .walkm .ltem .more a:hover {
  background-color: var(--themes);
  border: solid 1px var(--themes);
  color: #fff;
}

.walks .walkm .ltem .more a:hover span img:first-child {
  display: none;
}

.walks .walkm .ltem .more a:hover span img:last-child {
  display: block;
}

.branchs {
  width: 100%;
  padding: 0.8rem 0;
  background-color: #fff;
}

.branchs .branclis {
  width: 100%;
  font-size: 0;
}

.branchs .branclis .bitm {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-bottom: 0.1rem;
  margin-right: calc(9 / 1720 * 100%);
  width: calc(855 / 1720 * 100%);
}

.branchs .branclis .bitm a {
  width: 100%;
  display: block;
}

.branchs .branclis .bitm .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.branchs .branclis .bitm .imgs .img {
  width: 100%;

  padding-top: 75%;
  transition: all ease 0.5s;
}

.branchs .branclis .bitm .vom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-end;
  padding: 0.3rem;
}

.branchs .branclis .bitm .vom .vt {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.branchs .branclis .bitm .vom .xn {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  margin-top: 0.05rem;
}

.branchs .branclis .bitm:hover .imgs .img {
  transform: scale(1.1);
}

/* .branchs .branclis .bitm:nth-child(2n) {
  margin-right: 0;
}

.branchs .branclis .bitm:nth-child(4n+2),
.branchs .branclis .bitm:nth-child(4n+3) {
  width: calc(640 / 1720 * 100%);
}

.branchs .branclis .bitm:nth-child(4n+2) .imgs .img,
.branchs .branclis .bitm:nth-child(4n+3) .imgs .img {
  padding-top: 75%;
} */

.branchs .branclis .bitm:nth-child(3n + 1) {
  width: 100%;
  margin-right: 0;
}

.branchs .branclis .bitm:nth-child(3n + 1) .imgs .img {
  padding-top: 44.85%;
}

.branchs .branclis .bitm:nth-child(3n + 3) {
  margin-right: 0;
}

/* @media (max-width: 800px) {
  .branchs .branclis .bitm {
    width: 100%;
    margin-right: 0;
  }

  .branchs .branclis .bitm:nth-child(4n+2),
  .branchs .branclis .bitm:nth-child(4n+3) {
    width: calc((100% - 0.1rem) / 2);
    margin-right: 0.1rem;
  }

  .branchs .branclis .bitm:nth-child(4n+2) .imgs .img,
  .branchs .branclis .bitm:nth-child(4n+3) .imgs .img {
    padding-top: 75%;
  }

  .branchs .branclis .bitm:nth-child(4n+3) {
    margin-right: 0;
  }
} */

.newls {
  width: 100%;
  padding: 0.8rem 0 0.5rem;
  background-color: #f5f7f9;
}

.newls .newlist {
  width: 100%;
  font-size: 0;
}

.newls .newlist .netam {
  display: inline-block;
  vertical-align: top;
  width: calc(410 / 1720 * 100%);
  transition: all ease 0.5s;
  margin-right: calc(26 / 1720 * 100%);
  margin-bottom: 0.3rem;
}

.newls .newlist .netam a {
  width: 100%;
  display: block;
  background-color: #fff;
}

.newls .newlist .netam .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.newls .newlist .netam .imgs .img {
  width: 100%;
  padding-top: 60%;
  transition: all ease 0.5s;
}

.newls .newlist .netam .vom {
  width: 100%;
  padding: 0.2rem 0.2rem;
}

.newls .newlist .netam .vom .xt {
  width: 100%;
  color: #111;
  line-height: 1.5;
  height: 3em;
}

.newls .newlist .netam .vom .xim {
  width: 100%;
  color: #999;
  line-height: 1.5;
  height: 3em;
  margin-top: 0.1rem;
}

.newls .newlist .netam:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.newls .newlist .netam:hover .imgs .img {
  transform: scale(1.1);
}

.newls .newlist .netam:hover .vom .xt {
  color: var(--themes);
}

.newls .newlist .netam:nth-child(4n) {
  margin-right: 0;
}

.newls .newlist .netam:nth-child(4n+1) a {
  transition-delay: 0.1s !important;
}

.newls .newlist .netam:nth-child(4n+2) a {
  transition-delay: 0.2s !important;
}

.newls .newlist .netam:nth-child(4n+3) a {
  transition-delay: 0.3s !important;
}

.newls .newlist .netam:nth-child(4n+4) a {
  transition-delay: 0.4s !important;
}

.nanner {
  width: 100%;
  position: relative;
}

.nanner .imgs {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.nanner .imgs .img {
  width: 100%;
  padding-top: 35.41%;
}

.nanner .nox {
  position: absolute;
  width: 80%;
  max-width: 90%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

.nanner .nox .xm {
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
  font-family: 'Repair-Bold';
}

.nanner .nox .nit {
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
  font-family: 'MiSans-Demibold';
}

.nanner .crams {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 3;
}

.nanner .crams .cram {
  width: 100%;
  font-size: 0;
}

.nanner .crams .cram .home {
  display: inline-block;
  vertical-align: middle;
  width: 21px;
  margin-right: 0.1rem;
  position: relative;
  top: -0.02rem;
}

.nanner .crams .cram .home img {
  width: 100%;
  display: block;
}

.nanner .crams .cram a {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 4;
}

.nanner .crams .cram a span {
  display: inline-block;
  color: #fff;
  margin: 0 0.08rem;
}

.nanner .crams .cram a:last-child span {
  display: none;
}

.manavs {
  width: 100%;
  position: relative;
  background-color: #fff;
  padding: 0.25rem 0;
}

.manavs .manav {
  width: 100%;
}

.manavs .manav .swiper-wrapper.center {
  justify-content: center;
}

.manavs .manav .swiper-slide {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.manavs .manav .swiper-slide a {
  display: inline-block;
  vertical-align: middle;
  line-height: 1rem;
  color: #666;
  padding: 0 0.14rem;
  position: relative;
}

.manavs .manav .swiper-slide a:after {
  content: ' ';
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: 0.23rem;
  transform: translateX(-50%);
  width: 0.2rem;
  height: 0.09rem;
  background-image: url("../images/i5.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  display: none;
}

.manavs .manav .swiper-slide.on a {
  color: var(--themes);
}

.manavs .manav .swiper-slide.on a:after {
  display: block;
}

.groups {
  width: 100%;
  background-color: #f5f7f9;
  padding: 0.5rem 0;
}

.groups .grouplis {
  width: 100%;
  font-size: 0;
}

.groups .grouplis .gropm {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
}

.groups .grouplis .gropm .grl {
  display: inline-block;
  vertical-align: middle;
  width: calc(1080 / 1720 * 100%);
  position: relative;
  overflow: hidden;
}

.groups .grouplis .gropm .grl .img {
  width: 100%;
  padding-top: 60%;
  transition: all ease 0.5s;
}

.groups .grouplis .gropm .grr {
  display: inline-block;
  vertical-align: middle;
  width: calc(540 / 1720 * 100%);
}

.groups .grouplis .gropm .grr .goho {
  width: 100%;
  font-size: 0;
}

.groups .grouplis .gropm .grr .goho span {
  display: inline-block;
  vertical-align: middle;
  height: 0.82rem;
}

.groups .grouplis .gropm .grr .goho span img {
  height: 100%;
  display: block;
}

.groups .grouplis .gropm .grr .xt {
  width: 100%;
  color: #111;
  font-weight: bold;
  font-family: 'MiSans-Demibold';
  line-height: 1.3;
  margin: 0.4rem 0 0.3rem;
}

.groups .grouplis .gropm .grr .xinp {
  width: 100%;
  color: #111;
  line-height: 1.5;
  text-align: justify;
}

.groups .grouplis .gropm .grr .xinp p {
  color: #111;
  line-height: 1.5;
}

.groups .grouplis .gropm .grr .more {
  width: 100%;
  font-size: 0;
  margin-top: 0.6rem;
}

.groups .grouplis .gropm .grr .more a {
  display: inline-block;
  vertical-align: middle;
  color: #111;
  line-height: 3;
  padding: 0 0.4rem;
  border-radius: 1.5em;
  border: solid 1px #111;
}

.groups .grouplis .gropm .grr .more a span {
  width: 12px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.1rem;
}

.groups .grouplis .gropm .grr .more a span img {
  width: 100%;
  display: block;
}

.groups .grouplis .gropm .grr .more a span img:first-child {
  display: block;
}

.groups .grouplis .gropm .grr .more a span img:last-child {
  display: none;
}

.groups .grouplis .gropm .grr .more a:hover {
  background-color: var(--themes);
  border: solid 1px var(--themes);
  color: #fff;
}

.groups .grouplis .gropm .grr .more a:hover span img:first-child {
  display: none;
}

.groups .grouplis .gropm .grr .more a:hover span img:last-child {
  display: block;
}

.groups .grouplis .gropm:nth-child(2n) {
  flex-direction: row-reverse;
}

.getails {
  width: 100%;
  background-color: #f5f7f9;
  padding: 0.8rem 0;
}

.getails .goho {
  width: 100%;
  font-size: 0;
  text-align: center;
  margin-bottom: 0.7rem;
}

.getails .goho span {
  display: inline-block;
  vertical-align: middle;
  height: 0.82rem;
}

.getails .goho span img {
  height: 100%;
  display: block;
}

.getails .gotem {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
}

.getails .gotem .gml {
  width: calc(860 / 1720 * 100%);
  display: inline-block;
  vertical-align: middle;
}

.getails .gotem .gml .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.getails .gotem .gml .imgs .img {
  width: 100%;
  padding-top: 60%;
}

.getails .gotem .gmr {
  width: calc(740 / 1720 * 100%);
  display: inline-block;
  vertical-align: middle;
}

.getails .gotem .gmr .xt {
  width: 100%;
  color: #111;
  font-weight: bold;
  font-family: 'MiSans-Demibold';
  line-height: 1.3;
  margin: 0.4rem 0 0.3rem;
}

.getails .gotem .gmr .xinp {
  width: 100%;
  color: #666;
  line-height: 1.75;
  text-align: justify;
}

.getails .gotem .gmr .xinp p {
  color: #666;
  line-height: 1.75;
}

.getails .gotemlis {
  width: 100%;
}

.getails .gotemlis .gotem:nth-child(2n) {
  flex-direction: row;
}

.getails .gotemlis .gotem+.gotem {
  margin-top: 0.8rem;
}

.gmgls {
  width: 100%;
  position: relative;
  background-color: #f5f7f9;
  display: flex;
  flex-wrap: wrap;
}

.gmgls .imgs {
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: calc(960 / 1920 * 100%);
}

.gmgls .imgs .img {
  width: 100%;
  padding-top: 87.5%;
}

.gmgls .pecom {
  z-index: 2;
  background-color: #fff;
  width: calc(960 / 1920 * 100%);
  background-color: #fff;
  padding: 0.8rem 0.8rem 0.8rem;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

.gmgls .pecom .pinp {
  width: 100%;
  color: #666;
  line-height: 1.7;
  overflow: auto;
  max-height: 3.6rem;
  /*滚动条里面小方块*/
  /*滚动条里面轨道*/
}

.gmgls .pecom .pinp::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.gmgls .pecom .pinp::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 137, 150, 0.7);
  background: rgba(0, 137, 150, 0.7);
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.gmgls .pecom .pinp::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
}

.gmgls .pecom .pinp p {
  color: #666;
  line-height: 1.7;
}

@media (max-width: 800px) {
  .gmgls {
    padding-bottom: 0;
  }

  .gmgls .pecom {
    position: relative;
    width: 100%;
    right: 0;
    bottom: 0;
    padding: 30px;
  }

  .gmgls .pecom .pinp {
    max-height: 5rem;
  }
}

.recruits {
  width: 100%;
  padding: 0.5rem 0;
  background-color: #f5f7f9;
}

.recruits .screen {
  width: 100%;
  background-color: #fff;
  padding: 0.45rem 0.4rem;
}

.recruits .screen .srop {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.2rem;
}

.recruits .screen .srop .sol {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.recruits .screen .srop .sol span {
  display: inline-block;
  vertical-align: middle;
  color: #111;
  font-weight: bold;
  font-family: 'MiSans-Demibold';
  line-height: 1.4;
}

.recruits .screen .srop .sor {
  display: inline-block;
  vertical-align: middle;
}

.recruits .screen .srop .sor .xm {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
}

.recruits .screen .srop .sor .xm .lx {
  display: inline-block;
  color: #666;
  line-height: 1.5;
  margin: 0 0.08rem;
}

.recruits .screen .srop .sor .xm .ci {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  position: relative;
  top: -0.02rem;
  margin-left: 0.04rem;
}

.recruits .screen .srop .sor .xm .ci img {
  width: 100%;
  display: block;
}

.recruits .screen .srop .sor .xm:last-child .lx {
  display: none;
}

.recruits .screen .srop .sor .clear {
  cursor: pointer;
}

.recruits .screen .sromd {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.2rem;
}

.recruits .screen .sromd .sin {
  display: inline-block;
  vertical-align: middle;
  border: solid 1px #eee;
  border-right: none;
  width: calc(100% - 1.8rem);
  color: #333;
  line-height: 3;
  height: 3em;
  padding: 0 0.2rem;
}

.recruits .screen .sromd .stn {
  display: inline-block;
  vertical-align: middle;
  border: none;
  background-color: var(--themes);
  color: #fff;
  font-weight: bold;
  font-family: 'MiSans-Demibold';
  cursor: pointer;
  line-height: 3;
  height: 3em;
  text-align: center;
  width: 1.8rem;
}

.recruits .screen .row {
  width: 100%;
  font-size: 0;
}

.recruits .screen .row .select {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  border: none;
  text-align: left;
  position: relative;
  width: calc(360 / 1120 * 100%);
  margin-right: calc(19 / 1120 * 100%);
  margin-bottom: 0.1rem;
  border: solid 1px #eeeeee;
}

.recruits .screen .row .select .select-con {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 0;
  padding: 0 0.2rem;
}

.recruits .screen .row .select .select-con .select-value {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  line-height: 3em;
  height: 3em;
  color: #333;
  cursor: pointer;
  background-color: transparent;
  padding-right: 0.3rem;
}

.recruits .screen .row .select .select-con select {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
}

.recruits .screen .row .select .select-con select option {
  color: #666;
  font-size: .16rem;
  line-height: 2.5;
  background: #fff;
}

.recruits .screen .row .select .select-con .seluls {
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 100%;
  max-height: 360px;
  overflow: auto;
  display: none;
  box-sizing: border-box;
  text-align: left;
  background-color: #fff;
  z-index: 123;
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  overflow: auto;
  /*滚动条里面小方块*/
  /*滚动条里面轨道*/
}

.recruits .screen .row .select .select-con .seluls .option {
  width: 100%;
  color: #666;
  line-height: 2.5;
  background: #fff;
  cursor: pointer;
  padding: 0 0.15rem;
}

.recruits .screen .row .select .select-con .seluls .option:hover {
  background-color: var(--themes);
  color: #fff;
}

.recruits .screen .row .select .select-con .seluls .option+.option {
  border-top: solid 1px #ddd;
}

.recruits .screen .row .select .select-con .seluls::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.recruits .screen .row .select .select-con .seluls::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px rgba(1, 137, 151, 0.3);
  background: rgba(1, 137, 151, 0.3);
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.recruits .screen .row .select .select-con .seluls::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
}

.recruits .screen .row .select .select-con:after {
  display: inline-block;
  content: "";
  position: absolute;
  right: .1rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 12px;
  height: 8px;
  background-image: url("../images/x.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.recruits .screen .row .select:nth-child(3n) {
  margin-right: 0;
}

.recruits .recrulis {
  width: 100%;
}

.recruits .recrulis .recem {
  width: 100%;
  background-color: #fff;
  margin-bottom: 1px;
  display: flex;
  align-items: center;
  padding: 0.2rem 0.4rem;
}

.recruits .recrulis .recem .rol {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
  max-width: calc(100% - 158px);
}

.recruits .recrulis .recem .rol a {
  width: 100%;
  display: block;
}

.recruits .recrulis .recem .rol .ic {
  display: inline-block;
  vertical-align: middle;
  width: 26px;
  height: 26px;
  margin-right: 0.1rem;
  background-color: rgba(220, 0, 17, 0.05);
  border-radius: 0.05rem;
}

.recruits .recrulis .recem .rol .ic img {
  width: 100%;
  display: block;
}

.recruits .recrulis .recem .rol .cm {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 26px - 0.1rem);
  color: #111;
  line-height: 1.5;
}

.recruits .recrulis .recem .ror {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  white-space: nowrap;
  max-width: 158px;
}

.recruits .recrulis .recem .ror .time {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.5;
}

.recruits .recrulis .recem .ror .share {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  margin-left: 0.1rem;
}

.recruits .recrulis .recem .ror .share img {
  width: 100%;
  display: block;
}

.recruits .recrulis .recem:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

.recruits .recrulis .recem:hover .rol .cm {
  color: var(--themes);
}

.recruits .repocm {
  width: 100%;
  background-color: #fff;
}

.recruits .repocm .retop {
  width: 100%;
  padding: 0.4rem;
}

.recruits .repocm .retop .rtm {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.2rem;
}

.recruits .repocm .retop .rtm .xot {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  font-family: 'MiSans-Demibold';
  line-height: 1.5;
  color: #111;
}

.recruits .repocm .retop .rtm .time {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
}

.recruits .repocm .retop .pdm {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.recruits .repocm .retop .pdm .pel {
  display: inline-block;
  vertical-align: middle;
}

.recruits .repocm .retop .pdm .pel .pe {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.recruits .repocm .retop .pdm .pel .pk {
  width: 100%;
  font-size: 0;
  margin-top: 0.1rem;
}

.recruits .repocm .retop .pdm .pel .pk .ips {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0.1rem;
  color: #666;
  line-height: 1.5;
}

.recruits .repocm .retop .pdm .pel .pk .ips span {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
  margin: 0 0.1rem;
  position: relative;
  top: -0.02rem;
}

.recruits .repocm .retop .pdm .pel .pk .ips:last-child span {
  display: none;
}

.recruits .repocm .retop .pdm .per {
  display: inline-block;
  vertical-align: middle;
}

.recruits .repocm .retop .pdm .per a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  background-color: var(--themes);
  color: #fff;
  line-height: 3;
  border-radius: 1.5em;
  padding: 0 0.4rem;
}

.recruits .repocm .xeomd {
  width: 100%;
  padding: 0.4rem;
  border-top: dashed 1px #ccc;
}

.recruits .repocm .xeomd .xitm {
  width: 100%;
}

.recruits .repocm .xeomd .xitm .xir {
  width: 100%;
  color: #111;
  line-height: 1.5;
  font-weight: bold;
  font-family: 'MiSans-Demibold';
}

.recruits .repocm .xeomd .xitm .lx {
  width: 0.25rem;
  height: 3px;
  background-color: var(--themes);
  margin: 0.2rem 0 0.25rem;
}

.recruits .repocm .xeomd .xitm .ximp {
  width: 100%;
  color: #666;
  line-height: 2;
}

.recruits .repocm .xeomd .xitm .ximp p {
  color: #666;
  line-height: 2;
}

.recruits .repocm .xeomd .xitm+.xitm {
  margin-top: 0.5rem;
}

.pages {
  width: 100%;
  padding: 0.22rem 0 0.25rem;
  font-size: 0;
  text-align: center;
  margin-top: 0.2rem;
}

.pages .page {
  display: inline-block;
  vertical-align: middle;
  width: 0.6rem;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  color: #666;
  border-radius: 50%;
  background-color: #f7fafb;
  margin: 0 0.05rem 0.1rem;
}

.pages .page.ltn {
  background-image: url("../images/b1.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.pages .page.rtn {
  background-image: url("../images/b2.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.pages .page.on {
  background-color: var(--themes);
  color: #fff;
}

.pages .page.ltn:hover {
  background-image: url("../images/b3.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border: none;
}

.pages .page.on.ltn {
  background-image: url("../images/b3.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border: none;
}

.pages .page.on.rtn {
  background-image: url("../images/b4.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border: none;
}

.pages .page.rtn:hover {
  background-image: url("../images/b4.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border: none;
}

.pages .page.auto {
  width: auto;
  padding: 0 0.24rem;
}

.pages .page:hover {
  background-color: var(--themes);
  color: #fff;
}

.pages.white .page {
  background-color: #fff;
}

.pages.white .page.on {
  background-color: var(--themes);
  color: #fff;
}

.pages.white .page:hover {
  background-color: var(--themes);
  color: #fff;
}

@media (max-width: 900px) {
  .pages .page {
    width: 0.8rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 16px;
    margin: 0 0.2rem 0.1rem;
  }
}

.talents {
  width: 100%;
  padding: 0.8rem 0;
  background-color: #f5f7f9;
  overflow: hidden;
}

.talents .system {
  width: 100%;
}

.talents .system .sinp {
  width: 100%;
  color: #111;
  line-height: 1.7;
}

.talents .system .sinp p {
  color: #111;
  line-height: 1.7;
}

.talents .system .sinp img {
  max-width: 100%;
}

.talents .system+.system {
  margin-top: 0.8rem;
}

.talents .styles {
  width: 100%;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
}

.talents .styles .stypers {
  width: 100%;
  position: relative;
}

.talents .styles .stypers .btn {
  position: absolute;
  top: 50%;
  z-index: 5;
  transform: translateY(-50%);
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  cursor: pointer;
  background-color: #fff;
  transition: all ease 0.5s;
}

.talents .styles .stypers .btn img {
  width: 100%;
  display: block;
}

.talents .styles .stypers .btn img:first-child {
  display: block;
}

.talents .styles .stypers .btn img:last-child {
  display: none;
}

.talents .styles .stypers .btn:hover {
  background-color: var(--themes);
}

.talents .styles .stypers .btn:hover img:first-child {
  display: none;
}

.talents .styles .stypers .btn:hover img:last-child {
  display: block;
}

.talents .styles .stypers .bl {
  left: -0.8rem;
}

.talents .styles .stypers .br {
  right: -0.8rem;
}

.talents .styles .stypers .swiper-slide {
  width: 100%;
}

.talents .styles .stypers .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.talents .styles .stypers .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 60%;
  transition: all ease 0.5s;
}

.talents .styles .stypers .swiper-slide .sim {
  width: 100%;
  color: #222;
  line-height: 1.7;
  text-align: center;
  margin-top: 0.14rem;
}

.talents .styles .stypers .swiper-slide:nth-child(4n+1) {
  transition-delay: 0.1s !important;
}

.talents .styles .stypers .swiper-slide:nth-child(4n+2) {
  transition-delay: 0.2s !important;
}

.talents .styles .stypers .swiper-slide:nth-child(4n+3) {
  transition-delay: 0.3s !important;
}

.talents .styles .stypers .swiper-slide:nth-child(4n+4) {
  transition-delay: 0.4s !important;
}

@media (max-width: 1740px) {
  .talents .styles .stypers .bl {
    left: -0.3rem;
  }

  .talents .styles .stypers .br {
    right: -0.3rem;
  }
}

@media (max-width: 800px) {
  .talents .styles .stypers .bl {
    left: -0.15rem;
  }

  .talents .styles .stypers .br {
    right: -0.15 rem;
  }
}

.joins {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row-reverse;
  background-color: #f5f7f9;
}

.joins .jol {
  display: inline-block;
  vertical-align: middle;
  width: calc(960 / 1920 * 100%);
  position: relative;
  overflow: hidden;
}

.joins .jol .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.joins .jol .imgs .img {
  width: 100%;
  padding-top: 100%;
}

.joins .jor {
  width: calc(960 / 1920 * 100%);
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  padding: 0.2rem calc(100 / 1920 * 100%);
}

.joins .jor .xinp {
  width: 100%;
  color: #111;
  line-height: 2;
  overflow: auto;
  max-height: 6.2rem;
  /*滚动条里面小方块*/
  /*滚动条里面轨道*/
}

.joins .jor .xinp::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.joins .jor .xinp::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 137, 150, 0.7);
  background: rgba(0, 137, 150, 0.7);
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.joins .jor .xinp::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
}

.joins .jor .xinp p {
  color: #111;
  line-height: 2;
}

.newsom {
  width: 100%;
  padding: 0.8rem 0;
  background-color: #f5f7f9;
}

.newsom .newlisp {
  width: 100%;
  font-size: 0;
}

.newsom .newlisp .netam {
  display: inline-block;
  vertical-align: top;
  width: calc(410 / 1720 * 100%);
  transition: all ease 0.5s;
  margin-right: calc(26 / 1720 * 100%);
  margin-bottom: 0.3rem;
  position: relative;
}

.newsom .newlisp .netam a {
  width: 100%;
  display: block;
  background-color: #fff;
}

.newsom .newlisp .netam .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.newsom .newlisp .netam .imgs .img {
  width: 100%;
  padding-top: 60%;
  transition: all ease 0.5s;
}

.newsom .newlisp .netam .vom {
  width: 100%;
  padding: 0.2rem 0.2rem;
}

.newsom .newlisp .netam .vom .xt {
  width: 100%;
  color: #111;
  line-height: 1.5;
  height: 3em;
}

.newsom .newlisp .netam .vom .xim {
  width: 100%;
  color: #999;
  line-height: 1.5;
  height: 3em;
  margin-top: 0.1rem;
}

.newsom .newlisp .netam .time {
  position: absolute;
  left: 0.3rem;
  z-index: 3;
  background-color: #fff;
  padding: 0.1rem;
  top: -0.2rem;
  text-align: center;
}

.newsom .newlisp .netam .time .day {
  width: 100%;
  color: #666;
  font-weight: bold;
  font-family: 'MiSans-Demibold';
  line-height: 1.3;
}

.newsom .newlisp .netam .time .tis {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.newsom .newlisp .netam:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.newsom .newlisp .netam:hover .imgs .img {
  transform: scale(1.1);
}

.newsom .newlisp .netam:hover .vom .xt {
  color: var(--themes);
}

.newsom .newlisp .netam:hover .time {
  background-color: var(--themes);
}

.newsom .newlisp .netam:hover .time .day,
.newsom .newlisp .netam:hover .time .tis {
  color: #fff;
}

.newsom .newlisp .netam:nth-child(4n) {
  margin-right: 0;
}

.newsom .newlisp .netam:nth-child(4n+1) a {
  transition-delay: 0.1s !important;
}

.newsom .newlisp .netam:nth-child(4n+2) a {
  transition-delay: 0.2s !important;
}

.newsom .newlisp .netam:nth-child(4n+3) a {
  transition-delay: 0.3s !important;
}

.newsom .newlisp .netam:nth-child(4n+4) a {
  transition-delay: 0.4s !important;
}

.netails {
  width: 100%;
  background-color: #f5f7f9;
  padding: 0.5rem 0;
}

.netails .netail {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.netails .netail .nel {
  display: inline-block;
  vertical-align: top;
  width: calc(1290 / 1720 * 100%);
}

.netails .netail .nel .nocom {
  width: 100%;
  background-color: #fff;
  padding: 0.4rem;
}

.netails .netail .nel .nocom .nit {
  width: 100%;
  color: #222;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
  max-width: 10.8rem;
  display: block;
  margin: 0 auto;
  font-family: 'MiSans-Demibold';
}

.netails .netail .nel .nocom .xim {
  width: 100%;
  text-align: center;
  font-size: 0;
  margin: 0.2rem 0;
  max-width: 10.8rem;
  display: block;
  margin: 0.2rem auto;
}

.netails .netail .nel .nocom .xim span {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
  margin: 0 0.2rem;
}

.netails .netail .nel .nocom .ninp {
  width: 100%;
  color: #888;
  line-height: 1.75;
  border-top: solid 1px #ccc;
  max-width: 10.8rem;
  display: block;
  margin: 0 auto;
  padding-top: 0.35rem;
}

.netails .netail .nel .nocom .ninp * {
  text-wrap: wrap !important;
}

.netails .netail .nel .nocom .ninp p {
  color: #888;
  max-width: 100%;
  line-height: 1.75;
}

.netails .netail .nel .nocom .ninp img {
  width: 100%;
  max-width: 100%;
}

.netails .netail .nel .not {
  width: 100%;
  background-color: #fff;
  margin-top: 0.1rem;
  padding: 0.3rem 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.netails .netail .nel .not a {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
}

.netails .netail .nel .not a span {
  display: inline-block;
  vertical-align: middle;
  width: 7px;
  position: relative;
  top: -0.02rem;
}

.netails .netail .nel .not a span img {
  width: 100%;
  display: block;
}

.netails .netail .nel .not a span img:first-child {
  display: block;
}

.netails .netail .nel .not a span img:last-child {
  display: none;
}

.netails .netail .nel .not a:hover span img:first-child {
  display: none;
}

.netails .netail .nel .not a:hover span img:last-child {
  display: block;
}

.netails .netail .ner {
  display: inline-block;
  vertical-align: top;
  width: calc(400 / 1720 * 100%);
}

.netails .netail .ner .netop {
  width: 100%;
  padding: 0.2rem;
  font-size: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  border-bottom: solid 1px #ddd;
}

.netails .netail .ner .netop .xit {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: var(--themes);
  font-weight: bold;
  font-family: 'MiSans-Demibold';
}

.netails .netail .ner .netop .xit span {
  display: inline-block;
  vertical-align: middle;
  height: 0.2rem;
  width: 2px;
  background-color: var(--themes);
  margin-right: 0.1rem;
}

.netails .netail .ner .netop a {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.5;
}

.netails .netail .ner .xims {
  width: 100%;
  padding: 0 0.3rem;
  background-color: #fff;
}

.netails .netail .ner .xims .xli {
  width: 100%;
  border-bottom: dashed 1px #ddd;
}

.netails .netail .ner .xims .xli a {
  width: 100%;
  display: block;
  padding: 0.2rem 0;
}

.netails .netail .ner .xims .xli .xim {
  width: 100%;
  color: #222;
  line-height: 1.5;
}

.netails .netail .ner .xims .xli .mx {
  width: 100%;
  color: #999;
  line-height: 1.5;
  margin-top: 0.1rem;
}

.netails .netail .ner .xims .xli:last-child {
  border-bottom: none;
}

.netails .netail .ner.fixed {
  width: 4rem;
  position: fixed;
  right: 50%;
  margin-right: -8.6rem;
  top: 1rem;
}

.netails .netail .ner.bot {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 0;
  top: auto;
  width: 4rem;
}

@media (max-width: 1740px) {
  .netails .netail .ner.fixed {
    width: 3.6rem;
    margin-right: -45%;
  }

  .netails .netail .ner.bot {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: 0;
    top: auto;
    width: 3.6rem;
  }
}

.cultrues {
  width: 100%;
  padding: 0.8rem 0 0.5rem;
  background-color: #f5f7f9;
}

.cultrues .mitop .xim {
  width: 100%;
  color: var(--themes);
  line-height: 1.4;
  font-weight: bold;
  font-family: 'MiSans-Demibold';
  margin-top: 0.1rem;
}

.cultrues .cultom {
  width: 100%;
  position: relative;
}

.cultrues .cultom .imglist {
  width: 100%;
  position: relative;
}

.cultrues .cultom .imglist .imgs {
  width: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.cultrues .cultom .imglist .imgs .img {
  width: 100%;
  position: relative;
  padding-top: 41.86%;
}

.cultrues .cultom .imglist .imgs.on {
  display: block;
}

.cultrues .cultom .poxd {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 3;
  display: flex;
}

.cultrues .cultom .poxd .temd {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0.4rem;
  align-content: space-between;
  text-align: center;
  flex-direction: column;
  cursor: pointer;
}

.cultrues .cultom .poxd .temd .pit {
  width: 100%;
  flex: 1;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}

.cultrues .cultom .poxd .temd .pit .ld {
  width: 1px;
  height: 0.2rem;
  background-color: #fff;
  display: block;
  margin: 0 auto;
}

.cultrues .cultom .poxd .temd .pit .xm {
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 1.5;
  margin: 0.2rem 0;
}

.cultrues .cultom .poxd .temd .pmt {
  width: 100%;
  flex: 1;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}

.cultrues .cultom .poxd .temd .pmt .mps {
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 1.5;
}

.cultrues .cultom .poxd .temd .pbt {
  width: 100%;
  flex: 1.4;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}

.cultrues .cultom .poxd .temd .pbt .tm {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.cultrues .cultom .poxd .temd .pbt .mn {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.cultrues .cultom .poxd .temd .pbt .xid {
  width: 100%;
  display: flex;
  justify-content: space-around;
}

.cultrues .cultom .poxd .temd .pbt .xid .xitm {
  width: 25%;
}

.cultrues .cultom .poxd .temd .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all ease 1s;
  opacity: 0;
}

.cultrues .cultom .poxd .pitm {
  width: calc(33.33%);
  display: inline-block;
  vertical-align: middle;
}

.cultrues .cultom .poxd .pitm.on .temd .bg {
  opacity: 1;
}

@media (max-width: 800px) {
  .cultrues .cultom .imglist .imgs .img {
    padding-top: 100%;
  }

  .cultrues .cultom .poxd .swiper-wrapper {
    align-items: center;
    height: 100%;
  }

  .cultrues .cultom .poxd .pitm {
    width: 100%;
  }
}

.maps {
  width: 100%;
  position: relative;
}

.maps .mapimd {
  width: 100%;
}

.maps .mapimd .maim {
  width: 100%;
  display: none;
  overflow: hidden;
}

.maps .mapimd .maim.on {
  display: block;
}

.maps .imgs {
  width: 100%;
}

.maps .imgs img {
  width: 100%;
  display: block;
}

.maps .pcm {
  display: block;
}

.maps .phm {
  display: none;
}

.maps .ricom {
  position: absolute;
  background-image: linear-gradient(-90deg, #ffffff 0%, #ffffff 100%);
  width: calc(960 / 1920 * 100%);
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  padding: 0.6rem calc(100 / 1920 * 100%);
}

.maps .ricom:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 120px;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(white));
}

.maps .ricom .reom {
  width: 100%;
  height: 5rem;
  overflow: auto;
  padding-bottom: 50px;
  /*滚动条里面小方块*/
  /*滚动条里面轨道*/
}

.maps .ricom .reom::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.maps .ricom .reom::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 137, 150, 0.7);
  background: rgba(0, 137, 150, 0.7);
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.maps .ricom .reom::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
}

.maps .ricom .reom p {
  color: #111;
  line-height: 2;
}

.maps .ricom .reom .rinps {
  width: 100%;
}

.maps .ricom .reom .rinps .rli {
  width: 100%;
  cursor: pointer;
}

.maps .ricom .reom .rinps .rli .fogo {
  width: 100%;
  font-size: 0;
}

.maps .ricom .reom .rinps .rli .fogo span {
  display: inline-block;
  vertical-align: middle;
  height: 0.56rem;
}

.maps .ricom .reom .rinps .rli .fogo span img {
  height: 100%;
  display: block;
}

.maps .ricom .reom .rinps .rli .xd {
  width: 100%;
  color: #111;
  line-height: 1.3;
  margin: 0.14rem 0;
}

.maps .ricom .reom .rinps .rli .xinp {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.maps .ricom .reom .rinps .rli .xinp p {
  color: #666;
  line-height: 1.5;
}

.maps .ricom .reom .rinps .rli+.rli {
  margin-top: 0.3rem;
}

.maps .ricom .reom .rinps .rli.on .xd {
  color: var(--themes);
}

@media (max-width: 800px) {
  .maps .pcm {
    display: none;
  }

  .maps .phm {
    display: block;
  }

  .maps .ricom {
    width: 100%;
    position: relative;
    top: 0;
    transform: translateY(0);
  }
}

.history {
  width: 100%;
  background-color: #f5f7f9;
  padding: 0.8rem 0;
}

.history .histper {
  width: 100%;
}

.history .histper .swiper-container {
  height: 5rem;
}

.history .histper .swiper-slide {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.history .histper .swiper-slide .imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc(760 / 1520 * 100%);
  position: relative;
  overflow: hidden;
}

.history .histper .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 60%;
}

.history .histper .swiper-slide .rem {
  display: inline-block;
  vertical-align: middle;
  width: calc(580 / 1520 * 100%);
  margin-right: 0.7rem;
  padding: 0.3rem 0;
}

.history .histper .swiper-slide .rem .etm {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}

.history .histper .swiper-slide .rem .xit {
  width: 100%;
  color: var(--themes);
  line-height: 1.5;
  font-weight: bold;
  font-family: 'MiSans-Demibold';
}

.history .histper .swiper-slide .rem .xip {
  width: 100%;
  margin: 0.1rem 0;
  color: var(--themes);
  line-height: 1.4;
}

.history .histper .swiper-slide .rem .xinp {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.history .histper .swiper-slide .rem .xinp p {
  color: #333;
  line-height: 1.5;
}

.history .histper .swiper-slide .rem .btns {
  width: 100%;
  font-size: 0;
  margin-top: 0.7rem;
}

.history .histper .swiper-slide .rem .btns .btn {
  z-index: 5;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  transition: all ease 0.5s;
}

.history .histper .swiper-slide .rem .btns .btn img {
  width: 100%;
  display: block;
}

.history .histper .swiper-slide .rem .btns .btn img:first-child {
  display: block;
}

.history .histper .swiper-slide .rem .btns .btn img:last-child {
  display: none;
}

.history .histper .swiper-slide .rem .btns .btn:hover {
  background-color: var(--themes);
}

.history .histper .swiper-slide .rem .btns .btn:hover img:first-child {
  display: none;
}

.history .histper .swiper-slide .rem .btns .btn:hover img:last-child {
  display: block;
}

.history .histper .swiper-slide .rem .btns .br {
  margin-left: 0.2rem;
}

.history .histper .swiper-scrollbar-drag {
  background-color: var(--themes);
}

.activities {
  width: 100%;
  padding: 0.5rem 0 0.8rem;
  background-color: #f5f7f9;
  overflow: hidden;
}

.activities .actiom {
  width: 100%;
  font-size: 0;
}

.activities .actiom .atom {
  width: 100%;
  display: none;
}

.activities .actiom .atom.on {
  display: block;
}

.activities .actiom .actpers {
  width: 100%;
  position: relative;
}

.activities .actiom .actpers .btn {
  position: absolute;
  top: 50%;
  z-index: 5;
  transform: translateY(-50%);
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  cursor: pointer;
  background-color: #fff;
  transition: all ease 0.5s;
}

.activities .actiom .actpers .btn img {
  width: 100%;
  display: block;
}

.activities .actiom .actpers .btn img:first-child {
  display: block;
}

.activities .actiom .actpers .btn img:last-child {
  display: none;
}

.activities .actiom .actpers .btn:hover {
  background-color: var(--themes);
}

.activities .actiom .actpers .btn:hover img:first-child {
  display: none;
}

.activities .actiom .actpers .btn:hover img:last-child {
  display: block;
}

.activities .actiom .actpers .bl {
  left: -0.8rem;
}

.activities .actiom .actpers .br {
  right: -0.8rem;
}

.activities .actiom .actpers .swiper-slide {
  width: 100%;
}

.activities .actiom .actpers .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.activities .actiom .actpers .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 37.55%;
}

@media (max-width: 1740px) {
  .activities .actiom .actpers .bl {
    left: -0.3rem;
  }

  .activities .actiom .actpers .br {
    right: -0.3rem;
  }
}

@media (max-width: 800px) {
  .activities .actiom .actpers .bl {
    left: -0.15rem;
  }

  .activities .actiom .actpers .br {
    right: -0.15 rem;
  }
}

.searchs {
  width: 100%;
  padding: 0.8rem 0;
  background-color: #f5f7f9;
}

.searchs .sitop {
  width: 100%;
  margin-bottom: 0.4rem;
}

.searchs .sitop .sit {
  width: 100%;
  color: #222;
  line-height: 1.5;
}

.searchs .sitop .sit span {
  display: inline-block;
  color: var(--themes);
}

.searchs .newlisp {
  width: 100%;
  font-size: 0;
}

.searchs .newlisp .netam {
  display: inline-block;
  vertical-align: top;
  width: calc(410 / 1720 * 100%);
  transition: all ease 0.5s;
  margin-right: calc(26 / 1720 * 100%);
  margin-bottom: 0.3rem;
  position: relative;
}

.searchs .newlisp .netam a {
  width: 100%;
  display: block;
  background-color: #fff;
}

.searchs .newlisp .netam .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.searchs .newlisp .netam .imgs .img {
  width: 100%;
  padding-top: 60%;
  transition: all ease 0.5s;
}

.searchs .newlisp .netam .vom {
  width: 100%;
  padding: 0.2rem 0.2rem;
}

.searchs .newlisp .netam .vom .xt {
  width: 100%;
  color: #111;
  line-height: 1.5;
  height: 3em;
}

.searchs .newlisp .netam .vom .xim {
  width: 100%;
  color: #999;
  line-height: 1.5;
  height: 3em;
  margin-top: 0.1rem;
}

.searchs .newlisp .netam .time {
  position: absolute;
  left: 0.3rem;
  z-index: 3;
  background-color: #fff;
  padding: 0.1rem;
  top: -0.2rem;
  text-align: center;
}

.searchs .newlisp .netam .time .day {
  width: 100%;
  color: #666;
  font-weight: bold;
  font-family: 'MiSans-Demibold';
  line-height: 1.3;
}

.searchs .newlisp .netam .time .tis {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.searchs .newlisp .netam:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.searchs .newlisp .netam:hover .imgs .img {
  transform: scale(1.1);
}

.searchs .newlisp .netam:hover .vom .xt {
  color: var(--themes);
}

.searchs .newlisp .netam:hover .time {
  background-color: var(--themes);
}

.searchs .newlisp .netam:hover .time .day,
.searchs .newlisp .netam:hover .time .tis {
  color: #fff;
}

.searchs .newlisp .netam:nth-child(4n) {
  margin-right: 0;
}

.searchs .newlisp .netam:nth-child(4n+1) a {
  transition-delay: 0.1s !important;
}

.searchs .newlisp .netam:nth-child(4n+2) a {
  transition-delay: 0.2s !important;
}

.searchs .newlisp .netam:nth-child(4n+3) a {
  transition-delay: 0.3s !important;
}

.searchs .newlisp .netam:nth-child(4n+4) a {
  transition-delay: 0.4s !important;
}