@charset "UTF-8";

.w1600 {
  width: 16rem;
  margin: 0 auto;
  position: relative;
  font-size: 0;
}

@media (max-width: 1680px) {
  .w1600 {
    width: 90%;
  }
}

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

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

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

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

.w1800 {
  width: 18rem;
  margin: 0 auto;
  position: relative;
  font-size: 0;
}

@media (max-width: 1880px) {
  .w1800 {
    width: 90%;
  }
}

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

:root {
  --themes: #043793;
}

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

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

header .rav {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.4rem;
  font-size: 0;
  display: flex;
  align-items: center;
}

header .rav .search {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  text-align: center;
  cursor: pointer;
  position: relative;
  width: 20px;
  height: 40px;
}

header .rav .search .sc {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

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

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

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

header .rav .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;
}

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

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

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

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

header .rav .sechom .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%);
}

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

header .rav .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;
}

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

header .rav .languages .lauges .lashow {
  width: 100%;
  position: relative;
  cursor: pointer;
  font-size: 0;
  line-height: 40px;
  white-space: nowrap;
  height: 40px;
  padding-right: 16px;
}

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

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

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

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

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

header .rav .languages .lauges .lashow:after {
  content: ' ';
  position: absolute;
  right: 0rem;
  top: calc(50%);
  transform: translateY(-50%);
  background-image: url("../images/i3.png");
  width: 11px;
  height: 6px;
  background-size: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

header .logo {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  font-size: 0;
  white-space: nowrap;
}

header .logo .log {
  width: 3.04rem;
  display: inline-block;
  vertical-align: middle;
}

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

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

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

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

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

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

header nav .natem .nas a {
  display: inline-block;
  line-height: 0.9rem;
  color: #fff;
  position: relative;
  padding: 0 0.15rem;
  transition: all ease 0.5s;
}

header nav .natem .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;
}

header nav .natem .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;
}

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

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

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

header nav .natem .navuls ul li .njm {
  width: 100%;
  font-size: 0;
  border-top: solid 1px rgba(255, 255, 255, 0.15);
  background-color: var(--themes);
}

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

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

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

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

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

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

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

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

header nav .natem .longul {
  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(--themes);
  display: none;
}

header nav .natem .longul .longlist {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}

header nav .natem .longul .longlist .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;
}

header nav .natem .longul .longlist .logem a {
  width: 100%;
  display: block;
  font-size: 0;
}

header nav .natem .longul .longlist .logem .imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc(1rem);
  margin-right: 0.2rem;
  position: relative;
  overflow: hidden;
}

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

header nav .natem .longul .longlist .logem .rom {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 1.2rem);
}

header nav .natem .longul .longlist .logem .rom .rx {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

header nav .natem .longul .longlist .logem:nth-child(4n) {
  margin-right: 0;
}

header nav .natem .longul .longlist .logem:hover {
  top: -0.1rem;
}

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

header nav .natem.on .nas:before {
  opacity: 1;
}

header nav .natem:hover .nas:before {
  opacity: 1;
}

header.white {
  background-color: var(--themes);
  background-color: #fff;
}

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

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

header.white .rav .languages .lauges .lashow .ac img:first-child {
  display: none;
}

header.white .rav .languages .lauges .lashow .ac img:last-child {
  display: block;
}

header.white .rav .languages .lauges .lashow .am {
  color: var(--themes);
}

header.white .rav .languages .lauges .lashow:after {
  background-image: url("../images/xx2.png");
  width: 11px;
  height: 6px;
  background-size: 100%;
}

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

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

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

header.white nav .natem .nas:before {
  background-image: url("../images/xx2.png");
  background-size: 100% 100%;
}

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

@media (max-width: 800px) {
  header {
    /* background-color: var(--themes); */
    background-color: #fff;
  }

  header .hop {
    align-items: center;
    padding: 0.1rem 0;
    height: calc(40px + 0.2rem);
  }

  header .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);
  }

  header 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;
  }

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

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

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

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

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

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

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

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

  header nav .natem .navuls ul li .njm {
    background-color: #fff;
    border-top: none;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  header .rav .menu {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-left: 0.15rem;
  }

  header .rav .menu img {
    width: 100%;
    display: block;
    filter: grayscale(0%) brightness(0%);
  }

  header .rav .menu .clk {
    line-height: 30px;
  }

  header .rav .searcom {
    width: 80px;
    background-color: #f8f8f8;
  }

  header .rav .searcom .input input {
    color: #333;
  }

  header .rav .searcom .input input::-webkit-input-placeholder,
  header .rav .searcom .input textarea::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
  }

  header .rav .searcom .input input:-moz-placeholder,
  header .rav .searcom .input textarea:-moz-placeholder {
    color: rgba(0, 0, 0, 0.5);
  }

  header .rav .searcom .input input::-moz-placeholder,
  header .rav .searcom .input textarea::-moz-placeholder {
    color: rgba(0, 0, 0, 0.5);
  }

  header .rav .searcom .input input:-ms-input-placeholder,
  header .rav .searcom .input textarea:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
  }

  header .rav .search {
    width: 20px;
    display: inline-block;
    margin-right: 5px;
  }

  header .rav .search .sc {
    width: 15px;
    height: 15px;
  }

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

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

  header .rav .sechom {
    width: 100vw;
    position: fixed;
    left: 0;
    top: calc(40px + 0.2rem);
    padding: 0.15rem;
  }

  header .hot {
    border-bottom: solid 1px rgba(0, 0, 0, 0.08);
  }

  header .hot .hom .hkr .tc img:first-child {
    display: none;
  }

  header .hot .hom .hkr .tc img:last-child {
    display: block;
  }

  header .hot .hom .hkr .tm {
    color: #222;
  }

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

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

  header .rav .languages .lauges .lashow .ac img:first-child {
    display: none;
  }

  header .rav .languages .lauges .lashow .ac img:last-child {
    display: block;
  }

  header .rav .languages .lauges .lashow .am {
    color: var(--themes);
  }

  header .rav .languages .lauges .lashow:after {
    background-image: url("../images/xx2.png");
    width: 11px;
    height: 6px;
    background-size: 100%;
  }

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

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

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

  header nav .natem .nas:before {
    background-image: url("../images/xx2.png");
    background-size: 100% 100%;
    display: none;
  }

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

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

  header.menu-state nav {
    opacity: 1;
    right: 0;
  }

  header.menu-state .blace {
    opacity: 1;
  }
}

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

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

.banner .swiper-slide .imgs.pcm {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: block;
}

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

.banner .swiper-slide .imgs.phm {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: none;
}

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

.banner .swiper-slide .box {
  position: absolute;
  z-index: 4;
  top: 50%;
  transform: translateY(-50%);
  left: calc(160 / 1920 * 100%);
  width: 80%;
  max-width: 80%;
}

.banner .swiper-slide .box .bit {
  width: 100%;
  color: #fff;
  line-height: 1.3;
  text-align: left;
  font-weight: bold;
  opacity: 0;
  transform: translate3d(0, 25%, 0);
  transition: opacity 1s ease-out 0.2s, transform 1s ease-out 0.2s, box-shadow .3s;
}

.banner .swiper-slide .box .bit p {
  color: #fff;
  line-height: 1.3;
  position: relative;
  z-index: 2;
}

.banner .swiper-slide .box .eim {
  width: 100%;
  color: #fff;
  line-height: 1.3;
  text-align: left;
  margin-top: 0.1rem;
  opacity: 0;
  transform: translate3d(0, 25%, 0);
  transition: opacity 1s ease-out 0.2s, transform 1s ease-out 0.2s, box-shadow .3s;
}

.banner .swiper-slide .box .eim p {
  color: #fff;
  line-height: 1.3;
  position: relative;
  z-index: 2;
}

.banner .swiper-slide .box .more {
  width: 100%;
  margin-top: 0.5rem;
  font-size: 0;
  opacity: 0;
  transform: translate3d(0, 25%, 0);
  transition: opacity 1s ease-out 0.2s, transform 1s ease-out 0.2s, box-shadow .3s;
}

.banner .swiper-slide .box .more a {
  display: inline-block;
  vertical-align: middle;
  border: solid 1px #fff;
  color: #fff;
  line-height: 3;
  border-radius: 1.5em;
  width: auto;
  padding: 0 0.4rem;
}

.banner .swiper-slide .box .more a span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.2rem;
  width: 0.18rem;
  position: relative;
  top: -0.02rem;
  height: 0.18rem;
  border-radius: 50%;
  background-color: var(--themes);
}

.banner .swiper-slide .box .more a span img {
  width: 100%;
  display: block;
}

.banner .swiper-slide .box .more a span img:first-child {
  display: block;
}

.banner .swiper-slide .box .more a span img:last-child {
  display: none;
}

.banner .swiper-slide .box .more a:hover {
  background-color: var(--themes);
  color: #fff;
  border: solid 1px var(--themes);
}

.banner .swiper-slide .box .more a:hover span {
  background-color: #fff;
}

.banner .swiper-slide .box .more a:hover span img:first-child {
  display: none;
}

.banner .swiper-slide .box .more a:hover span img:last-child {
  display: block;
}

.banner .swiper-slide .box .vob {
  width: 100%;
  font-size: 0;
  margin-top: 0.5rem;
  opacity: 0;
  transform: translate3d(0, 25%, 0);
  transition: opacity 1s ease-out 0.2s, transform 1s ease-out 0.2s, box-shadow .3s;
}

.banner .swiper-slide .box .vob a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  background-color: #fff;
  padding: 0 0.45rem;
  color: #000;
  cursor: pointer;
  line-height: 3;
}

.banner .swiper-slide .box .vob a:hover {
  background-color: var(--themes);
  color: #fff;
}

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

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

.banner .swiper-slide-active .box .bit,
.banner .swiper-slide-active .box .more,
.banner .swiper-slide-active .box .eim,
.banner .swiper-slide-active .box .vob {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

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

.banner .swiper-pagination-bullet {
  opacity: 1;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  margin: 0 5px;
}

.banner .swiper-pagination-bullet-active {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background-image: url("../images/i2.png");
  background-size: 100% 100%;
  opacity: 1;
  background-color: transparent;
  border-radius: 0;
}

.banner .btn {
  position: absolute;
  bottom: 0;
  width: 0.29rem;
  cursor: pointer;
  z-index: 2;
  top: 50%;
  height: 0.51rem;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  transform: translateY(-50%);
}

.banner .btn img {
  width: 100%;
  display: block;
}

.banner .btn img:first-child {
  display: block;
}

.banner .btn img:last-child {
  display: none;
}

.banner .btn:hover img:first-child {
  display: none;
}

.banner .btn:hover img:last-child {
  display: block;
}

.banner .bl {
  left: 0.6rem;
}

.banner .br {
  right: 0.6rem;
}

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

  .banner .swiper-slide .box .bit {
    font-size: 16px;
  }

  .banner .swiper-slide .box .eim {
    font-size: 12px;
  }

  .banner .swiper-slide .box .more a {
    font-size: 12px;
  }

  .banner .bl {
    left: 0.05rem;
  }

  .banner .br {
    right: 0.05rem;
  }
}

