@charset "UTF-8";

/* ========== 全局样式（基础） ========== */
.app-w1680 {
  width: 16.8rem;
  margin: 0 auto;
  position: relative;
  font-size: 0;
}
.app-w1800 {
  width: 18rem;
  margin: 0 auto;
  position: relative;
  font-size: 0;
}
.app-w1400 {
  width: 14rem;
  margin: 0 auto;
  position: relative;
  font-size: 0;
}
.app-app-w1680 {
  width: 16.8rem;
  margin: 0 auto;
  position: relative;
  font-size: 0;
}
.app-app-w1800 {
  width: 18rem;
  margin: 0 auto;
  position: relative;
  font-size: 0;
}
.app-app-w1400 {
  width: 14rem;
  margin: 0 auto;
  position: relative;
  font-size: 0;
}
:root {
  --app-themes: #120959;
}

/* ========== 头部 ========== */
.app-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  transition: all ease 0.5s;
}
.app-header .app-hop {
  width: 100%;
  display: flex;
  justify-content: space-between;
  transition: all ease 0.3s;
  min-height: 0.6rem;
  align-items: center;
}
.app-header .app-rav {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  display: flex;
  align-items: center;gap: 16px; 
}
.app-header .app-rav .app-search {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  text-align: center;
  cursor: pointer;
  position: relative;
  width: 19px;
  height: 40px;
}
.app-header .app-rav .app-search .app-sc {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.app-header .app-rav .app-search .app-sc img {
  width: 100%;
  display: block;
}
.app-header .app-rav .app-search .app-sc img:first-child {
  display: block;
}
.app-header .app-rav .app-search .app-sc img:last-child {
  display: none;
}
.app-header .app-rav .app-sechom {
  position: absolute;
  z-index: 3;
  right: 0;
  width: 4rem;
  background-color: #fff;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);
  padding: 0.1rem;
  top: 100%;
  display: none;
}
.app-header .app-rav .app-sechom form {
  width: 100%;
  display: block;
  font-size: 0;
}
.app-header .app-rav .app-sechom .app-input {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 2.4em - 0.2rem);
  margin-right: 0.2rem;
}
.app-header .app-rav .app-sechom .app-input .app-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;
}
.app-header .app-rav .app-sechom .app-stn {
  display: inline-block;
  vertical-align: middle;
  width: 2.2em;
  height: 2.2em;
  border-radius: 50%;
  background-color: var(--app-themes);
  position: relative;
}
.app-header .app-rav .app-sechom .app-stn img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 15px;
  height: 15px;
  display: block;
  cursor: pointer;
  z-index: 1;
  filter: grayscale(1000%) brightness(2000%);
}
.app-header .app-rav .app-sechom .app-stn input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
  cursor: pointer;
  z-index: 3;
  opacity: 0;
}
.app-header .app-rav .app-languages {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  margin: 0 0.1rem;
  text-align: left;
  z-index: 3;
  margin-left: 0.4rem;
}
.app-header .app-rav .app-languages .app-lauges {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.app-header .app-rav .app-languages .app-lauges .app-lashow {
  width: 100%;
  position: relative;
  cursor: pointer;
  font-size: 0;
  line-height: 40px;
  white-space: nowrap;
  height: 40px;
  padding-right: 16px;
}
.app-header .app-rav .app-languages .app-lauges .app-lashow .app-ac {
  display: inline-block;
  vertical-align: middle;
  width: 19px;
  margin-right: 0.1rem;
}
.app-header .app-rav .app-languages .app-lauges .app-lashow .app-ac img {
  width: 100%;
  display: block;
}
.app-header .app-rav .app-languages .app-lauges .app-lashow .app-ac img:first-child {
  display: block;
}
.app-header .app-rav .app-languages .app-lauges .app-lashow .app-ac img:last-child {
  display: none;
}
.app-header .app-rav .app-languages .app-lauges .app-lashow .app-am {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  width: auto;
  min-width: 40px;
}
.app-header .app-rav .app-languages .app-lauges .app-lashow:after {
  content: ' ';
  position: absolute;
  right: 0rem;
  top: calc(50%);
  transform: translateY(-50%);
  background-image: url("../images/x1.png");
  width: 9px;
  height: 6px;
  background-size: 100%;
}
.app-header .app-rav .app-languages .app-lauges .app-language {
  position: absolute;
  z-index: 20;
  top: 100%;
  width: 100%;
  display: none;
  width: 60px;
  width: 1rem;
  left: 50%;
  transform: translateX(-50%);
}
.app-header .app-rav .app-languages .app-lauges .app-language .app-latem {
  width: 100%;
}
.app-header .app-rav .app-languages .app-lauges .app-language .app-latem a {
  width: 100%;
  display: block;
  color: #333;
  padding: 0 0.1rem;
  line-height: 3;
  text-align: center;
  position: relative;
  background: #efefef;
  overflow: hidden;
}
.app-header .app-rav .app-languages .app-lauges .app-language .app-latem a span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 2;
}
.app-header .app-rav .app-languages .app-lauges .app-language .app-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(--app-themes);
  z-index: 1;
  animation: outHover 0.5s ease 1 forwards;
}
.app-header .app-rav .app-languages .app-lauges .app-language .app-latem a:hover {
  color: #fff;
}
.app-header .app-rav .app-languages .app-lauges .app-language .app-latem a:hover span {
  color: #fff;
}
.app-header .app-rav .app-languages .app-lauges .app-language .app-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);
  }
}
.app-header .app-rav .app-rd {
  display: inline-block;
  vertical-align: middle;
  width: 0.51rem;
  margin-left: 0.3rem;
  cursor: pointer;
}
.app-header .app-rav .app-rd img {
  width: 100%;
  display: block;
}
.app-header .app-rav .app-menu {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: relative;
  display: none;
}
.app-header .app-rav .app-menu img {
  width: 100%;
  display: block;
}
.app-header .app-rav .app-menu .app-clk {
  width: 100%;
  height: 100%;
  text-align: center;
  color: #333;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  position: absolute;
  z-index: 99993;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.app-header .app-rav .app-langs {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  white-space: nowrap;
}
.app-header .app-rav .app-langs .app-lam {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
.app-header .app-rav .app-langs .app-lam a {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1.5;
  width: auto;
}
.app-header .app-rav .app-langs .app-lam span {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1.5;
  margin: 0 0.1rem;
}
.app-header .app-rav .app-langs .app-lam:last-child span {
  display: none;
}
.app-header .app-rav .app-langs .app-lam:hover a {
  color: var(--app-themes);
}
.app-header .app-rav .app-langs .app-lam:hover span {
  color: #fff;
}
.app-header .app-rav .app-stn {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin-right: 0.2rem;
}
.app-header .app-rav .app-stn a {
  width: 18px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.app-header .app-rav .app-stn a img {
  width: 100%;
  display: block;
}
.app-header .app-rav .app-stn a img:first-child {
  display: block;
}
.app-header .app-rav .app-stn a img:last-child {
  display: none;
}
.app-header .app-logo {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  font-size: 0;
  white-space: nowrap;
}
.app-header .app-logo .app-log {
  width: .85rem;
  display: inline-block;
  vertical-align: middle;
}
.app-header .app-logo .app-log a, .app-header .app-logo .app-log img {
  width: 100%;
  display: block;
}
.app-header .app-logo .app-log img:first-child {
  display: block;
}
.app-header .app-logo .app-log img:last-child {
  display: none;
}
.app-header .app-nav {
  width: 100%;
  display: block;
  text-align: center;
}
.app-header .app-nav .app-natem {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: center;
  font-size: 0;
}
.app-header .app-nav .app-natem .app-nas {
  width: auto;
  display: inline-block;
  position: relative;
  margin: 0 0.31rem;
}
.app-header .app-nav .app-natem .app-nas a {
  display: inline-block;
  line-height: .8rem;
  color: #fff;
  position: relative;
  padding: 0 0.1rem;
  transition: all ease 0.5s;
}
.app-header .app-nav .app-natem .app-nas:before {
  content: ' ';
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  width: 0.12rem;
  height: 0.07rem;
  background-image: url("../images/xx1.png");
  background-size: 100% 100%;
  bottom: 0.2rem;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: all ease 0.5s;
}
.app-header .app-nav .app-natem .app-nas:after {
  content: ' ';
  position: absolute;
  left: 50%;
  bottom: 0rem;
  transform: translateX(-50%);
  opacity: 0;
  background-color: #fff;
  transition: all ease 0.5s;
  width: 0;
  height: 0.02rem;
}
.app-header .app-nav .app-natem .app-navuls {
  width: 1.6rem;
  position: absolute;
  z-index: 101;
  left: calc(50%);
  top: 100%;
  transform: translateX(-50%);
  display: none;        box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.1);
}
.app-header .app-nav .app-natem .app-navuls ul {
  width: 100%;
}
.app-header .app-nav .app-natem .app-navuls ul li {
  width: 100%;
  position: relative; transition: all 0.3s ease 0s;
}
.app-header .app-nav .app-natem .app-navuls ul li .app-njm {
  width: 100%;
  font-size: 0;
  border-top: solid 1px rgba(255, 255, 255, 0.15);
  background-color: rgba(255, 255, 255, 0.75);
}
.app-header .app-nav .app-natem .app-navuls ul li .app-ns {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  line-height: 3;
  color: #333;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 0.1rem;
  position: relative;
  text-align: center;    transition: all 0.3s ease 0s;
}
.app-header .app-nav .app-natem .app-navuls ul li .app-theul {
  width: 100%;
  background-color: #fff;
  display: none;
}
.app-header .app-nav .app-natem .app-navuls ul li .app-theul li {
  width: 100%;
  font-size: 0;
}
.app-header .app-nav .app-natem .app-navuls ul li .app-theul li .app-xn {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 2.5;
  padding: 0 0.2rem;
}
.app-header .app-nav .app-natem .app-navuls ul li .app-theul li .app-xn:hover {
  color: #333;
}
.app-header .app-nav .app-natem .app-navuls ul li:hover .app-ns {
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#b81a35, #b81a35);
  color: #fff; transition: all 0.3s ease 0s;
}
.app-header .app-nav .app-natem .app-navuls ul li.app-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;
}
.app-header .app-nav .app-natem .app-navuls ul li.app-has-the.app-show:after {
  content: "-";
}
.app-header .app-nav .app-natem .app-longul {
  width: 100%;
  position: fixed;
  z-index: 101;
  left: calc(50%);
  top: 0.9rem;
  left: 0;
  border-top: solid 1px rgba(255, 255, 255, 0.15);
  padding: 0.4rem 0;
  background-color: var(--app-themes);
  display: none;
}
.app-header .app-nav .app-natem .app-longul .app-longlist {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}
.app-header .app-nav .app-natem .app-longul .app-longlist .app-logem {
  display: inline-block;
  vertical-align: middle;
  width: calc(290 / 1320 * 100%);
  margin-right: calc(52 / 1320 * 100%);
  margin-bottom: 0.4rem;
  transition: all ease 0.5s;
  top: 0;
  position: relative;
}
.app-header .app-nav .app-natem .app-longul .app-longlist .app-logem a {
  width: 100%;
  display: block;
  font-size: 0;
}
.app-header .app-nav .app-natem .app-longul .app-longlist .app-logem .app-imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc(1rem);
  margin-right: 0.2rem;
  position: relative;
  overflow: hidden;
}
.app-header .app-nav .app-natem .app-longul .app-longlist .app-logem .app-imgs .app-img {
  width: 100%;
  padding-top: 100%;
  transition: all ease 0.5s;
}
.app-header .app-nav .app-natem .app-longul .app-longlist .app-logem .app-rom {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 1.2rem);
}
.app-header .app-nav .app-natem .app-longul .app-longlist .app-logem .app-rom .app-rx {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}
.app-header .app-nav .app-natem .app-longul .app-longlist .app-logem:nth-child(4n) {
  margin-right: 0;
}
.app-header .app-nav .app-natem .app-longul .app-longlist .app-logem:hover {
  top: -0.1rem;
}
.app-header .app-nav .app-natem.app-has-nav .app-nas .app-xs {
  display: inline-block;
}
.app-header .app-nav .app-natem.app-on .app-nas:before {
  opacity: 1;
}
.app-header .app-nav .app-natem:hover .app-nas a {
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#b81a35, #b81a35);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.app-header .app-nav .app-natem:hover .app-nas:before {
  opacity: 1;
}
.app-header .app-secpomd {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 0.32rem 0;
  z-index: 12;
  display: none;
}
.app-header .app-secpomd .app-hvp {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 0;
}
.app-header .app-secpomd .app-hvp .app-logo {
  width: 136px;
  display: inline-block;
  vertical-align: middle;
}
.app-header .app-secpomd .app-hvp .app-logo a, .app-header .app-secpomd .app-hvp .app-logo img {
  width: 100%;
  display: block;
}
.app-header .app-secpomd .app-hvp .app-somd {
  display: inline-block;
  vertical-align: middle;
  width: 6rem;
}
.app-header .app-secpomd .app-hvp .app-somd .app-setom {
  width: 100%;
  border-bottom: solid 2px #f0f2f5;
  font-size: 0;
  margin-bottom: 0.4rem;
}
.app-header .app-secpomd .app-hvp .app-somd .app-setom .app-sinc {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 18px);
  padding-right: 0.2rem;
  color: #333;
  line-height: 3;
  height: 3em;
  background-color: transparent;
  border: none;
}
.app-header .app-secpomd .app-hvp .app-somd .app-setom .app-tcn {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  cursor: pointer;
  position: relative;
}
.app-header .app-secpomd .app-hvp .app-somd .app-setom .app-tcn img {
  width: 100%;
  display: block;
}
.app-header .app-secpomd .app-hvp .app-somd .app-setom .app-tcn .app-srn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  cursor: pointer;
  opacity: 0;
}
.app-header .app-secpomd .app-hvp .app-somd .app-pecom {
  width: 100%;
}
.app-header .app-secpomd .app-hvp .app-somd .app-pecom .app-pie {
  width: 100%;
  color: #999;
  line-height: 1.5;
  margin-bottom: 0.1rem;
}
.app-header .app-secpomd .app-hvp .app-somd .app-pecom .app-puls {
  width: 100%;
}
.app-header .app-secpomd .app-hvp .app-somd .app-pecom .app-puls .app-pli {
  width: 100%;
  padding: 0.03rem 0;
}
.app-header .app-secpomd .app-hvp .app-somd .app-pecom .app-puls .app-pli a {
  width: 100%;
  display: block;
  color: #000;
  line-height: 2;
}
.app-header .app-secpomd .app-hvp .app-somd .app-pecom .app-puls .app-pli a:hover {
  color: var(--app-themes);
}
.app-header .app-secpomd .app-hvp .app-clost {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #000;
  line-height: 1.5;
  cursor: pointer;
}
.app-header .app-bloem {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}
.app-header.app-white {
  background-color: #fff;    box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.08);
}
.app-header.app-white .app-rav .app-search .app-sc img:first-child {
  display: none;
}
.app-header.app-white .app-rav .app-search .app-sc img:last-child {
  display: block;
}
.app-header.app-white .app-rav .app-languages .app-lauges .app-lashow .app-ac img:first-child {
  display: none;
}
.app-header.app-white .app-rav .app-languages .app-lauges .app-lashow .app-ac img:last-child {
  display: block;
}
.app-header.app-white .app-rav .app-languages .app-lauges .app-lashow .app-am {
  color: #000;
}
.app-header.app-white .app-rav .app-languages .app-lauges .app-lashow:after {
  background-image: url("../images/x2.png");
  background-size: 100%;
}
.app-header.app-white .app-rav .app-langs .app-lam a, .app-header.app-white .app-rav .app-langs .app-lam span {
  color: #333;
}
.app-header.app-white .app-rav .app-langs .app-lam:hover a {
  color: var(--app-themes);
}
.app-header.app-white .app-rav .app-langs .app-lam:hover span {
  color: #333;
}
.app-header.app-white .app-rav .app-stn a img:first-child {
  display: none;
}
.app-header.app-white .app-rav .app-stn a img:last-child {
  display: block;
}
.app-header.app-white .app-logo .app-log img:first-child {
  display: none;
}
.app-header.app-white .app-logo .app-log img:last-child {
  display: block;
}
.app-header.app-white .app-nav .app-natem .app-nas a {
  color: #000;
}
.app-header.app-white .app-nav .app-natem.app-on .app-nas a {
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#b81a35, #b81a35);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.app-header.app-white .app-nav .app-natem.app-on .app-nas:before {
  opacity: 1;
}
.app-header.app-white .app-nav .app-natem:hover .app-nas a {
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#b81a35, #b81a35);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.app-header.app-white .app-nav .app-natem:hover .app-nas:before {
  opacity: 1;
}

/* ========== 横幅 ========== */
.app-banner {
  width: 100%;
  position: relative;
}
.app-banner .swiper-slide {
  width: 100%;
  position: relative;
}
.app-banner .swiper-slide .app-imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: block; height: 100vh
}
.app-banner .swiper-slide .app-mg {width: 100%;
  transform: scale(1.1);
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.app-banner .swiper-slide .app-mg.app-salce {
  transform: scale(1);
  transition: all ease 5s;
}
.app-banner .swiper-slide .app-imgs.app-pcm .app-img {
  width: 100%;
  padding-top: 48.95%;
}
.app-banner .swiper-slide .app-imgs.app-phm {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: none;
}
.app-banner .swiper-slide .app-imgs.app-phm .app-img {
  width: 100%;
  padding-top: 177.77%;
}
.app-banner .swiper-slide .app-bkc {
  position: absolute;
  z-index: 6;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.app-banner .swiper-slide .app-box {
  position: absolute;
  z-index: 7;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 14.4rem;
  max-width: 80%;
  text-align: center;
}
.app-banner .swiper-slide .app-box .app-bit {
  width: 100%;
  color: #fff;
  line-height: 1.3;
  font-weight: bold;
  letter-spacing: 0.05rem;
  opacity: 0;
  transform: translate3d(0, 25%, 0);
  transition: opacity 1s ease-out 0.2s, transform 1s ease-out 0.2s, box-shadow .3s;
}
.app-banner .swiper-slide .app-box .app-bit p {
  color: #fff;
  line-height: 1.3;
  position: relative;
  z-index: 2;
}
.app-banner .swiper-slide .app-box .app-lx {
  width: 100%;
  font-size: 0;
  margin: 0.3rem 0 0.3rem;
  opacity: 0;
  transform: translate3d(0, 25%, 0);
  transition: opacity 1s ease-out 0.2s, transform 1s ease-out 0.2s, box-shadow .3s;
}
.app-banner .swiper-slide .app-box .app-lx span {
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 0.04rem;
  background-color: #fff;border-radius: 25px;
}
.app-banner .swiper-slide .app-box .app-eim {
  width: 100%;
  color: #fff;
  line-height: 1.2;
  opacity: 0;
  transform: translate3d(0, 25%, 0);
  transition: opacity 1s ease-out 0.2s, transform 1s ease-out 0.2s, box-shadow .3s;
}
.app-banner .swiper-slide .app-box .app-eim p {
  color: #fff;
  line-height: 1.2;
  position: relative;
  z-index: 2;
}
.app-banner .swiper-slide .app-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;
}
.app-banner .swiper-slide .app-videoc .app-vom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.app-banner .swiper-slide-active .app-box .app-bit, .app-banner .swiper-slide-active .app-box .app-more, .app-banner .swiper-slide-active .app-box .app-eim, .app-banner .swiper-slide-active .app-box .app-lx {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.app-banner .swiper-pagination {
  bottom: 0.3rem;
}
.app-banner .swiper-pagination-bullet {
  display: inline-block;
  vertical-align: middle;
  width: 0.4rem;
  height: 6px;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 1;
  margin: 0 0.1rem !important;border-radius: 25px;
}
.app-banner .swiper-pagination-bullet-active {
  background-color: #fff;
}
.app-banner .app-btn {
  position: absolute;
  width: 14px;
  cursor: pointer;
  z-index: 2;
  top: 50%;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  opacity: 0.6;
  transform: translateY(-50%);
  transition: all ease 0.5s;
}
.app-banner .app-btn img {
  width: 100%;
  display: block;
}
.app-banner .app-btn:hover {
  opacity: 1;
}
.app-banner .app-bl {
  left: 0.6rem;
}
.app-banner .app-br {
  right: 0.6rem;
}

/* ========== 页脚 ========== */
.app-footer {
  width: 100%;
  background-color: #05101B;
  position: relative;
}
.app-footer .app-lx1 {
  position: absolute;
  z-index: 1;
  width: calc(1210 / 1920 * 100%);
  left: calc(120 / 1920 * 100%);
  height: 1px;
  background-color: rgba(255, 255, 255, 0.1);
  top: 0.4rem;
}
.app-footer .app-lx2 {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 1px;
  left: calc(1330 / 1920 * 100%);
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
}
.app-footer .app-w1680 {
  position: relative;
  z-index: 2;
}
.app-footer .app-ftop {
  width: 100%;
  padding: 0.8rem 0 0.3rem;
}
.app-footer .app-fop {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.app-footer .app-fop .app-fol {
  display: inline-block;
  vertical-align: middle;
  width: calc(1180 / 1680 * 100%);
}
.app-footer .app-fop .app-fol .app-fogo {
  width: 100%;
  margin-bottom: 1.1rem;
  font-size: 0;
}
.app-footer .app-fop .app-fol .app-fogo a {
  display: inline-block;
  vertical-align: middle;
  width: 266px;
}
.app-footer .app-fop .app-fol .app-fogo a img {
  width: 100%;
  display: block;
}
.app-footer .app-fop .app-fol .app-foms {
  width: 100%;
}
.app-footer .app-fop .app-fol .app-flist {
  display: inline-block;
  vertical-align: top;
  width: calc(236 / 1180 * 100%);
  text-align: left;
  padding-right: 0.15rem;
}
.app-footer .app-fop .app-fol .app-flist .app-fit {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.2rem;
}
.app-footer .app-fop .app-fol .app-flist .app-fit a {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1.4;
  transition: all ease 0.5s;
}
.app-footer .app-fop .app-fol .app-flist .app-fit a:hover {
  color: var(--app-themes);
}
.app-footer .app-fop .app-fol .app-flist .app-ful {
  width: 100%;
}
.app-footer .app-fop .app-fol .app-flist .app-ful a {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  color: rgba(255, 255, 255, 0.5);
  transition: all ease 0.5s;
  line-height: 2;
  padding: 0.05rem 0;
}
.app-footer .app-fop .app-fol .app-flist .app-ful a:hover {
  color: #fff;
}
.app-footer .app-fop .app-fol .app-flist .app-ful div {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.5);
  line-height: 2;
  transition: all ease 0.5s;
}
.app-footer .app-fop .app-for {
  display: inline-block;
  vertical-align: middle;
  width: calc(370 / 1680 * 100%);
}
.app-footer .app-fop .app-for .app-fit {
  width: 100%;
  margin-bottom: 0.3rem;
  color: #fff;
  line-height: 1.4;
}
.app-footer .app-fop .app-for .app-fum {
  width: 100%;
  color: #fff;
  font-weight: bold;
  margin: 0.2rem 0;
}
.app-footer .app-fop .app-for .app-sim {
  width: 100%;
  color: rgba(255, 255, 255, 0.5);
  line-height: 2;
}
.app-footer .app-fop .app-for .app-sim p {
  color: rgba(255, 255, 255, 0.5);
  line-height: 2;
}
.app-footer .app-fop .app-for .app-share {
  width: 100%;
  font-size: 0;
  margin-top: 0.2rem;
}
.app-footer .app-fop .app-for .app-share .app-am {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  position: relative;
  transition: all ease 0.5s;
  margin-right: 0.2rem;
  opacity: 0.5;
}
.app-footer .app-fop .app-for .app-share .app-am a, .app-footer .app-fop .app-for .app-share .app-am img {
  width: 100%;
  display: block;
}
.app-footer .app-fop .app-for .app-share .app-am .app-codm {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 0.1rem);
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);
  width: 1.2rem;
  background-color: #fff;
  padding: 0.06rem;
  border-radius: 0.05rem;
  display: none;
  z-index: 2;
}
.app-footer .app-fop .app-for .app-share .app-am .app-codm:after {
  content: ' ';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  width: 0;
  height: 0;
  border: solid 0.05rem;
  border-color: transparent transparent #fff transparent;
}
.app-footer .app-fop .app-for .app-share .app-am:hover {
  opacity: 1;
}
.app-footer .app-fop .app-for .app-share .app-am:hover .app-codm {
  display: block;
}
.app-footer .app-fbot {
  width: 100%;
  padding: 0.32rem 0;
}
.app-footer .app-fob {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.app-footer .app-fob .app-fm {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.5;
}
.app-footer .app-fob .app-fm a {
  display: inline-block;
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.5;
  width: auto;
}
.app-footer .app-fob .app-fm a span {
  display: inline-block;
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.15);
  line-height: 1.5;
  margin: 0 0.1rem;
}
.app-footer .app-fob .app-fm a:hover {
  color: #fff;
}
.app-footer .app-fob .app-fm a:hover span {
  color: rgba(255, 255, 255, 0.15);
}
.app-footer .app-fob .app-fm a:last-child span {
  display: none;
}