footer {
  width: 100%;
}

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

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

footer .fop .fol {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

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

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

footer .fop .fol .fogo img:first-child {
  display: block;
}

footer .fop .fol .fogo img:last-child {
  display: none;
}

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

footer .fop .for .share {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  font-size: 0;
}

footer .fop .for .share .am {
  display: inline-block;
  vertical-align: middle;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  border: solid 1px white;
  margin-right: 0.1rem;
  position: relative;
  opacity: 0.5;
  transition: all ease 0.5s;
}

footer .fop .for .share .am a,
footer .fop .for .share .am img {
  width: 100%;
  display: block;
}

footer .fop .for .share .am .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;
}

footer .fop .for .share .am .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;
}

footer .fop .for .share .am:hover {
  opacity: 1;
}

footer .fop .for .share .am:hover .codm {
  display: block;
}

footer .fom {
  border-top: solid 1px rgba(255, 255, 255, 0.1);
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.6rem 0;
}

footer .fom .fml {
  display: inline-block;
  vertical-align: middle;
  width: calc(1050 / 1600 * 100%);
}

footer .fom .fml .flist {
  display: inline-block;
  vertical-align: top;
  width: calc(210 / 1050 * 100%);
  text-align: center;
  padding-right: 0.15rem;
}

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

footer .fom .fml .flist .fit a {
  display: inline-block;
  color: #fff;
  line-height: 1.4;
  text-align: center;
  font-weight: bold;
  transition: all ease 0.5s;
}

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

footer .fom .fml .flist .ful {
  width: 100%;
}

footer .fom .fml .flist .ful a {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  color: rgba(255, 255, 255, 0.3);
  transition: all ease 0.5s;
  line-height: 2;
  text-align: center;
  line-height: 1.5;
  padding: 0.05rem 0;
}

footer .fom .fml .flist .ful a:hover {
  color: #fff;
}

footer .fom .fml .flist .ful div {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.3);
  line-height: 2;
  transition: all ease 0.5s;
}

footer .fom .fmr {
  width: calc(400 / 1600 * 100%);
  display: inline-block;
  vertical-align: middle;
}

footer .fom .fmr .riom {
  width: 100%;
}

footer .fom .fmr .riom .rv {
  width: 100%;
  color: #777;
  line-height: 1.5;
  margin-bottom: 0.04rem;
}

footer .fom .fmr .riom .rom {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

footer .fom .fmr .riom .form {
  width: 100%;
  display: flex;
  overflow: hidden;
  border-radius: 0.1rem;
  margin-top: 0.1rem;
}

footer .fom .fmr .riom .form .sin {
  display: inline-block;
  vertical-align: middle;
  line-height: 3;
  height: 3em;
  border: none;
  flex: 1;
  background-color: #fff;
  padding: 0 0.2rem;
  color: #333;
}

footer .fom .fmr .riom .form .stn {
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  background-color: var(--themes);
  line-height: 3;
  height: 3em;
  border: none;
}

footer .fom .fmr .riom+.riom {
  margin-top: 0.3rem;
}

footer .fbot {
  width: 100%;
  background-color: #161616;
}

footer .fob {
  width: 100%;
  padding: 0.3rem 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}

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

footer .fob .fm a {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
}

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

footer.white .ftop {
  background-color: #fff;
}

footer.white .fop .fol .fogo img:first-child {
  display: none;
}

footer.white .fop .fol .fogo img:last-child {
  display: block;
}

footer.white .fop .for .share .am {
  opacity: 1;
  border: solid 1px #eeeeee;
}

footer.white .fop .for .share .am a img {
  filter: grayscale(100%);
}

footer.white .fop .for .share .am:hover {
  background-color: var(--themes);
  border: solid 1px var(--themes);
}

footer.white .fop .for .share .am:hover a img {
  filter: grayscale(1000%) brightness(2000%);
}

footer.white .fbot {
  background-color: #fff;
}

footer.white .fom {
  border-top: solid 1px #e9e9e9;
  width: 100%;
}

footer.white .fom .fml .flist .fit a {
  color: #333;
}

footer.white .fom .fml .flist .fit a:hover {
  color: var(--themes);
}

footer.white .fom .fml .flist .ful a,
footer.white .fom .fml .flist .ful div {
  color: rgba(51, 51, 51, 0.7);
}

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

footer.white .fom .fmr .riom .rv {
  color: #333;
}

footer.white .fom .fmr .riom .rom {
  color: var(--themes);
}

footer.white .fom .fmr .riom .form .sin {
  background-color: #f7f7f7;
}

footer.white .fob .fm a:hover {
  color: var(--themes);
}

@media (max-width: 800px) {
  footer .fom {
    padding: 0rem 0 0.2rem;
  }

  footer .fom .fml {
    width: 100%;
    margin-bottom: 16px;
  }

  footer .fom .fml .flist {
    width: 100%;
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
    position: relative;
  }

  footer .fom .fml .flist .fit {
    width: 100%;
    margin-bottom: 0;
    padding: 0.25rem 0;
    margin-left: 0;
  }

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

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

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

  footer .fom .fml .flist:last-child {
    border: none;
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
  }

  footer .fom .fml .flist:first-child {
    border-top: none;
  }

  footer .fom .fml .flist.has-ful:after {
    content: " ";
    display: inline-block;
    width: 12px;
    height: 7px;
    background-image: url("../images/xx1.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.4rem;
    color: #333;
    border: none;
    transition: all ease 0.5s;
  }

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

  footer .fom .fmr {
    width: 100%;
  }
}

.bottom {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  z-index: 10;
}

.bottom .botm {
  width: 100%;
  background-color: var(--themes);
  padding: 0.3rem 0.4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  border-radius: 0.1rem;
}

.bottom .botm .clost {
  position: absolute;
  bottom: calc(100% - 0.5px);
  right: 0.2rem;
  z-index: 3;
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
}

.bottom .botm .clost .cmg {
  display: block;
  width: auto;
  text-align: center;
  padding: 0 0.4rem;
}

.bottom .botm .clost .cm {
  width: auto;
  color: #fff;
  line-height: 1.5;
  display: inline-block;
  vertical-align: middle;
}

.bottom .botm .btl {
  display: inline-block;
  vertical-align: middle;
  width: calc(450 / 1520 * 100%);
}

.bottom .botm .btl .bvm {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.bottom .botm .btl .bvm .vtl {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
  padding-right: 0.24rem;
}

.bottom .botm .btl .bvm .vtl .sip {
  width: 100%;
  color: #fff;
  line-height: 1.75;
}

.bottom .botm .btl .bvm .vtl .sip p {
  color: #fff;
  line-height: 1.75;
}

.bottom .botm .btl .bvm .vtr {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.bottom .botm .btl .bvm .vtr .com {
  display: inline-block;
  vertical-align: middle;
  width: 0.93rem;
  margin-right: 0.1rem;
}

.bottom .botm .btl .bvm .vtr .com img {
  width: 100%;
  display: block;
}

.bottom .botm .btl .bvm .vtr .sin {
  display: inline-block;
  vertical-align: middle;
  width: 1.5em;
  text-align: center;
  color: #fff;
  line-height: 1.1;
}

.bottom .botm .btr {
  display: inline-block;
  vertical-align: middle;
  width: calc(1000 / 1520 * 100%);
}

.bottom .botm .btr .form {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.bottom .botm .btr .fml {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 1.1rem - 0.2rem);
}

.bottom .botm .btr .fmr {
  display: inline-block;
  vertical-align: middle;
  width: 1.1rem;
}

.bottom .botm .btr .row {
  width: 100%;
  font-size: 0;
}

.bottom .botm .btr .row .input {
  display: inline-block;
  vertical-align: middle;
  width: calc(780 / 1600 * 100%);
  margin-right: calc(39 / 1600 * 100%);
}

.bottom .botm .btr .row .input input {
  width: 100%;
  border: solid 1px #fff;
  background-color: #fff;
  border-radius: 0.1rem;
  display: block;
  line-height: 3;
  height: 3em;
  color: #333;
  padding: 0 0.2rem;
  transition: all ease 0.5s;
}

.bottom .botm .btr .row .input input.hover {
  border: solid 1px var(--themes);
}

.bottom .botm .btr .row .input:nth-child(2n) {
  margin-right: 0;
}

.bottom .botm .btr .row+.row {
  margin-top: 0.1rem;
}

.bottom .botm .btr .stn {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 0.1rem;
  display: flex;
  cursor: pointer;
  flex-wrap: wrap;
  align-content: center;
  text-align: center;
  padding: 0.1rem 0.04rem;
}

.bottom .botm .btr .stn .ec {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.bottom .botm .btr .stn .oc {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--themes);
  margin: 0 auto;
}

.bottom .botm .btr .stn .oc img {
  width: 100%;
  display: block;
}

.bottom .botm .btr .stn .oc img:first-child {
  display: block;
}

.bottom .botm .btr .stn .oc img:last-child {
  display: none;
}

.bottom .botm .bit {
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 0.15rem;
}

@media (max-width: 800px) {
  .bottom {
    width: 90%;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    z-index: 51;
  }

  .bottom:after {
    content: ' ';
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
  }

  .bottom .w1600 {
    width: 100%;
    position: relative;
    z-index: 2;
  }

  .bottom .botm {
    width: 100%;
  }

  .bottom .botm .btl {
    width: 100%;
    margin-bottom: 20px;
  }

  .bottom .botm .btr {
    width: 100%;
  }

  .bottom .botm .btr .fml {
    width: 100%;
  }

  .bottom .botm .btr .fmr {
    width: 100%;
  }

  .bottom .botm .btr .fmr .stn {
    display: flex;
    margin: 0 auto;
    width: 120px;
    height: auto;
    text-align: center;
    justify-content: center;
  }

  .bottom .botm .btr .fmr .stn .ec {
    width: auto;
    display: inline-block;
    vertical-align: middle;
  }

  .bottom .botm .btr .fmr .stn .oc {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0rem 0 0.1rem;
  }
}

.rightnav {
  position: fixed;
  right: 0.15rem;
  z-index: 10;
  bottom: 5%;
}

.rightnav .ritm {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: var(--themes);
  position: relative;
  box-shadow: 0px 0px 20px 0px rgba(4, 55, 147, 0.5);
}

.rightnav .ritm a,
.rightnav .ritm img {
  width: 100%;
  display: block;
}

.rightnav .ritm a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

.rightnav .ritm .ec {
  display: block;
  margin: 0 auto 0.04rem;
  width: 0.3rem;
  height: 0.3rem;
}

.rightnav .ritm .ec img:first-child {
  display: block;
}

.rightnav .ritm .ec img:last-child {
  display: none;
}

.rightnav .ritm .em {
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 1.2;
}

.rightnav .ritm .lenmes {
  position: absolute;
  right: calc(100% + 0.1rem);
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--themes);
  padding: 0.25rem;
  border-radius: 0.2rem;
  display: none;
  z-index: 10;
}

.rightnav .ritm .lenmes .lum {
  width: 100%;
  white-space: nowrap;
  color: #fff;
  line-height: 1.5;
}

.rightnav .ritm+.ritm {
  margin-top: 0.1rem;
}

.rightnav .ritm:hover {
  background-color: #fff;
}

.rightnav .ritm:hover .ec img:first-child {
  display: none;
}

.rightnav .ritm:hover .ec img:last-child {
  display: block;
}

.rightnav .ritm:hover .em {
  color: #333;
}

.rightnav .ritm:hover .lenmes {
  display: block;
}

.rightnav .messom {
  position: absolute;
  width: 3rem;
  bottom: calc(100% + 0.15rem);
  right: 0;
  background-color: #ffffff;
  border-radius: 10px 1px 0px 10px;
  display: none;
}

.rightnav .messom .close {
  position: absolute;
  bottom: calc(100% - 0.5px);
  right: 0;
  z-index: 3;
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
}

.rightnav .messom .close .cmg {
  display: block;
  width: auto;
  text-align: center;
  padding: 0 0.4rem;
}

.rightnav .messom .close .cm {
  width: auto;
  color: #fff;
  line-height: 1.5;
  display: inline-block;
  vertical-align: middle;
}

.rightnav .messom .vit {
  width: 100%;
  text-align: center;
  background-color: var(--themes);
  color: #fff;
  line-height: 1.2;
  padding: 0.14rem;
}

.rightnav .messom form {
  width: 100%;
  display: block;
  padding: 0.25rem;
}

.rightnav .messom .int {
  width: 100%;
  margin-bottom: 0.2rem;
}

.rightnav .messom .int .sin {
  width: 100%;
  display: block;
  border: solid 1px #e2e2e2;
  border-radius: 0.1rem;
  color: #333;
  padding: 0 0.15rem;
  line-height: 2.8;
  height: 2.8em;
}

.rightnav .messom .txt {
  width: 100%;
  margin-bottom: 0.2rem;
}

.rightnav .messom .txt textarea {
  width: 100%;
  display: block;
  border: solid 1px #e2e2e2;
  border-radius: 0.1rem;
  color: #333;
  padding: 0.15rem;
  line-height: 1.5;
}

.rightnav .messom .sub {
  width: 100%;
  font-size: 0;
}

.rightnav .messom .sub .stn {
  width: 100%;
  background-color: var(--themes);
  color: #fff;
  line-height: 3;
  text-align: center;
  cursor: pointer;
  border: none;
  border-radius: 1.5em;
}

@media (max-width: 800px) {
  .rightnav .ritm {
    width: 1rem;
    height: 1rem;
  }
}

.modular {
  width: 100%;
}

.modular .mitop {
  width: 100%;
  text-align: center;
  margin-bottom: 0.55rem;
}

.modular .mitop .mit {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.4;
}

.modular .mitop .lx {
  width: 100%;
  font-size: 0;
  margin-top: 0.14rem;
}

.modular .mitop .lx span {
  display: inline-block;
  vertical-align: middle;
  width: 0.4rem;
  height: 0.06rem;
  border-radius: 0.03rem;
  background-color: var(--themes);
}

.modular .mitop .sip {
  width: 100%;
  text-align: center;
  line-height: 1.5;
  color: #666;
  margin-top: 0.2rem;
}

.modular .mitop .sip p {
  line-height: 1.5;
  color: #666;
}

.modular .mitop.left {
  text-align: left;
}

.modular .mitop.mom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

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

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

.modular .mitop.mom .mor a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  background-color: #fff;
  border: solid 1px var(--themes);
  padding: 0 0.4rem;
  line-height: 3;
  height: 3em;
  border-radius: 1.5em;
  color: var(--themes);
}

.modular .mitop.mom .mor a span {
  display: inline-block;
  vertical-align: middle;
  background-color: var(--themes);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-left: 0.1rem;
  position: relative;
  top: -0.02rem;
}

.modular .mitop.mom .mor a span img {
  width: 100%;
  display: block;
}

.modular .mitop.mom .mor a span img:first-child {
  display: block;
}

.modular .mitop.mom .mor a span img:last-child {
  display: none;
}

.modular .mitop.mom .mor a:hover {
  background-color: var(--themes);
  color: #fff;
}

.modular .mitop.mom .mor a:hover span {
  background-color: #fff;
}

.modular .mitop.mom .mor a:hover span img:first-child {
  display: none;
}

.modular .mitop.mom .mor a:hover span img:last-child {
  display: block;
}

.modular .mitop.mom .mor .btn {
  display: inline-block;
  vertical-align: middle;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  border: solid 1px var(--themes);
  background-color: #fff;
  cursor: pointer;
}

.modular .mitop.mom .mor .btn img {
  width: 100%;
  display: block;
}

.modular .mitop.mom .mor .btn img:first-child {
  display: block;
}

.modular .mitop.mom .mor .btn img:last-child {
  display: none;
}

.modular .mitop.mom .mor .btn:hover {
  background-color: var(--themes);
}

.modular .mitop.mom .mor .btn:hover img:first-child {
  display: none;
}

.modular .mitop.mom .mor .btn:hover img:last-child {
  display: block;
}

.modular .mitop.mom .mor .btn+.btn {
  margin-left: 0.2rem;
}

.modular .mitop.white .mit {
  color: #fff;
}

.modular .mitop.white .lx span {
  background-color: #fff;
}

.newom {
  width: 100%;
  padding: 1rem 0;
}

.newom .newpm {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.newom .newpm .nepl {
  display: inline-block;
  vertical-align: middle;
  width: calc(1000 / 1600 * 100%);
  overflow: hidden;
  border-radius: 0.1rem;
  position: relative;
}

.newom .newpm .nepl a {
  width: 100%;
  display: block;
}

.newom .newpm .nepl .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.newom .newpm .nepl .imgs .img {
  width: 100%;
  padding-top: 58%;
  transition: all ease 0.5s;
}

.newom .newpm .nepl .ric {
  position: absolute;
  left: 0.2rem;
  top: 0.2rem;
  background-color: var(--themes);
  padding: 0.14rem 0.1rem;
  text-align: center;
  z-index: 3;
  border-radius: 0.1rem;
}

.newom .newpm .nepl .ric .day {
  width: 100%;
  color: #fff;
  line-height: 1.4;
}

.newom .newpm .nepl .ric .nos {
  width: 100%;
  color: #fff;
  line-height: 1.1;
}

.newom .newpm .nepl .pbm {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-end;
  padding: 0.35rem 0.4rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}

.newom .newpm .nepl .pbm .bim {
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.3;
}

.newom .newpm .nepl:hover .imgs .img {
  transform: scale(1.1);
}

.newom .newpm .nepr {
  display: inline-block;
  vertical-align: middle;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: calc(560 / 1600 * 100%);
  background-color: #fff;
  overflow: hidden;
  border-radius: 0.1rem;
}

.newom .newpm .nepr .nerom {
  width: 100%;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  padding: 0 0.4rem;
  position: relative;
}

.newom .newpm .nepr .nerom:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  width: calc(100% - 0.8rem);
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  background-color: rgba(4, 55, 147, 0.1);
}

.newom .newpm .nepr .nerom .bom {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 2rem;
  opacity: 0;
}

.newom .newpm .nepr .nerom .bom:before {
  content: ' ';
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), #043793);
}

.newom .newpm .nepr .nerom .bom .btn {
  position: relative;
  z-index: 2;
  width: 0.3rem;
  height: 0.3rem;
  margin-left: 0.7rem;
  display: block;
  border-radius: 50%;
  background-color: #fff;
}

.newom .newpm .nepr .nerom .bom .btn img {
  width: 100%;
  display: block;
}

.newom .newpm .nepr .time {
  width: 100%;
  color: #666;
  line-height: 1.4;
}

.newom .newpm .nepr .xit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin: 0.1rem 0;
}

.newom .newpm .nepr .vim {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.newom .newpm .nepr .nerom:last-child:after {
  display: none;
}

.newom .newpm .nepr .nerom:hover {
  background-color: var(--themes);
}

.newom .newpm .nepr .nerom:hover:after {
  display: none;
}

.newom .newpm .nepr .nerom:hover .time,
.newom .newpm .nepr .nerom:hover .xit,
.newom .newpm .nepr .nerom:hover .vim {
  color: #fff;
}

.newom .newpm .nepr .nerom:hover .bom {
  opacity: 1;
}

.services {
  width: 100%;
  padding: 1rem 0;
}

.services .serpers {
  width: 100%;
  position: relative;
}

.services .serpers .btn {
  position: absolute;
  z-index: 4;
  top: 50%;
  transform: translateY(-50%);
  width: 0.6rem;
  height: 0.6rem;
  cursor: pointer;
  border-radius: 50%;
  background-color: #fff;
  border: solid 1px var(--themes);
}

.services .serpers .btn img {
  width: 100%;
  display: block;
}

.services .serpers .btn img:first-child {
  display: block;
}

.services .serpers .btn img:last-child {
  display: none;
}

.services .serpers .btn:hover {
  background-color: var(--themes);
}

.services .serpers .btn:hover img:first-child {
  display: none;
}

.services .serpers .btn:hover img:last-child {
  display: block;
}

.services .serpers .bl {
  left: -1rem;
}

.services .serpers .br {
  right: -1rem;
}

.services .serpers .swiper-container {
  padding: 0.1rem 0;
}

.services .serpers .swiper-slide {
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(4, 55, 147, 0.1);
  border-radius: 0.1rem;
  overflow: hidden;
}

.services .serpers .swiper-slide a {
  width: 100%;
  display: block;
}

.services .serpers .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.services .serpers .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 66%;
  transition: all ease 0.5s;
}

.services .serpers .swiper-slide .pom {
  width: 100%;
  padding: 0.3rem;
}

.services .serpers .swiper-slide .pom .px {
  width: 100%;
  color: #333;
  line-height: 1.3;
}

.services .serpers .swiper-slide .pom .pim {
  width: 100%;
  color: #666;
  line-height: 1.6;
  height: 4.8em;
  margin-top: 0.12rem;
}

.services .serpers .swiper-slide .pom .pim p {
  color: #666;
  line-height: 1.6;
}

.services .serpers .swiper-slide .pom .ytn {
  width: 100%;
  display: block;
  max-width: 4rem;
  margin: 0.35rem auto 0;
  border: solid 1px #333333;
  line-height: 2.8;
  border-radius: 1.4em;
  text-align: center;
}

.services .serpers .swiper-slide .pom .ytn span {
  display: inline-block;
  vertical-align: middle;
  width: 0.18rem;
  height: 0.18rem;
  width: 18px;
  height: 18px;
  margin-left: 0.1rem;
  border-radius: 50%;
  position: relative;
  top: -0.02rem;
  background-color: var(--themes);
}