/* ========== 模块通用 ========== */
.app-modular {
  width: 100%;
}
.app-modular .app-mitop {
  width: 100%;
  margin-bottom: 0.25rem;
}
.app-modular .app-mitop .app-mix {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.3;
}
.app-modular .app-mitop .app-mix p {
  color: #000;
  font-weight: bold;
  line-height: 1.3;
}
.app-modular .app-mitop .app-mix span {
  display: inline-block;
  color: #999;
  line-height: 1.5;
  margin-left: 0.45rem;
}
.app-modular .app-mitop .app-lx {
  width: 100%;
  font-size: 0;
  margin-top: 0.22rem;
}
.app-modular .app-mitop .app-lx span {
  display: inline-block;
  vertical-align: middle;
  width: 0.33rem;
  height: 0.06rem;
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#b81a35, #b81a35);
}
.app-modular .app-mitop .app-mip {
  width: 100%;
  color: #666;
  line-height: 1.75;
  margin-top: 0.46rem;
}
.app-modular .app-mitop .app-mip p {
  color: #666;
  line-height: 1.75;
}
.app-modular .app-mitop.app-marls {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.app-modular .app-mitop.app-marls .app-mol {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  max-width: 50%;
}
.app-modular .app-mitop.app-marls .app-mor {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  max-width: 50%;
}
.app-modular .app-mitop.app-marls .app-mornav {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
.app-modular .app-mitop.app-marls .app-mornav .app-vetm {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #666;
  line-height: 3.4;
  position: relative;
  cursor: pointer;
  margin-right: 0.4rem;
}
.app-modular .app-mitop.app-marls .app-mornav .app-vetm::after {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(90deg, #120959 0%, #B8363A 100%), linear-gradient(#ffffff, #ffffff);
  opacity: 0;
  transition: all ease 0.5s;
}
.app-modular .app-mitop.app-marls .app-mornav .app-vetm.app-on::after, .app-modular .app-mitop.app-marls .app-mornav .app-vetm:hover::after {
  opacity: 1;
}
.app-modular .app-mitop.app-marls .app-meop {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
.app-modular .app-mitop.app-marls .app-meop .app-mop {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.app-modular .app-mitop.app-marls .app-meop .app-mop .app-lum {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  background: -webkit-linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#b81a35, #b81a35);
  background: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#b81a35, #b81a35);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.app-modular .app-mitop.app-marls .app-meop .app-mop .app-lum span {
  display: inline-block;
  font-weight: bold;
  margin-right: 0.02rem;
}
.app-modular .app-mitop.app-marls .app-meop .app-mop .app-rc {
  display: inline-block;
  vertical-align: middle;
  width: 0.44rem;
  margin-left: 1rem;
}
.app-modular .app-mitop.app-marls .app-meop .app-mop .app-rc img {
  width: 100%;
  display: block;
}
.app-modular .app-mitop.app-marls .app-meop .app-mie {
  width: 100%;
  color: #666;
  line-height: 1.6;
  margin-top: 0.06rem;
}
.app-modular.app-white .app-mitop .app-mix {
  color: #fff;
}
.app-modular.app-white .app-mitop .app-lx span {
  background-color: #fff;
  background-image: none;
}

/* ========== 面包屑 ========== */
.app-crumbs {
  width: 100%;
  background-color: transparent;
  position: relative;
  background-color: #fff;
  box-shadow: 0px 0px 16px 0px rgba(204, 204, 204, 0.28);
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
.app-crumbs .app-column {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 0;
  position: relative;
}
.app-crumbs .app-column .app-colum {
  width: auto;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  z-index: 2;
  position: relative;
}
.app-crumbs .app-column .app-colum .app-home {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  margin-right: .1rem;
  position: relative;
  top:0.01rem;
}
.app-crumbs .app-column .app-colum .app-home img {
  width: 100%;
  display: block;
}
.app-crumbs .app-column .app-colum .app-sm {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 3;
}
.app-crumbs .app-column .app-colum a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #333;
  line-height: 1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.app-crumbs .app-column .app-colum a span {
  display: inline-block;
  color: #333;
  line-height: 3;
  position: relative;
  margin: 0 .08rem;
}
.app-crumbs .app-column .app-colum a span img {
  width: 100%;
  display: block;
}
.app-crumbs .app-column .app-colum a:hover {
  color: var(--app-themes);
}
.app-crumbs .app-column .app-colum a:last-child span {
  display: none;
}
.app-crumbs .app-column .app-cul {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
  z-index: 2;
  position: relative;
}
.app-crumbs .app-column .app-cul .swiper-slide {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin-right: 0.4rem;
  position: relative;
}
.app-crumbs .app-column .app-cul .swiper-slide a {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1rem;
  width: auto;
  transition: all ease 0.5s;
}
.app-crumbs .app-column .app-cul .swiper-slide a span {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  bottom: 0rem;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 0.02rem;
  background-color: var(--app-themes);
  transition: all ease 0.5s;
  opacity: 0;
}
.app-crumbs .app-column .app-cul .swiper-slide:after {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(90deg, #120959 0%, #B8363A 100%), linear-gradient(#e64855, #e64855);
  opacity: 0;
  transition: all ease 0.5s;
  bottom: 0;
}
.app-crumbs .app-column .app-cul .swiper-slide.app-on a, .app-crumbs .app-column .app-cul .swiper-slide:hover a {
  color: #000;
}
.app-crumbs .app-column .app-cul .swiper-slide.app-on:after, .app-crumbs .app-column .app-cul .swiper-slide:hover:after {
  opacity: 1;
}
.app-crumbs .app-column .app-cul .swiper-scrollbar {
  background-color: rgba(0, 0, 0, 0.1);
  left: 0;
  right: 0;
  width: 100%;
  bottom: 0;
  display: none;
}
.app-crumbs .app-column .app-cul .swiper-scrollbar-drag {
  background-color: var(--app-themes);
}
.app-crumbs .app-column .app-cul.app-pbs .swiper-container {
  padding-bottom: 0.15rem;
}
.app-crumbs .app-column .app-cul.app-pbs .swiper-scrollbar {
  display: block;
}
.app-crumbs .app-column.app-xl {
  justify-content: space-between;
  font-size: 0;
  align-items: center;
}
.app-crumbs.app-no:after {
  display: none;
}

/* ========== 返回顶部 ========== */
.app-rightnav {
  position: fixed;
  right: 0;
  top: 125%;
  transform: translateY(-50%);
  transition: all ease 1s;
  z-index: 10;
}
.app-rightnav .app-ritm {
  display: block;
  width: 0.45rem;
  cursor: pointer;
}
.app-rightnav .app-ritm a, .app-rightnav .app-ritm img {
  width: 100%;
  display: block;
}
.app-rightnav.app-show {
  top: 75%;
}

/* ========== 全局重置 & 排版 ========== */
html {
  -webkit-font-smoothing: antialiased;
  height: 100%;
  touch-action: manipulation;
}
blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
  margin: 0;
  padding: 0
}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer {
  display: block;
  margin: 0;
  padding: 0
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
table, th, td {
  border: 1px solid black;
}
fieldset, img {
  border: 0
}
address, caption, cite, code, dfn, em, var {
  font-style: normal;
  font-weight: 400;
}
dl, ol, ul {
  list-style-type: none
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}
a {
  text-decoration: none;
  color: inherit;
}
a:hover {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: 0;
  outline: none;
  blr: expression(this.onFocus=this.blur())
}
sup {
  vertical-align: text-top
}
sub {
  vertical-align: text-bottom
}
textarea {
  resize: none;
  outline: none;
  font-family: inherit;
}
img {
  vertical-align: middle;max-width: 100%;
  height: auto;
}
button, input[type=submit], input[type=text], input[type=button] {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: 0;
  blr: expression(this.onFocus=this.blur())
}
input {
  outline: 0;
  border-radius: 0;
}
input::-webkit-input-safebox-button {
  display: none;
}
html {
  font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif
}
body {
  color: #000;-webkit-text-size-adjust: 100% !important;
text-size-adjust: 100% !important;
-moz-text-size-adjust: 100% !important;
}
header, footer, main, header *, footer *, main * {
  box-sizing: border-box;
}
* {
  box-sizing: border-box;
}
#web-ietip {
  width: 526px;
  height: 90px;
  padding: 83px 0 0 84px;
  overflow: hidden;
  background: url(../images/browser.png) no-repeat center center;
  margin: 200px auto 0;
}
#web-ietip a {
  display: block;
  width: 65px;
  height: 80px;
  float: left;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0;
  font-size: 0;
}
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.app-eps2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.app-eps3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.app-eps4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
html {
  font-size: calc(100vw / 1920 * 100);
}
@media(max-width: 900px) {
  html {
    font-size: calc(900px / 1920 * 100);
  }
}
body {
  font-size: calc(16 * 1rem / 100);
}
.app-s12 {
  font-size: calc(12 * 1rem / 100);
}
.app-s13 {
  font-size: calc(13 * 1rem / 100);
}
.app-s14 {
  font-size: calc(14 * 1rem / 100);
}
.app-s15 {
  font-size: calc(15 * 1rem / 100);
}
.app-s16 {
  font-size: calc(16 * 1rem / 100);
}
.app-s17 {
  font-size: calc(17 * 1rem / 100);
}
.app-s18 {
  font-size: calc(18 * 1rem / 100);
}
.app-s19 {
  font-size: calc(19 * 1rem / 100);
}
.app-s20 {
  font-size: calc(20 * 1rem / 100);
}
.app-s21 {
  font-size: calc(21 * 1rem / 100);
}
.app-s22 {
  font-size: calc(22 * 1rem / 100);
}
.app-s23 {
  font-size: calc(23 * 1rem / 100);
}
.app-s24 {
  font-size: calc(24 * 1rem / 100);
}
.app-s25 {
  font-size: calc(25 * 1rem / 100);
}
.app-s26 {
  font-size: calc(26 * 1rem / 100);
}
.app-s27 {
  font-size: calc(27 * 1rem / 100);
}
.app-s28 {
  font-size: calc(28 * 1rem / 100);
}
.app-s29 {
  font-size: calc(29 * 1rem / 100);
}
.app-s30 {
  font-size: calc(30 * 1rem / 100);
}
.app-s31 {
  font-size: calc(31 * 1rem / 100);
}
.app-s32 {
  font-size: calc(32 * 1rem / 100);
}
.app-s33 {
  font-size: calc(33 * 1rem / 100);
}
.app-s34 {
  font-size: calc(34 * 1rem / 100);
}
.app-s35 {
  font-size: calc(35 * 1rem / 100);
}
.app-s36 {
  font-size: calc(36 * 1rem / 100);
}
.app-s37 {
  font-size: calc(37 * 1rem / 100);
}
.app-s38 {
  font-size: calc(38 * 1rem / 100);
}
.app-s39 {
  font-size: calc(39 * 1rem / 100);
}
.app-s40 {
  font-size: calc(40 * 1rem / 100);
}
.app-s41 {
  font-size: calc(41 * 1rem / 100);
}
.app-s42 {
  font-size: calc(42 * 1rem / 100);
}
.app-s43 {
  font-size: calc(43 * 1rem / 100);
}
.app-s44 {
  font-size: calc(44 * 1rem / 100);
}
.app-s45 {
  font-size: calc(45 * 1rem / 100);
}
.app-s46 {
  font-size: calc(46 * 1rem / 100);
}
.app-s47 {
  font-size: calc(47 * 1rem / 100);
}
.app-s48 {
  font-size: calc(48 * 1rem / 100);
}
.app-s49 {
  font-size: calc(49 * 1rem / 100);
}
.app-s50 {
  font-size: calc(50 * 1rem / 100);
}
.app-s51 {
  font-size: calc(51 * 1rem / 100);
}
.app-s52 {
  font-size: calc(52 * 1rem / 100);
}
.app-s53 {
  font-size: calc(53 * 1rem / 100);
}
.app-s54 {
  font-size: calc(54 * 1rem / 100);
}
.app-s55 {
  font-size: calc(55 * 1rem / 100);
}
.app-s56 {
  font-size: calc(56 * 1rem / 100);
}
.app-s57 {
  font-size: calc(57 * 1rem / 100);
}
.app-s58 {
  font-size: calc(58 * 1rem / 100);
}
.app-s59 {
  font-size: calc(59 * 1rem / 100);
}
.app-s60 {
  font-size: calc(60 * 1rem / 100);
}
.app-s61 {
  font-size: calc(61 * 1rem / 100);
}
.app-s62 {
  font-size: calc(62 * 1rem / 100);
}
.app-s63 {
  font-size: calc(63 * 1rem / 100);
}
.app-s64 {
  font-size: calc(64 * 1rem / 100);
}
.app-s65 {
  font-size: calc(65 * 1rem / 100);
}
.app-s66 {
  font-size: calc(66 * 1rem / 100);
}
.app-s67 {
  font-size: calc(67 * 1rem / 100);
}
.app-s68 {
  font-size: calc(68 * 1rem / 100);
}
.app-s69 {
  font-size: calc(69 * 1rem / 100);
}
.app-s70 {
  font-size: calc(70 * 1rem / 100);
}
.app-s71 {
  font-size: calc(71 * 1rem / 100);
}
.app-s72 {
  font-size: calc(72 * 1rem / 100);
}
.app-s73 {
  font-size: calc(73 * 1rem / 100);
}
.app-s74 {
  font-size: calc(74 * 1rem / 100);
}
.app-s75 {
  font-size: calc(75 * 1rem / 100);
}
.app-s76 {
  font-size: calc(76 * 1rem / 100);
}
.app-s77 {
  font-size: calc(77 * 1rem / 100);
}
.app-s78 {
  font-size: calc(78 * 1rem / 100);
}
.app-s79 {
  font-size: calc(79 * 1rem / 100);
}
.app-s80 {
  font-size: calc(80 * 1rem / 100);
}
.app-s150 {
  font-size: calc(150 * 1rem / 100);
}
@media(max-width: 750px) {
  html {
    font-size: calc(100vw / 750 * 100);
  }
}
@media(max-width: 750px) {
  .app-s12 {
    font-size: 0.22rem;
  }
  .app-s13 {
    font-size: 0.23rem;
  }
  .app-s14 {
    font-size: 0.24rem;
  }
  .app-s15 {
    font-size: 0.25rem;
  }
  .app-s16 {
    font-size: 0.26rem;
  }
  .app-s17 {
    font-size: 0.27rem;
  }
  .app-s18 {
    font-size: 0.28rem;
  }
  .app-s19 {
    font-size: 0.29rem;
  }
  .app-s20 {
    font-size: 0.30rem;
  }
  .app-s21 {
    font-size: 0.31rem;
  }
  .app-s22 {
    font-size: 0.32rem;
  }
  .app-s23 {
    font-size: 0.33rem;
  }
  .app-s24 {
    font-size: 0.34rem;
  }
  .app-s25 {
    font-size: 0.35rem;
  }
  .app-s26 {
    font-size: 0.36rem;
  }
  .app-s27 {
    font-size: 0.37rem;
  }
  .app-s28 {
    font-size: 0.38rem;
  }
  .app-s29 {
    font-size: 0.38rem;
  }
  .app-s30 {
    font-size: 0.38rem;
  }
  .app-s31 {
    font-size: 0.38rem;
  }
  .app-s32 {
    font-size: 0.38rem;
  }
  .app-s33 {
    font-size: 0.38rem;
  }
  .app-s34 {
    font-size: 0.38rem;
  }
  .app-s35 {
    font-size: 0.38rem;
  }
  .app-s36 {
    font-size: 0.38rem;
  }
  .app-s37 {
    font-size: 0.38rem;
  }
  .app-s38 {
    font-size: 0.38rem;
  }
  .app-s39 {
    font-size: 0.38rem;
  }
  .app-s40 {
    font-size: 0.38rem;
  }
  .app-s41 {
    font-size: 0.38rem;
  }
  .app-s42 {
    font-size: 0.38rem;
  }
  .app-s43 {
    font-size: 0.38rem;
  }
  .app-s44 {
    font-size: 0.38rem;
  }
  .app-s45 {
    font-size: 0.38rem;
  }
  .app-s46 {
    font-size: 0.38rem;
  }
  .app-s47 {
    font-size: 0.38rem;
  }
  .app-s48 {
    font-size: 0.38rem;
  }
  .app-s49 {
    font-size: 0.38rem;
  }
  .app-s50 {
    font-size: 0.38rem;
  }
  .app-s51 {
    font-size: 0.38rem;
  }
  .app-s52 {
    font-size: 0.38rem;
  }
  .app-s53 {
    font-size: 0.38rem;
  }
  .app-s54 {
    font-size: 0.38rem;
  }
  .app-s55 {
    font-size: 0.38rem;
  }
  .app-s56 {
    font-size: 0.38rem;
  }
  .app-s57 {
    font-size: 0.38rem;
  }
  .app-s58 {
    font-size: 0.38rem;
  }
  .app-s59 {
    font-size: 0.38rem;
  }
  .app-s60 {
    font-size: 0.38rem;
  }
  .app-s61 {
    font-size: 0.38rem;
  }
  .app-s62 {
    font-size: 0.38rem;
  }
  .app-s63 {
    font-size: 0.38rem;
  }
  .app-s64 {
    font-size: 0.38rem;
  }
  .app-s65 {
    font-size: 0.38rem;
  }
  .app-s66 {
    font-size: 0.38rem;
  }
  .app-s67 {
    font-size: 0.38rem;
  }
  .app-s68 {
    font-size: 0.38rem;
  }
  .app-s69 {
    font-size: 0.38rem;
  }
  .app-s70 {
    font-size: 0.38rem;
  }
  .app-s71 {
    font-size: 0.38rem;
  }
  .app-s72 {
    font-size: 0.38rem;
  }
  .app-s73 {
    font-size: 0.38rem;
  }
  .app-s74 {
    font-size: 0.38rem;
  }
  .app-s75 {
    font-size: 0.38rem;
  }
  .app-s76 {
    font-size: 0.38rem;
  }
  .app-s77 {
    font-size: 0.38rem;
  }
  .app-s78 {
    font-size: 0.38rem;
  }
  .app-s79 {
    font-size: 0.38rem;
  }
  .app-s80 {
    font-size: 0.38rem;
  }
}
.app-my-content {
  width: 16rem;
  margin: 0 auto;
}
.app-teaser {
  opacity: 0;
  transform: translate3d(0, 25%, 0);
  transition: opacity 1s ease-out 0.2s, transform 1s ease-out 0.2s, box-shadow .3s;
}
.app-teaser.app-is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.app-lefter {
  opacity: 0;
  transform: translate3d(-35%, 35%, 0);
  transition: opacity 1s ease-out 0.2s, transform 1s ease-out 0.2s;
}
.app-lefter.app-is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.app-righter {
  opacity: 0;
  transform: translate3d(35%, 35%, 0);
  transition: opacity 1s ease-out 0.2s, transform 1s ease-out 0.2s;
}
.app-righter.app-is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.app-downer {
  opacity: 0;
  transform: translate3d(0, -35%, 0);
  transition: opacity 1s ease-out 0.2s, transform 1s ease-out 0.2s;
}
.app-downer.app-is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.app-lter {
  opacity: 0;
  transform: translate3d(-35%, 0, 0);
  transition: opacity 1s ease-out 0.2s, transform 1s ease-out 0.2s;
}
.app-lter.app-is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.app-rter {
  opacity: 0;
  transform: translate3d(35%, 0, 0);
  transition: opacity 1s ease-out 0.2s, transform 1s ease-out 0.2s;
}
.app-rter.app-is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.app-delay1 {
  transition-delay: 0.1s !important;
}
.app-delay2 {
  transition-delay: 0.2s !important;
}
.app-delay3 {
  transition-delay: 0.3s !important;
}
.app-delay4 {
  transition-delay: 0.4s !important;
}
.app-delay5 {
  transition-delay: 0.5s !important;
}
.app-delay6 {
  transition-delay: 0.6s !important;
}
.app-delay7 {
  transition-delay: 0.7s !important;
}
.app-delay8 {
  transition-delay: 0.8s !important;
}
.app-delay9 {
  transition-delay: 0.9s !important;
}
.app-delay10 {
  transition-delay: 1s !important;
}
.app-delay11 {
  transition-delay: 1.1s !important;
}
.app-delay12 {
  transition-delay: 1.2s !important;
}
.app-delay13 {
  transition-delay: 1.3s !important;
}
.app-delay14 {
  transition-delay: 1.4s !important;
}
.app-delay15 {
  transition-delay: 1.5s !important;
}
.app-teaser2 {
  opacity: 0;
  transform: translate3d(0, 25%, 0);
  transition: opacity 1s ease-out 0.2s, transform 1s ease-out 0.2s, box-shadow .3s;
}
.app-teaser2.app-is-visible2 {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.app-xv-a {
  position: fixed;
  left: 0;
  top: 120%;
  z-index: 188;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  transition: top .5s ease-in-out;
}
.app-xv-a.app-show {
  top: 0;
}
.app-xv-a.app-show .app-xv-e {
  visibility: visible;
}
.app-xv-a.app-show .app-xv-f {
  display: block;
}
.app-xv-b {
  position: absolute;
  background-color: #000;
  left: 50%;
  top: 50%;
  margin-left: -550px;
  margin-top: -300px;
  width: 1000px;
  height: 600px;
}
.app-xv-c {
  display: block;
  width: 40px;
  height: 40px;
  background-color: #1a4793;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  z-index: 10000;
}
.app-xv-d {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 21px;
  text-align: center;
  line-height: 40px;
  color: #fff;
}
.app-xv-e {
  visibility: hidden;
  width: 100%;
  height: 100%;
}
.app-xv-f {
  display: none;
  width: 100%;
  height: 100%;
}

/* ========== 组件样式 ========== */

.app-causes {
  width: 100%;
  position: relative;
}
.app-causes .app-hei {
  width: 100%;
  padding-top: 50%;
  padding-top: 9.6rem;
}
.app-causes .app-imglist {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 1;
}
.app-causes .app-imglist .app-imtm {
  width: 100%;
  height: 100%;
  display: block;
  transition: all ease 0.5s;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 1;
}
.app-causes .app-imglist .app-imtm .app-imgs {
  width: 100%;
  height: 100%;
  display: block;
}
.app-causes .app-imglist .app-imtm .app-imgs .app-img {
  width: 100%;
  height: 100%;
  display: block;
}
.app-causes .app-imglist .app-imtm.app-on {
  z-index: 3;
  opacity: 1;
}
.app-causes .app-causper {
  width: 100%;
  position: relative;
  z-index: 4;
  left: 0;
  bottom: 0;
  height: 100%;
}
.app-causes .app-causper .swiper-slide {
  width: 100%;
  position: relative;
}
.app-causes .app-causper .swiper-slide .app-copm {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  align-content: flex-end;
  padding: 0.2rem 0.4rem 1rem;
}
.app-causes .app-causper .swiper-slide .app-copm .app-ic {
  display: block;
  margin: 0 auto 0.18rem;
  width: 0.42rem;
}
.app-causes .app-causper .swiper-slide .app-copm .app-ic img {
  width: 100%;
  display: block;
}
.app-causes .app-causper .swiper-slide .app-copm .app-cm {
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: bold;
  line-height: 1.2;
}
.app-causes .app-causper .swiper-slide .app-koms {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  align-content: flex-end;
  padding: 0.2rem 0.2rem 1rem;
  opacity: 0;
  transition: all ease 0.5s;
}
.app-causes .app-causper .swiper-slide .app-koms .app-kinp {
  width: 100%;
  color: #fff;
  line-height: 1.75;
  display: block;
  margin: 0 auto;
  width: 2.5rem;
}
.app-causes .app-causper .swiper-slide .app-koms .app-kinp p {
  color: #fff;
  line-height: 1.75;
}
.app-causes .app-causper .swiper-slide .app-koms .app-more {
  width: 100%;
  font-size: 0;
  text-align: center;
  margin-top: 0.7rem;
}
.app-causes .app-causper .swiper-slide .app-koms .app-more a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 0 0.45rem;
  color: #fff;
  line-height: 3;
  position: relative;
  border-radius: 1.5em;
  border: solid 2px #fff;
  transition: all ease 0.5s;
  overflow: hidden;
}
.app-causes .app-causper .swiper-slide .app-koms .app-more a span {
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  position: relative;
  top: -0.02rem;
  margin-left: 0.1rem;
}
.app-causes .app-causper .swiper-slide .app-koms .app-more a span img {
  width: 100%;
  display: block;
}
.app-causes .app-causper .swiper-slide .app-koms .app-more a:hover {
  border-style: solid;
  border-width: 2px;
  border-image-source: linear-gradient(45deg, #120959 0%, #B8363A 100%);
  border-image-slice: 1;
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#b81a35, #b81a35);
  color: #fff;
}
.app-causes .app-causper .swiper-slide .app-koms .app-more a:hover span img {
  filter: grayscale(1000%) brightness(2000%);
}
.app-causes .app-causper .swiper-slide:hover .app-koms {
  opacity: 1;
}
.app-causes .app-causper .app-btn {
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.app-causes .app-causper .app-btn img {
  width: 100%;
  display: block;
}
.app-causes .app-causper .app-btn:hover {
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#000000, #000000);
  background-color: transparent;
}
.app-causes .app-causper .app-bl {
  left: 0.3rem;
}
.app-causes .app-causper .app-br {
  right: 0.3rem;
}
.app-causes .app-mtop {
  width: 100%;
  position: absolute;
  top: 9.6%;
  z-index: 2;
}
.app-compys {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
.app-compys .app-cml {
  display: inline-block;
  vertical-align: middle;
  width: calc(960 / 1920 * 100%);
}
.app-compys .app-cml .app-imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.app-compys .app-cml .app-imgs .app-img {
  width: 100%;
  padding-top: 73.958%;
  transition: all ease 0.5s;
}
.app-compys .app-cmr {
  display: inline-block;
  vertical-align: middle;
  width: calc(960 / 1920 * 100%);
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  padding: 0.3rem 1.2rem 0.3rem calc(120 / 1920 * 100%);
}
.app-compys .app-cmr .app-sinp {
  width: 100%;
  color: #666;
  line-height: 1.75;
}
.app-compys .app-cmr .app-sinp p {
  color: #666;
  line-height: 1.75;
}
.app-compys .app-cmr .app-more {
  width: 100%;
  font-size: 0;
  margin-top: 0.7rem;
}
.app-compys .app-cmr .app-more a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 0 0.45rem;
  color: var(--app-themes);
  line-height: 3;
  position: relative;
  border-radius: 1.5em;
  background-color: #fff;
  transition: all ease 0.5s;
}
.app-compys .app-cmr .app-more a span {
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  position: relative;
  top: -0.02rem;
  margin-left: 0.1rem;
}
.app-compys .app-cmr .app-more a span img {
  width: 100%;
  display: block;
}
.app-compys .app-cmr .app-more a:before {
  content: ' ';
  position: absolute;
  z-index: -1;
  left: calc(-1 * 2px);
  top: calc(-1 * 2px);
  bottom: calc(-1 * 2px);
  right: calc(-1 * 2px);
  border-radius: 1.5em;
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#b81a35, #b81a35);
}
.app-compys .app-cmr .app-more a:hover {
  background-color: transparent;
  color: #fff;
}
.app-compys .app-cmr .app-more a:hover span img {
  filter: grayscale(1000%) brightness(2000%);
}
.app-datper {
  width: 100%;
  position: relative;
}
.app-datper .swiper-slide {
  width: 100%;    transition: all 0.5s ease 0s;
}
.app-datper .swiper-slide .app-sopm {
  width: 100%;
  padding: 0.8rem 0.2rem;
  position: relative;
  overflow: hidden;
  cursor: pointer;transition: all 0.5s ease 0s;
}
.app-datper .swiper-slide .app-sopm .app-sic {
  position: absolute;
  z-index: 1;
  right: 0rem;
  bottom: -0.05rem;
  width: 0.6rem;transition: all 0.5s ease 0s;
}
.app-datper .swiper-slide .app-sopm .app-sic img {
  width: 100%;
  display: block;transition: all 0.5s ease 0s;
}
.app-datper .swiper-slide .app-sopm .app-xum {
  width: 100%;
  text-align: center;
  background: -webkit-linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#b81a35, #b81a35);
  background: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#b81a35, #b81a35);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;transition: all 0.5s ease 0s;
}
.app-datper .swiper-slide .app-sopm .app-xum span {
  display: inline-block;
  font-weight: bold;
  margin-right: 0.02rem;transition: all 0.5s ease 0s;
}
.app-datper .swiper-slide .app-sopm .app-xk {
  width: 100%;
  text-align: center;
  color: #666;
  line-height: 1.6;
}
.app-datper .swiper-slide:nth-child(5n+1) {
  background-color: rgba(0, 0, 0, 0.09);
}
.app-datper .swiper-slide:nth-child(5n+2) {
  background-color: rgba(0, 0, 0, 0.07);
}
.app-datper .swiper-slide:nth-child(5n+3) {
  background-color: rgba(0, 0, 0, 0.05);
}
.app-datper .swiper-slide:nth-child(5n+4) {
  background-color: rgba(0, 0, 0, 0.03);
}
.app-datper .swiper-slide:nth-child(5n+5) {
   background-color: rgba(0, 0, 0, 0.02);
}
.app-datper .swiper-slide:hover {
  background-color: transparent;
background-image: linear-gradient(45deg, #120959, #B8363A);transition: all 0.5s ease 0s;
}
.app-datper .swiper-slide:hover .app-sopm .app-xum {
  -webkit-text-fill-color: #fff;
  background: none;
  color: #fff;
}
.app-datper .swiper-slide:hover .app-sopm .app-xum span {
  color: #fff;
}
.app-datper .swiper-slide:hover .app-sopm .app-xk {
  color: #fff;
}
.app-datper .swiper-slide:hover .app-sopm .app-sic img {
  filter: grayscale(100%) brightness(500%);
}
.app-hots {
  width: 100%;
  padding: .35rem 0 0.1rem;
}
.app-hots .app-row {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.app-hots .app-row .app-item {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-bottom: 0.4rem;
}
.app-hots .app-row .app-item a {
  width: 100%;
  display: block;
}
.app-hots .app-row .app-item .app-imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.app-hots .app-row .app-item .app-imgs .app-img {
  width: 100%;
  padding-top: 5.6rem;
  transition: all ease 0.5s;
}
.app-hots .app-row .app-item .app-vox {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0.3rem;
  align-content: flex-end;background: linear-gradient(to top, 
    rgba(0, 0, 0, 0.8) 0%, 
    rgba(0, 0, 0, 0.2) 50%, 
    rgba(0, 0, 0, 0) 100%);
}
.app-hots .app-row .app-item .app-vox .app-xt {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  font-weight: bold;
}
.app-hots .app-row .app-item .app-vox .app-xm {
  width: 100%;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.5;
}
.app-hots .app-row .app-item:hover .app-imgs .app-img {
  transform: scale(1.1);
}
.app-hots .app-row .app-liem {
  width: calc(1080 / 1920 * 100%);
}
.app-hots .app-row .app-riem {
  width: calc(800 / 1920 * 100%);
}
.app-hots .app-kow {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}
.app-hots .app-kow .app-item {
  width: calc(614 / 1920 * 100%);
  margin-right: calc(38 / 1920 * 100%);
  margin-bottom: 0.4rem;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-bottom: 0.4rem;
}
.app-hots .app-kow .app-item a {
  width: 100%;
  display: block;
}
.app-hots .app-kow .app-item .app-imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.app-hots .app-kow .app-item .app-imgs .app-img {
  width: 100%;
  padding-top: 62.54%;
  transition: all ease 0.5s;
}
.app-hots .app-kow .app-item .app-vox {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0.3rem;
  align-content: flex-end;background: linear-gradient(to top, 
    rgba(0, 0, 0, 0.8) 0%, 
    rgba(0, 0, 0, 0.2) 50%, 
    rgba(0, 0, 0, 0) 100%);
}
.app-hots .app-kow .app-item .app-vox .app-xt {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  font-weight: bold;
}
.app-hots .app-kow .app-item .app-vox .app-xm {
  width: 100%;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.5;
}
.app-hots .app-kow .app-item:nth-child(3n) {
  margin-right: 0;
}
.app-hots .app-kow .app-item:hover .app-imgs .app-img {
  transform: scale(1.1);
}
.app-nanner {
  width: 100%;
  position: relative;
}
.app-nanner .app-imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.app-nanner .app-imgs .app-img {
  width: 100%;
  padding-top: 28%;
}
.app-nanner .app-nox {
  position: absolute;
  left: calc((100% - 16.8rem) / 2);
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
}
.app-nanner .app-nox .app-nit {
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.06rem;
}
.app-nanner .app-nox .app-nix {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}
.app-groups .app-groum .app-gul .app-imgs .app-img {
    width: 100%;
    padding-top: 62.5%;
}
.app-proems {
  width: 100%;
}
.app-proems .app-proem {
  width: 100%;
  background-color: #fff;
  padding: 0.4rem 0;
}
.app-proems .app-proem.app-gray {
  background-color: #f6f6f6;
}
.app-proems .app-baintro {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.app-proems .app-baintro .app-bal {
  display: inline-block;
  vertical-align: middle;
  width: calc(800 / 1680 * 100%);
  background-color: #fff;
  overflow: hidden;
  border-radius: 0.2rem;
  border: solid 1px rgba(0, 0, 0, 0.08);
  font-size: 0;
}
.app-proems .app-baintro .app-bal a {
  width: 100%;
  display: flex;
}
.app-proems .app-baintro .app-bal .app-lam {
  width: calc(380 / 800 * 100%);
  position: relative;
  overflow: hidden;
}
.app-proems .app-baintro .app-bal .app-lam .app-imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.app-proems .app-baintro .app-bal .app-lam .app-imgs .app-img {
  width: 100%;
  padding-top: 142.10%;
  transition: all ease 0.5s;
}
.app-proems .app-baintro .app-bal .app-rem {
  display: inline-block;
  vertical-align: middle;
  width: calc(420 / 800 * 100%);
  padding: 0.8rem 0.4rem;
}
.app-proems .app-baintro .app-bal .app-rem .app-rit {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 0.2rem;
}
.app-proems .app-baintro .app-bal .app-rem .app-pdful {
  width: 100%;
}
.app-proems .app-baintro .app-bal .app-rem .app-pdful .app-pli {
  width: 100%;
  font-size: 0;
}
.app-proems .app-baintro .app-bal .app-rem .app-pdful .app-pli .app-ic {
  display: inline-block;
  vertical-align: middle;
  width: 0.34rem;
  margin-right: 0.15rem;
}
.app-proems .app-baintro .app-bal .app-rem .app-pdful .app-pli .app-ic img {
  width: 100%;
  display: block;
}
.app-proems .app-baintro .app-bal .app-rem .app-pdful .app-pli .app-km {
  width: calc(100% - 0.5rem);
  display: inline-block;
  vertical-align: middle;
  color: #000;
  line-height: 1.5;
}
.app-proems .app-baintro .app-bal:hover .app-imgs .app-img {
  transform: scale(1.1);
}
.app-proems .app-baintro .app-bar {
  display: inline-block;
  vertical-align: middle;
  width: calc(800 / 1680 * 100%);
}
.app-proems .app-baintro .app-bar .app-binp {
  width: 100%;
  color: #000;
  line-height: 1.75;
}
.app-proems .app-baintro .app-bar .app-binp p {
  color: #000;
  line-height: 1.75;
}
.app-proems .app-pabnav {
  width: 100%;
  font-size: 0;
  margin-bottom: 0.5rem;
}
.app-proems .app-pabnav .app-xim {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #666;
  line-height: 1.5;
  cursor: pointer;
  margin-right: 0.3rem;
  margin-bottom: 0.1rem;
}
.app-proems .app-pabnav .app-xim.app-on {
  color: #000;
}
.app-proems .app-vont {
  width: 100%;
  font-size: 0;
}
.app-proems .app-vont .app-viem {
  width: 100%;
  display: none;
}
.app-proems .app-vont .app-viem.app-on {
  display: block;
}
.app-proems .app-hnmblis {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}
.app-proems .app-hnmblis .app-honm {
  width: calc(800 / 1680 * 100%);
  display: inline-block;
  vertical-align: middle;
  margin-right: calc(79 / 1680 * 100%);
  margin-bottom: 0.4rem;
  background-color: #fff;
  overflow: hidden;
  border-radius: 0.2rem;
  border: solid 1px rgba(0, 0, 0, 0.08);
  font-size: 0;
}
.app-proems .app-hnmblis .app-honm a {
  width: 100%;
  display: flex;
}
.app-proems .app-hnmblis .app-honm .app-lam {
  width: calc(380 / 800 * 100%);
  position: relative;
  overflow: hidden;
}
.app-proems .app-hnmblis .app-honm .app-lam .app-imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.app-proems .app-hnmblis .app-honm .app-lam .app-imgs .app-img {
  width: 100%;
  padding-top: 142.10%;
  transition: all ease 0.5s;
}
.app-proems .app-hnmblis .app-honm .app-rem {
  display: inline-block;
  vertical-align: middle;
  width: calc(420 / 800 * 100%);
  padding: 0.8rem 0.4rem;
}
.app-proems .app-hnmblis .app-honm .app-rem .app-rit {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 0.2rem;
}
.app-proems .app-hnmblis .app-honm .app-rem .app-pdful {
  width: 100%;
}
.app-proems .app-hnmblis .app-honm .app-rem .app-pdful .app-pli {
  width: 100%;
  font-size: 0;
}
.app-proems .app-hnmblis .app-honm .app-rem .app-pdful .app-pli .app-ic {
  display: inline-block;
  vertical-align: middle;
  width: 0.34rem;
  margin-right: 0.15rem;
}
.app-proems .app-hnmblis .app-honm .app-rem .app-pdful .app-pli .app-ic img {
  width: 100%;
  display: block;
}
.app-proems .app-hnmblis .app-honm .app-rem .app-pdful .app-pli .app-km {
  width: calc(100% - 0.5rem);
  display: inline-block;
  vertical-align: middle;
  color: #000;
  line-height: 1.5;
}
.app-proems .app-hnmblis .app-honm:nth-child(2n) {
  margin-right: 0;
}
.app-proems .app-hnmblis .app-honm:hover .app-lam .app-imgs .app-img {
  transform: scale(1.1);
}
.app-proems .app-prizlist {
  width: 100%;
  font-size: 0;
}
.app-proems .app-prizlist .app-priom {
  display: inline-block;
  vertical-align: top;
  width: calc(534 / 1680 * 100%);
  margin-right: calc(38 / 1680 * 100%);
  margin-bottom: 0.4rem;
}
.app-proems .app-prizlist .app-priom a {
  width: 100%;
  display: block;
  background-color: #fff;
  padding: 0.3rem;
  position: relative;
  border-radius: 0.1rem;
  transition: all ease 0.5s;
  overflow: hidden;
  top: 0;
}
.app-proems .app-prizlist .app-priom a:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient(90deg, #120959 0%, #B8363A 100%), linear-gradient(#ffffff, #ffffff);
  height: 3px;
  width: 100%;
}
.app-proems .app-prizlist .app-priom .app-pop {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.app-proems .app-prizlist .app-priom .app-pop .app-pk {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  flex: 1;
  padding-right: 0.3rem;
  color: #000;
  line-height: 1.5;
}
.app-proems .app-prizlist .app-priom .app-pop .app-em {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: var(--app-themes);
}
.app-proems .app-prizlist .app-priom .app-vmb {
  width: 100%;
  color: #666;
  line-height: 1.6;
  margin-top: 0.1rem;
  min-height: 1.6em;display: none;
}
.app-proems .app-prizlist .app-priom:nth-child(3n) {
  margin-right: 0;
}
.app-proems .app-prizlist .app-priom:hover a {
  top: -0.1rem;
}
.app-proems .app-policys {
  width: 100%;
}
.app-proems .app-policys .app-tr {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0.3rem 0.8rem;
  border-bottom: solid 1px #f4f4f4;
  position: relative;
}
.app-proems .app-policys .app-tr .app-mx, .app-proems .app-policys .app-tr .app-des, .app-proems .app-policys .app-tr .app-time {
  width: 33.33%;
  color: #333;
  line-height: 1.6;
}
.app-proems .app-policys .app-tr .app-des {
  text-align: center;
}
.app-proems .app-policys .app-tr .app-time {
  text-align: right;
}
.app-proems .app-policys .app-tr .app-xms {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.5;
}
.app-proems .app-policys .app-tr .app-xms span {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  position: relative;
  top: -0.02rem;
}
.app-proems .app-policys .app-tr .app-xms span img {
  width: 100%;
  display: block;
}
.app-proems .app-policys .app-tr .app-xem {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  cursor: pointer;
  display: block;
  opacity: 0;
}
.app-proems .app-policys .app-tr.app-head {
  border-top: solid 2px #000;
}
.app-proems .app-policys .app-tr.app-head .app-mx, .app-proems .app-policys .app-tr.app-head .app-des, .app-proems .app-policys .app-tr.app-head .app-time {
  color: #666;
}
.app-proems .app-policys .app-tr.app-head:hover .app-mx {
  color: #666;
}
.app-proems .app-policys .app-tr:hover .app-mx {
  color: var(--app-themes);
}
.app-proems .app-measures {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}
.app-proems .app-measures .app-means {
  display: inline-block;
  vertical-align: middle;
  width: calc(820 / 1680 * 100%);
  margin-right: calc(39 / 1680 * 100%);
}
.app-proems .app-measures .app-means a {
  width: 100%;
  display: block;
  padding: 0.4rem;
  background-color: #fff;
  border-radius: 0.1rem;
}
.app-proems .app-measures .app-means .app-imgs {
  display: inline-block;
  vertical-align: middle;
  width: 1.6rem;
  position: relative;
  overflow: hidden;
  border-radius: 0.1rem;
  margin-right: 0.4rem;
}
.app-proems .app-measures .app-means .app-imgs .app-img {
  width: 100%;
  padding-top: 100%;
  transition: all ease 0.5s;
}
.app-proems .app-measures .app-means .app-lem {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 2rem);
}
.app-proems .app-measures .app-means .app-lem .app-lit {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.3;
}
.app-proems .app-measures .app-means .app-lem .app-lob {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: solid 1px rgba(0, 0, 0, 0.08);
  padding: 0.1rem 0;
  margin-top: 0.14rem;
}
.app-proems .app-measures .app-means .app-lem .app-lob .app-time {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.5;
}
.app-proems .app-measures .app-means .app-lem .app-lob .app-time span {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  position: relative;
  top: -0.02rem;
  margin-right: 0.06rem;
}
.app-proems .app-measures .app-means .app-lem .app-lob .app-time span img {
  width: 100%;
  display: block;
}
.app-proems .app-measures .app-means .app-lem .app-lob .app-rc {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
}
.app-proems .app-measures .app-means .app-lem .app-lob .app-rc img {
  width: 100%;
  display: block;
}
.app-proems .app-measures .app-means:nth-child(2n) {
  margin-right: 0;
}
.app-proems .app-measures .app-means:hover .app-imgs .app-img {
  transform: scale(1.1);
}
.app-proems .app-measures .app-means:hover .app-lem .app-lit {
  color: var(--app-themes);
}
.app-secropmd {
  width: 100%;
  padding: 0.6rem 0;
  background-color: #f6f6f6;
}
.app-secropmd .app-somk {
  width: 100%;
  max-width: 7.6rem;
  display: block;
  margin: 0 auto 0.6rem;
}
.app-secropmd .app-somk form {
  width: 100%;
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 0 0.2rem 0 0.3rem;
  border-radius: 1.5em;
}
.app-secropmd .app-somk .app-ic {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
}
.app-secropmd .app-somk .app-ic img {
  width: 100%;
  display: block;
}
.app-secropmd .app-somk .app-sint {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 18px - 16px);
  padding: 0 0.2rem;
  border: none;
  background-color: transparent;
  line-height: 3;
  height: 3em;
}
.app-secropmd .app-somk .app-cls {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  cursor: pointer;
}
.app-secropmd .app-somk .app-cls img {
  width: 100%;
  display: block;
}
.app-secropmd .app-recontm {
  width: 100%;
  border-top: solid 1px rgba(0, 0, 0, 0.05);
  padding: 1rem 0;
}
.app-secropmd .app-recontm .app-foem {
  width: 100%;
}
.app-secropmd .app-recontm .app-foem + .app-foem {
  margin-top: 1rem;
}
.app-secropmd .app-recontm .app-measures {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}
.app-secropmd .app-recontm .app-measures .app-means {
  display: inline-block;
  vertical-align: middle;
  width: calc(820 / 1680 * 100%);
  margin-right: calc(39 / 1680 * 100%);
}
.app-secropmd .app-recontm .app-measures .app-means a {
  width: 100%;
  display: block;
  padding: 0.4rem;
  background-color: #fff;
  border-radius: 0.1rem;
}
.app-secropmd .app-recontm .app-measures .app-means .app-imgs {
  display: inline-block;
  vertical-align: middle;
  width: 1.6rem;
  position: relative;
  overflow: hidden;
  border-radius: 0.1rem;
  margin-right: 0.4rem;
}
.app-secropmd .app-recontm .app-measures .app-means .app-imgs .app-img {
  width: 100%;
  padding-top: 100%;
  transition: all ease 0.5s;
}
.app-secropmd .app-recontm .app-measures .app-means .app-lem {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 2rem);
}
.app-secropmd .app-recontm .app-measures .app-means .app-lem .app-lit {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 0.2rem;
}
.app-secropmd .app-recontm .app-measures .app-means .app-lem .app-lit span {
  color: var(--app-themes);
}
.app-secropmd .app-recontm .app-measures .app-means .app-lem .app-xim {
  width: 100%;
  color: #666;
  line-height: 1.5;
}
.app-secropmd .app-recontm .app-measures .app-means .app-lem .app-xim span {
  color: var(--app-themes);
}
.app-secropmd .app-recontm .app-measures .app-means .app-lem .app-lob {
  width: 100%;
  padding: 0.1rem 0;
  margin-top: 0.14rem;
  text-align: right;
}
.app-secropmd .app-recontm .app-measures .app-means .app-lem .app-lob .app-rc {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
}
.app-secropmd .app-recontm .app-measures .app-means .app-lem .app-lob .app-rc img {
  width: 100%;
  display: block;
}
.app-secropmd .app-recontm .app-measures .app-means:nth-child(2n) {
  margin-right: 0;
}
.app-secropmd .app-recontm .app-measures .app-means:hover .app-imgs .app-img {
  transform: scale(1.1);
}
.app-secropmd .app-recontm .app-measures .app-means:hover .app-lem .app-lit {
  color: var(--app-themes);
}
.app-contacts {
  width: 100%;
  padding: 0.3rem 0;
  background-color: #f6f6f6;
}
.app-contacts .app-coekm {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #fff;
}
.app-contacts .app-coekm .app-cml {
  display: inline-block;
  vertical-align: middle;
  width: calc(840 / 1680 * 100%);
}
.app-contacts .app-coekm .app-cml .app-imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.app-contacts .app-coekm .app-cml .app-imgs .app-img {
  width: 100%;
  padding-top: 75%;
  transition: all ease 0.5s;
}
.app-contacts .app-coekm .app-cmr {
  display: inline-block;
  vertical-align: middle;
  width: calc(840 / 1680 * 100%);
  padding: 0.6rem 0.8rem;
}
.app-contacts .app-coekm .app-cmr .app-tactlis {
  width: 100%;
  font-size: 0;
}
.app-contacts .app-coekm .app-cmr .app-tactlis .app-tams {
  width: 100%;
  font-size: 0;
}
.app-contacts .app-coekm .app-cmr .app-tactlis .app-tams .app-it {
  display: inline-block;
  vertical-align: middle;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: #f6f6f6;
  margin-right: 0.3rem;    padding: 0.15rem;
}
.app-contacts .app-coekm .app-cmr .app-tactlis .app-tams .app-km {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.9rem);
  color: #666;
  line-height: 1.5;
}
.app-contacts .app-coekm .app-cmr .app-tactlis .app-tams + .app-tams {
  margin-top: 0.2rem;
}
.app-contacts .app-dynamic {
  width: 100%;
  margin-top: 1.2rem;
}
.app-contacts .app-dynamic .app-dynamlis {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}
.app-contacts .app-dynamic .app-dynamlis .app-dycom {
  display: inline-block;
  vertical-align: top;
  width: calc(534 / 1680 * 100%);
  margin-right: calc(38 / 1680 * 100%);
  margin-bottom: 0.4rem;
  padding: 0.4rem;
  border-radius: 0.1rem;
}
.app-contacts .app-dynamic .app-dynamlis .app-dycom .app-yml {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 1.66rem - 0.3rem);
  margin-right: 0.3rem;
}
.app-contacts .app-dynamic .app-dynamlis .app-dycom .app-yml .app-yit {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.5;
}
.app-contacts .app-dynamic .app-dynamlis .app-dycom .app-yml .app-xm {
  width: 100%;
  color: #999;
  line-height: 1.5;
  margin-top: 0.1rem;
}
.app-contacts .app-dynamic .app-dynamlis .app-dycom .app-ymr {
  display: inline-block;
  vertical-align: middle;
  width: 1.66rem;
  border-radius: 0.1rem;
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#f6f6f6, #f6f6f6);
  padding: 0.1rem;
}
.app-contacts .app-dynamic .app-dynamlis .app-dycom .app-ymr .app-ym {
  width: 100%;
  display: block;
}
.app-contacts .app-dynamic .app-dynamlis .app-dycom .app-ymr .app-ym img {
  width: 100%;
  display: block;
}
.app-contacts .app-dynamic .app-dynamlis .app-dycom:nth-child(3n) {
  margin-right: 0;
}
.app-recruits {
  width: 100%;
  padding: 1.1rem 0;
  background-color: #f6f6f6;
}
.app-recruits .app-recrulis {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}
.app-recruits .app-recrulis .app-dycom {
  display: inline-block;
  vertical-align: top;
  width: calc(820 / 1680 * 100%);
  margin-right: calc(38 / 1680 * 100%);
  margin-bottom: 0.4rem;
  position: relative;
  overflow: hidden;
  border-radius: 0.1rem;
}
.app-recruits .app-recrulis .app-dycom a {
  width: 100%;
  display: block;
}
.app-recruits .app-recrulis .app-dycom .app-imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.app-recruits .app-recrulis .app-dycom .app-imgs .app-img {
  width: 100%;
  padding-top: 56.34%;
  transition: all ease 0.5s;
}
.app-recruits .app-recrulis .app-dycom .app-lcoms {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  padding: 0.4rem;
}
.app-recruits .app-recrulis .app-dycom .app-lcoms .app-vic {
  display: block;
  width: 0.42rem;
}
.app-recruits .app-recrulis .app-dycom .app-lcoms .app-vic img {
  width: 100%;
  display: block;
}
.app-recruits .app-recrulis .app-dycom .app-lcoms .app-xit {
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
}
.app-recruits .app-recrulis .app-dycom:nth-child(2n) {
  margin-right: 0;
}
.app-recruits .app-recrulis .app-dycom:hover .app-imgs .app-img {
  transform: scale(1.1);
}
.app-recruits .app-joblist {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}
.app-recruits .app-joblist .app-jriom {
  display: inline-block;
  vertical-align: top;
  width: calc(820 / 1680 * 100%);
  margin-right: calc(38 / 1680 * 100%);
  margin-bottom: 0.4rem;
}
.app-recruits .app-joblist .app-jriom a {
  width: 100%;
  display: block;
  background-color: #fff;
  padding: 0.4rem;
  position: relative;
  border-radius: 0.1rem;
  transition: all ease 0.5s;
  overflow: hidden;
  top: 0;
}
.app-recruits .app-joblist .app-jriom a:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient(90deg, #120959 0%, #B8363A 100%), linear-gradient(#ffffff, #ffffff);
  height: 3px;
  width: 100%;
}
.app-recruits .app-joblist .app-jriom .app-pop {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.app-recruits .app-joblist .app-jriom .app-pop .app-pk {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  flex: 1;
  padding-right: 0.3rem;
  color: #000;
  line-height: 1.5;
}
.app-recruits .app-joblist .app-jriom .app-pop .app-pk span {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  position: relative;
  top: -2px;
  margin-right: 0.06rem;
}
.app-recruits .app-joblist .app-jriom .app-pop .app-pk span img {
  width: 100%;
  display: block;
}
.app-recruits .app-joblist .app-jriom .app-pop .app-em {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #999;
  line-height: 1.5;
}
.app-recruits .app-joblist .app-jriom .app-pop .app-em span {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  position: relative;
  top: -2px;
  margin-left: 0.06rem;
}
.app-recruits .app-joblist .app-jriom .app-pop .app-em span img {
  width: 100%;
  display: block;
}
.app-recruits .app-joblist .app-jriom .app-vmb {
  width: 100%;
  font-size: 0;
  margin-top: 0.14rem;
}
.app-recruits .app-joblist .app-jriom .app-vmb .app-mv {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.6;
}
.app-recruits .app-joblist .app-jriom .app-vmb .app-mv span {
  color: #999;
  line-height: 1.6;
  display: inline-block;
  margin: 0 0.1rem;
}
.app-recruits .app-joblist .app-jriom .app-vmb .app-mv:last-child span {
  display: none;
}
.app-recruits .app-joblist .app-jriom:nth-child(2n) {
  margin-right: 0;
}
.app-recruits .app-joblist .app-jriom:hover a {
  top: -0.1rem;
}
.app-recruits .app-retail {
  width: 100%;
  background-color: #fff;
  border-radius: 0.1rem;
  padding: 0.8rem;
}
.app-recruits .app-retail .app-retop {
  width: 100%;
  margin-bottom: 0.5rem;
}
.app-recruits .app-retail .app-retop .app-pop {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.app-recruits .app-retail .app-retop .app-pop .app-pk {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  flex: 1;
  padding-right: 0.3rem;
  color: #000;
  line-height: 1.5;
}
.app-recruits .app-retail .app-retop .app-pop .app-em {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #999;
  line-height: 1.5;
}
.app-recruits .app-retail .app-retop .app-pop .app-em span {
  display: inline-block;
  margin-left: 0.1rem;
}
.app-recruits .app-retail .app-retop .app-vmb {
  width: 100%;
  margin-top: 0.1rem;
  text-align: left;
  min-height: 1.6em;
}
.app-recruits .app-retail .app-retop .app-vmb .app-mv {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #666;
  line-height: 1.6;
}
.app-recruits .app-retail .app-retop .app-vmb .app-mv span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.1rem;
  position: relative;
  top: -0.02rem;
  color: #666;
  line-height: 1.6;
}
.app-recruits .app-retail .app-retop .app-vmb .app-mv:last-child span {
  display: none;
}
.app-recruits .app-retail .app-recont {
  width: 100%;
}
.app-recruits .app-retail .app-recont .app-rit {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.15rem;
}
.app-recruits .app-retail .app-recont .app-rlvem {
  width: 100%;
  font-size: 0;
}
.app-recruits .app-retail .app-recont .app-rlvem .app-rlem {
  width: calc(48%);
  margin-right: 4%;
  display: inline-block;
  vertical-align: top;
}
.app-recruits .app-retail .app-recont .app-rlvem .app-rlem:nth-child(2n) {
  margin-right: 0;
}
.app-recruits .app-retail .app-recont .app-rlvem .app-lit {
  width: 100%;
  color: #000;
  line-height: 1.5;
  margin-bottom: 0.15rem;
}
.app-recruits .app-retail .app-recont .app-rlvem .app-linp {
  width: 100%;
  color: #666;
  line-height: 1.875;
}
.app-recruits .app-retail .app-recont .app-rlvem .app-linp p {
  color: #666;
  line-height: 1.875;
}
.app-recruits .app-retail .app-recont .app-terom {
  width: 100%;
  border-top: solid 1px rgba(0, 0, 0, 0.08);
  padding: 0.5rem 0;
}
.app-recruits .app-retail .app-recont .app-getom {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.app-recruits .app-retail .app-recont .app-getom .app-gitm {
  display: inline-block;
  vertical-align: top;
  width: auto;
}
.app-recruits .app-retail .app-recont .app-getom .app-gitm .app-gy {
  width: 100%;
  color: #999;
  line-height: 1.75;
}
.app-recruits .app-retail .app-recont .app-getom .app-gitm .app-gm {
  width: 100%;
  color: #000;
  line-height: 1.5;
}
.app-recruits .app-campulis {
  width: 100%;
  font-size: 0;
}
.app-recruits .app-campulis .app-catom {
  width: 100%;
  background-color: #fff;
  padding: 0.38rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  border-radius: 0.1rem;
}
.app-recruits .app-campulis .app-catom::after {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(90deg, #120959 0%, #B8363A 100%), linear-gradient(#ffffff, #ffffff);
}
.app-recruits .app-campulis .app-catom .app-tiem {
  display: inline-block;
  vertical-align: top;
  width: auto;
}
.app-recruits .app-campulis .app-catom .app-tiem .app-nxe {
  width: 100%;
  color: #999;
  line-height: 1.75;
  margin-bottom: 0.1rem;
}
.app-recruits .app-campulis .app-catom .app-tiem .app-nit {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 0.15rem;
}
.app-recruits .app-campulis .app-catom .app-tiem .app-nie {
  width: 100%;
  color: #666;
  line-height: 1.5;
  margin-top: 0.15rem;
}
.app-recruits .app-campulis .app-catom .app-tiem .app-ntm {
  width: 100%;
  font-size: 0;
}
.app-recruits .app-campulis .app-catom .app-tiem .app-ntm a {
  display: inline-block;
  vertical-align: middle;
  width: 0.44rem;
  border-radius: 50%;
  background-color: #f6f6f6;
}
.app-recruits .app-campulis .app-catom .app-tiem .app-ntm a img {
  width: 100%;
  display: block;
}
.app-recruits .app-campulis .app-catom .app-tiem .app-ntm a:hover {
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#ffffff, #ffffff);
  background-color: transparent;
}
.app-recruits .app-campulis .app-catom .app-tiem .app-ntm a:hover img {
  filter: grayscale(1000%) brightness(2000%);
}
.app-recruits .app-campulis .app-catom .app-tiem:nht-child(1) {
  flex: 1.5;
}
.app-recruits .app-campulis .app-catom + .app-catom {
  margin-top: 0.4rem;
}
.app-pages {
  width: 100%;
  padding: 0.22rem 0 0.25rem;
  font-size: 0;
  text-align: center;
  margin-top: 0.2rem;
  position: relative;
  z-index: 2;
}
.app-pages .app-page {
  display: inline-block;
  vertical-align: middle;
  width: 0.5rem;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  color: #666;
  background-color: #fff;
  border-radius: 50%;
  margin: 0 0.05rem 0.1rem;
  position: relative;
  overflow: hidden;
}
.app-pages .app-page:after {
  content: ' ';
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#ffffff, #ffffff);
  opacity: 0;
  transition: all ease 0.5s;
}
.app-pages .app-page.app-ltn {
  background-image: url("../images/b1.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.app-pages .app-page.app-rtn {
  background-image: url("../images/b2.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.app-pages .app-page.app-on {
  background-color: transparent;
  color: #fff;
}
.app-pages .app-page.app-on:after {
  opacity: 1;
}
.app-pages .app-page.app-ltn:hover {
  background-image: url("../images/b3.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.app-pages .app-page.app-on.app-ltn {
  background-image: url("../images/b3.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.app-pages .app-page.app-on.app-rtn {
  background-image: url("../images/b4.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.app-pages .app-page.app-rtn:hover {
  background-image: url("../images/b4.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.app-pages .app-page.app-auto {
  width: auto;
  padding: 0 0.24rem;
}
.app-pages .app-page:hover {
  background-color: transparent;
  color: #fff;
}
.app-pages .app-page:hover:after {
  opacity: 1;
}
.app-investment {
  width: 100%;
  padding: 0.3rem 0;
  background-color: #f6f6f6;
}
.app-investment .app-comylis {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}
.app-investment .app-comylis .app-compy {
  display: inline-block;
  vertical-align: top;
  width: calc(390 / 1680 * 100%);
  margin-right: calc(39 / 1680 * 100%);
  margin-bottom: 0.4rem;
  position: relative;
  border-radius: 0.1rem;
  overflow: hidden;
  background-color: #fff;
}
.app-investment .app-comylis .app-compy a {
  width: 100%;
  display: block;
  padding: 0.4rem;
}
.app-investment .app-comylis .app-compy .app-bg {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: all ease 0.5s;
  opacity: 0;
}
.app-investment .app-comylis .app-compy .app-hoc {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  display: block;
  padding: 0.1rem;
  background-color: #f6f6f6;
  position: relative;
  z-index: 2;
  transition: all ease 0.5s;
}
.app-investment .app-comylis .app-compy .app-hoc .app-hom {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
  background-color: transparent;
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#ffffff, #ffffff);
  transition: all ease 0.5s;
}
.app-investment .app-comylis .app-compy .app-hoc .app-hom img {
  width: 100%;
  display: block;
}
.app-investment .app-comylis .app-compy .app-hoc .app-hom img:first-child {
  display: block;
}
.app-investment .app-comylis .app-compy .app-hoc .app-hom img:last-child {
  display: none;
}
.app-investment .app-comylis .app-compy .app-vob {
  width: 100%;
  font-size: 0;
  margin-top: 1rem;
  position: relative;
  z-index: 2;
}
.app-investment .app-comylis .app-compy .app-vob .app-vt {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.3;
}
.app-investment .app-comylis .app-compy .app-vob .app-lx {
  width: 100%;
  font-size: 0;
  margin-top: 0.16rem;
}
.app-investment .app-comylis .app-compy .app-vob .app-lx span {
  display: inline-block;
  vertical-align: middle;
  width: 0.3rem;
  height: 0.04rem;
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#b81a35, #b81a35);
  background-color: transparent;
}
.app-investment .app-comylis .app-compy:nth-child(4n) {
  margin-right: 0;
}
.app-investment .app-comylis .app-compy:hover .app-bg {
  opacity: 1;
}
.app-investment .app-comylis .app-compy:hover .app-hoc {
  background-color: rgba(255, 255, 255, 0.1);
}
.app-investment .app-comylis .app-compy:hover .app-hoc .app-hom {
  background-color: #fff;
  background-image: none;
}
.app-investment .app-comylis .app-compy:hover .app-hoc .app-hom img:first-child {
  display: none;
}
.app-investment .app-comylis .app-compy:hover .app-hoc .app-hom img:last-child {
  display: block;
}
.app-investment .app-comylis .app-compy:hover .app-vob .app-vt {
  color: #fff;
}
.app-investment .app-comylis .app-compy:hover .app-vob .app-lx span {
  background-color: #fff;
  background-image: none;
}
.app-investment .app-eamlom {
  width: 100%;
  background-color: #fff;
  border-radius: 0.1rem;
  padding: 0.8rem;
}
.app-investment .app-eamlom .app-eaim {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.app-investment .app-eamlom .app-eaim .app-eal {
  display: inline-block;
  vertical-align: top;
  width: calc(600 / 1520 * 100%);
}
.app-investment .app-eamlom .app-eaim .app-ear {
  display: inline-block;
  vertical-align: top;
  width: calc(750 / 1520 * 100%);
}
.app-investment .app-eamlom .app-eaim .app-ear .app-row {
  width: 100%;
  font-size: 0;
}
.app-investment .app-eamlom .app-eaim .app-ear .app-row .app-input {
  display: inline-block;
  vertical-align: top;
      width: 100%;
  margin-right: calc(39 / 1190 * 100%);
  margin-bottom: 0.4rem;
}
.app-investment .app-eamlom .app-eaim .app-ear .app-row .app-input .app-name {
  width: 100%;
  color: #000;
  line-height: 1.5;
  margin-bottom: 0.1rem;
}
.app-investment .app-eamlom .app-eaim .app-ear .app-row .app-input .app-name span {
  color: #120959;
}
.app-investment .app-eamlom .app-eaim .app-ear .app-row .app-input .app-inp {
  width: 100%;
}
.app-investment .app-eamlom .app-eaim .app-ear .app-row .app-input .app-inp input {
  width: 100%;
  display: block;
  border-radius: 1.5em;
  padding: 0 0.2rem;
  line-height: 3;
  height: 3em;
  color: #333;
  border: none;
  background-color: #f6f6f6;
}
.app-investment .app-eamlom .app-eaim .app-ear .app-row .app-input:nth-child(3n) {
  margin-right: 0;
}
.app-investment .app-eamlom .app-eaim .app-ear .app-text {
  width: 100%;
}
.app-investment .app-eamlom .app-eaim .app-ear .app-text .app-name {
  width: 100%;
  color: #000;
  line-height: 1.5;
  margin-bottom: 0.1rem;
}
.app-investment .app-eamlom .app-eaim .app-ear .app-text .app-name span {
  color: #120959;
}
.app-investment .app-eamlom .app-eaim .app-ear .app-text .app-area {
  width: 100%;
}
.app-investment .app-eamlom .app-eaim .app-ear .app-text .app-area textarea {
  width: 100%;
  display: block;
  background-color: #f6f6f6;
  border-radius: 0.3rem;
  padding: 0.2rem;
  border: none;
  line-height: 1.75;
  color: #333;
}
.app-investment .app-eamlom .app-eaim .app-ear .app-sub {
  width: 100%;
  font-size: 0;
  margin-top: 0.4rem;
}
.app-investment .app-eamlom .app-eaim .app-ear .app-sub .app-stn {
  display: inline-block;
  vertical-align: middle;
  line-height: 3;
  border-radius: 1.5em;
  color: #fff;
  padding: 0 0.45rem;
  width: auto;
  position: relative;
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#b81a35, #b81a35);
}
.app-investment .app-eamlom .app-eaim .app-ear .app-sub .app-stn span {
  display: inline-block;
  vertical-align: middle;
  top: -0.02rem;
  width: 14px;
  margin-left: 0.1rem;
}
.app-investment .app-eamlom .app-eaim .app-ear .app-sub .app-stn span img {
  width: 100%;
  display: block;
}
.app-investment .app-eamlom .app-eaim .app-ear .app-sub .app-stn .app-stv {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.app-investment .app-eamlom .app-eaim + .app-eaim {
  margin-top: 0.8rem;
}
.app-newsom {
  width: 100%;
  padding: 0.35rem 0;
  background-color: #f6f6f6;
}
.app-newsom .app-nekom {
  width: 100%;
  background-color: #fff;
  font-size: 0;
}
.app-newsom .app-nekom a {
  width: 100%;
  display: block;
}
.app-newsom .app-nekom .app-nel {
  display: inline-block;
  vertical-align: middle;
  width: calc(840 / 1680 * 100%);
}
.app-newsom .app-nekom .app-nel .app-imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.app-newsom .app-nekom .app-nel .app-imgs .app-img {
  width: 100%;
  padding-top: 62.5%;
  transition: all ease 0.5s;
}
.app-newsom .app-nekom .app-ner {
  display: inline-block;
  vertical-align: middle;
  width: calc(840 / 1680 * 100%);
  padding: 0.4rem 0.8rem;
}
.app-newsom .app-nekom .app-ner .app-sinp {
  width: 100%;
  color: #666;
  line-height: 1.75;
}
.app-newsom .app-nekom .app-ner .app-sinp p {
  color: #666;
  line-height: 1.75;
}
.app-newsom .app-nekom .app-ner .app-time {
  width: 100%;
  color: #999;
  line-height: 1.5;
  margin-top: 0.6rem;
}
.app-newsom .app-nekom .app-ner .app-time span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -0.02rem;
  width: 16px;
  margin-right: 0.1rem;
}
.app-newsom .app-nekom:hover .app-imgs .app-img {
  transform: scale(1.1);
}
.app-newsom .app-newlist {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.3rem;
}
.app-newsom .app-newlist .app-newkm {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0rem;    background-color: #fff;    border-radius: 0.1rem;
}
.app-newsom .app-newlist .app-newkm a {
  width: 100%;
  display: block;
  background-color: #fff;
  border-radius: 0.1rem;
  overflow: hidden;
}
.app-newsom .app-newlist .app-newkm .app-imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.app-newsom .app-newlist .app-newkm .app-imgs .app-img {
  width: 100%;
  padding-top: 62.54%;
  transition: all ease 0.5s;
}
.app-newsom .app-newlist .app-newkm .app-lom {
  width: 100%;
  padding: 0.2rem;
}
.app-newsom .app-newlist .app-newkm .app-lom .app-lit {
  width: 100%;
  color: #000;    line-height: 1.7;
}
.app-newsom .app-newlist .app-newkm .app-lom .app-time {
  width: 100%;
  color: #999;
  margin-top: 0.2rem;
}
.app-newsom .app-newlist .app-newkm .app-lom .app-time span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -0.02rem;
  width: 16px;
  margin-right: 0.1rem;
}
.app-newsom .app-newlist .app-newkm:nth-child(3n) {
  margin-right: 0;
}
.app-newsom .app-newlist .app-newkm:hover .app-imgs .app-img {
  transform: scale(1.1);
}
.app-newsom .app-newlist .app-newkm:hover .app-lom .app-lit {
  color: var(--app-themes);
}
.app-netails {
  width: 100%;
  padding: 0.5rem 0;
}
.app-netails .app-netail {
  width: 100%;
}
.app-netails .app-back {
  width: 100%;
  font-size: 0;
}
.app-netails .app-back a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #333;
  line-height: 1.5;
}
.app-netails .app-back a span {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  background-color: #f6f6f6;
  margin-right: 0.14rem;
}
.app-netails .app-back a img {
  width: 100%;
  display: block;
}
.app-netails .app-nit {
  width: 100%;
  text-align: center;
  color: #000;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.3rem;
}
.app-netails .app-nit p {
  color: #000;
  font-weight: bold;
  line-height: 1.4;
}
.app-netails .app-time {
  width: 100%;
  color: #999;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 0.3rem;
}
.app-netails .app-time span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -0.03rem;
  width: 20px;
}
.app-netails .app-ninp {
  width: 100%;
  color: #666;
  line-height: 1.75;
  padding-top: 0.6rem;
}
.app-netails .app-ninp p {
  color: #666;
  line-height: 1.75;
}
.app-netails .app-ninp img {
  max-width: 100%;
}
.app-relevants {
  width: 100%;
  padding: 1rem 0;
  background-color: #f6f6f6;
}
.app-relevants .app-newpers {
  width: 100%;
}
.app-relevants .app-newpers .swiper-slide {
  width: 100%;
}
.app-relevants .app-newpers .swiper-slide a {
  width: 100%;
  display: block;
  background-color: #fff;
  border-radius: 0.1rem;
  overflow: hidden;
}
.app-relevants .app-newpers .swiper-slide .app-imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.app-relevants .app-newpers .swiper-slide .app-imgs .app-img {
  width: 100%;
  padding-top: 62.54%;
  transition: all ease 0.5s;
}
.app-relevants .app-newpers .swiper-slide .app-lom {
  width: 100%;
  padding: 0.4rem;
}
.app-relevants .app-newpers .swiper-slide .app-lom .app-lit {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.4;
  height: 2.8em;
}
.app-relevants .app-newpers .swiper-slide .app-lom .app-time {
  width: 100%;
  color: #999;
  line-height: 1.5;
  margin-top: 0.5rem;
}
.app-relevants .app-newpers .swiper-slide .app-lom .app-time span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -0.02rem;
  width: 16px;
  margin-right: 0.1rem;
}
.app-relevants .app-newpers .swiper-slide:hover .app-imgs .app-img {
  transform: scale(1.1);
}
.app-relevants .app-newpers .swiper-slide:hover .app-lom .app-lit {
  color: var(--app-themes);
}
.app-advantages {
  width: 100%;
}
.app-advantages .app-advoms {
  width: 100%;
  padding: 0.5rem 0;
  background-color: #f6f6f6;
}
.app-advantages .app-advoms:nth-child(2n), .app-advantages .app-advoms.app-whites {
  background-color: #fff;
}
.app-advantages .app-advanper {
  width: 100%;
}
.app-advantages .app-advanper .app-sige2 {
  width: 100%;
  background-color: #fff;
  border-radius: 0.1rem;
  padding: 0.3rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease-in-out;
  transform: translateZ(0);
}
.app-advantages .app-advanper .app-sige2:hover {
  box-shadow: 
    0 4px 12px rgba(0, 0, 0, 0.08),
    0 8px 24px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
  background-color: #fefefe;
}
.app-advantages .app-advanper .app-sige2:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.app-advantages .app-advanper .app-sige2::after {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(90deg, #120959 0%, #B8363A 100%), linear-gradient(#ffffff, #ffffff);
}
.app-advantages .app-advanper .app-sige2 .app-soc {
  width: 1.7rem;
  height: 1.7rem;
  display: block;
  margin: 0 auto 0.45rem;
  border-radius: 50%;
  background-color: #f6f6f6;
  padding: 0.1rem;
}
.app-advantages .app-advanper .app-sige2 .app-soc .app-sm {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}
.app-advantages .app-advanper .app-sige2 .app-soc .app-sm img {
  width: 100%;
  display: block; height: 100%;    border-radius: 50%;   object-fit: contain;
}
.app-advantages .app-advanper .app-sige2 .app-sit {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 0.24rem;
}
.app-advantages .app-advanper .app-sige2 .app-sip {
  width: 100%;
  text-align: justify;
  text-align-last: center;
  color: #666;
  line-height: 1.75;
}
.app-advantages .app-advanper .app-sige2 .app-sip p {
  color: #666;
  line-height: 1.75;
}
.app-advantages .app-directions {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}
.app-advantages .app-directions .app-direm {
  display: inline-block;
  vertical-align: top;
  width: calc(534 / 1680 * 100%);
  margin-right: calc(39 / 1680 * 100%);
  margin-bottom: 0.4rem;
}
.app-advantages .app-directions .app-direm a {
  width: 100%;
  display: block;
  border-radius: 0.1rem;
  overflow: hidden;
  position: relative;
}
.app-advantages .app-directions .app-direm .app-imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.app-advantages .app-directions .app-direm .app-imgs .app-img {
  width: 100%;
  padding-top: 62.54%;
  transition: all ease 0.5s;
}
.app-advantages .app-advanper {
  display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.3rem;
}
@media (max-width: 768px) {
.app-advantages .app-advanper{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 480px) {
.app-advantages .app-advanper {
        grid-template-columns: repeat(1, 1fr);
    }
}
.app-advantages .app-directions .app-direm .app-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  padding: 0.4rem;
}
.app-advantages .app-directions .app-direm .app-bg .app-vos {
  display: block;
  width: 0.44rem;
}
.app-advantages .app-directions .app-direm .app-bg .app-vos img {
  width: 100%;
  display: block;
}
.app-advantages .app-directions .app-direm .app-bg .app-vob {
  width: 100%;
}
.app-advantages .app-directions .app-direm .app-bg .app-vob .app-xit {
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.4;
}
.app-advantages .app-directions .app-direm .app-bg .app-vob .app-xit p {
  color: #fff;
  font-weight: bold;
  line-height: 1.4;
}
.app-advantages .app-directions .app-direm:nth-child(3n) {
  margin-right: 0;
}
.app-advantages .app-directions .app-direm:hover .app-imgs .app-img {
  transform: scale(1.1);
}
.app-advantages .app-innovate {
  width: 100%;
}
.app-advantages .app-innovate .app-novem {
  width: 100%;
  display: none;
}
.app-advantages .app-innovate .app-novem.app-on {
  display: block;
}
.app-advantages .app-innovate .app-innovper {
  width: 100%;
  position: relative;
}
.app-advantages .app-innovate .app-innovper .swiper-container {
  padding-bottom: 0.5rem;
}
.app-advantages .app-innovate .app-innovper .swiper-slide {
  width: 100%;
  font-size: 0;
  border: solid 1px rgba(0, 0, 0, 0.08);
  border-radius: 0.1rem;
  overflow: hidden;
  opacity: 0.6;
}
.app-advantages .app-innovate .app-innovper .swiper-slide .app-sml {
  display: inline-block;
  vertical-align: middle;
  width: calc(700 / 1400 * 100%);
}
.app-advantages .app-innovate .app-innovper .swiper-slide .app-sml .app-imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.app-advantages .app-innovate .app-innovper .swiper-slide .app-sml .app-imgs .app-img {
  width: 100%;
  padding-top: 75%;
  transition: all ease 0.5s;
}
.app-advantages .app-innovate .app-innovper .swiper-slide .app-smr {
  display: inline-block;
  vertical-align: middle;
  width: calc(700 / 1400 * 100%);
  padding: 0.4rem 0.8rem;
}
.app-advantages .app-innovate .app-innovper .swiper-slide .app-smr .app-sinp {
  width: 100%;
  color: #666;
  line-height: 1.5;
  overflow: auto;
  height: 2rem;
}
.app-advantages .app-innovate .app-innovper .swiper-slide .app-smr .app-sinp::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}
.app-advantages .app-innovate .app-innovper .swiper-slide .app-smr .app-sinp::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px rgba(3, 108, 250, 0.3);
  background: rgba(3, 108, 250, 0.3);
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}
.app-advantages .app-innovate .app-innovper .swiper-slide .app-smr .app-sinp::-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);
}
.app-advantages .app-innovate .app-innovper .swiper-slide .app-smr .app-sinp p {
  color: #666;
  line-height: 1.7;
}
.app-advantages .app-innovate .app-innovper .swiper-slide-active {
  opacity: 1;
}
.app-advantages .app-innovate .app-innovper .swiper-pagination {
  bottom: 0;
}
.app-advantages .app-innovate .app-innovper .swiper-pagination-bullet {
  transition: all ease 0.5s;
  border-radius: 4px;
}
.app-advantages .app-innovate .app-innovper .swiper-pagination-bullet-active {
  width: 30px;
  background-color: transparent;
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#b81a35, #b81a35);
  border-radius: 4px;
}
.app-advantages .app-innovate .app-innovper .app-btn {
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.app-advantages .app-innovate .app-innovper .app-btn img {
  width: 100%;
  display: block;
}
.app-advantages .app-innovate .app-innovper .app-btn:hover {
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#000000, #000000);
  background-color: transparent;
}
.app-advantages .app-innovate .app-innovper .app-bl {
  left: 0.3rem;
}
.app-advantages .app-innovate .app-innovper .app-br {
  right: 0.3rem;
}
.app-researchs {
  width: 100%;
  padding: 1rem 0;
  background-color: #f6f6f6;
  overflow: hidden;
}
.app-researchs .app-sremlm {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.6rem;
  justify-content: space-between;
}
.app-researchs .app-serl {
  display: inline-block;
  vertical-align: top;
  width: calc(550 / 1680 * 100%);
}
.app-researchs .app-serl .app-sinp {
  width: 100%;
  color: #333;
  line-height: 1.75;
}
.app-researchs .app-serl .app-sinp p {
  width: 100%;
  color: #333;
  line-height: 1.75;
}
.app-researchs .app-sers {
  display: inline-block;
  vertical-align: top;
  width: calc(1080 / 1680 * 100%);
}
.app-researchs .app-reslist {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}
.app-researchs .app-reslist .app-resm {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  text-align: center;
}
.app-researchs .app-reslist .app-resm .app-vic {
  display: inline-block;
  vertical-align: middle;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background-color: #fff;
  padding: 0.15rem;
  margin-right: 1.5rem;
}
.app-researchs .app-reslist .app-resm .app-vic .app-vd {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#ffffff, #ffffff);
}
.app-researchs .app-reslist .app-resm .app-vic .app-vd img {
  width: 100%;
  display: block;
}
.app-researchs .app-reslist .app-resm .app-lums {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  text-align: left;
}
.app-researchs .app-reslist .app-resm .app-lums .app-lum {
  width: 100%;
  background: -webkit-linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#b81a35, #b81a35);
  background: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#b81a35, #b81a35);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.app-researchs .app-reslist .app-resm .app-lums .app-lum span {
  display: inline-block;
  font-weight: bold;
  margin-right: 0.02rem;
}
.app-researchs .app-reslist .app-resm .app-lums .app-km {
  width: 100%;
  color: #666;
  line-height: 1.6;
}
.app-researchs .app-paenper {
  width: 100%;
  position: relative;
}
.app-researchs .app-paenper .swiper-container {
  padding-bottom: 0.5rem;
}
.app-researchs .app-paenper .swiper-pagination {
  bottom: 0;
}
.app-researchs .app-paenper .swiper-pagination-bullet {
  transition: all ease 0.5s;
  border-radius: 4px;
}
.app-researchs .app-paenper .swiper-pagination-bullet-active {
  width: 30px;
  background-color: transparent;
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#b81a35, #b81a35);
  border-radius: 4px;
}
.app-researchs .app-paenper .app-pram {
  display: inline-block;
  vertical-align: top;
  width: calc(534 / 1680 * 100%);
  margin-right: calc(39 / 1680 * 100%);
  margin-bottom: 0.4rem;
  position: relative;
  border-radius: 0.1rem;
  overflow: hidden;
}
.app-researchs .app-paenper .app-pram .app-imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.app-researchs .app-paenper .app-pram .app-imgs .app-img {
  width: 100%;
  transition: all ease 0.5s;
  padding-top: 56.17%;
}
.app-researchs .app-paenper .app-pram .app-lkm {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.25rem 0.3rem;
}
.app-researchs .app-paenper .app-pram .app-lkm .app-lit {
  width: 100%;
  color: #fff;
  line-height: 1.75;
}
.app-researchs .app-paenper .app-pram:hover .app-imgs .app-img {
  transform: scale(1.1);
}
.app-researchs .app-paenper .app-pram:nth-child(1) {
  width: calc(1106 / 1680 * 100%);
}
.app-researchs .app-paenper .app-pram:nth-child(1) .app-imgs .app-img {
  padding-top: 40.68%;
}
.app-researchs .app-paenper .app-pram:nth-child(2) {
  margin-right: 0;
}
.app-researchs .app-paenper .app-pram:nth-child(2) .app-imgs .app-img {
  padding-top: 84.26%;
}
.app-researchs .app-paenper .app-pram:nth-child(3) .app-imgs .app-img {
  padding-top: 84.26%;
}
.app-researchs .app-paenper .app-pram:nth-child(4) {
  width: calc(1106 / 1680 * 100%);
  margin-right: 0;
}
.app-researchs .app-paenper .app-pram:nth-child(4) .app-imgs .app-img {
  padding-top: 40.68%;
}
.app-researchs .app-paenper .app-pram:nth-child(5), .app-researchs .app-paenper .app-pram:nth-child(6), .app-researchs .app-paenper .app-pram:nth-child(7) {
  margin-bottom: 0;
}
.app-researchs .app-paenper .app-pram:nth-child(7) {
  margin-right: 0;
}
.app-researchs .app-youmt {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.app-researchs .app-youmt .app-yol {
  display: inline-block;
  vertical-align: middle;
  width: calc(760 / 1680 * 100%);
  position: relative;
}
.app-researchs .app-youmt .app-yol .app-imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 0.1rem;
}
.app-researchs .app-youmt .app-yol .app-imgs .app-img {
  width: 100%;
  padding-top: 94.73%;
  transition: all ease 0.5s;
}
.app-researchs .app-youmt .app-yol .app-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 3;
}
.app-researchs .app-youmt .app-yol .app-svg svg {
  transform-origin: left top;
  width: 760px;
  height: 720px;
}
.app-researchs .app-youmt .app-yol .app-svg .ds-circle {
  fill: #fff;
  position: relative;
  z-index: 10;
}
.app-researchs .app-youmt .app-yol .app-svg .ds-circle2 {
  fill: #fff;
  position: relative;
  z-index: 10;
}
.app-researchs .app-youmt .app-yol .app-svg .ds-line {
  fill: none;
  stroke-miterlimit: 10;
  stroke: #fff;
  stroke-dashoffset: 1200px;
  stroke-dasharray: 1200px;
}
@keyframes animation-line {
  0% {
    stroke-dashoffset: 1200px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.app-researchs .app-youmt .app-yol .app-svg.app-show .ds-line {
  animation: animation-line 3s ease-in;
  animation-fill-mode: forwards;
  position: relative;
  z-index: 1;
}
.app-researchs .app-youmt .app-yol .app-iconlist {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.app-researchs .app-youmt .app-yol .app-iconlist .app-pi {
  position: absolute;
  width: 17px;
  height: 17px;
  border-radius: 50% !important;
  z-index: 99;
  transform: translate(-50%, -50%);
}
.app-researchs .app-youmt .app-yol .app-iconlist .app-pi:before {
  display: block;
  content: '';
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  transform: translate(-50%, -50%);
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.5);
  animation: round-4 2s ease-out 200ms;
  animation-iteration-count: infinite;
}
.app-researchs .app-youmt .app-yol .app-iconlist .app-pi:after {
  display: block;
  content: '';
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  transform: translate(-50%, -50%);
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.5);
  animation: round-4 2s ease-out 3225ms;
  animation-iteration-count: infinite;
}
@keyframes round-4 {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(0);
  }
  100% {
    transform: translate(-50%, -50%) scale(3.8);
    opacity: 0;
  }
}
.app-researchs .app-youmt .app-yol .app-iconlist .app-pi .app-ic {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.app-researchs .app-youmt .app-yol .app-iconlist .app-pi .app-ic img {
  width: 100%;
  height: 100%;
  display: block;
}
.app-researchs .app-youmt .app-yol .app-iconlist .app-pi .app-xm {
  position: absolute;
  left: calc(100% + 0.1rem);
  top: 50%;
  transform: translateY(-50%);
  color: #333;
  white-space: nowrap;
}
.app-researchs .app-youmt .app-yol .app-iconlist .app-pi.app-big .app-rc {
  position: absolute;
  left: calc(100% + 0.1rem);
  bottom: 100%;
  transform: translateY(50%);
  color: #333;
  white-space: nowrap;
  background-color: var(--app-themes);
  padding: 0.05rem;
  width: 1.46rem;
  border-radius: 0.05rem;
}
.app-researchs .app-youmt .app-yol .app-iconlist .app-pi.app-big .app-rc img {
  width: 100%;
  display: block;
}
.app-researchs .app-youmt .app-yol .app-iconlist .app-pi.app-big:before {
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background-image: linear-gradient(transparent, #004aa1);
  opacity: 0;
  animation: round-1 3s ease-out 1725ms;
  animation-iteration-count: infinite;
}
.app-researchs .app-youmt .app-yol .app-iconlist .app-pi.app-big:after {
  display: block;
  content: '';
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background-image: linear-gradient(transparent, #004aa1);
  animation: round-1 3s ease-out 200ms;
  animation-iteration-count: infinite;
}
@keyframes round-1 {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(0);
  }
  100% {
    transform: translate(-50%, -50%) scale(6);
    opacity: 0;
  }
}
.app-researchs .app-youmt .app-yor {
  display: inline-block;
  vertical-align: middle;
  width: calc(860 / 1680 * 100%);
  position: relative;
}
.app-researchs .app-youmt .app-yor .app-youmtlis {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}
.app-researchs .app-youmt .app-yor .app-youmtlis .app-youm {
  display: inline-block;
  vertical-align: top;
  width: calc(410 / 860 * 100%);
  margin-right: calc(39 / 860 * 100%);
  margin-bottom: 0.4rem;
}
.app-researchs .app-youmt .app-yor .app-youmtlis .app-youm .app-yox {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  border-radius: 0.1rem;
  position: relative;
  overflow: hidden;
  padding: 0.3rem 0.4rem 0.4rem 0.3rem;
}
.app-researchs .app-youmt .app-yor .app-youmtlis .app-youm .app-yox::after {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(90deg, #120959 0%, #B8363A 100%), linear-gradient(#ffffff, #ffffff);
}
.app-researchs .app-youmt .app-yor .app-youmtlis .app-youm .app-yox .app-hoc {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  display: block;
  padding: 0.1rem;
  background-color: #f6f6f6;
  position: relative;
  z-index: 2;
  transition: all ease 0.5s;
}
.app-researchs .app-youmt .app-yor .app-youmtlis .app-youm .app-yox .app-hoc .app-hom {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
  background-color: #fff;
  transition: all ease 0.5s;
}
.app-researchs .app-youmt .app-yor .app-youmtlis .app-youm .app-yox .app-hoc .app-hom img {
  width: 100%;
  display: block;
}
.app-researchs .app-youmt .app-yor .app-youmtlis .app-youm .app-yox .app-vob {
  width: 100%;
  margin-top: 0.55rem;
  padding-left: 0.1rem;
}
.app-researchs .app-youmt .app-yor .app-youmtlis .app-youm .app-yox .app-vob .app-lum {
  width: 100%;
  background: -webkit-linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#b81a35, #b81a35);
  background: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#b81a35, #b81a35);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.app-researchs .app-youmt .app-yor .app-youmtlis .app-youm .app-yox .app-vob .app-lum span {
  display: inline-block;
  font-weight: bold;
  margin-right: 0.08rem;
  background: -webkit-linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#b81a35, #b81a35);
  background: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#b81a35, #b81a35);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.app-researchs .app-youmt .app-yor .app-youmtlis .app-youm .app-yox .app-vob .app-lx {
  width: 100%;
  color: #666;
  line-height: 1.75;
}
.app-researchs .app-youmt .app-yor .app-youmtlis .app-youm:nth-child(2n) {
  margin-right: 0;
}
.app-researchs .app-youmt .app-yor .app-youmtlis .app-youm {
  display: inline-block;
  vertical-align: top;
  width: calc(410 / 860 * 100%);
  margin-right: calc(39 / 860 * 100%);
  margin-bottom: 0.4rem;
}
.app-researchs .app-youmt .app-yor .app-youmtlis .app-youm .app-yox {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  border-radius: 0.1rem;
  position: relative;
  overflow: hidden;
  padding: 0.3rem 0.4rem 0.4rem 0.3rem;
}
.app-researchs .app-youmt .app-yor .app-youmtlis .app-youm .app-yox::after {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(90deg, #120959 0%, #B8363A 100%), linear-gradient(#ffffff, #ffffff);
}
.app-researchs .app-youmt .app-yor .app-youmtlis .app-youm .app-yox .app-hoc {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  display: block;
  padding: 0.1rem;
  background-color: #f6f6f6;
  position: relative;
  z-index: 2;
  transition: all ease 0.5s;
}
.app-researchs .app-youmt .app-yor .app-youmtlis .app-youm .app-yox .app-hoc .app-hom {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
  background-color: #fff;
  transition: all ease 0.5s;
}
.app-researchs .app-youmt .app-yor .app-youmtlis .app-youm .app-yox .app-hoc .app-hom img {
  width: 100%;
  display: block;
}
.app-researchs .app-youmt .app-yor .app-youmtlis .app-youm .app-yox .app-vob {
  width: 100%;
  margin-top: 0.55rem;
  padding-left: 0.1rem;
}
.app-researchs .app-youmt .app-yor .app-youmtlis .app-youm .app-yox .app-vob .app-lum {
  width: 100%;
  background: -webkit-linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#b81a35, #b81a35);
  background: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#b81a35, #b81a35);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.app-researchs .app-youmt .app-yor .app-youmtlis .app-youm .app-yox .app-vob .app-lum span {
  display: inline-block;
  font-weight: bold;
  margin-right: 0.08rem;
  background: -webkit-linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#b81a35, #b81a35);
  background: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#b81a35, #b81a35);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.app-researchs .app-youmt .app-yor .app-youmtlis .app-youm .app-yox .app-vob .app-lx {
  width: 100%;
  color: #666;
  line-height: 1.75;
}
.app-researchs .app-youmt .app-yor .app-youmtlis .app-youm:nth-child(2n) {
  margin-right: 0;
}
/* 注意：所有自定义类已添加 app- 前缀，保留 swiper- 相关类不变 */
.app-researchs .app-reimgs {
  width: 100%;
  position: relative;
}
.app-researchs .app-reimgs .app-imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.app-researchs .app-reimgs .app-imgs .app-img {
  width: 100%;
  padding-top: 74.166%;
}
.app-researchs .app-reimgs .app-mids {
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(650 / 1680 * 100%);
}
.app-researchs .app-reimgs .app-mids .app-mgs {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}
.app-researchs .app-reimgs .app-mids .app-mgs .app-img {
  width: 100%;
  padding-top: 100%;
}
.app-researchs .app-reimgs .app-mids .app-lox {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  text-align: center;
}
.app-researchs .app-reimgs .app-mids .app-lox .app-lc {
  display: block;
  margin: 0 auto 0.34rem;
  width: 0.8rem;
}
.app-researchs .app-reimgs .app-mids .app-lox .app-lc img {
  width: 100%;
  display: block;
}
.app-researchs .app-reimgs .app-mids .app-lox .app-miv {
  width: 100%;
  color: #fff;
  line-height: 1.35;
  font-weight: bold;
}
.app-researchs .app-reimgs .app-mids .app-lox .app-miv p {
  color: #fff;
  line-height: 1.35;
  font-weight: bold;
}
.app-researchs .app-reimgs .app-mids .app-lox .app-xk {
  width: 100%;
  text-align: center;
  font-size: 0;
  margin: 0.25rem 0 0.45rem;
}
.app-researchs .app-reimgs .app-mids .app-lox .app-xk span {
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  width: 0.25rem;
  height: 0.05rem;
}
.app-researchs .app-reimgs .app-mids .app-lox .app-lms {
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 1.6;
}
.app-researchs .app-reimgs .app-mids .app-lox .app-lms p {
  color: #fff;
  line-height: 1.6;
}
.app-researchs .app-reimgs .app-labels {
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.app-researchs .app-reimgs .app-labels .app-laim {
  position: absolute;
  width: 1.6rem;
}
.app-researchs .app-reimgs .app-labels .app-laim .app-ic {
  display: inline-block;
  vertical-align: middle;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background-color: #fff;
  padding: 0.15rem;
  border: dashed 1px rgba(0, 0, 0, 0.15);
}
.app-researchs .app-reimgs .app-labels .app-laim .app-ic .app-nc {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#ffffff, #ffffff);
}
.app-researchs .app-reimgs .app-labels .app-laim .app-ic .app-nc img {
  width: 100%;
  display: block;
}
.app-researchs .app-reimgs .app-labels .app-laim .app-rem {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: calc(2rem);
  top: 50%;
  transform: translateY(-50%);
}
.app-researchs .app-reimgs .app-labels .app-laim .app-rem .app-et {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  color: #000;
  font-weight: bold;
  line-height: 1.3;
  white-space: nowrap;
}
.app-researchs .app-reimgs .app-labels .app-laim:nth-child(2n) .app-rem {
  right: auto;
  left: calc(2rem);
}
.app-researchs .app-reimgs .app-labels .app-laim:nth-child(1) {
  left: calc(287 / 1680 * 100%);
  top: calc(350 / 1246 * 100%);
}
.app-researchs .app-reimgs .app-labels .app-laim:nth-child(2) {
  left: calc(1236 / 1680 * 100%);
  top: calc(350 / 1246 * 100%);
}
.app-researchs .app-reimgs .app-labels .app-laim:nth-child(3) {
  left: calc(287 / 1680 * 100%);
  top: calc(738 / 1246 * 100%);
}
.app-researchs .app-reimgs .app-labels .app-laim:nth-child(4) {
  left: calc(1236 / 1680 * 100%);
  top: calc(738 / 1246 * 100%);
}
.app-researchs .app-reimgs .app-iconlist {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.app-researchs .app-reimgs .app-iconlist .app-icon {
  position: absolute;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  text-align: center;
  padding: 0.25rem;
}
.app-researchs .app-reimgs .app-iconlist .app-icon .app-lum {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  background: -webkit-linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#b81a35, #b81a35);
  background: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#b81a35, #b81a35);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.app-researchs .app-reimgs .app-iconlist .app-icon .app-lum span {
  display: inline-block;
  font-weight: bold;
  margin-right: 0.02rem;
}
.app-researchs .app-reimgs .app-iconlist .app-icon .app-lx {
  width: 100%;
  color: #666;
  line-height: 1.5;
  margin-top: 0.05rem;
}
.app-researchs .app-reimgs .app-iconlist .app-icon .app-lx p {
  color: #666;
  line-height: 1.5;
}
.app-researchs .app-reimgs .app-iconlist .app-icon.app-big {
  width: 2.6rem;
  height: 2.6rem;
}
.app-researchs .app-reimgs .app-iconlist .app-icon:nth-child(1) {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.app-researchs .app-reimgs .app-iconlist .app-icon:nth-child(2) {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.app-researchs .app-reimgs .app-iconlist .app-icon:nth-child(3) {
  left: calc(424 / 1680 * 100%);
  top: calc(101 / 1246 * 100%);
}
.app-researchs .app-reimgs .app-iconlist .app-icon:nth-child(4) {
  left: calc(730 / 1680 * 100%);
  top: calc(0 / 1246 * 100%);
}
.app-researchs .app-reimgs .app-iconlist .app-icon:nth-child(5) {
  left: calc(1037 / 1680 * 100%);
  top: calc(101 / 1246 * 100%);
}
.app-researchs .app-reimgs .app-iconlist .app-icon:nth-child(6) {
  left: calc(424 / 1680 * 100%);
  top: calc(925 / 1246 * 100%);
}
.app-researchs .app-reimgs .app-iconlist .app-icon:nth-child(7) {
  left: calc(730 / 1680 * 100%);
  top: calc(1026 / 1246 * 100%);
}
.app-researchs .app-reimgs .app-iconlist .app-icon:nth-child(8) {
  left: calc(1037 / 1680 * 100%);
  top: calc(925 / 1246 * 100%);
}
.app-groups {
  width: 100%;
  padding: .35rem 0;
}
.app-groups .app-groum {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.app-groups .app-groum .app-gul {
  display: inline-block;
  vertical-align: middle;
  width: calc(960 / 1920 * 100%);
}
.app-groups .app-groum .app-gul .app-imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 0 0.1rem 0.1rem 0;
}
.app-groups .app-groum .app-gul .app-imgs .app-img {
  width: 100%;
  padding-top: 74.166%;
}
.app-groups .app-groum .app-gur {
  display: inline-block;
  vertical-align: middle;
  width: calc(740 / 1920 * 100%);
  margin-left: 1rem;
}
.app-groups .app-groum .app-gur .app-ginp {
  width: 100%;
  color: #666;
  line-height: 1.75;
}
.app-groups .app-groum .app-gur .app-ginp p {
  color: #666;
  line-height: 1.75;
}
.app-Overview {
  width: 100%;
  position: relative;
  padding: 1rem 0 0;
}
.app-Overview .app-viewper {
  width: 100%;
  position: relative;
}
.app-Overview .app-viewper .swiper-slide {
  width: 100%;
  position: relative;
  border-right: solid 1px #fff;
}
.app-Overview .app-viewper .swiper-slide a {
  width: 100%;
  display: block;
}
.app-Overview .app-viewper .swiper-slide .app-imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.app-Overview .app-viewper .swiper-slide .app-imgs .app-img {
  width: 100%;
  padding-top: 7.5rem;
  transition: all ease 0.5s;
}
.app-Overview .app-viewper .swiper-slide .app-lom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0.4rem;
  z-index: 2;
}
.app-Overview .app-viewper .swiper-slide .app-lom .app-lc {
  display: block;
  width: 0.44rem;
  margin-bottom: 0.36rem;
}
.app-Overview .app-viewper .swiper-slide .app-lom .app-lc img {
  width: 100%;
  display: block;
}
.app-Overview .app-viewper .swiper-slide .app-lom .app-lit {
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.15rem;
}
.app-Overview .app-viewper .swiper-slide .app-lom .app-sim {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}
.app-Overview .app-viewper .swiper-slide:hover .app-imgs .app-img {
  transform: scale(1.1);
}
.app-Overview .app-viewper .swiper-slide:last-child {
  border: none;
}
.app-keynote {
  width: 100%;
  padding: 1rem 0;
}
.app-keynote .app-noteper {
  width: 100%;
  padding-left: calc(120 / 1920 * 100%);
  position: relative;
}
.app-keynote .app-noteper .swiper-slide {
  width: 100%;
  position: relative;
  border-radius: 0.1rem;
  overflow: hidden;
}
.app-keynote .app-noteper .swiper-slide a {
  width: 100%;
  display: block;
}
.app-keynote .app-noteper .swiper-slide .app-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 2;
  opacity: 1;
  transition: all ease 0.5s;
}
.app-keynote .app-noteper .swiper-slide .app-pom {
  width: 100%;
  padding: 1rem 0.8rem 0.8rem;
  position: relative;
  z-index: 2;
}
.app-keynote .app-noteper .swiper-slide .app-pom .app-pod {
  width: 100%;
  position: relative;
}
.app-keynote .app-noteper .swiper-slide .app-pom .app-pod .app-pit {
  width: 100%;
  color: #000;
  font-weight: bold;
  height: 2.6em;
  line-height: 1.3;
}
.app-keynote .app-noteper .swiper-slide .app-pom .app-pod .app-pim {
  width: 100%;
  color: #666;
  line-height: 1.75;
  margin-top: 0.14rem;
  max-width: 3rem;
  overflow: auto;
  height: 2rem;
}
.app-keynote .app-noteper .swiper-slide .app-pom .app-pod .app-pim span {
  color: var(--app-themes);
}
.app-keynote .app-noteper .swiper-slide .app-pom .app-pod .app-pim::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}
.app-keynote .app-noteper .swiper-slide .app-pom .app-pod .app-pim::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px rgba(3, 108, 250, 0.3);
  background: rgba(3, 108, 250, 0.3);
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}
.app-keynote .app-noteper .swiper-slide .app-pom .app-pod .app-pim::-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);
}
.app-keynote .app-noteper .swiper-slide .app-pom .app-pod .app-pim p {
  color: #666;
  line-height: 1.75;
}
.app-keynote .app-noteper .swiper-slide .app-pom .app-pob {
  width: 100%;
}
.app-keynote .app-noteper .swiper-slide .app-pom .app-kong {
  width: 100%;
}
.app-keynote .app-noteper .swiper-slide .app-pom .app-more {
  width: 100%;
  font-size: 0;
  opacity: 0;
  margin-top: 0.3rem;
}
.app-keynote .app-noteper .swiper-slide .app-pom .app-more.app-show {
  opacity: 1;
}
.app-keynote .app-noteper .swiper-slide .app-pom .app-more .app-atn {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 0 0.45rem;
  color: var(--app-themes);
  line-height: 3;
  position: relative;
  border-radius: 1.5em;
  background-color: #fff;
  transition: all ease 0.5s;
}
.app-keynote .app-noteper .swiper-slide .app-pom .app-more .app-atn span {
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  position: relative;
  top: -0.02rem;
  margin-left: 0.1rem;
}
.app-keynote .app-noteper .swiper-slide .app-pom .app-more .app-atn span img {
  width: 100%;
  display: block;
}
.app-keynote .app-noteper .swiper-slide .app-pom .app-more .app-atn:before {
  content: ' ';
  position: absolute;
  z-index: -1;
  left: calc(-1 * 2px);
  top: calc(-1 * 2px);
  bottom: calc(-1 * 2px);
  right: calc(-1 * 2px);
  border-radius: 1.5em;
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#b81a35, #b81a35);
}
.app-keynote .app-noteper .swiper-slide .app-pom .app-imgs {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  width: calc(340 / 800 * 100%);
  overflow: hidden;
  right: 0.7rem;
  bottom: 0.8rem;
  z-index: 5;
}
.app-keynote .app-noteper .swiper-slide .app-pom .app-imgs .app-img {
  width: 100%;
  padding-top: 100%;
  transition: all ease 0.5s;
}
.app-keynote .app-noteper .swiper-slide:hover .app-more .app-atn {
  background-color: transparent;
  color: #fff;
}
.app-keynote .app-noteper .swiper-slide:hover .app-more .app-atn span img {
  filter: grayscale(1000%) brightness(2000%);
}
.app-keynote .app-noteper .app-btn {
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.app-keynote .app-noteper .app-btn img {
  width: 100%;
  display: block;
}
.app-keynote .app-noteper .app-btn:hover {
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#000000, #000000);
  background-color: transparent;
}
.app-keynote .app-noteper .app-bl {
  left: 0.3rem;
}
.app-keynote .app-noteper .app-br {
  right: 0.3rem;
}
.app-forces {
  width: 100%;
  padding: 1rem 0;
}
.app-forces .app-forclis {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}
.app-forces .app-forclis .app-focrm {
  display: inline-block;
  vertical-align: top;
  width: calc(534 / 1680 * 100%);
  margin-right: calc(38 / 1680 * 100%);
  margin-bottom: 0.4rem;
  position: relative;
  border-radius: 0.1rem;
  overflow: hidden;
}
.app-forces .app-forclis .app-focrm a {
  width: 100%;
  display: block;
}
.app-forces .app-forclis .app-focrm .app-hei {
  width: 100%;
  padding-top: 63.67%;
  transition: all ease 0.5s;
}
.app-forces .app-forclis .app-focrm .app-bgs {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.app-forces .app-forclis .app-focrm .app-bgs .app-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all ease 0.5s;
  opacity: 0;
  z-index: -1;
}
.app-forces .app-forclis .app-focrm .app-bgs .app-bg1 {
  opacity: 1;
  z-index: 3;
}
.app-forces .app-forclis .app-focrm .app-bgs .app-bg2 {
  opacity: 0;
  z-index: -1;
}
.app-forces .app-forclis .app-focrm .app-com {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  padding: 0.6rem;
}
.app-forces .app-forclis .app-focrm .app-com .app-vob {
  width: 100%;
}
.app-forces .app-forclis .app-focrm .app-com .app-vob .app-xit {
  width: 100%;
  color: #666;
  line-height: 1.5;
}
.app-forces .app-forclis .app-focrm:nth-child(3n) {
  margin-right: 0;
}
.app-forces .app-forclis .app-focrm:hover .app-bgs .app-bg2 {
  opacity: 1;
  z-index: 3;
}
.app-forces .app-forclis .app-focrm:hover .app-bgs .app-bg1 {
  opacity: 0;
  z-index: -1;
}
.app-forces .app-forclis .app-focrm:hover .app-com .app-mitop .app-mix {
  color: #fff;
}
.app-forces .app-forclis .app-focrm:hover .app-com .app-mitop .app-lx span {
  background-color: #fff;
  background-image: none;
}
.app-forces .app-forclis .app-focrm:hover .app-com .app-vob .app-xit {
  color: #fff;
}
.app-honors {
  width: 100%;
  padding: 0.5rem 0;
  background-color: #f6f6f6;
}
.app-honors .app-honlist {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}
.app-honors .app-honlist .app-hiom {
  width: calc(801 / 1680 * 100%);
  display: inline-block;
  vertical-align: top;
  margin-right: calc(38 / 1680 * 100%);
  margin-bottom: 0.2rem;
}
.app-honors .app-honlist .app-hiom a {
  width: 100%;
  display: block;
  position: relative;
  top: 0;
  transition: all ease 0.5s;
}
.app-honors .app-honlist .app-hiom .app-imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.app-honors .app-honlist .app-hiom .app-imgs .app-img {
  width: 100%;
  padding-top: 69.23%;
  transition: all ease 0.5s;
}
.app-honors .app-honlist .app-hiom .app-kom {
  width: 100%;
  position: relative;
}
.app-honors .app-honlist .app-hiom .app-kom .app-hei {
  width: 100%;
  padding-top: 11%;
}
.app-honors .app-honlist .app-hiom .app-kom .app-he {
  position: absolute;
  top: 40%;
  z-index: 2;
  width: 100%;
  transform: translateY(-50%);
  color: #000;
  line-height: 1.5;
  text-align: center;
}
.app-honors .app-honlist .app-hiom:nth-child(4n) {
  margin-right: 0;
}
.app-honors .app-honlist .app-hiom:hover a {
  top: -0.1rem;
}
.app-partners {
  width: 100%;
  padding: 1rem 0;
  background-color: #f6f6f6;
  overflow: hidden;
}
.app-partners .app-vaenper {
  width: 100%;
  font-size: 0;
  position: relative;
}
.app-partners .app-vaenper .app-btn {
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.app-partners .app-vaenper .app-btn img {
  width: 100%;
  display: block;
}
.app-partners .app-vaenper .app-btn:hover {
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#000000, #000000);
  background-color: transparent;
}
.app-partners .app-vaenper .app-bl {
  left: -0.8rem;
}
.app-partners .app-vaenper .app-br {
  right: -0.8rem;
}
.app-partners .app-vaenper .app-vram {
  display: inline-block;
  vertical-align: top;
  width: calc(192 / 1680 * 100%);
  margin-right: calc(55 / 1680 * 100%);
  position: relative;
}
.app-partners .app-vaenper .app-vram a {
  width: 100%;
  display: block;
}
.app-partners .app-vaenper .app-vram .app-vb {
  width: 100%;
  display: block;
}
.app-partners .app-vaenper .app-vram .app-vd {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  padding: 0.4rem;
  z-index: 2;
  overflow: hidden;
}
.app-partners .app-vaenper .app-vram .app-vd .app-img {
  width: 100%;
  height: 100%;
  display: block;
  transition: all ease 0.5s;
}
.app-partners .app-vaenper .app-vram:nth-child(1), .app-partners .app-vaenper .app-vram:nth-child(14) {
  margin-left: calc(124 / 1680 * 100%);
}
.app-partners .app-vaenper .app-vram:nth-child(13) {
  margin-right: 0;
}
.app-partners .app-vaenper .app-vram:hover .app-vd .app-img {
  transform: scale(1.1);
}
.app-comanys {
  width: 100%;
  padding: 0.5rem 0;
  position: relative;
  overflow: hidden;
}
.app-comanys .app-bg1 {
  position: absolute;
  z-index: 1;
  width: calc(1437 / 1920 * 100%);
  right: 0;
  bottom: -25%;
}
.app-comanys .app-bg1 .app-img {
  width: 100%;
  padding-top: 100%;
}
.app-comanys .app-bg2 {
  position: absolute;
  z-index: 1;
  width: calc(1437 / 1920 * 100%);
  left: 0;
  top: 60%;
  transform: translateY(-50%);
}
.app-comanys .app-bg2 .app-img {
  width: 100%;
  padding-top: 100%;
}
.app-comanys .app-w1680 {
  z-index: 2;
  position: relative;
}
.app-comanys .app-cinp {
  width: 100%;
  color: #666;
  line-height: 1.75;
}
.app-comanys .app-cinp p {
  color: #666;
  line-height: 1.75;
}
.app-comanys .app-camst {
  width: 100%;
}
.app-comanys .app-cmans {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.3rem;
}
.app-comanys .app-cmans .app-caml {
  display: inline-block;
  vertical-align: middle;
  width: calc(600 / 1680 * 100%);
  padding-bottom: 0.6rem;
  position: relative;
}
.app-comanys .app-cmans .app-caml .app-imgs {
  width: calc(600 / 700 * 100%);
  position: relative;
  overflow: hidden;
  border-radius: 0.1rem;
  z-index: 2;
}
.app-comanys .app-cmans .app-caml .app-imgs .app-img {
  width: 100%;
  padding-top: 100%;
}
.app-comanys .app-cmans .app-caml .app-rc {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  width: 2.7rem;
  border-radius: 0.1rem;
  overflow: hidden;
  filter: blur(1px);
}
.app-comanys .app-cmans .app-caml .app-rc img {
  width: 100%;
  display: block;
}
.app-comanys .app-cmans .app-camr {
  display: inline-block;
  vertical-align: middle;
  width: calc(910 / 1680 * 100%);
}
.app-comanys .app-cmans .app-camr .app-cinp {
  width: 100%;
  color: #666;
  line-height: 1.75;
}
.app-comanys .app-cmans .app-camr .app-cinp p {
  color: #666;
  line-height: 1.75;
}
.app-comanys .app-cmans .app-camr .app-datoms {
  width: 100%;
  font-size: 0;
  margin-top: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.app-comanys .app-cmans .app-camr .app-datoms .app-daim {
  width: auto;
  display: inline-block;
  vertical-align: top;
}
.app-comanys .app-cmans .app-camr .app-datoms .app-daim .app-dc {
  display: block;
  width: 0.44rem;
  height: 0.44rem;
  margin-bottom: 0rem;
}
.app-comanys .app-cmans .app-camr .app-datoms .app-daim .app-dc img {
  width: 100%;
  display: block;
}
.app-comanys .app-cmans .app-camr .app-datoms .app-daim .app-lum {
  width: 100%;
  background: -webkit-linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#b81a35, #b81a35);
  background: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#b81a35, #b81a35);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.app-sizhou {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  background: #fff;
  transition: box-shadow 0.3s ease;
}
.app-sizhou:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}
.app-comanys .app-cmans .app-camr .app-datoms .app-daim .app-lum span {
  display: inline-block;
  font-weight: bold;
  margin-right: 0.06rem;
}
.app-comanys .app-cmans .app-camr .app-datoms .app-daim .app-km {
  width: 100%;
  color: #666;
  line-height: 1.6;
  margin-top: 0.08rem;
}
.app-comanys .app-cmans:nth-child(2n) {
  flex-direction: row;
}
.app-comanys .app-cmans + .app-cmans {
  margin-top: 1rem;
}
.app-enterprise {
  width: 100%;
  padding: 0.3rem 0;
  background-color: #f6f6f6;
}
.app-enterprise .app-enmylis {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}
.app-enterprise .app-enmylis .app-enmpy {
  display: inline-block;
  vertical-align: top;
  width: calc(534 / 1680 * 100%);
  margin-right: calc(38 / 1680 * 100%);
  margin-bottom: 0.4rem;
  position: relative;
}
.app-enterprise .app-enmylis .app-enmpy a {
  width: 100%;
  height: 100%;
  display: block;
  padding: 0.3rem;
  transition: all ease 0.5s;
  position: relative;
  top: 0;
  border-radius: 0.1rem;
  overflow: hidden;
  background-color: #fff;
}
.app-enterprise .app-enmylis .app-enmpy a::after {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(90deg, #120959 0%, #B8363A 100%), linear-gradient(#ffffff, #ffffff);
}
.app-enterprise .app-enmylis .app-enmpy .app-hoc {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  display: block;
  padding: 0.1rem;
  background-color: #f6f6f6;
  position: relative;
  z-index: 2;
  transition: all ease 0.5s;
}
.app-enterprise .app-enmylis .app-enmpy .app-hoc .app-hom {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
  background-color: #fff;
  transition: all ease 0.5s; padding: 10px;
}
.app-enterprise .app-enmylis .app-enmpy .app-hoc .app-hom img {
  width: 100%;
  display: block;    border-radius: 50%;
}
.app-enterprise .app-enmylis .app-enmpy .app-vob {
  width: 100%;
  font-size: 0;
  margin-top: 0.25rem;
  position: relative;
  z-index: 2;
  padding-left: 0.1rem;
}
.app-enterprise .app-enmylis .app-enmpy .app-vob .app-vt {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.3;
}
.app-enterprise .app-enmylis .app-enmpy .app-vob .app-kim {
  width: 100%;
  margin-top: 0.16rem;
  color: #666;
  line-height: 1.6;
  min-height: 3em;
}
.app-enterprise .app-enmylis .app-enmpy:nth-child(3n) {
  margin-right: 0;
}
.app-enterprise .app-enmylis .app-enmpy:hover a {
  top: -0.1rem;
}
.app-cultrue {
  width: 100%;
  padding: 1rem 0 0;
}
.app-cultrue .app-culpers {
  width: 100%;
}
.app-cultrue .app-culpers .swiper-slide {
  width: 33.33%;
  height: 5rem;
  transition: width ease 0.5s;
  cursor: pointer;
  border-right: solid 1px rgba(255, 255, 255, 0.1);
}
.app-cultrue .app-culpers .swiper-slide:hover {
    background: var(--10, rgba(255, 255, 255, 0.10));
    backdrop-filter: blur(12.5px);
}
.app-cultrue .app-culpers .swiper-slide .app-spom {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  padding: 0.5rem;
}
.app-cultrue .app-culpers .swiper-slide .app-spom .app-soc {
  width: 1.2rem;
  display: block;
  margin: 0 auto 0.3rem;
  position: relative;
}
.app-cultrue .app-culpers .swiper-slide .app-spom .app-soc img {
  width: 100%;
  display: block;
}
.app-cultrue .app-culpers .swiper-slide .app-spom .app-soc .app-sg {
  width: 100%;
  display: block;
}
.app-cultrue .app-culpers .swiper-slide .app-spom .app-soc .app-sc {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;padding: 25px;
}
.app-cultrue .app-culpers .swiper-slide .app-spom .app-sit {
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: bold;
  line-height: 1.2;
}
.app-cultrue .app-culpers .swiper-slide .app-spom .app-sim {
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 1.5;
  margin-top: 0.1rem;
  opacity: 0;
  transition: all ease 0.5s;
  min-height: 4.5em;
}
.app-cultrue .app-culpers .swiper-slide .app-spom .app-sim p {
  color: #fff;
  line-height: 1.5;
}
.app-cultrue .app-culpers .swiper-slide:last-child {
  border: none;
}
.app-cultrue .app-culpers.app-show .swiper-slide {
  width: calc(480 / 1920 * 100%);
}
.app-cultrue .app-culpers.app-show .swiper-slide.app-on {
  width: calc(960 / 1920 * 100%);
}
.app-cultrue .app-culpers.app-show .swiper-slide.app-on .app-sim {
  opacity: 1;
}
.app-publication {
  width: 100%;
  padding: 0.5rem 0;
  overflow: hidden;
  background-color: #f6f6f6;
}
.app-publication .app-publist {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}
.app-publication .app-publist .app-pubim {
  display: inline-block;
  vertical-align: top;
  width: calc(534 / 1680 * 100%);
  background-color: #fff;
  border-radius: 0.1rem;
  margin-right: calc(39 / 1680 * 100%);
  margin-bottom: 0.4rem;
  overflow: hidden;
}
.app-publication .app-publist .app-pubim .app-pul {
  display: inline-block;
  vertical-align: middle;
  width: calc(250 / 534 * 100%);
}
.app-publication .app-publist .app-pubim .app-pul a {
  width: 100%;
  display: block;
}
.app-publication .app-publist .app-pubim .app-pul .app-imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.app-publication .app-publist .app-pubim .app-pul .app-imgs .app-img {
  width: 100%;
  padding-top: 136%;
  transition: all ease 0.5s;
}
.app-publication .app-publist .app-pubim .app-pul .app-imgs:hover .app-img {
  transform: scale(1.1);
}
.app-publication .app-publist .app-pubim .app-pur {
  display: inline-block;
  vertical-align: middle;
    width: 100%;
  padding: 0.3rem ;
}
.app-publication .app-publist .app-pubim .app-pur .app-pit {
  width: 100%;
  color: #000;
  font-weight: bold;
  line-height: 1.2;
}
.app-publication .app-publist .app-pubim .app-pur .app-lm {
  width: 100%;
  color: #666;
  line-height: 1.5;
  margin-top: 0.1rem;
}
.app-publication .app-publist .app-pubim .app-pur .app-puls {
  width: 100%;
  font-size: 0;
  margin-top: 0.25rem;
}
.app-publication .app-publist .app-pubim .app-pur .app-puls a {
  width: 100%;
  display: block;
}
.app-publication .app-publist .app-pubim .app-pur .app-puls a .app-ac {
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #f6f6f6;
  margin-right: 0.1rem;padding: 0.1rem;
}
.app-publication .app-publist .app-pubim .app-pur .app-puls a .app-ac img {
    width: 100%;
    display: block;
    height: 100%;
    border-radius: 50%;
    object-fit: contain;
}
.app-publication .app-publist .app-pubim .app-pur .app-puls a .app-cm {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  font-weight: bold;
  line-height: 1.6;
}
.app-publication .app-publist .app-pubim .app-pur .app-puls a + a {
  margin-top: 0.2rem;
}
.app-publication .app-publist .app-pubim:nth-child(3n) {
  margin-right: 0;
}
.app-publication .app-more {
  width: 100%;
  font-size: 0;
  margin-top: 0.2rem;
  text-align: center;
}
.app-publication .app-more a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 0 0.45rem;
  color: var(--app-themes);
  line-height: 3;
  position: relative;
  border-radius: 1.5em;
  background-color: #fff;
  transition: all ease 0.5s;
}
.app-publication .app-more a span {
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  position: relative;
  top: -0.02rem;
  margin-left: 0.1rem;
}
.app-publication .app-more a span img {
  width: 100%;
  display: block;
}
.app-publication .app-more a:before {
  content: ' ';
  position: absolute;
  z-index: -1;
  left: calc(-1 * 2px);
  top: calc(-1 * 2px);
  bottom: calc(-1 * 2px);
  right: calc(-1 * 2px);
  border-radius: 1.5em;
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#b81a35, #b81a35);
}
.app-publication .app-more a:hover {
  background-color: transparent;
  color: #fff;
}
.app-publication .app-activier {
  width: 100%;
  position: relative;
}
.app-publication .app-activier .app-btn {
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.app-publication .app-activier .app-btn img {
  width: 100%;
  display: block;
}
.app-publication .app-activier .app-btn:hover {
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#000000, #000000);
  background-color: transparent;
}
.app-publication .app-activier .app-bl {
  left: calc(370 / 1920 * 100%);
}
.app-publication .app-activier .app-br {
  right: calc(370 / 1920 * 100%);
}
.app-publication .app-activier .swiper-container {
  padding-bottom: 0.5rem;
}
.app-publication .app-activier .swiper-slide {
  width: 100%;
  position: relative;
}
.app-publication .app-activier .swiper-slide .app-imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 0.1rem;
  transition: all ease 0.5s;
  opacity: 0.6;
}
.app-publication .app-activier .swiper-slide .app-imgs .app-img {
  width: 100%;
  padding-top: 62.5%;
  transition: all ease 0.5s;
}
.app-publication .app-activier .swiper-slide .app-xit {
  width: 100%;
  text-align: center;
  margin-top: 0.4rem;
  color: #000;
  font-weight: bold;
  line-height: 1.75;
  transition: all ease 0.5s;
  opacity: 0;
}
.app-publication .app-activier .swiper-slide-active .app-xit, .app-publication .app-activier .swiper-slide-active .app-imgs {
  opacity: 1;
}
.app-publication .app-activier .swiper-pagination {
  bottom: 0;
  color: #999;
}
.app-publication .app-activier .swiper-pagination-current {
  color: var(--app-themes);
}
.app-history {
  width: 100%;
  padding: 1rem 0;
  position: relative;
}
.app-history .app-bg1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all ease 0.5s;
  opacity: 1;
  z-index: 1;
}
.app-history .app-bg2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all ease 0.5s;
  opacity: 0;
  z-index: -1;
}
.app-history .app-w1680 {
  position: relative;
  z-index: 2;
}
.app-history .app-hisper {
  width: 100%;
  position: relative;
}
.app-history .app-hisper .app-btn {
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.app-history .app-hisper .app-btn img {
  width: 100%;
  display: block;
}
.app-history .app-hisper .app-btn:hover {
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#000000, #000000);
  background-color: transparent;
}
.app-history .app-hisper .app-bl {
  left: -0.8rem;
}
.app-history .app-hisper .app-br {
  right: -0.8rem;
}
.app-history .app-hisper .app-mitop {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.app-history .app-hisper .swiper-wrapper {
  align-items: flex-end;
  min-height: 7.3rem;
}
.app-history .app-hisper .swiper-slide {
  width: 100%;
  font-size: 0;
  transition: padding ease 0.5s;
}
.app-history .app-hisper .swiper-slide .app-line {
  display: inline-block;
  vertical-align: top;
  width: 0.1rem;
}
.app-history .app-hisper .swiper-slide .app-line .app-sc {
  width: 100%;
  font-size: 0;
}
.app-history .app-hisper .swiper-slide .app-line .app-sc span {
  display: inline-block;
  vertical-align: middle;
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  background-color: #fff;
}
.app-history .app-hisper .swiper-slide .app-line .app-rx {
  width: 1px;
  height: 2.1rem;
  display: block;
  margin: 0 auto;
  transition: height ease 0.5s;
  border-left: dashed 1px rgba(255, 255, 255, 0.4);
}
.app-history .app-hisper .swiper-slide .app-line .app-xl {
  width: 3px;
  height: 0.44rem;
  display: block;
  margin: 0 auto;
  background-color: #fff;
}
.app-history .app-hisper .swiper-slide .app-remp {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 0.1rem - 0.3rem);
  margin-left: 0.3rem;
  margin-top: -0.05rem;
  padding-right: 0.3rem;
}
.app-history .app-hisper .swiper-slide .app-remp .app-year {
  width: 100%;
  color: #fff;
  font-weight: bold;
}
.app-history .app-hisper .swiper-slide .app-remp .app-yim {
  width: 100%;
  color: #fff;
  line-height: 1.6;
  margin-top: 0.15rem;
}
.app-history .app-hisper .swiper-slide .app-remp .app-yim p {
  color: #fff;
  margin-top: 0 !important;
  line-height: 1.3;
}
.app-history .app-hisper .swiper-slide-active + .swiper-slide {
  padding-bottom: 0.7rem;
}
.app-history .app-hisper .swiper-slide-active + .swiper-slide + .swiper-slide {
  padding-bottom: 0.5rem;
}
.app-history .app-hisper .swiper-slide-active + .swiper-slide + .swiper-slide .app-line .app-rx {
  height: 4rem;
}
.app-history .app-hisper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
  padding-bottom: 1.4rem;
}
.app-history .app-hisper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .app-line .app-rx {
  height: 2.6rem;
}
.app-history .app-hisper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide {
  padding-bottom: 3.1rem;
}
.app-history .app-hisper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .app-line .app-rx {
  height: 2.1rem;
}
.app-history .app-hisper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide {
  padding-bottom: 3.4rem;
}
.app-history .app-hisper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .app-line .app-rx {
  height: 1.3rem;
}
.app-history .app-hisper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide {
  padding-bottom: 2.8rem;
}
.app-history .app-hisper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .app-line .app-rx {
  height: 3.1rem;
}
/*弹出层相关*/
.app-c-btn {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  color: #fff;
  line-height: 1.43;
  text-align: center;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 6px 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.app-c-btn:hover {
  color: #fff;
}
.app-c-blue {
  background-color: #0d6efd;
  border: 1px solid #0d6efd;
}
.app-c-blue:hover {
  background-color: #0b5ed7;
  border-color: #0b5ed7;
}
.app-c-white {
  background-color: #fff;
  border: 1px solid #dee2e6;
  color: #666;
  transition: all .3s;
}
.app-c-white:hover, .app-c-white:focus, .app-c-white:active {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.app-hn-tip {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 987654321;
}
.app-hn-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 987654321;
  background-color: rgba(0, 0, 0, 0.1);
  transition: all .3s cubic-bezier(.25, .1, .25, 1);
}
.app-hn-tip .app-hn-mask {
  background-color: transparent;
}
.app-hn-msg {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 987654321;
  max-width: 500px;
  transform: translate(-50%, -50%) scale(0.5);
  opacity: 0;
  visibility: hidden;
  font-size: 14px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 2px;
  padding: 12px 25px;
  transition: all .3s cubic-bezier(.25, .1, .25, 1);
}
.app-hn-tip.app-show .app-hn-mask {
  visibility: visible;
  opacity: 1;
}
.app-hn-tip.app-show .app-hn-msg {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
}
.app-hn-load {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 987654321;
}
.app-hn-load-cont {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 987654321;
  max-width: 500px;
  transform: translate(-50%, -50%) scale(0.5);
  opacity: 0;
  visibility: hidden;
  transition: all .3s cubic-bezier(.25, .1, .25, 1);
}
.app-hn-load-icon {
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background-image: url(../images/load.gif);
  background-repeat: no-repeat;
  background-position: 100% 100%;
}
.app-hn-load-title {
  font-size: 14px;
  color: #333;
  text-align: center;
  margin-top: 10px;
}
.app-hn-load.app-show .app-hn-mask {
  visibility: visible;
  opacity: 1;
}
.app-hn-load.app-show .app-hn-load-cont {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
}
.app-hn-confirm {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 987654321;
  border-radius: 2px 2px 0 0;
}
.app-hn-confirm-dialog {
  width: auto;
  min-width: 300px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 987654321;
  transform: scale(0.5);
  opacity: 0;
  visibility: hidden;
  background-color: #fff;
  transition: transform .3s cubic-bezier(.25, .1, .25, 1), opacity .3s cubic-bezier(.25, .1, .25, 1);
}
.app-hn-confirm-title {
  padding: 0 80px 0 20px;
  height: 46px;
  line-height: 46px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  cursor: move;
  user-select: none;
}
.app-hn-confirm-cont {
  width: 100%;
  position: relative;
  padding: 20px;
  line-height: 24px;
  word-break: break-all;
  overflow: hidden;
  font-size: 14px;
}
.app-hn-confirm-btns {
  text-align: right;
  padding: 0 15px 12px;
  user-select: none;
  font-size: 0;
}
.app-hn-confirm-close {
  font-size: 16px;
  color: #666;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 46px;
  width: 46px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  transition: all .3s;
  user-select: none;
}
.app-hn-confirm-close:hover {
  opacity: 0.7;
}
.app-hn-confirm-btns .app-c-btn {
  margin-left: 10px;
}
.app-hn-confirm-btns .app-c-btn:first-child {
  margin-left: 0;
}
.app-hn-confirm.app-show .app-hn-mask {
  visibility: visible;
  opacity: 1;
}
.app-hn-confirm.app-show .app-hn-confirm-dialog {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.app-hn-html {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 987654321;
  border-radius: 2px 2px 0 0;
}
.app-hn-html-dialog {
  width: auto;
  min-width: 300px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 987654321;
  transform: scale(0.5);
  opacity: 0;
  visibility: hidden;
  background-color: #fff;
  transition: transform .3s cubic-bezier(.25, .1, .25, 1), opacity .3s cubic-bezier(.25, .1, .25, 1);
}
.app-hn-html-title {
  padding: 0 80px 0 10px;
  height: 46px;
  line-height: 46px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  cursor: move;
  user-select: none;
}
.app-hn-html-cont {
  width: 100%;
  position: relative;
  padding: 10px;
  line-height: 24px;
  word-break: break-all;
  overflow: auto;
  font-size: 14px;
}
.app-hn-html-close {
  font-size: 16px;
  color: #666;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 46px;
  width: 46px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  transition: all .3s;
  user-select: none;
}
.app-hn-html-close:hover {
  opacity: 0.7;
}
.app-hn-html.app-show .app-hn-mask {
  visibility: visible;
  opacity: 1;
}
.app-hn-html.app-show .app-hn-html-dialog {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.app-ta-main {
  width: 100%;
  overflow: hidden;
}
.app-ta-cont {
  width: 100%;
  margin-bottom: .5rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
}
.app-ta-left {
  width: calc(800 / 1680 * 100%);
}
.app-ta-item {
  display: block;
  cursor: pointer;
  width: 100%;
  font-size: 0;
  background-color: #ffffff;
  border-radius: .1rem;
  overflow: hidden;
}
.app-ta-lt {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  border-right: 1px solid #f2f2f2;
}
.app-ta-img {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-top: calc(540/380*100%);
}
.app-ta-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.00);
  transition: all ease .5s;
}
.app-ta-rt {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: .8rem .4rem .3rem;
}
.app-ta-name {
  width: 100%;
  margin-bottom: .52rem;
  color: #000000;
  font-weight: bold;
  line-height: 1.25;
}
.app-ta-mold {
  width: 100%;
  line-height: 1.6;
}
.app-ta-mold img {
  width: .34rem;
  margin-right: .15rem;
  color: #000000;
}
.app-ta-item:hover .app-ta-img img {
  transform: scale(1.05);
}
.app-ta-item:hover .app-ta-name {
  color: #120959;
}
.app-ta-right {
  width: calc(800 / 1680 * 100%);
}
.app-ta-textbox {
  width: 100%;
  color: #666;
  line-height: 1.88;
  text-align: justify;
}
.app-ta-textbox * {
  line-height: inherit;
}
.app-ta-textbox p {
  padding: .15rem 0;
}
.app-ra-main {
  width: 100%;
  padding-top: .7rem;
}
.app-ra-cont {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.app-ra-item {
  display: block;
  position: relative;
  width: 49%;
  margin-right: 2%;
  background-color: #fff;
  position: relative;
  padding: .3rem;
  margin-top: .3rem;
}
.app-ra-item:nth-child(2n) {
  margin-right: 0;
}
.app-ra-item:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  transition: all ease .5s;
  height: .04rem;
  background-color: #120959;
  background-image: linear-gradient(90deg, #120959 0%, #B8363A 100%);
}
.app-ra-name {
  width: 100%;
  position: relative;
  padding-bottom: .2rem;
  color: #222;
  line-height: 1.5;
}
.app-ra-tr {
  width: 100%;
  padding-top: 0.2rem;
  border-top: solid 1px #ddd;
}
.app-ra-td {
  display: flex;
  align-items: flex-start;
  width: 100%;
  margin-top: .15rem;
}
.app-ra-td:nth-child(1) {
  margin-top: 0;
}
.app-ra-icon {
  display: block;
  width: 1em;
  height: 1.6em;
  line-height: 1.6em;
  margin-right: .1rem;
}
.app-ra-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.app-ra-text {
  flex: 1;
  color: #222;
  line-height: 1.6;
}
.app-ra-item:hover:after {
  width: 100%;
}
.app-rb-main {
  width: 100%;
  min-height: 7rem;
  position: relative;
  overflow: hidden;
}
.app-rb-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.app-rb-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.00);
  transition: all ease .5s;
}
.app-rb-cont {
  width: 100%;
  position: relative;
  z-index: 18;
  padding: 1.05rem 0 .85rem;
}
.app-rb-textbox {
  width: 100%;
  margin: 0 auto .8rem;
  color: #ffffff;
  line-height: 1.5;
  text-align: justify;
}
.app-rb-textbox * {
  line-height: inherit;
}
.app-rb-list {
  width: 100%;
  height: 3.6rem;
  position: relative;
}
.app-rb-item {
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  text-align: center;
  width: 1.86rem;
  min-height: 1.86rem;
}
.app-rb-item:after {
  content: '';
  position: absolute;
  width: 1.86rem;
  height: 1.86rem;
  border-radius: .93rem;
  background-image: linear-gradient(129deg, #ffffff 0%, rgba(255, 255, 255, 0.2) 100%);
  opacity: 0.6;
}
.app-rb-icon {
  width: 100%;
  height: .32rem;
  line-height: .32rem;
}
.app-rb-icon img {
  max-height: 100%;
}
.app-rb-text {
  width: 100%;
  padding-top: .05rem;
}
.app-rb-name {
  width: 100%;
  color: #ffffff;
  line-height: 1.4;
}
.app-rb-circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.86rem;
  height: 1.86rem;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
}
.app-paenper-prev {
  left: -.8rem;
  margin-top: -.3rem;
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  background-size: 0 0;
}
.app-paenper-prev:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #120959;
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%);
}
.app-paenper-prev:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-image: url('../images/b5.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.app-paenper-next {
  right: -.8rem;
  margin-top: -.3rem;
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  background-size: 0 0;
}
.app-paenper-next:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #120959;
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%);
}
.app-paenper-next:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-image: url('../images/b6.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.app-advanper .app-bl {
  display: none;
  left: -.8rem;
  margin-top: -.3rem;
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  background-size: 0 0;
}
.app-advanper .app-bl:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #120959;
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%);
}
.app-advanper .app-bl:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-image: url('../images/b5.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.app-advanper .app-br {
  display: none;
  right: -.8rem;
  margin-top: -.3rem;
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  background-size: 0 0;
}
.app-advanper .app-br:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #120959;
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%);
}
.app-advanper .app-br:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-image: url('../images/b6.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.app-viewper .app-bl {
  display: none;
  left: -.8rem;
  margin-top: -.3rem;
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  background-size: 0 0;
}
.app-viewper .app-bl:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #120959;
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%);
}
.app-viewper .app-bl:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-image: url('../images/b5.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.app-viewper .app-br {
  display: none;
  right: -.8rem;
  margin-top: -.3rem;
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  background-size: 0 0;
}
.app-viewper .app-br:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #120959;
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%);
}
.app-viewper .app-br:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-image: url('../images/b6.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.app-datper .app-bl {
  display: none;
  left: -.8rem;
  margin-top: -.3rem;
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  background-size: 0 0;
}
.app-datper .app-bl:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #120959;
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%);
}
.app-datper .app-bl:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-image: url('../images/b5.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.app-datper .app-br {
  display: none;
  right: -.8rem;
  margin-top: -.3rem;
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  background-size: 0 0;
}
.app-datper .app-br:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #120959;
  background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%);
}
.app-datper .app-br:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-image: url('../images/b6.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
/* 44分页*/	
.app-pagess {clear: both;margin: 40px 0px 0px 0px;overflow: hidden;margin-left: 0px;text-align: center;font-size:13px;    width: 100%;}
.pagination li { display:inline-block;border: 1px solid #ccc;margin: 2px 5px;line-height: 25px;background: #fff;color:#999 }
.pagination li:hover{ background:#1f479c; color:#fff;border: 1px solid #1f479c;    transition: all 0.5s ease 0s;}
.pagination li:hover a{color:#fff;}
.pagination li.active {display: inline-block;border: 1px solid #1f479c;margin: 0 3px;background: #1f479c;color: #fff;}
.pagination li.active a {color: #fff;padding: 1px 15px;}
.pagination li a{ display:block;color:#999;    transition: all 0.5s ease 0s;padding: 1px 15px;}
.pagination li a:hover {color: #fff;}

/* ========== 媒体查询（按断点从大到小排序，相同条件合并） ========== */
.liuyan{
	width:100%;
	float:left;
	margin-top:0rem;
	padding:40px 30px;
	background: #F2F2F2;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.liuyan-l{
	width:39%;
	color:#333;
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
}
.liuyan-l .a01{
	width:100%;
}
.liuyan-l .a01 dl dt{
	color:#333;
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom:15px;
}
.liuyan-l .a01 dl dd{
	color:#333;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.liuyan-l .a02{
	width:100%;
	margin-top:30px;
}
.liuyan-l .a02 dl dt{
	color:#666;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}
.liuyan-l .a02 dl dd{
	margin-top:15px;
	color: #000;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom:15px
}

.liuyan-r{
	width:51%;
}
.lx02{
	width:100%;
	float:left;
}
.lx02 ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.lx02 ul li{
	width:49%;
	margin-top:45px;
	display: flex;
	justify-content: space-between;
}
.lx02 ul li.mart0{
	margin-top:0px;
}

.lx02 ul li.w100{
	width:100%;
}
.lx02 ul li.mart60{
	margin-top:35px;
}
.lx02 ul li dl{
	width:100%;
}
.lx02 ul li .inmore{
	margin-top:0px;
}
.lx02 ul li .a01{
	display: flex;
	align-items: center;
}
.lx02 ul li .a01 a{
	color: #2C82BF;
}
.lx02 ul li dl dt{
	color: #333;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	
}
.lx02 ul li dl dt i{
	color:#DA2122;
}
.lx02 ul li dl dd{
	margin-top:10px;
}
.bk2{
	width:100%;
	border:0px;
	background-color:transparent;
	border-bottom: 1px solid #E0E0E0;
	outline:none;
	color: #666;
	font-size: 15px;    padding: 10px 0;
	
}
/* 基础样式重置 */
.btn {
    border: none;
    outline: none;
    cursor: pointer;
    font-family: "Microsoft Yahei", sans-serif;
    transition: all 0.3s ease; /* 过渡动画，让hover效果更丝滑 */
}

/* 提交按钮基础样式（调整为#120959色调） */
.submit-btn {
    /* 尺寸 */
    padding: 12px 40px; /* 内边距，控制按钮大小 */
    font-size: 16px;    /* 字体大小 */
    border-radius: 6px; /* 圆角，让按钮更圆润 */
    
    /* 颜色 - 核心调整为#120959 */
    background-color: #120959; /* 主色调：深靛蓝色 */
    color: #ffffff;            /* 文字白色，对比更清晰 */
    
    /* 排版 */
    font-weight: 500;          /* 字体加粗 */
    text-align: center;
    display: inline-block;
    
    /* 阴影 */
    box-shadow: 0 2px 4px rgba(18, 9, 89, 0.2); /* 匹配主色调的阴影，更协调 */
}

/* hover悬浮效果（主色调加深，保持风格统一） */
.submit-btn:hover {
    background-color: #0e074a; /* hover色调：比#120959稍深的同色系 */
    box-shadow: 0 4px 8px rgba(18, 9, 89, 0.3); /* 增强阴影，提升层次感 */
    transform: translateY(-2px); /* 轻微上移，增加动感 */
}

/* 点击active效果 */
.submit-btn:active {
    transform: translateY(0); /* 恢复位置 */
    box-shadow: 0 2px 4px rgba(18, 9, 89, 0.2); /* 恢复阴影 */
}

/* 禁用状态 */
.submit-btn:disabled {
    background-color: #4a4668; /* 禁用色：同色系浅灰，保持协调 */
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* 适配原有类名 */
.w100 {
    width: 100%;
}
.mart60 {
    margin-top: 60px;
}
@media (max-width: 1920px) {
  .app-s12 { font-size: 12.0px; }
}
@media (max-width: 1880px) {
  .app-w1800 { width: 94%; }
}
@media (max-width: 1846px) {
  .app-s13 { font-size: 12.5px; }
}
@media (max-width: 1783px) {
  .app-s14 { font-size: 13px; }
}
@media (max-width: 1780px) {
  .app-nanner .app-nox { left: 5%; }
  .app-groups .app-groum .app-gul .app-imgs .app-img { padding-top: 88%; }
  .app-partners .app-vaenper .app-bl { left: -0.3rem; }
  .app-partners .app-vaenper .app-br { right: -0.3rem; }
  .app-history .app-hisper .app-bl { left: -0.3rem; }
  .app-history .app-hisper .app-br { right: -0.3rem; }
  .app-paenper-prev { left: -.3rem; }
  .app-paenper-next { right: -.3rem; }
  .app-advanper .app-bl { left: -.3rem; }
  .app-advanper .app-br { right: -.3rem; }
  .app-viewper .app-bl { left: -.3rem; }
  .app-viewper .app-br { right: -.3rem; }
  .app-datper .app-bl { left: -.3rem; }
  .app-datper .app-br { right: -.3rem; }
}
@media (max-width: 1760px) {
  .app-w1680 { width: 90%; }
  .app-footer .app-lx1 { left: 5%; }
  .app-footer .app-lx2 { left: calc(1210 / 1920 * 100% + 5%); }
  .app-keynote .app-noteper { padding-left: 5%; }
}
@media (max-width: 1680px) {
  .app-my-content { width: 90%; }
}
@media (max-width: 1664px) {
  .app-s15 { font-size: 13px; }
}
@media (max-width: 1620px) {
  .app-s16 { font-size: 13.5px; }
}
@media (max-width: 1584px) {
  body { font-size: 13.2px; }
}
@media (max-width: 1560px) {
  .app-nanner .app-nox { left: 5%; }
  .app-groups .app-groum .app-gul .app-imgs .app-img { padding-top: 92%; }
}
@media (max-width: 1525px) {
  .app-s17 { font-size: 13.5px; }
}
@media (max-width: 1493px) {
  .app-s18 { font-size: 14px; }
}
@media (max-width: 1480px) {
  .app-w1400 { width: 100%; }
  .app-newsom .app-newlist { grid-template-columns: repeat(3, 1fr); gap: 0.3rem; }
}
@media (max-width: 1415px) {
  .app-s19 { font-size: 14px; }
}
@media (max-width: 1392px) {
  .app-s20 { font-size: 14.5px; }
}
@media (max-width: 1326px) {
  .app-s21 { font-size: 14.5px; }
}
@media (max-width: 1309px) {
  .app-s22 { font-size: 15.0px; }
}
@media (max-width: 1277px) {
  .app-s23 { font-size: 15.3px; }
}
@media (max-width: 1248px) {
  .app-s24 { font-size: 15.6px; }
}
@media (max-width: 1221px) {
  .app-s25 { font-size: 15.9px; }
}
@media (max-width: 1200px) {
  img { image-rendering: auto; }
  .app-xv-b { width: 90vw; height: auto; margin-top: 0; margin-left: 0; transform: translate(-50%, -50%); }
  .app-xv-f { max-height: 90vh; }
  .app-xv-e { height: 60vh; }
}
@media (max-width: 1196px) {
  .app-s26 { font-size: 16.2px; }
}
@media (max-width: 1173px) {
  .app-s27 { font-size: 16.5px; }
}
@media (max-width: 1152px) {
  .app-s28 { font-size: 16.8px; }
}
@media (max-width: 1132px) {
  .app-s29 { font-size: 17.1px; }
}
@media (max-width: 1113px) {
  .app-s30 { font-size: 17.4px; }
}
@media (max-width: 1096px) {
  .app-s31 { font-size: 17.7px; }
}
@media (max-width: 1080px) {
  .app-s32 { font-size: 18.0px; }
}
@media (max-width: 1064px) {
  .app-s33 { font-size: 18.3px; }
}
@media (max-width: 1050px) {
  .app-s34 { font-size: 18.6px; }
}
@media (max-width: 1036px) {
  .app-s35 { font-size: 18.9px; }
}
@media (max-width: 1024px) {
  .app-s36 { font-size: 19.2px; }
}
@media (max-width: 1011px) {
  .app-s37 { font-size: 19.5px; }
}
@media (max-width: 1000px) {
  .app-s38 { font-size: 19.8px; }
}
@media (max-width: 989px) {
  .app-s39 { font-size: 20.1px; }
}
@media (max-width: 979px) {
  .app-s40 { font-size: 20.4px; }
}
@media (max-width: 969px) {
  .app-s41 { font-size: 20.7px; }
}
@media (max-width: 960px) {
  .app-wapno { display: none !important; }
  .app-header .app-logo .app-log { width: 1.1rem; }
  .app-banner .swiper-slide .app-imgs { height: 420px; }
  .app-footer .app-fop .app-fol .app-fogo a { width: 160px; }
  .app-modular .app-mitop.app-marls .app-mol { max-width: 100%; width: 100%; margin-bottom: .5rem; }
  .app-recruits .app-campulis .app-catom .app-tiem { width: 100% !important; margin-right: 0 !important; }
  .app-nanner .app-imgs .app-img { padding-top: 60%; }
  .app-advantages .app-advanper .app-sige2 .app-soc { width: 3rem; height: 3rem; }
  .app-newsom .app-newlist { grid-template-columns: repeat(1, 1fr); gap: 0.3rem; }
  .app-s42 { font-size: 21.0px; }
  
  .liuyan {
    padding:15px;

}
.liuyan-l, .liuyan-r{
	width:100%;
}  

.liuyan-l .a02 {
    width: 100%;
    margin-top: 20px;
}
  
  .lx02 ul li {
    width: 100%;
    margin-top: 25px;
}



.app-enterprise .app-enmylis .app-enmpy .app-hoc {
    width: 2rem;
    height: 2rem;
}
.liuyan-l .a01 dl dd {font-size: 20px;
}
.lx02 ul li dl dt {font-size: 16px;
}
  
}
@media (max-width: 951px) {
  .app-s43 { font-size: 21.3px; }
}
@media (max-width: 942px) {
  .app-s44 { font-size: 21.6px; }
}
@media (max-width: 934px) {
  .app-s45 { font-size: 21.9px; }
}
@media (max-width: 926px) {
  .app-s46 { font-size: 22.2px; }
}
@media (max-width: 919px) {
  .app-s47 { font-size: 22.5px; }
}
@media (max-width: 911px) {
  .app-s48 { font-size: 22.8px; }
}
@media (max-width: 905px) {
  .app-s49 { font-size: 23.1px; }
}
@media (max-width: 900px) {
  .app-pages .app-page { width: 0.8rem; height: 0.8rem; line-height: 0.8rem; font-size: 16px; margin: 0 0.1rem 0.1rem; }
  html { font-size: calc(900px / 1920 * 100); }
  .app-my-content { width: 94%; }
}
@media (max-width: 898px) {
  .app-s50 { font-size: 23.4px; }
}
@media (max-width: 892px) {
  .app-s51 { font-size: 23.7px; }
}
@media (max-width: 886px) {
  .app-s52 { font-size: 24.0px; }
}
@media (max-width: 880px) {
  .app-s53 { font-size: 24.3px; }
}
@media (max-width: 874px) {
  .app-s54 { font-size: 24.6px; }
}
@media (max-width: 869px) {
  .app-s55 { font-size: 24.9px; }
}
@media (max-width: 864px) {
  .app-s56 { font-size: 25.2px; }
}
@media (max-width: 858px) {
  .app-s57 { font-size: 25.5px; }
}
@media (max-width: 854px) {
  .app-s58 { font-size: 25.8px; }
}
@media (max-width: 849px) {
  .app-s59 { font-size: 26.1px; }
}
@media (max-width: 844px) {
  .app-s60 { font-size: 26.4px; }
}
@media (max-width: 840px) {
  .app-s61 { font-size: 26.7px; }
}
@media (max-width: 836px) {
  .app-s62 { font-size: 27.0px; }
}
@media (max-width: 832px) {
  .app-s63 { font-size: 27.3px; }
}
@media (max-width: 828px) {
  .app-s64 { font-size: 27.6px; }
}
@media (max-width: 824px) {
  .app-s65 { font-size: 27.9px; }
}
@media (max-width: 820px) {
  .app-s66 { font-size: 28.2px; }
}
@media (max-width: 816px) {
  .app-s67 { font-size: 28.5px; }
}
@media (max-width: 813px) {
  .app-s68 { font-size: 28.8px; }
}
@media (max-width: 809px) {
  .app-s69 { font-size: 29.1px; }
}
@media (max-width: 806px) {
  .app-s70 { font-size: 29.4px; }
}
@media (max-width: 803px) {
  .app-s70 { font-size: 29.7px; }
}
@media (max-width: 800px) {
  .app-w1680 { width: 94%; }
  .app-w1800 { width: 94%; }
  .app-w1400 { width: 100%; }
  .app-header { background-color: #fff; }
  .app-header .app-hop { align-items: center; padding: 0.1rem 0; height: calc(40px + 0.2rem); }
  .app-header .app-blace { position: fixed; z-index: -1; width: 100%; height: 100%; left: 0; top: 0; z-index: 450; display: none; background-color: rgba(0, 0, 0, 0.5); }
  .app-header .app-nav { width: 100%; width: 5rem; position: fixed; right: -100%; top: 0; left: auto; height: 100vh; background-color: #fff; margin-right: 0; overflow: auto; z-index: 500; transition: all ease 1.2s; padding-left: 0.1rem; padding: 0.1rem; display: block; text-align: left; opacity: 0; border-top: solid 1px #e5e5e5; }
  .app-header .app-nav .app-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; }
  .app-header .app-nav .app-natem .app-nas { width: auto; display: inline-block; text-align: left; width: 100%; margin: 0; }
  .app-header .app-nav .app-natem .app-nas a { width: auto; display: inline-block; vertical-align: middle; line-height: 2.5; color: #333; font-weight: bold; padding: 0 0.3rem; position: relative; }
  .app-header .app-nav .app-natem .app-nas .app-ik { display: none !important; }
  .app-header .app-nav .app-natem .app-nas a:hover { color: var(--app-themes); background-color: transparent; }
  .app-header .app-nav .app-natem .app-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; }
  .app-header .app-nav .app-natem .app-navuls ul { width: 100%; padding: 0.1rem 0.2rem; }
  .app-header .app-nav .app-natem .app-navuls ul li { width: 100%; display: block; position: relative; margin-bottom: 0; }
  .app-header .app-nav .app-natem .app-navuls ul li .app-njm { background-color: #fff; border-top: none; }
  .app-header .app-nav .app-natem .app-navuls ul li .app-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; }
  .app-header .app-nav .app-natem .app-navuls ul li .app-ns:hover { color: var(--app-themes); }
  .app-header .app-nav .app-natem .app-navuls ul li + li { border-top: solid 1px #eee; }
  .app-header .app-nav .app-natem .app-navuls ul li:hover .app-ns { background-color: transparent; color: var(--app-themes); color: #fff; }
  .app-header .app-nav .app-natem .app-navuls ul li.app-has-the:after { display: block; }
  .app-header .app-nav .app-natem:before { display: none !important; }
  .app-header .app-nav .app-natem.app-on .app-nas:after { display: none; }
  .app-header .app-nav .app-natem.app-has-nav .app-nas .app-xs { display: none; }
  .app-header .app-nav .app-natem.app-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; }
  .app-header .app-nav .app-natem.app-has-nav.app-show:after { content: "-"; }
  .app-header .app-nav .app-natem.animate { opacity: 1; transform: translate(0, 0); }
  .app-header .app-logo .app-log img:first-child { display: none; }
  .app-header .app-logo .app-log img:last-child { display: block; }
  .app-header .app-rav .app-langs .app-lam a, .app-header .app-rav .app-langs .app-lam span { color: #333; }
  .app-header .app-rav .app-langs .app-lam:hover a { color: var(--app-themes); }
  .app-header .app-rav .app-langs .app-lam:hover span { color: #333; }
  .app-header .app-rav .app-stn a img:first-child { display: none; }
  .app-header .app-rav .app-stn a img:last-child { display: block; }
  .app-header .app-rav .app-menu { width: 30px; height: 30px; display: inline-block; margin-left: 0.15rem; }
  .app-header .app-rav .app-menu img { width: 100%; display: block; }
  .app-header .app-rav .app-menu .app-clk { line-height: 30px; }
  .app-header .app-rav .app-searcom { width: 80px; background-color: #f8f8f8; }
  .app-header .app-rav .app-searcom .app-input input { color: #333; }
  .app-header .app-rav .app-searcom .app-input input::-webkit-input-placeholder, .app-header .app-rav .app-searcom .app-input textarea::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.5); }
  .app-header .app-rav .app-searcom .app-input input:-moz-placeholder, .app-header .app-rav .app-searcom .app-input textarea:-moz-placeholder { color: rgba(0, 0, 0, 0.5); }
  .app-header .app-rav .app-searcom .app-input input::-moz-placeholder, .app-header .app-rav .app-searcom .app-input textarea::-moz-placeholder { color: rgba(0, 0, 0, 0.5); }
  .app-header .app-rav .app-searcom .app-input input:-ms-input-placeholder, .app-header .app-rav .app-searcom .app-input textarea:-ms-input-placeholder { color: rgba(0, 0, 0, 0.5); }
  .app-header .app-rav .app-search { width: 20px; display: inline-block; margin-right: 5px; }
  .app-header .app-rav .app-search .app-sc { width: 15px; height: 15px; }
  .app-header .app-rav .app-search .app-sc img:first-child { display: none; }
  .app-header .app-rav .app-search .app-sc img:last-child { display: block; }
  .app-header .app-rav .app-sechom { width: 100vw; position: fixed; left: 0; top: calc(40px + 0.2rem); padding: 0.15rem; }
  .app-header .app-rav .app-search .app-sc img:first-child { display: none; }
  .app-header .app-rav .app-search .app-sc img:last-child { display: block; }
  .app-header .app-rav .app-languages .app-lauges .app-lashow .app-ac img:first-child { display: none; }
  .app-header .app-rav .app-languages .app-lauges .app-lashow .app-ac img:last-child { display: block; }
  .app-header .app-rav .app-languages .app-lauges .app-lashow .app-am { color: #000; }
  .app-header .app-rav .app-languages .app-lauges .app-lashow:after { background-image: url("../images/x2.png"); background-size: 100%; }
  .app-header .app-hot { border-bottom: solid 1px rgba(0, 0, 0, 0.08); }
  .app-header .app-hot .app-hom .app-hkr .app-tc img:first-child { display: none; }
  .app-header .app-hot .app-hom .app-hkr .app-tc img:last-child { display: block; }
  .app-header .app-hot .app-hom .app-hkr .app-tm { color: #222; }
  .app-header .app-secpomd { width: 100%; }
  .app-header .app-secpomd .app-hvp .app-logo { order: 1; }
  .app-header .app-secpomd .app-hvp .app-clost { order: 2; }
  .app-header .app-secpomd .app-hvp .app-somd { order: 3; width: 100%; margin-top: 0.2rem; }
  .app-header.app-menu-state .app-rav .app-menu img { opacity: 0; }
  .app-header.app-menu-state .app-nav { opacity: 1; right: 0; }
  .app-header.app-menu-state .app-blace { opacity: 1; }
  .app-banner .swiper-slide .app-imgs.app-pcm { display: none; }
  .app-banner .swiper-slide .app-imgs.app-phm { display: block; }
  .app-banner .swiper-slide .app-box .app-bit { font-size: .36rem; }
  .app-banner .swiper-slide .app-box .app-eim { font-size: .32rem; }
  .app-banner .swiper-slide .app-box .app-more a { font-size: .32rem; }
  .app-banner .app-bl { left: 0.05rem; }
  .app-banner .app-br { right: 0.05rem; }
  .app-footer .app-ftop { padding: 0.2rem 0; }
  .app-footer .app-fbot { padding: 0.2rem 0; }
  .app-footer .app-fop .app-fol { width: 100%; margin-bottom: 0.3rem; }
  .app-footer .app-fop .app-fol .app-fogo { margin-bottom: 0.3rem; }
  .app-footer .app-fop .app-fol .app-fogo a { width: 266px; }
  .app-footer .app-fop .app-fol .app-flist { width: 100%; border-bottom: solid 1px rgba(255, 255, 255, 0.1); position: relative; }
  .app-footer .app-fop .app-fol .app-flist .app-fit { width: 100%; margin-bottom: 0; padding: 0.2rem 0; margin-left: 0; }
  .app-footer .app-fop .app-fol .app-flist .app-fit a { font-size: 14px; }
  .app-footer .app-fop .app-fol .app-flist .app-ful { width: 100%; font-size: 0; padding-bottom: 0.15rem; display: none; height: auto; }
  .app-footer .app-fop .app-fol .app-flist .app-ful a { line-height: 2; }
  .app-footer .app-fop .app-fol .app-flist:last-child { border: none; border-bottom: solid 1px rgba(255, 255, 255, 0.1); }
  .app-footer .app-fop .app-fol .app-flist:first-child { border-top: solid 1px rgba(255, 255, 255, 0.1); }
  .app-footer .app-fop .app-fol .app-flist.app-has-ful:after { content: " "; display: inline-block; width: 12px; height: 7px; background-image: url("../images/x2.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.3rem; color: #333; border: none; transition: all ease 0.5s; }
  .app-footer .app-fop .app-fol .app-flist.app-has-ful.app-show:after { content: " "; transform: translateX(0) rotate(180deg); }
  .app-footer .app-fop .app-for { width: 100%; }
  .app-nanner .app-nox { left: 3%; }
  .app-nanner .app-nox .app-nit { font-size: 18px; }
  .app-nanner .app-nox .app-nix { font-size: 14px; }
  .app-crumbs .app-w1680 { width: 100%; }
  .app-crumbs .app-column .app-colum { padding: 0 0.2rem; border-bottom: solid 1px #eee; order: 1; }
  .app-crumbs .app-column .app-cul { padding: 0 0.2rem; order: 2; }
  .app-crumbs .app-column .app-cul .swiper-wrapper { justify-content: flex-start; }
  .app-researchs .app-paenper .app-pram { margin-bottom: 0.2rem; }
  .app-researchs .app-paenper .app-pram:nth-child(1), .app-researchs .app-paenper .app-pram:nth-child(4) { width: 100% !important; margin-right: 0 !important; }
  .app-researchs .app-paenper .app-pram:nth-child(2) { margin-right: 2%; width: 49%; margin-bottom: 0.2rem; }
  .app-researchs .app-paenper .app-pram:nth-child(3) { width: 49%; margin-right: 0; }
  .app-researchs .app-reimgs .app-imgs { display: none; }
  .app-researchs .app-reimgs .app-mids { position: relative; left: 0; top: 0; transform: translate(0, 0); width: 6.5rem; margin: 0 auto 20px; max-width: 100%; }
  .app-researchs .app-reimgs .app-labels { position: relative; width: 100%; height: auto; }
  .app-researchs .app-reimgs .app-labels .app-laim { width: 100%; position: relative; left: 0 !important; top: 0 !important; }
  .app-researchs .app-reimgs .app-labels .app-laim .app-rem { width: calc(100% - 1.6rem - 0.2rem); position: relative; top: auto !important; left: auto !important; right: auto !important; transform: translateY(0) !important; margin-left: 0.2rem; }
  .app-researchs .app-reimgs .app-labels .app-laim .app-rem .app-et { font-size: 18px; white-space: wrap; }
  .app-researchs .app-reimgs .app-iconlist { position: relative; width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-around; }
  .app-researchs .app-reimgs .app-iconlist .app-icon { position: relative; left: 0 !important; top: 0 !important; transform: translateY(0) !important; margin-bottom: 15px; }
  .app-groups .app-groum .app-gul { width: 100%; border-radius: 0; }
  .app-groups .app-groum .app-gur { width: 100%; margin-left: 0; padding: 20px; }
  .app-keynote .app-noteper { padding-left: 3%; }
  .app-partners .app-vaenper .app-bl { left: -0.1rem; }
  .app-partners .app-vaenper .app-br { right: -0.1rem; }
  .app-partners .app-vaenper .app-vram { width: calc(493 / 1680 * 100%); margin-right: calc(99 / 1680 * 100%) !important; }
  .app-partners .app-vaenper .app-vram:nth-child(1), .app-partners .app-vaenper .app-vram:nth-child(6) { margin-left: calc(248 / 1680 * 100%); }
  .app-partners .app-vaenper .app-vram:nth-child(5) { margin-right: 0 !important; }
  .app-history .app-bg1 { opacity: 0; z-index: -1; }
  .app-history .app-bg2 { opacity: 1; z-index: 1; }
  .app-history .app-hisper .app-bl { left: 0rem; }
  .app-history .app-hisper .app-br { right: 0rem; }
  .app-publication .app-activier .app-bl { left: 0.3rem; }
  .app-publication .app-activier .app-br { right: 0.3rem; }
  .app-paenper-prev { left: -.1rem; }
  .app-paenper-next { right: -.1rem; }
  .app-advantages .app-advanper { padding-bottom: 1rem; }
  .app-advanper .app-bl { display: block; top: auto; bottom: 0; margin-top: 0; left: calc(50% - .8rem); }
  .app-advanper .app-br { display: block; top: auto; bottom: 0; margin-top: 0; right: calc(50% - .8rem); }
  .app-Overview .app-viewper { padding-bottom: 1rem; }
  .app-viewper .app-bl { display: block; top: auto; bottom: 0; margin-top: 0; left: calc(50% - .8rem); }
  .app-viewper .app-br { display: block; top: auto; bottom: 0; margin-top: 0; right: calc(50% - .8rem); }
  .app-datper { padding-bottom: 1rem; }
  .app-datper .app-bl { display: block; top: auto; bottom: .2rem; margin-top: 0; left: calc(50% - .8rem); }
  .app-datper .app-br { display: block; top: auto; bottom: .2rem; margin-top: 0; right: calc(50% - .8rem); }
  .app-causes .app-causper .app-btn { background-image: linear-gradient(45deg, #120959 0%, #B8363A 100%), linear-gradient(#000000, #000000); background-color: transparent; }
  .app-z1 { width: 100% !important; margin: 0 auto !important; padding: 0 !important; float: none !important; display: block !important; }
  .app-z3, .app-z4, .app-z5 { float: none !important; display: inline-block !important; vertical-align: top !important; margin: 0 2% 2% 0 !important; }
  .app-z2 { width: 100% !important;margin: 0 0 3% 0 !important; }
  .app-z3 { width: 32% !important; }
  .app-z4 { width: 23.5% !important; }
  .app-z5 { width: 18.4% !important; }
  .app-z2:nth-child(2n), .app-z3:nth-child(3n), .app-z4:nth-child(4n), .app-z5:nth-child(5n) { margin-right: 0 !important; }
  .app-mb3 { margin-bottom: 30px !important; }
  .app-mb2 { margin-bottom: 20px !important; }
  .app-mb1 { margin-bottom: 10px !important; }
  .app-mt1 { margin-top: 10px !important; }
  .app-mt0 { margin-top: 0px !important; }
  .app-l1 { padding-left: 10px !important; }
  .app-r1 { padding-right: 10px !important; }
  .app-t1 { padding-top: 10px !important; }
  .app-b1 { padding-bottom: 10px !important; }
  .app-l2 { padding-left: 20px !important; }
  .app-r2 { padding-right: 20px !important; }
  .app-t2 { padding-top: 20px !important; }
  .app-b2 { padding-bottom: 20px !important; }
  .app-l3 { padding-left: 30px !important; }
  .app-r3 { padding-right: 30px !important; }
  .app-t3 { padding-top: 30px !important; }
  .app-b3 { padding-bottom: 30px !important; }
  .app-t5 { padding-top: 50px !important; }
  .app-b5 { padding-bottom: 50px !important; }
  .app-t0 { top: 0 !important; }
  .app-p0 { padding: 0 !important; }
  .app-op1 { opacity: 1 !important; }
  .app-hauto { height: auto !important; }
  .app-nomaxh { max-height: 100% !important; }
  .app-none { display: none !important; }
  .app-tl { text-align: left !important; }
  .app-trs { text-align: right !important; }
  .app-tcn { text-align: center !important; }
  .app-nblock { display: block !important; }
  .app-epsnone { -webkit-line-clamp: 100; }
  .app-bnone { border: none !important; }
  .app-maxw { max-width: 100% !important; }
  .app-maxh { max-height: 100% !important; }
  .app-jfls { justify-content: flex-start !important; }
  .app-s71 { font-size: 30px; }
}

@media (max-width: 768px) {
  .app-advantages .app-advanper { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 750px) {
  html { font-size: calc(100vw / 750 * 100); }
  .app-s12 { font-size: 0.22rem; }
  .app-s13 { font-size: 0.27rem; }
  .app-s14 { font-size: 0.28rem; }
  .app-s15 { font-size: 0.29rem; }
  .app-s16 { font-size: 0.3rem; }
  .app-s17 { font-size: 0.27rem; }
  .app-s18 { font-size: 0.28rem; }
  .app-s19 { font-size: 0.29rem; }
  .app-s20 { font-size: 0.30rem; }
  .app-s21 { font-size: 0.31rem; }
  .app-s22 { font-size: 0.32rem; }
  .app-s23 { font-size: 0.33rem; }
  .app-s24 { font-size: 0.34rem; }
  .app-s25 { font-size: 0.35rem; }
  .app-s26 { font-size: 0.36rem; }
  .app-s27 { font-size: 0.37rem; }
  .app-s28 { font-size: 0.38rem; }
  .app-s29 { font-size: 0.38rem; }
  .app-s30 { font-size: 0.38rem; }
  .app-s31 { font-size: 0.38rem; }
  .app-s32 { font-size: 0.38rem; }
  .app-s33 { font-size: 0.38rem; }
  .app-s34 { font-size: 0.38rem; }
  .app-s35 { font-size: 0.38rem; }
  .app-s36 { font-size: 0.38rem; }
  .app-s37 { font-size: 0.38rem; }
  .app-s38 { font-size: 0.38rem; }
  .app-s39 { font-size: 0.38rem; }
  .app-s40 { font-size: 0.38rem; }
  .app-s41 { font-size: 0.38rem; }
  .app-s42 { font-size: 0.38rem; }
  .app-s43 { font-size: 0.38rem; }
  .app-s44 { font-size: 0.38rem; }
  .app-s45 { font-size: 0.38rem; }
  .app-s46 { font-size: 0.38rem; }
  .app-s47 { font-size: 0.38rem; }
  .app-s48 { font-size: 0.38rem; }
  .app-s49 { font-size: 0.38rem; }
  .app-s50 { font-size: 0.38rem; }
  .app-s51 { font-size: 0.38rem; }
  .app-s52 { font-size: 0.38rem; }
  .app-s53 { font-size: 0.38rem; }
  .app-s54 { font-size: 0.38rem; }
  .app-s55 { font-size: 0.38rem; }
  .app-s56 { font-size: 0.38rem; }
  .app-s57 { font-size: 0.38rem; }
  .app-s58 { font-size: 0.38rem; }
  .app-s59 { font-size: 0.38rem; }
  .app-s60 { font-size: 0.38rem; }
  .app-s61 { font-size: 0.38rem; }
  .app-s62 { font-size: 0.38rem; }
  .app-s63 { font-size: 0.38rem; }
  .app-s64 { font-size: 0.38rem; }
  .app-s65 { font-size: 0.38rem; }
  .app-s66 { font-size: 0.38rem; }
  .app-s67 { font-size: 0.38rem; }
  .app-s68 { font-size: 0.38rem; }
  .app-s69 { font-size: 0.38rem; }
  .app-s70 { font-size: 0.38rem; }
  .app-s71 { font-size: 0.38rem; }
  .app-s72 { font-size: 0.38rem; }
  .app-s73 { font-size: 0.38rem; }
  .app-s74 { font-size: 0.38rem; }
  .app-s75 { font-size: 0.38rem; }
  .app-s76 { font-size: 0.38rem; }
  .app-s77 { font-size: 0.38rem; }
  .app-s78 { font-size: 0.38rem; }
  .app-s79 { font-size: 0.38rem; }
  .app-s80 { font-size: 0.38rem; }
}
@media (max-width: 683px) {
  .app-s150 { font-size: 53.4px; }
}
@media (max-width: 480px) {
  .app-advantages .app-advanper { grid-template-columns: repeat(1, 1fr); }
}
@media (max-width: 450px) {
  .app-w1 { max-width: 500px !important; width: 100% !important; margin: 0 auto !important; padding: 0 !important; float: none !important; display: block !important; }
  .app-wm2 { margin-bottom: 20px !important; }
  .app-wm1 { margin-bottom: 10px !important; }
  .app-wl1 { padding-left: 10px !important; }
  .app-wr1 { padding-right: 10px !important; }
  .app-wt1 { padding-top: 10px !important; }
  .app-wb1 { padding-bottom: 10px !important; }
  .app-wl2 { padding-left: 20px !important; }
  .app-wr2 { padding-right: 20px !important; }
  .app-wt2 { padding-top: 20px !important; }
  .app-wb2 { padding-bottom: 20px !important; }
  .app-wl3 { padding-left: 30px !important; }
  .app-wr3 { padding-right: 30px !important; }
  .app-wt3 { padding-top: 30px !important; }
  .app-wb3 { padding-bottom: 30px !important; }
}

/*.table th, .table td { padding:14px 18px; border-top:1px solid #ccc; }
.table th { background-color:#d9d9d9; font-size:16px; }
.table-row thead th { background-color:#d9d9d9; }
.table-row tbody th { background-color:#d9d9d9; }
.table-bordered th, .table-bordered td { border-left:1px solid #ccc; }*/
.table-responsive {
  min-height: .01%!important;
  overflow-x: auto!important;overflow: auto;
}
.qhd-content table {
  width: 100% !important;
  max-width: 100%!important;
  border-collapse: collapse!important;
  overflow: visible!important;
}
.qhd-content table th, .qhd-content table td {
  padding: 14px 18px!important;
  text-align: left!important;
  border: 1px solid #ddd!important;
}
.qhd-content table tbody tr.trhover td {
  background-color: #f0f0f0!important;
}

.qhd-content table table tbody tr:first-child td {
  background-color: transparent!important;
  color: #333!important;
  font-size: 14px!important;
  font-weight: normal!important;
  border: none!important;
}
.qhd-content table table tbody tr td {
  padding: 0!important;
}
.qhd-content table tbody img[src*="file"] {
  
}
.qhd-content table tbody p {
  margin-bottom: 0!important;
}
.qhd-content table tbody tr.trhover table td {
  background-color: #f0f0f0!important;
}
.qhd-content table tbody tr:first-child table td {
  background-color: transparent!important;
  color: #fff!important;
  font-size: 16px!important;
  font-weight: bold!important;
  padding: 0!important;
}
.qhd-content .table {
  overflow: visible!important;
}
.qhd-content .table th, .qhd-content .table td {
  line-height: 1.8!important;
  padding: 14px 18px!important;
}
.qhd-content .table th {
  background-color: #0069cc!important;
  color: #fff!important;
}
.qhd-content .table td {}
.qhd-content .table tbody tr:first-child td {
  background-color: transparent!important;
  color: #333!important;
  font-size: 14px!important;
  font-weight: normal!important;
}
.qhd-content .table tbody tr.trhover td {
  background-color: #f0f0f0!important;
}
.qhd-content .table th {
  background-color: #0069cc!important;
  color: #fff!important;
  font-size: 16px!important;
}
.qhd-content .table-row thead th {
  background-color: #0069cc!important;
  color: #fff!important;
}
.qhd-content .table-row tbody th {
  background-color: #0069cc!important;
  color: #fff!important;
}
.qhd-content .table tbody .even-row td {
  background-color: #f0f0f0!important;
}