.services .serpers .swiper-slide .pom .ytn span img {
  width: 100%;
  display: block;
}

.services .serpers .swiper-slide .pom .ytn span img:first-child {
  display: block;
}

.services .serpers .swiper-slide .pom .ytn span img:last-child {
  display: none;
}

.services .serpers .swiper-slide:hover .imgs .img {
  transform: scale(1.1);
}

.services .serpers .swiper-slide:hover .pom .ytn {
  background-color: var(--themes);
  border: solid 1px var(--themes);
  color: #fff;
}

.services .serpers .swiper-slide:hover .pom .ytn span {
  background-color: #fff;
}

.services .serpers .swiper-slide:hover .pom .ytn span img:first-child {
  display: none;
}

.services .serpers .swiper-slide:hover .pom .ytn span img:last-child {
  display: block;
}

.services .introm {
  width: 100%;
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
}

.services .introm .intl {
  display: inline-block;
  vertical-align: middle;
  width: calc(640 / 1600 * 100%);
}

.services .introm .intl .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 0.1rem;
}

.services .introm .intl .imgs .img {
  width: 100%;
  padding-top: 118.75%;
  transition: all ease 0.5s;
}

.services .introm .intr {
  display: inline-block;
  vertical-align: middle;
  width: calc(760 / 1600 * 100%);
}

.services .introm .intr .mitop {
  margin-bottom: 0.35rem;
}

.services .introm .intr .sinp {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.services .introm .intr .sinp p {
  color: #333;
  line-height: 1.5;
}

.services .introm .intr .somt {
  width: 100%;
  margin-top: 0.3rem;
}

.services .introm .intr .somt .sie {
  width: 100%;
  color: #043793;
  line-height: 1.2;
}

.services .introm .intr .somt .xul {
  width: 100%;
  margin-top: 0.25rem;
}

.services .introm .intr .somt .xul .xli {
  width: 100%;
  font-size: 0;
}

.services .introm .intr .somt .xul .xli .ic {
  display: inline-block;
  vertical-align: top;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 0.1rem;
  background-color: var(--themes);
  margin-top: calc(0.75em - 4px);
}

.services .introm .intr .somt .xul .xli .cm {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 8px - 0.1rem);
  color: #666;
  line-height: 1.5;
}

.services .introm .intr .somt .xul .xli .cm p {
  color: #666;
  line-height: 1.5;
}

.services .introm .intr .somt .xul .xli+.xli {
  margin-top: 0.25rem;
}

.services .ducems {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  margin-top: 1rem;
  padding-bottom: 0.5rem;
}

.services .ducems .del {
  display: inline-block;
  vertical-align: middle;
  width: calc(652 / 1600 * 100%);
}

.services .ducems .del .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.services .ducems .del .imgs .img {
  width: 100%;
  padding-top: 100%;
}

.services .ducems .der {
  display: inline-block;
  vertical-align: middle;
  width: calc(652 / 1600 * 100%);
}

.services .ducems .der .rid {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.3;
}

.services .ducems .der .lx {
  width: 0.4rem;
  height: 0.03rem;
  background-color: var(--themes);
  margin: 0.1rem 0 0.3rem;
}

.services .ducems .der .sinp {
  width: 100%;
  color: #333;
  line-height: 1.6;
}

.services .ducems .der .sinp p {
  color: #333;
  line-height: 1.6;
}

@media (max-width: 1680px) {
  .services .serpers .bl {
    left: -0.3rem;
  }

  .services .serpers .br {
    right: -0.3rem;
  }
}

@media (max-width: 800px) {
  .services .serpers .bl {
    left: -0.2rem;
  }

  .services .serpers .br {
    right: -0.2rem;
  }
}

.scenes {
  width: 100%;
  padding: 1rem 0;
}

.scenes .scenm {
  width: 100%;
  display: flex;
  font-size: 0;
}

.scenes .scenm .sitm {
  display: inline-block;
  vertical-align: middle;
  width: calc(170 / 1600 * 100%);
  transition: all ease 0.5s;
  margin-right: calc(19 / 1600 * 100%);
  position: relative;
  overflow: hidden;
  border-radius: 0.1rem;
}

.scenes .scenm .sitm a {
  width: 100%;
  display: block;
}

.scenes .scenm .sitm .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.scenes .scenm .sitm .imgs .img {
  width: 100%;
  padding-top: 6rem;
  transition: all ease 0.5s;
}

.scenes .scenm .sitm .pox {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}

.scenes .scenm .sitm .pox .pic {
  display: block;
  margin: 0 auto 0rem;
  width: 0.42rem;
  width: 0;
  opacity: 0;
  transition: all ease 0.5s;
}

.scenes .scenm .sitm .pox .pic img {
  width: 100%;
  display: block;
}

.scenes .scenm .sitm .pox .pm {
  width: 1.5em;
  text-align: center;
  color: #fff;
  line-height: 1.4;
  display: block;
  margin: 0 auto;
  transition: all ease 0.5s;
}

.scenes .scenm .sitm .pox .vod {
  width: 50%;
  display: block;
  transition: all ease 0.5s;
}

.scenes .scenm .sitm:nth-child(6n) {
  margin-right: 0;
}

.scenes .scenm .sitm.on {
  width: calc(650 / 1600 * 100%);
}

.scenes .scenm .sitm.on .pox .vod {
  width: 100%;
}

.scenes .scenm .sitm.on .pox .pic {
  width: 0.42rem;
  margin-bottom: 0.25rem;
  opacity: 1;
}

.scenes .scenm .sitm.on .pox .pm {
  width: 100%;
}

@media (max-width: 800px) {
  .scenes .scenm {
    flex-wrap: wrap;
  }

  .scenes .scenm .sitm {
    width: 100% !important;
    margin-right: 0;
  }

  .scenes .scenm .sitm .imgs .img {
    padding-top: 2.5rem;
  }

  .scenes .scenm .sitm .pox .vod {
    width: 100%;
  }

  .scenes .scenm .sitm .pox .pic {
    width: 0.42rem;
    margin-bottom: 0.25rem;
    opacity: 1;
  }

  .scenes .scenm .sitm .pox .pm {
    width: 100%;
  }

  .scenes .scenm .sitm+.sitm {
    margin-top: 10px;
  }
}

.procens {
  width: 100%;
  padding: 1rem 0 0;
}

.procens .proenper {
  width: 100%;
  border-top: solid 1px #e2e2e2;
  position: relative;
}

.procens .proenper .swiper-slide {
  width: 100%;
  border-right: solid 1px #e2e2e2;
  position: relative;
}

.procens .proenper .swiper-slide .atom {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  position: relative;
  z-index: 2;
}

.procens .proenper .swiper-slide .atom .imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc(950 / 1420 * 100%);
  position: relative;
  overflow: hidden;
}

.procens .proenper .swiper-slide .atom .imgs .img {
  width: 100%;
  padding-top: 73.68%;
}

.procens .proenper .swiper-slide .atom .loms {
  position: absolute;
  left: calc(60 / 1420 * 100%);
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 4.2rem;
}

.procens .proenper .swiper-slide .atom .loms .lit {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.2;
}

.procens .proenper .swiper-slide .atom .loms .simp {
  width: 100%;
  color: #666;
  line-height: 1.6;
  margin: 0.25rem 0 0.3rem;
}

.procens .proenper .swiper-slide .atom .loms .simp p {
  color: #666;
  line-height: 1.6;
}

.procens .proenper .swiper-slide .atom .loms .more {
  width: 100%;
  font-size: 0;
}

.procens .proenper .swiper-slide .atom .loms .more a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  background-color: #fff;
  border: solid 1px #333;
  padding: 0 0.4rem;
  line-height: 3;
  height: 3em;
  border-radius: 1.5em;
  color: var(--themes);
}

.procens .proenper .swiper-slide .atom .loms .more a span {
  display: inline-block;
  vertical-align: middle;
  background-color: var(--themes);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-left: 0.1rem;
  position: relative;
  top: -0.02rem;
}

.procens .proenper .swiper-slide .atom .loms .more a span img {
  width: 100%;
  display: block;
}

.procens .proenper .swiper-slide .atom .loms .more a span img:first-child {
  display: block;
}

.procens .proenper .swiper-slide .atom .loms .more a span img:last-child {
  display: none;
}

.procens .proenper .swiper-slide .atom .loms .more a:hover {
  background-color: var(--themes);
  color: #fff;
  border: solid 1px var(--themes);
}

.procens .proenper .swiper-slide .atom .loms .more a:hover span {
  background-color: #fff;
}

.procens .proenper .swiper-slide .atom .loms .more a:hover span img:first-child {
  display: none;
}

.procens .proenper .swiper-slide .atom .loms .more a:hover span img:last-child {
  display: block;
}

.procens .proenper .swiper-slide:after {
  content: '';
  display: block;
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 5rem;
  height: 100%;
  opacity: 1;
  transition: all ease 0.5s;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0), #fff);
}

.procens .proenper .swiper-slide-active:after {
  z-index: -99;
  opacity: 0;
}

.procens .proenper .pagination {
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translate(-50%, -50%);
  left: calc(1536 / 1920 * 100%);
}

.procens .proenper .pagination .pogin {
  width: 100%;
  text-align: center;
  padding: 0.2rem 0;
}

.procens .proenper .pagination .pogin .bm {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1.5;
}

.procens .proenper .pagination .pogin .min {
  margin: 0 0.08rem;
}

.procens .proenper .pagination .pogin .now {
  color: var(--themes);
}

.procens .proenper .pagination .btn {
  display: block;
  margin: 0 auto;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  border: solid 1px var(--themes);
  background-color: #fff;
  cursor: pointer;
}

.procens .proenper .pagination .btn img {
  width: 100%;
  display: block;
}

.procens .proenper .pagination .btn img:first-child {
  display: block;
}

.procens .proenper .pagination .btn img:last-child {
  display: none;
}

.procens .proenper .pagination .btn:hover {
  background-color: var(--themes);
}

.procens .proenper .pagination .btn:hover img:first-child {
  display: none;
}

.procens .proenper .pagination .btn:hover img:last-child {
  display: block;
}

@media (max-width: 800px) {
  .procens .proenper .swiper-slide .atom .loms {
    width: 100%;
    left: 0;
    top: 0;
    transform: translate(0, 0);
    position: relative;
    order: 1;
    padding: 20px;
  }

  .procens .proenper .swiper-slide .atom .imgs {
    width: 100%;
    order: 2;
  }

  .procens .proenper .swiper-slide+.swiper-slide {
    border-left: solid 1px #e2e2e2;
  }

  .procens .proenper .pagination {
    left: auto;
    right: 5%;
    transform: translate(0, -100%);
  }
}

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

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

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

.nanner .nox {
  position: absolute;
  left: calc((100% - 16rem) / 2);
  top: 50%;
  transform: translateY(-50%);
}

.nanner .nox .nit {
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
}

@media (max-width: 1680px) {
  .nanner .nox {
    left: 5%;
  }
}

@media (max-width: 800px) {
  .nanner .nox {
    left: 3%;
  }
}

.crumbs {
  width: 100%;
  background-color: transparent;
  position: relative;
  background-color: #fff;
  box-shadow: 0px 0px 16px 0px rgba(204, 204, 204, 0.28);
}

.crumbs .column {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  font-size: 0;
  position: relative;
}

.crumbs .column .colum {
  width: auto;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  z-index: 2;
  position: relative;
}

.crumbs .column .colum .home {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: .1rem;
  position: relative;
  top: -0.02rem;
}

.crumbs .column .colum .home img {
  width: 100%;
  display: block;
}

.crumbs .column .colum .sm {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 3;
}

.crumbs .column .colum a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #333;
  line-height: 3;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.crumbs .column .colum a span {
  display: inline-block;
  color: #333;
  line-height: 3;
  position: relative;
  margin: 0 .08rem;
}

.crumbs .column .colum a span img {
  width: 100%;
  display: block;
}

.crumbs .column .colum a:hover {
  color: var(--themes);
}

.crumbs .column .colum a:last-child span {
  display: none;
}

.crumbs .column .cul {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
  z-index: 2;
  position: relative;
}

.crumbs .column .cul .swiper-wrapper {
  justify-content: flex-end;
}

.crumbs .column .cul .swiper-slide {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin-right: 0.6rem;
  position: relative;
}

.crumbs .column .cul .swiper-slide a {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1rem;
  width: auto;
  transition: all ease 0.5s;
}

.crumbs .column .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(--themes);
  transition: all ease 0.5s;
  opacity: 0;
}

.crumbs .column .cul .swiper-slide:after {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background-color: var(--themes);
  opacity: 0;
  transition: all ease 0.5s;
  bottom: 0;
}

.crumbs .column .cul .swiper-slide.on a,
.crumbs .column .cul .swiper-slide:hover a {
  color: var(--themes);
}

.crumbs .column .cul .swiper-slide.on:after,
.crumbs .column .cul .swiper-slide:hover:after {
  opacity: 1;
  background-color: var(--themes);
}

.crumbs .column .cul .swiper-scrollbar {
  background-color: rgba(0, 0, 0, 0.1);
  left: 0;
  right: 0;
  width: 100%;
  bottom: 0;
  display: none;
}

.crumbs .column .cul .swiper-scrollbar-drag {
  background-color: var(--themes);
}

.crumbs .column .cul.pbs .swiper-container {
  padding-bottom: 0.15rem;
}

.crumbs .column .cul.pbs .swiper-scrollbar {
  display: block;
}

.crumbs .column.xl {
  justify-content: space-between;
  font-size: 0;
  align-items: center;
}

.crumbs.no:after {
  display: none;
}

@media (max-width: 800px) {
  .crumbs .w1600 {
    width: 100%;
  }

  .crumbs .column .colum {
    padding: 0 0.2rem;
    border-bottom: solid 1px #eee;
  }

  .crumbs .column .cul {
    padding: 0 0.2rem;
  }

  .crumbs .column .cul .swiper-wrapper {
    justify-content: flex-start;
  }
}

.aboutms {
  width: 100%;
}

.aboutms .abtom {
  width: 100%;
}

.introduce {
  width: 100%;
  padding: 1rem 0;
}

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

.introduce .incoms .inl {
  display: inline-block;
  vertical-align: middle;
  width: calc(900 / 1600 * 100%);
}

.introduce .incoms .inl .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 0.1rem;
}

.introduce .incoms .inl .imgs .img {
  width: 100%;
  padding-top: 84.44%;
}

.introduce .incoms .inr {
  display: inline-block;
  vertical-align: middle;
  width: calc(570 / 1600 * 100%);
}

.introduce .incoms .inr .mitop {
  margin-bottom: 0.35rem;
}

.introduce .incoms .inr .sinp {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.introduce .incoms .inr .sinp p {
  color: #333;
  line-height: 1.5;
}

.introduce .incoms .inr .somt {
  width: 100%;
  margin-top: 0.3rem;
}

.introduce .incoms .inr .somt .sie {
  width: 100%;
  color: #043793;
  line-height: 1.2;
}

.introduce .incoms .inr .somt .xul {
  width: 100%;
  margin-top: 0.25rem;
}

.introduce .incoms .inr .somt .xul .xli {
  width: 100%;
  font-size: 0;
}

.introduce .incoms .inr .somt .xul .xli .ic {
  display: inline-block;
  vertical-align: top;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 0.1rem;
  background-color: var(--themes);
  margin-top: calc(0.75em - 4px);
}

.introduce .incoms .inr .somt .xul .xli .cm {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 8px - 0.1rem);
  color: #666;
  line-height: 1.5;
}

.introduce .incoms .inr .somt .xul .xli .cm p {
  color: #666;
  line-height: 1.5;
}

.introduce .incoms .inr .somt .xul .xli+.xli {
  margin-top: 0.25rem;
}

.honor {
  width: 100%;
  padding: 1rem 0;
}

.honor .honpers {
  width: 100%;
}

.honor .mitop {
  margin-bottom: 0.2rem;
}

.honor .honpers {
  width: 100%;
}

.honor .honpers .swiper-container {
  padding: 0.4rem 0 0;
}

.honor .honpers .swiper-slide {
  width: 100%;
}

.honor .honpers .swiper-slide a {
  width: 100%;
  display: block;
}

.honor .honpers .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
  max-width: 2.8rem;
  display: block;
  margin: 0 auto 0.2rem;
  transition: all ease 0.5s;
  box-shadow: 0px 0px 0.2rem rgba(0, 0, 0, 0.7);
  background-color: #fff;
}

.honor .honpers .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 135.71%;
  transition: all ease 0.5s;
}

.honor .honpers .swiper-slide .sim {
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 1.5;
  margin-top: 0.3rem;
}

.honor .honpers .swiper-slide:hover .imgs {
  transform: scale(1.1);
}

.cultrue {
  width: 100%;
  position: relative;
  padding: 0.7rem 0 0;
  background-color: #f5f5f5;
}

.cultrue .mitop {
  position: relative;
  z-index: 3;
}

.cultrue .culpers {
  width: 100%;
}

.cultrue .culpers .swiper-slide {
  width: 100%;
  position: relative;
  width: calc(320 / 1920 * 100%);
  display: flex;
}

.cultrue .culpers .swiper-slide .hei {
  width: 100%;
  padding-top: 44.27%;
  padding-top: 132.8125%;
  padding-top: 7.6rem;
}

.cultrue .culpers .swiper-slide .swom {
  width: 100%;
  height: 7.6rem;
  position: relative;
  left: 0;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  z-index: 2;
  padding: 1.4rem 0.3rem 0.6rem;
  transition: all ease 0.5s;
  border-left: solid 1px rgba(255, 255, 255, 0.1);
  border-right: solid 1px rgba(255, 255, 255, 0.1);
}

.cultrue .culpers .swiper-slide .swom .wtm {
  width: 100%;
}

.cultrue .culpers .swiper-slide .swom .wi {
  display: block;
  margin: 0 auto 0.25rem;
  width: 0.6rem;
  height: 0.6rem;
}

.cultrue .culpers .swiper-slide .swom .wi img {
  width: 100%;
  display: block;
}

.cultrue .culpers .swiper-slide .swom .xit {
  width: 100%;
  color: #fff;
  text-align: center;
  line-height: 1.5;
  margin: 0.25rem 0;
}

.cultrue .culpers .swiper-slide .swom .xip {
  width: 100%;
  color: #fff;
  text-align: center;
  line-height: 1.5;
  min-height: 4.5em;
}

.cultrue .culpers .swiper-slide .swom .xip p {
  color: #fff;
  line-height: 1.5;
}

.cultrue .culpers .swiper-slide .swom .xum {
  width: 100%;
  color: #fff;
  line-height: 1.5;
  text-align: center;
}

.cultrue .culpers .swiper-slide .text {
  width: 0;
  transition: all ease 0.5s;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  overflow: hidden;
  height: 7.6rem;
  position: relative;
}

.cultrue .culpers .swiper-slide .text .bem {
  width: 100%;
  background-color: rgba(4, 55, 147, 0.8);
  padding: 0.4rem 0.6rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 6.4rem;
}

.cultrue .culpers .swiper-slide .text .bem .vit {
  width: 100%;
  color: #fff;
  line-height: 1.5;
}

.cultrue .culpers .swiper-slide .text .bem .vit p {
  color: #fff;
  line-height: 1.5;
}

.cultrue .culpers .swiper-slide .text .bem .vinp {
  width: 100%;
  color: #fff;
  line-height: 1.6;
  margin-top: 0.1rem;
}

.cultrue .culpers .swiper-slide .text .bem .vinp p {
  color: #fff;
  line-height: 1.6;
}

.cultrue .culpers .swiper-slide+.swiper-slide {
  border-left: solid 1px rgba(255, 255, 255, 0.2);
}

.cultrue .culpers .swiper-slide.on {
  width: calc(960 / 1920 * 100%);
}

.cultrue .culpers .swiper-slide.on .swom {
  width: calc(320 / 960 * 100%);
}

.cultrue .culpers .swiper-slide.on .text {
  width: calc(640 / 960 * 100%);
}

@media (max-width: 800px) {
  .cultrue .culpers .swiper-slide {
    width: 100% !important;
    flex-wrap: wrap;
  }

  .cultrue .culpers .swiper-slide .swom {
    width: 100% !important;
    height: auto;
  }

  .cultrue .culpers .swiper-slide .text {
    width: 100% !important;
    height: auto;
  }

  .cultrue .culpers .swiper-slide .text .bem {
    position: relative;
    max-width: 100%;
  }
}

.prolist {
  width: 100%;
}

.prolist .proem {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  justify-content: flex-end;
  overflow: hidden;
}

.prolist .proem .prl {
  display: inline-block;
  vertical-align: middle;
  width: calc(1200 / 1920 * 100%);
}

.prolist .proem .prl .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.prolist .proem .prl .imgs .img {
  width: 100%;
  padding-top: 71.66%;
}

.prolist .proem .prr {
  display: inline-block;
  vertical-align: middle;
  width: calc(600 / 1920 * 100%);
  position: absolute;
  left: calc((100% - 16rem) / 2);
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}

.prolist .proem .prr .mitop {
  margin-bottom: 0.45rem;
}

.prolist .proem .prr .pinp {
  width: 100%;
  color: #333;
  line-height: 1.5;
  overflow: auto;
  height: 2rem;
}

.prolist .proem .prr .pinp p {
  color: #333;
  line-height: 1.5;
}

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

.prolist .proem .prr .pinp::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px rgba(4, 55, 147, 0.3);
  background: rgba(4, 55, 147, 0.3);
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

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

.prolist .proem:nth-child(2n) {
  justify-content: flex-start;
}

.prolist .proem:nth-child(2n) .prr {
  left: auto;
  right: calc((100% - 16rem) / 2);
}

@media (max-width: 800px) {
  .prolist .proem .prl {
    width: 100%;
  }

  .prolist .proem .prr {
    width: 100%;
    position: relative;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: translateY(0);
    padding: 20px 20px 20px;
  }
}

.services {
  width: 100%;
  padding: 1rem 0 0;
}

.services .setom {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 0.1rem;
}

.services .setom .imgs {
  width: 100%;
  position: relative;
}

.services .setom .imgs .img {
  width: 100%;
  padding-top: 40%;
}

.services .setom .egm {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.1rem;
  z-index: 2;
}

.services .setom .pox {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 5rem;
  left: 1rem;
  z-index: 4;
}

.services .setom .pox .mitop {
  margin-bottom: 0.3rem;
}

.services .setom .pox .pind {
  width: 100%;
  color: #fff;
  line-height: 1.6;
}

.services .setom .pox .pind p {
  color: #fff;
  line-height: 1.6;
}

.services .scoms {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1rem;
  position: relative;
  align-items: flex-start;
}

.services .scoms .scl {
  display: inline-block;
  vertical-align: top;
  width: calc(300 / 1600 * 100%);
  border-right: solid 1px #e8e8e8;
  position: sticky;
  top: 1rem;
}

.services .scoms .scl .sclist {
  width: 100%;
}

.services .scoms .scl .sclist .sclm {
  width: 100%;
  padding: 0.2rem 0;
  line-height: 2;
  color: #666;
  cursor: pointer;
  border-bottom: solid 1px #e8e8e8;
}

.services .scoms .scl .sclist .sclm.on {
  color: var(--themes);
}

.services .scoms .scr {
  display: inline-block;
  vertical-align: top;
  width: calc(1160 / 1600 * 100%);
  padding-bottom: 1rem;
}

.services .scoms .scr .scrper {
  width: 100%;
  position: relative;
}

.services .scoms .scr .scrper .swiper-slide {
  width: 100%;
  position: relative;
}

.services .scoms .scr .scrper .swiper-slide .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 0.1rem;
}

.services .scoms .scr .scrper .swiper-slide .imgs .img {
  width: 100%;
  padding-top: 44.82%;
}

.services .scoms .scr .scrper .swiper-pagination {
  bottom: 0.2rem;
}

.services .scoms .scr .scrper .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 0.5;
}

.services .scoms .scr .scrper .swiper-pagination-bullet-active {
  background-color: var(--themes);
  opacity: 1;
}

.services .scoms .scr .tit {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 0.6rem;
  margin-bottom: 0.5rem;
}

.services .scoms .scr .tevom {
  width: 100%;
}

.services .scoms .scr .tevom .tiem {
  width: 100%;
}

.services .scoms .scr .tevom .tiem .vit {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.2;
  position: relative;
  margin-bottom: 0.2rem;
}

.services .scoms .scr .tevom .tiem .vit span {
  display: inline-block;
  vertical-align: middle;
  width: 0.06rem;
  height: 0.3rem;
  margin-right: 0.1rem;
  position: relative;
  top: -0.02rem;
  background-color: var(--themes);
}

.services .scoms .scr .tevom .tiem .tinp {
  width: 100%;
  color: #333;
  line-height: 1.6;
}

.services .scoms .scr .tevom .tiem .tinp p {
  color: #333;
  line-height: 1.6;
}

.services .scoms .scr .tevom .tiem+.tiem {
  margin-top: 0.6rem;
}

.services .scoms .scr .linp {
  width: 100%;
  color: #0152a1;
  line-height: 1.6;
  margin-top: 0.6rem;
}

.services .scoms .scr .linp p {
  color: #0152a1;
  line-height: 1.6;
}

@media (max-width: 800px) {
  .services .setom .egm {
    display: none;
  }

  .services .setom .pox {
    width: 100%;
    background-color: var(--themes);
    position: relative;
    top: 0;
    transform: translateY(0);
    left: 0;
    padding: 20px;
  }

  .services .scoms {
    margin-top: 0.3rem;
  }

  .services .scoms .scl {
    width: 100%;
    border-right: none;
    border-bottom: solid 1px #e8e8e8;
    position: relative;
    top: 0;
  }

  .services .scoms .scl .sclist {
    font-size: 0;
    padding-bottom: 0.3rem;
  }

  .services .scoms .scl .sclist .sclm {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin-right: 0.3rem;
    margin-bottom: 0.1rem;
    padding: 0.1rem 0;
    line-height: 1.5;
    border: none;
  }

  .services .scoms .scr {
    width: 100%;
  }
}

.message {
  width: 100%;
  padding: 1rem 0;
  background-color: #f3f3f3;
}

.message .form {
  width: 100%;
  display: block;
}

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

.message .row .input {
  display: inline-block;
  vertical-align: middle;
  width: calc(780 / 1600 * 100%);
  margin-right: calc(39 / 1600 * 100%);
  margin-bottom: 0.2rem;
}

.message .row .input input {
  width: 100%;
  border: solid 1px #fff;
  background-color: #fff;
  border-radius: 0.1rem;
  display: block;
  line-height: 3;
  height: 3em;
  color: #333;
  padding: 0 0.2rem;
  transition: all ease 0.5s;
}

.message .row .input input.hover {
  border: solid 1px var(--themes);
}

.message .row .input:nth-child(2n) {
  margin-right: 0;
}

.message .text {
  width: 100%;
  margin-bottom: 0.2rem;
}

.message .text .area {
  width: 100%;
  border: solid 1px #fff;
  background-color: #fff;
  border-radius: 0.1rem;
  display: block;
  line-height: 1.5;
  color: #333;
  padding: 0.14rem 0.2rem;
  transition: all ease 0.5s;
}

.message .text .area.hover {
  border: solid 1px var(--themes);
}

.message .sub {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.message .sub .sbl {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.message .sub .sbl .input {
  display: inline-block;
  vertical-align: middle;
  width: 3rem;
}

.message .sub .sbl .input input {
  width: 100%;
  border: solid 1px #fff;
  background-color: #fff;
  border-radius: 0.1rem;
  display: block;
  line-height: 3;
  height: 3em;
  color: #333;
  padding: 0 0.2rem;
  transition: all ease 0.5s;
}

.message .sub .sbl .input input.hover {
  border: solid 1px var(--themes);
}

.message .sub .sbl .ymg {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  background-color: #fff;
  border-radius: 0.1rem;
  height: 3em;
  margin-left: 0.2rem;
  overflow: hidden;
}

.message .sub .sbl .ymg img {
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.message .sub .sbr {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.message .sub .sbr .stn {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  background-color: #fff;
  border: solid 1px var(--themes);
  padding: 0 0.4rem;
  line-height: 3;
  height: 3em;
  border-radius: 1.5em;
  color: var(--themes);
  cursor: pointer;
  position: relative;
}

.message .sub .sbr .stn span {
  display: inline-block;
  vertical-align: middle;
  background-color: var(--themes);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-left: 0.1rem;
  position: relative;
  top: -0.02rem;
}

.message .sub .sbr .stn span img {
  width: 100%;
  display: block;
}

.message .sub .sbr .stn span img:first-child {
  display: block;
}

.message .sub .sbr .stn span img:last-child {
  display: none;
}

.message .sub .sbr .stn .set {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 3;
  opacity: 0;
}

.message .sub .sbr .stn:hover {
  background-color: var(--themes);
  color: #fff;
}

.message .sub .sbr .stn:hover span {
  background-color: #fff;
}

.message .sub .sbr .stn:hover span img:first-child {
  display: none;
}

.message .sub .sbr .stn:hover span img:last-child {
  display: block;
}

@media (max-width: 800px) {
  .message .sub .sbl {
    width: 100%;
    display: flex;
    margin-bottom: 10px;
  }

  .message .sub .sbl .input {
    flex: 1;
  }

  .message .sub .sbr {
    width: 100%;
    font-size: 0;
    text-align: center;
  }
}

.newpom {
  width: 100%;
  padding: 1rem 0;
}

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

.newpom .nepom .nel {
  display: inline-block;
  vertical-align: middle;
  width: calc(900 / 1600 * 100%);
}

.newpom .nepom .nel .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 0.1rem;
}

.newpom .nepom .nel .imgs a {
  width: 100%;
  display: block;
}

.newpom .nepom .nel .imgs .img {
  width: 100%;
  padding-top: 55.55%;
  transition: all ease 0.5s;
}

.newpom .nepom .nel .imgs:hover .img {
  transform: scale(1.1);
}

.newpom .nepom .ner {
  display: inline-block;
  vertical-align: middle;
  width: calc(600 / 1600 * 100%);
}

.newpom .nepom .ner .time {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.4;
}

.newpom .nepom .ner .xt {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.4;
  margin: 0.14rem 0;
  display: block;
}

.newpom .nepom .ner .xt:hover {
  color: var(--themes);
}

.newpom .nepom .ner .lx {
  width: 100%;
  height: 1px;
  background-color: #e2e2e2;
  margin: 0.25rem 0;
}

.newpom .nepom .ner .sip {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.newpom .nepom .ner .sip p {
  color: #666;
  line-height: 1.5;
}

.newpom .nepom .ner .more {
  width: 100%;
  font-size: 0;
  margin-top: 0.5rem;
}

.newpom .nepom .ner .more a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  background-color: #fff;
  border: solid 1px var(--themes);
  padding: 0 0.4rem;
  line-height: 3;
  height: 3em;
  border-radius: 1.5em;
  color: var(--themes);
}

.newpom .nepom .ner .more a span {
  display: inline-block;
  vertical-align: middle;
  background-color: var(--themes);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-left: 0.1rem;
  position: relative;
  top: -0.02rem;
}

.newpom .nepom .ner .more a span img {
  width: 100%;
  display: block;
}

.newpom .nepom .ner .more a span img:first-child {
  display: block;
}

.newpom .nepom .ner .more a span img:last-child {
  display: none;
}

.newpom .nepom .ner .more a:hover {
  background-color: var(--themes);
  color: #fff;
}

.newpom .nepom .ner .more a:hover span {
  background-color: #fff;
}

.newpom .nepom .ner .more a:hover span img:first-child {
  display: none;
}

.newpom .nepom .ner .more a:hover span img:last-child {
  display: block;
}

.newlisom {
  width: 100%;
  padding: 1rem 0;
}

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

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

.newlisom .newlist .necom a {
  width: 100%;
  display: block;
  background-color: #fff;
  border-radius: 0.1rem;
  overflow: hidden;
}

.newlisom .newlist .necom .imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc(500 / 1600 * 100%);
  position: relative;
  overflow: hidden;
}

.newlisom .newlist .necom .imgs .img {
  width: 100%;
  padding-top: 64%;
  transition: all ease 0.5s;
}

.newlisom .newlist .necom .nom {
  display: inline-block;
  vertical-align: middle;
  width: calc(1100 / 1600 * 100%);
  padding: 0.2rem 0.6rem;
}

.newlisom .newlist .necom .nom .nt {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 0.1rem;
}

.newlisom .newlist .necom .nom .nip {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.newlisom .newlist .necom .nom .tme {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-top: 0.3rem;
}

.newlisom .newlist .necom+.necom {
  margin-top: 0.4rem;
}

.newlisom .newlist .necom:hover .imgs .img {
  transform: scale(1.1);
}

.newlisom .newlist .necom:hover .nom .nt {
  color: var(--themes);
}

.newlisom .not {
  width: 100%;
  font-size: 0;
  text-align: center;
  margin-top: 0.6rem;
}

.newlisom .not a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  background-color: #fff;
  border: solid 1px var(--themes);
  padding: 0 0.4rem;
  line-height: 3;
  height: 3em;
  border-radius: 1.5em;
  color: var(--themes);
}

.newlisom .not a span {
  display: inline-block;
  vertical-align: middle;
  background-color: var(--themes);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-left: 0.1rem;
  position: relative;
  top: -0.02rem;
}

.newlisom .not a span img {
  width: 100%;
  display: block;
}

.newlisom .not a span img:first-child {
  display: block;
}

.newlisom .not a span img:last-child {
  display: none;
}

.newlisom .not a:hover {
  background-color: var(--themes);
  color: #fff;
}

.newlisom .not a:hover span {
  background-color: #fff;
}

.newlisom .not a:hover span img:first-child {
  display: none;
}

.newlisom .not a:hover span img:last-child {
  display: block;
}

.netails {
  width: 100%;
  padding: 1rem 0;
}

.netails .nevom {
  width: 100%;
}

.netails .nevom .nit {
  width: 100%;
  font-weight: bold;
  color: #131313;
  line-height: 1.2;
  margin-bottom: 0.2rem;
}

.netails .nevom .nim {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0.18rem 0;
}

.netails .nevom .nim .nml {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.netails .nevom .nim .nml .vim {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  color: #999;
  line-height: 1.5;
}

.netails .nevom .nim .nml .vim span {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  position: relative;
  top: -0.02rem;
  color: #999;
  line-height: 1.5;
  margin: 0 0.1rem;
}

.netails .nevom .nim .nml .vim:last-child span {
  display: none;
}

.netails .nevom .nim .nmr {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.netails .nevom .nim .nmr .share {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.netails .nevom .nim .nmr .share .em {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  line-height: 1.5;
  margin-right: 0.1rem;
}

.netails .nevom .nim .nmr .share .am {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
}

.netails .nevom .nim .nmr .share .am a,
.netails .nevom .nim .nmr .share .am img {
  width: 100%;
  display: block;
}

.netails .nevom .nim .nmr .share .am+.am {
  margin-left: 0.14rem;
}

.netails .nevom .ninp {
  width: 100%;
  color: #333;
  line-height: 1.8;
  padding-top: 0.6rem;
  border-top: solid 1px #f3f3f3;
  margin-top: 0.1rem;
}

.netails .nevom .ninp p {
  color: #333;
  line-height: 1.8;
}

.netails .nevom .ninp img {
  max-width: 100%;
}

.netails .nevom .not {
  width: 100%;
  font-size: 0;
  margin-top: 0.8rem;
}

.netails .nevom .not .notm {
  display: inline-block;
  vertical-align: middle;
  width: calc(580 / 1200 * 100%);
  margin-right: calc(39 / 1200 * 100%);
  background-color: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(4, 55, 147, 0.1);
  border-radius: 0.1rem;
  padding: 0.34rem 0.3rem;
}

.netails .nevom .not .notm .lom {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.6rem);
  margin-right: 0.1rem;
}

.netails .nevom .not .notm .lom .lv {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.14rem;
}

.netails .nevom .not .notm .lom .xt {
  width: 100%;
  color: #333;
  line-height: 1.5;
}

.netails .nevom .not .notm .lom .time {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin-top: 0.08rem;
}

.netails .nevom .not .notm .rc {
  display: inline-block;
  vertical-align: middle;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #fff;
  transition: all ease 0.5s;
  opacity: 0;
}

.netails .nevom .not .notm .rc img {
  width: 100%;
  display: block;
}

.netails .nevom .not .notm:nth-child(2n) {
  margin-right: 0;
}

.netails .nevom .not .notm:hover {
  background-color: var(--themes);
}

.netails .nevom .not .notm:hover .lom .lv,
.netails .nevom .not .notm:hover .lom .xt,
.netails .nevom .not .notm:hover .lom .time {
  color: #fff;
}

.netails .nevom .not .notm:hover .rc {
  opacity: 1;
}

.recruom {
  width: 100%;
  padding: 1rem 0;
}

.recruom .screen {
  width: 100%;
  text-align: center;
  font-size: 0;
}

.recruom .screen .select {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  border: none;
  text-align: left;
  position: relative;
  width: 4rem;
  z-index: 1;
  margin-right: 0.2rem;
}

.recruom .screen .select .select-con {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 0;
}

.recruom .screen .select .select-con .select-value {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  line-height: 3em;
  height: 3em;
  color: #333333;
  cursor: pointer;
  padding: 0 .2rem;
  z-index: 3;
  position: relative;
  background-color: #f3f3f3;
  border-radius: 0.1rem;
}

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

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

.recruom .screen .select .select-con .seluls {
  position: absolute;
  left: 0;
  top: calc(100%);
  min-width: 100%;
  max-height: 360px;
  overflow: auto;
  display: none;
  box-sizing: border-box;
  text-align: left;
  background-color: white;
  z-index: 2;
  box-shadow: 0px 7px 59px 0px rgba(30, 112, 38, 0.16);
  border-radius: 0 0 0.1rem 0.1rem;
  overflow: auto;
  /*滚动条里面小方块*/
  /*滚动条里面轨道*/
}

.recruom .screen .select .select-con .seluls .option {
  width: 100%;
  color: #333;
  line-height: 1.75;
  cursor: pointer;
  padding: 0.05rem 0.15rem;
}

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

.recruom .screen .select .select-con .seluls .option+.option {
  border-top: solid 1px rgba(0, 0, 0, 0.1);
}

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

.recruom .screen .select .select-con .seluls::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 10px rgba(4, 55, 147, 0.3);
  background: rgba(4, 55, 147, 0.3);
  scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

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

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

.recruom .screen .serom {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 4rem;
  z-index: 1;
  background-color: #f3f3f3;
  border-radius: 0.1rem;
  padding: 0 0.2rem;
}

.recruom .screen .serom .sin {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 20px - 0.15rem);
  margin-right: 0.15rem;
  line-height: 3;
  height: 3em;
  color: #333;
  border: none;
  background-color: transparent;
}

.recruom .screen .serom .stn {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  cursor: pointer;
  position: relative;
}

.recruom .screen .serom .stn img {
  width: 100%;
  display: block;
}

.recruom .screen .serom .stn input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  z-index: 3;
}

.recruom .recrtlis {
  width: 100%;
  margin-top: 0.4rem;
}

.recruom .recrtlis .ril.head .ritle {
  border-top: solid 4px var(--themes);
}

.recruom .recrtlis .ril {
  width: 100%;
  font-size: 0;
  background-color: #fff;
}

.recruom .recrtlis .ril .ritle {
  width: 100%;
  font-size: 0;
  display: flex;
  padding: 0.15rem;
  cursor: pointer;
  border: solid 1px #f3f3f3;
  border-top: none;
}

.recruom .recrtlis .ril .ritle .rd {
  display: inline-block;
  vertical-align: middle;
  width: calc(17.5%);
  padding: 0.1rem;
  color: #666;
  line-height: 1.5;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.recruom .recrtlis .ril .ritle .rd:first-child {
  text-align: left;
  width: calc(22.5% + 7.5% - 40px);
  padding-left: 0.3rem;
  justify-content: flex-start;
}

.recruom .recrtlis .ril .ritle .rc {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 40px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  color: #fff;
  justify-content: center;
}

.recruom .recrtlis .ril .ritle .rc .cc {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  transform: rotate(0deg);
  transition: all ease 0.5s;
}

.recruom .recrtlis .ril .ritle .rc .cc img {
  width: 100%;
  display: block;
}

.recruom .recrtlis .ril .ritle .rc .pim {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.recruom .recrtlis .ril .ritle .rc .pim .xm {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
}

.recruom .recrtlis .ril .ritle .rc .pim .xm img {
  width: 100%;
  display: block;
}

.recruom .recrtlis .ril .ritle .rc .pim .xm:first-child {
  display: block;
}

.recruom .recrtlis .ril .ritle .rc .pim .xm:last-child {
  display: none;
}

.recruom .recrtlis .ril .ritle:hover {
  background-color: #fff;
}

.recruom .recrtlis .ril .reconp {
  width: 100%;
  padding: 0.4rem 0.6rem 0.6rem;
  display: none;
  background-color: #fff;
  border: solid 1px #f3f3f3;
  border-top: none;
}

.recruom .recrtlis .ril .reconp .renp {
  width: 100%;
  font-size: 0;
}

.recruom .recrtlis .ril .reconp .rinp {
  width: 100%;
  color: #666;
  line-height: 2;
}

.recruom .recrtlis .ril .reconp .rinp p {
  color: #666;
  line-height: 2;
}

.recruom .recrtlis .ril .reconp .rules {
  width: 100%;
  position: relative;
  margin-top: 0.2rem;
  overflow: hidden;
}

.recruom .recrtlis .ril .reconp .rules:after {
  content: ' ';
  clear: both;
  height: 0;
  position: absolute;
}

.recruom .recrtlis .ril .reconp .rules .riem {
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

.recruom .recrtlis .ril .reconp .rules .riem .rit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
  font-family: 'Alibaba-PuHuiTi-Medium';
  margin-bottom: 0.25rem;
}

.recruom .recrtlis .ril .reconp .rules .riem .pul {
  width: 100%;
  color: #666;
  line-height: 1.75;
}

.recruom .recrtlis .ril .reconp .rules .riem .pul p {
  color: #666;
  line-height: 1.75;
}

.recruom .recrtlis .ril .reconp .rules .riem+.riem {
  margin-top: 0.4rem;
}

.recruom .recrtlis .ril .reconp .rob {
  width: 100%;
  font-size: 0;
  margin-top: 0.5rem;
}

.recruom .recrtlis .ril .reconp .rob a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  background-color: #fff;
  border: solid 1px var(--themes);
  padding: 0 0.4rem;
  line-height: 3;
  height: 3em;
  border-radius: 1.5em;
  color: var(--themes);
}

.recruom .recrtlis .ril .reconp .rob a span {
  display: inline-block;
  vertical-align: middle;
  background-color: var(--themes);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-left: 0.1rem;
  position: relative;
  top: -0.02rem;
}

.recruom .recrtlis .ril .reconp .rob a span img {
  width: 100%;
  display: block;
}

.recruom .recrtlis .ril .reconp .rob a span img:first-child {
  display: block;
}

.recruom .recrtlis .ril .reconp .rob a span img:last-child {
  display: none;
}

.recruom .recrtlis .ril .reconp .rob a:hover {
  background-color: var(--themes);
  color: #fff;
}

.recruom .recrtlis .ril .reconp .rob a:hover span {
  background-color: #fff;
}

.recruom .recrtlis .ril .reconp .rob a:hover span img:first-child {
  display: none;
}

.recruom .recrtlis .ril .reconp .rob a:hover span img:last-child {
  display: block;
}

.recruom .recrtlis .ril.show .ritle {
  background-color: #f7f7f7;
}

.recruom .recrtlis .ril.show .ritle .pim .xm:first-child {
  display: none;
}

.recruom .recrtlis .ril.show .ritle .pim .xm:last-child {
  display: block;
}

@media (max-width: 800px) {
  .recruom .recrtlis .ril .ritle .rd:nth-child(1) {
    width: calc(100% - 40% - 40px);
  }

  .recruom .recrtlis .ril .ritle .rd:nth-child(2) {
    width: 20%;
  }

  .recruom .recrtlis .ril .ritle .rd:nth-child(3) {
    display: none;
  }

  .recruom .recrtlis .ril .ritle .rd:nth-child(4) {
    width: 20%;
  }

  .recruom .recrtlis .ril .ritle .rd:nth-child(5) {
    display: none;
  }
}

.contacts {
  width: 100%;
  padding: 1rem 0;
}

.contacts .cits {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.45rem;
}

.contacts .contlis {
  width: 100%;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.8rem;
}

.contacts .contlis .cotim {
  display: inline-block;
  vertical-align: top;
  width: calc(500 / 1600 * 100%);
  margin-right: calc(49 / 1600 * 100%);
}

.contacts .contlis .cotim .vc {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
}

.contacts .contlis .cotim .vc img {
  width: 100%;
  display: block;
}

.contacts .contlis .cotim .lx {
  width: 100%;
  height: 2px;
  background-color: #f3f3f3;
  display: block;
  margin: 0.25rem 0;
}

.contacts .contlis .cotim .ek {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.contacts .contlis .cotim .km {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.4;
}

.contacts .contlis .cotim:nth-child(3n) {
  margin-right: 0;
}

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

.contacts .maps a {
  width: 100%;
  display: block;
}

.contacts .maps .map {
  width: 100%;
  display: block;
}

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

.contacts .maps .lox {
  position: absolute;
  width: 4.4rem;
  left: 0.6rem;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  border-radius: 0.1rem;
  padding: 0.46rem 0.3rem;
}

.contacts .maps .lox .vc {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
}

.contacts .maps .lox .vc img {
  width: 100%;
  display: block;
}

.contacts .maps .lox .lx {
  width: 100%;
  height: 2px;
  background-color: #f3f3f3;
  display: block;
  margin: 0.25rem 0;
}

.contacts .maps .lox .ek {
  width: 100%;
  color: #666;
  line-height: 1.5;
}

.contacts .maps .lox .km {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.4;
  margin-top: 0.04rem;
}

@media (max-width: 800px) {
  .contacts .maps .lox {
    position: relative;
    width: 100%;
    left: 0;
    padding: 0px 0 20px;
    top: 0;
    transform: translateY(0);
    background-color: transparent;
  }
}

.history {
  width: 100%;
  padding: 1rem 0;
  position: relative;
}

.history .yeomper {
  width: 100%;
  position: relative;
  padding: 0.6rem 0;
}

.history .yeomper .btn {
  display: block;
  margin: 0 auto;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  border: solid 1px var(--themes);
  background-color: #fff;
  cursor: pointer;
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
}

.history .yeomper .btn img {
  width: 100%;
  display: block;
}

.history .yeomper .btn img:first-child {
  display: block;
}

.history .yeomper .btn img:last-child {
  display: none;
}

.history .yeomper .btn:hover {
  background-color: var(--themes);
}

.history .yeomper .btn:hover img:first-child {
  display: none;
}

.history .yeomper .btn:hover img:last-child {
  display: block;
}

.history .yeomper .bl {
  left: 0rem;
}

.history .yeomper .br {
  right: 0rem;
}

.history .yeomper .swiper-slide {
  width: 100%;
}

.history .yeomper .swiper-slide .font {
  width: 100%;
  height: 1em;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  font-size: 1.5rem;
}

.history .yeomper .swiper-slide .font .fot {
  width: 100%;
  font-size: 0.72rem;
  font-weight: bold;
  color: #f3f3f3;
  line-height: 1.2;
}

.history .yeomper .swiper-slide .sim {
  width: 100%;
  color: #333;
  line-height: 2;
  text-align: center;
  margin-top: 0.2rem;
  transition: all ease 0.5s;
  opacity: 0;
}

.history .yeomper .swiper-slide-prev .font .fot {
  text-align: right;
}

.history .yeomper .swiper-slide-next .font .fot {
  text-align: left;
}

.history .yeomper .swiper-slide-active .font .fot {
  font-size: 1.5rem;
  color: var(--themes);
}

.history .yeomper .swiper-slide-active .sim {
  opacity: 1;
}

.history .yeras {
  width: 100%;
  position: relative;
}

.history .yeras:after {
  content: ' ';
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  top: 0.45rem;
  height: 2px;
  background-color: #e7e7e7;
}

.history .yeras .w1600 {
  position: relative;
  z-index: 2;
}

.history .yeras .yearper {
  width: 100%;
}

.history .yeras .yearper .swiper-slide {
  width: 100%;
  padding: 0.3rem 0;
  cursor: pointer;
}

.history .yeras .yearper .swiper-slide .sid {
  display: block;
  margin: 0 auto 0.14rem;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  border: dashed 1px var(--themes);
  transition: all ease 0.5s;
  background-color: #fff;
  border: dashed 1px transparent;
}

.history .yeras .yearper .swiper-slide .sid img {
  width: 100%;
  display: block;
}

.history .yeras .yearper .swiper-slide .sid img:first-child {
  display: none;
}

.history .yeras .yearper .swiper-slide .sid img:last-child {
  display: block;
}

.history .yeras .yearper .swiper-slide .vim {
  width: 100%;
  text-align: center;
  color: #666;
  line-height: 2;
}

.history .yeras .yearper .swiper-slide:hover .sid,
.history .yeras .yearper .swiper-slide.on .sid {
  background-color: transparent;
  border: dashed 1px var(--themes);
}

.history .yeras .yearper .swiper-slide:hover .sid img:first-child,
.history .yeras .yearper .swiper-slide.on .sid img:first-child {
  display: block;
}

.history .yeras .yearper .swiper-slide:hover .sid img:last-child,
.history .yeras .yearper .swiper-slide.on .sid img:last-child {
  display: none;
}

.history .yeras .yearper .swiper-slide:hover .vim,
.history .yeras .yearper .swiper-slide.on .vim {
  color: var(--themes);
  font-weight: bold;
}

.partner {
  width: 100%;
  padding: 1rem 0;
  background-color: #e5ebf4;
  position: relative;
  z-index: 2;
}

.partner .partper {
  width: 100%;
  padding-bottom: 0.4rem;
  overflow: hidden;
  position: relative;
}

.partner .partper .inner {
  width: 100%;
  position: relative;
  white-space: nowrap;
  font-size: 0;
}

.partner .partper .one {
  display: inline-block;
}

.partner .partper .list {
  width: auto;
}

.partner .partper .list .item:nth-child(2n) .parm {
  position: relative;
  left: calc((-150 / 1920) * 100vw);
}

.partner .partper .parm {
  width: calc((300 / 1920) * 100vw);
  display: inline-block;
  vertical-align: top;
  margin-right: calc((29 / 1920) * 100vw);
  margin-bottom: 0.3rem;
  white-space: normal;
  background-color: #fff;
  border-radius: 0.1rem;
}

.partner .partper .parm a {
  width: 100%;
  display: block;
}

.partner .partper .parm .imgs {
  width: 100%;
  overflow: hidden;
  display: block;
}

.partner .partper .parm .imgs .img {
  width: 100%;
  padding-top: 53.33%;
  transition: all ease 0.3s;
}

.partner .partper .parm:hover .imgs .img {
  transform: scale(1.1);
}

.partner:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 2rem;
  height: 100%;
  opacity: 1;
  transition: all ease 0.5s;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0), #e5ebf4);
}

.partner:after {
  content: '';
  display: block;
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  width: 2rem;
  height: 100%;
  opacity: 1;
  transition: all ease 0.5s;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), #e5ebf4);
}

@media (max-width: 800px) {
  .partner .partper .parm {
    width: 33vw;
  }
}

.contuem {
  width: 100%;
  padding: 1rem 0;
}

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

.contuem .copem .cpl {
  display: inline-block;
  vertical-align: middle;
  width: calc(900 / 1600 * 100%);
  position: relative;
  overflow: hidden;
}

.contuem .copem .cpl .img {
  width: 100%;
  padding-top: 66.66%;
}

.contuem .copem .cpr {
  display: inline-block;
  vertical-align: middle;
  width: calc(600 / 1600 * 100%);
}

.contuem .copem .cpr .cir {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.2;
}

.contuem .copem .cpr .lx {
  width: 0.4rem;
  height: 0.06rem;
  display: block;
  background-color: var(--themes);
  border-radius: 0.03rem;
  margin: 0.15rem 0 0.35rem;
}

.contuem .copem .cpr .dit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 0.2rem;
}

.contuem .copem .cpr .puls {
  width: 100%;
  font-size: 0;
}

.contuem .copem .cpr .puls .pli {
  width: 100%;
  font-size: 0;
  padding: 0.14rem 0;
}

.contuem .copem .cpr .puls .pli .pi {
  display: inline-block;
  vertical-align: middle;
  width: 0.31rem;
  height: 0.31rem;
  margin-right: 0.2rem;
}

.contuem .copem .cpr .puls .pli .pi img {
  width: 100%;
  display: block;
}

.contuem .copem .cpr .puls .pli .pm {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 0.51rem);
  color: #333;
  line-height: 1.5;
}

.contuem .copem .cpr .puls .pli .pm span {
  color: #666;
  line-height: 1.5;
}

.introduce {
  padding: 0.5rem 0;
}

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

.introduce .ducems .del {
  display: inline-block;
  vertical-align: middle;
  width: calc(652 / 1600 * 100%);
}

.introduce .ducems .del .imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.introduce .ducems .del .imgs .img {
  width: 100%;
  padding-top: 100%;
}

.introduce .ducems .der {
  display: inline-block;
  vertical-align: middle;
  width: calc(652 / 1600 * 100%);
}

.introduce .ducems .der .rid {
  width: 100%;
  color: #333;
  font-weight: bold;
  line-height: 1.3;
}

.introduce .ducems .der .lx {
  width: 0.4rem;
  height: 0.03rem;
  background-color: var(--themes);
  margin: 0.1rem 0 0.3rem;
}

.introduce .ducems .der .sinp {
  width: 100%;
  color: #333;
  line-height: 1.6;
}

.introduce .ducems .der .sinp p {
  color: #333;
  line-height: 1.6;
}