@charset "UTF-8";
.w1400 {
  width: 14rem;
  margin: 0 auto;
  position: relative;
  font-size: 0; }

@media (max-width: 1480px) {
  .w1400 {
    width: 90%; } }
@media (max-width: 800px) {
  .w1400 {
    width: 94%; } }
.w1000 {
  width: 10rem;
  margin: 0 auto;
  position: relative;
  font-size: 0;
  max-width: 100%; }

@media (max-width: 1020px) {
  .w1000 {
    width: 90%; } }
@media (max-width: 800px) {
  .w1000 {
    width: 94%; } }
.w1680 {
  width: 16.8rem;
  margin: 0 auto;
  position: relative;
  font-size: 0; }

@media (max-width: 1700px) {
  .w1680 {
    width: 90%; } }
@media (max-width: 800px) {
  .w1680 {
    width: 94%; } }
.w1320 {
  width: 13.2rem;
  margin: 0 auto;
  position: relative;
  font-size: 0; }

@media (max-width: 1400px) {
  .w1320 {
    width: 90%; } }
@media (max-width: 800px) {
  .w1320 {
    width: 94%; } }
:root {
  --themes: #062e62; }

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  transition: all ease 0.5s;
  background-color: transparent;
  border-bottom: solid 1px rgba(246, 246, 246, 0.15); }
  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: 23px;
      height: 40px; }
      header .rav .search .sc {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        position: absolute;
        left: 50%;
        top: 45%;
        transform: translate(-50%, -50%);
        z-index: 3; }
        header .rav .search .sc img {
          width: 100%;
          display: block; }
    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 .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 .rav .chosen {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      white-space: nowrap;
      margin-left: 0.3rem; }
      header .rav .chosen .ctn {
        display: inline-block;
        vertical-align: middle;
        width: auto; }
        header .rav .chosen .ctn a {
          display: inline-block;
          vertical-align: middle;
          width: auto;
          color: #fff;
          line-height: 1.5; }
          header .rav .chosen .ctn a .gc {
            display: inline-block;
            vertical-align: middle;
            width: 0.19rem;
            margin-right: 0.05rem;
            position: relative;
            top: -0.02rem; }
            header .rav .chosen .ctn a .gc img {
              width: 100%;
              display: block; }
        header .rav .chosen .ctn .lx {
          display: inline-block;
          vertical-align: middle;
          color: #fff;
          line-height: 1.5;
          position: relative;
          top: -0.02rem;
          margin: 0 0.12rem; }
      header .rav .chosen .ctn:last-child .lx {
        display: none; }
  header .logo {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    font-size: 0;
    white-space: nowrap; }
    header .logo .log {
      width: 1.55rem;
      display: inline-block;
      vertical-align: middle; }
      header .logo .log a, header .logo .log img {
        width: 100%;
        display: block; }
  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.1rem; }
        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/x1.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); }

@media (max-width: 800px) {
  header {
    background-color: var(--themes); }
    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(1000%) brightness(2000%); }
      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.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 {
      width: 100%;
      position: relative;
      overflow: hidden; }
      .banner .swiper-slide .imgs .img {
        width: 100%;
        padding-top: 49.47%; }
    .banner .swiper-slide .box {
      position: absolute;
      top: 50%;
      left: calc(200 / 1920 * 100%);
      transform: translateY(-50%);
      z-index: 3;
      width: 80%;
      max-width: 7rem;
      text-align: left; }
      .banner .swiper-slide .box .bit {
        width: 100%;
        color: #fff;
        line-height: 1.3;
        font-weight: bold;
        margin-bottom: 0.15rem;
        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;
          width: auto;
          display: inline-block; }
          .banner .swiper-slide .box .bit p:after {
            content: ' ';
            position: absolute;
            width: 100%;
            z-index: -1;
            height: 0.2rem;
            bottom: 0.05rem;
            left: 0;
            background-color: var(--themes); }
      .banner .swiper-slide .box .binp {
        width: 100%;
        color: #fff;
        line-height: 1.5;
        margin-top: 0.4rem;
        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 .binp p {
          color: #fff;
          line-height: 1.5; }
      .banner .swiper-slide .box .more {
        width: 100%;
        font-size: 0;
        margin-top: 0.8rem; }
        .banner .swiper-slide .box .more .mtn {
          display: inline-block;
          vertical-align: middle;
          width: auto;
          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 .mtn a {
            display: inline-block;
            vertical-align: middle;
            width: auto;
            color: #fff;
            background-color: var(--themes);
            padding: 0 0.65rem;
            line-height: 3;
            border: solid 1px var(--themes); }
          .banner .swiper-slide .box .more .mtn a:hover {
            background-color: #fff;
            color: var(--themes); }
    .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 .binp, .banner .swiper-slide-active .box .more .mtn {
    opacity: 1;
    transform: translate3d(0, 0, 0); }
  .banner .swiper-pagination {
    bottom: 0.45rem; }
  .banner .swiper-pagination-bullet {
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    opacity: 1;
    background-color: white;
    opacity: 1;
    border-radius: 50%;
    position: relative;
    margin: 0 0.25rem !important; }
    .banner .swiper-pagination-bullet:after {
      content: ' ';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 0.4rem;
      height: 0.4rem;
      border: solid 1px rgba(255, 255, 255, 0.6);
      border-radius: 50%;
      display: block;
      opacity: 0;
      transition: all ease 0.5s; }
  .banner .swiper-pagination-bullet-active {
    background-color: #fff; }
    .banner .swiper-pagination-bullet-active:after {
      opacity: 1; }

@media (max-width: 1480px) {
  .banner .swiper-slide .box {
    left: 5%; } }
@media (max-width: 800px) {
  .banner .swiper-slide .box {
    left: 3%; }
    .banner .swiper-slide .box .bit {
      font-size: 16px; }
    .banner .swiper-slide .box .binp {
      font-size: 12px; }
    .banner .swiper-slide .box .more .mtn {
      font-size: 12px; }
      .banner .swiper-slide .box .more .mtn a {
        font-size: 12px; }
  .banner .swiper-slide .imgs .img {
    padding-top: 65%; }
  .banner .swiper-pagination {
    bottom: 0.35rem; } }
footer {
  width: 100%; }
  footer .ftop {
    width: 100%;
    background-color: #062E62; }
  footer .fbot {
    width: 100%;
    background-color: #062E62;
    border-top: solid 1px rgba(246, 246, 246, 0.15); }
  footer .fob {
    width: 100%;
    padding: 0.3rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
    footer .fob .fm {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      color: #fff;
      line-height: 1.5; }
      footer .fob .fm a {
        color: #fff;
        line-height: 1.5;
        display: inline-block; }
      footer .fob .fm a:hover {
        color: #fff; }
  footer .fop {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    padding: 0.9rem 0; }
    footer .fop .flist {
      display: inline-block;
      vertical-align: top;
      width: calc(280 / 1400 * 100%);
      text-align: center;
      padding-right: 0.15rem; }
      footer .fop .flist .fit {
        width: 100%;
        font-size: 0;
        margin-bottom: 0.25rem; }
        footer .fop .flist .fit a {
          display: inline-block;
          vertical-align: middle;
          color: #fff;
          line-height: 1.4;
          font-weight: bold;
          transition: all ease 0.5s; }
        footer .fop .flist .fit a:hover {
          color: #fff; }
      footer .fop .flist .ful {
        width: 100%; }
        footer .fop .flist .ful a {
          width: 100%;
          display: inline-block;
          vertical-align: top;
          color: #fff;
          transition: all ease 0.5s;
          line-height: 2;
          line-height: 1.5;
          padding: 0.05rem 0; }
        footer .fop .flist .ful a:hover {
          color: #7b7878; 
          font-weight: 700;}
        footer .fop .flist .ful div {
          width: 100%;
          display: inline-block;
          vertical-align: middle;
          color: #53667c;
          line-height: 2;
          transition: all ease 0.5s; }

@media (max-width: 800px) {
  footer .fop {
    padding: 0px 0; }
    footer .fop .flist {
      width: 100%;
      text-align: left;
      border-bottom: solid 1px rgba(255, 255, 255, 0.15);
      position: relative; }
      footer .fop .flist .fit {
        width: 100%;
        margin-bottom: 0;
        padding: 0.25rem 0;
        margin-left: 0; }
        footer .fop .flist .fit a {
          font-size: 16px; }
      footer .fop .flist .ful {
        width: 100%;
        font-size: 0;
        padding-bottom: 0.15rem;
        display: none;
        height: auto; }
        footer .fop .flist .ful a {
          line-height: 2; }
    footer .fop .flist:last-child {
      border: none; }
    footer .fop .flist:first-child {
      border-top: none; }
    footer .fop .flist.has-ful:after {
      content: " ";
      display: inline-block;
      width: 12px;
      height: 7px;
      background-image: url("../images/x1.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 .fop .flist.has-ful.show:after {
      content: " ";
      transform: translateX(0) rotate(180deg); } }
.intros {
  width: 100%;
  padding: 1.2rem 0; }
  .intros .introm {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: calc(120 / 1920 * 100%); }
    .intros .introm .intl {
      display: inline-block;
      vertical-align: middle;
      width: calc(840 / 1920 * 100%); }
      .intros .introm .intl .int {
        width: 100%;
        color: #fff;
        font-weight: bold;
        line-height: 1.2;
        margin-bottom: 0.4rem; }
      .intros .introm .intl .sinp {
        width: 100%;
        color: #fff;
        line-height: 1.65; }
        .intros .introm .intl .sinp p {
          color: #fff;
          line-height: 1.65; }
      .intros .introm .intl .ptn {
        width: 100%;
        font-size: 0;
        margin-top: 0.8rem; }
        .intros .introm .intl .ptn .rc {
          display: inline-block;
          vertical-align: middle;
          width: 2.13rem;
          height: 2.13rem;
          cursor: pointer;
          position: relative; }
          .intros .introm .intl .ptn .rc .ic {
            position: absolute;
            z-index: 1;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            display: block; }
            .intros .introm .intl .ptn .rc .ic img {
              width: 100%;
              display: block; }
          .intros .introm .intl .ptn .rc .in1 {
            animation: cys1 2s linear 0s infinite; }
          .intros .introm .intl .ptn .rc .in2 {
            animation: cys1 2s linear 0.5s infinite; }
          .intros .introm .intl .ptn .rc .play {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 0.89rem;
            height: 0.89rem;
            z-index: 3;
            transition: all ease 0.5s; }
            .intros .introm .intl .ptn .rc .play img {
              width: 100%;
              display: block; }
@keyframes cys1 {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }
        .intros .introm .intl .ptn .rc:hover .play {
          transform: translate(-50%, -50%) scale(1.05); }
    .intros .introm .intr {
      display: inline-block;
      vertical-align: middle;
      width: calc(430 / 1920 * 100%);
      font-size: 0; }
      .intros .introm .intr .iteom {
        width: 100%;
        border-bottom: solid 1px rgba(255, 255, 255, 0.3);
        padding: 0.6rem 0.5rem 0.6rem 0; }
        .intros .introm .intr .iteom .xum {
          width: 100%;
          font-size: 0; }
          .intros .introm .intr .iteom .xum .LineNum {
            display: inline-block;
            vertical-align: middle;
            width: auto;
            color: #fff;
            font-weight: bold;
            line-height: 1.2; }
        .intros .introm .intr .iteom .xp {
          width: 100%;
          color: #fff;
          line-height: 1.5;
          margin-top: 0.15rem; }
          .intros .introm .intr .iteom .xp p {
            color: #fff;
            line-height: 1.5; }
      .intros .introm .intr .iteom:first-child {
        padding-top: 0; }
      .intros .introm .intr .iteom:last-child {
        padding-bottom: 0;
        border: none; }

.modular {
  width: 100%; }
  .modular .mitop {
    width: 100%;
    text-align: center;
    margin-bottom: 0.5rem; }
    .modular .mitop .mit {
      width: 100%;
      color: #222;
      font-weight: bold;
      line-height: 1.2; }

.procens {
  width: 100%;
  padding: 1rem 0 0.5rem; }
  .procens .propers {
    width: 100%;
    position: relative; }
    .procens .propers .btn {
      position: absolute;
      z-index: 3;
      top: 50%;
      transform: translateY(-50%);
      width: 0.52rem;
      height: 0.52rem;
      border-radius: 50%;
      background-color: #ececec;
      cursor: pointer; }
      .procens .propers .btn img {
        width: 100%;
        display: block; }
      .procens .propers .btn img:first-child {
        display: block; }
      .procens .propers .btn img:last-child {
        display: none; }
    .procens .propers .btn:hover {
      background-color: var(--themes); }
      .procens .propers .btn:hover img:first-child {
        display: none; }
      .procens .propers .btn:hover img:last-child {
        display: block; }
    .procens .propers .bl {
      left: -0.85rem; }
    .procens .propers .br {
      right: -0.85rem; }
    .procens .propers .swiper-slide {
      width: calc(312 / 1680 * 100%);
      display: inline-block;
      vertical-align: middle;
      margin-right: calc(11 / 1680 * 100%);
      position: relative;
      transition: all ease 0.5s; }
      .procens .propers .swiper-slide .pimc {
        width: 100%;
        position: relative;
        opacity: 1;
        transition: all ease 0.5s; }
        .procens .propers .swiper-slide .pimc .imgs {
          width: 100%;
          position: relative;
          overflow: hidden; }
          .procens .propers .swiper-slide .pimc .imgs .img {
            width: 100%;
            padding-top: 7.4rem; }
      .procens .propers .swiper-slide .bimc {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        opacity: 0;
        transition: all ease 0.5s; }
        .procens .propers .swiper-slide .bimc .imgs {
          width: 100%;
          position: relative;
          overflow: hidden; }
          .procens .propers .swiper-slide .bimc .imgs .img {
            width: 100%;
            padding-top: 7.4rem; }
        .procens .propers .swiper-slide .bimc .boom {
          position: absolute;
          z-index: 4;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          display: block;
          padding: 1rem 0.5rem; }
          .procens .propers .swiper-slide .bimc .boom .nt {
            width: 100%;
            color: #222;
            font-weight: bold;
            line-height: 1.2; }
          .procens .propers .swiper-slide .bimc .boom .np {
            width: 100%;
            color: #777;
            line-height: 1.5;
            margin-top: 0.2rem; }
            .procens .propers .swiper-slide .bimc .boom .np p {
              color: #777;
              line-height: 1.5; }
    .procens .propers .swiper-slide.on {
      width: calc(710 / 1680 * 100%); }
      .procens .propers .swiper-slide.on .pimc {
        opacity: 0; }
      .procens .propers .swiper-slide.on .bimc {
        opacity: 1; }
    .procens .propers .swiper-slide:last-child {
      margin-right: 0; }

@media (max-width: 800px) {
  .procens .propers .swiper-slide {
    width: 100%; }
    .procens .propers .swiper-slide .pimc {
      opacity: 0; }
    .procens .propers .swiper-slide .bimc {
      opacity: 1; }
  .procens .propers .btn {
    background-color: rgba(6, 46, 98, 0.5); }
  .procens .propers .bl {
    left: -0.1rem; }
  .procens .propers .br {
    right: -0.1rem; } }
.purpose {
  width: 100%;
  padding: 0.5rem 0 1rem; }
  .purpose .purper {
    width: 100%; }
    .purpose .purper .swiper-slide {
      width: 100%;
      background-color: #ededeb; }
      .purpose .purper .swiper-slide a {
        width: 100%;
        display: block; }
      .purpose .purper .swiper-slide .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .purpose .purper .swiper-slide .imgs .img {
          width: 100%;
          padding-top: 59.92%;
          transition: all ease 0.5s; }
      .purpose .purper .swiper-slide .pom {
        width: 100%;
        padding: 0.32rem; }
        .purpose .purper .swiper-slide .pom .pt {
          width: 100%;
          color: #222;
          font-weight: bold;
          line-height: 1.4; }
        .purpose .purper .swiper-slide .pom .pim {
          width: 100%;
          color: #666;
          line-height: 1.4;
          height: 2.8em;
          margin-top: 0.15rem; }
    .purpose .purper .swiper-slide:hover {
      background-color: var(--themes); }
      .purpose .purper .swiper-slide:hover .imgs .img {
        transform: scale(1.1); }
      .purpose .purper .swiper-slide:hover .pom .pim, .purpose .purper .swiper-slide:hover .pom .pt {
        color: #fff; }

.crumbs {
  width: 100%;
  border-bottom: solid 1px rgba(21, 21, 21, 0.35); }
  .crumbs .column {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 0; }
    .crumbs .column .colum {
      width: 100%;
      font-size: 0;
      display: inline-block;
      vertical-align: middle; }
      .crumbs .column .colum .home {
        display: inline-block;
        vertical-align: middle;
        width: .2rem;
        min-width: 18px;
        min-height: 18px;
        margin-right: .24rem;
        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: #333;
        line-height: .7rem; }
      .crumbs .column .colum a {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        color: #333;
        line-height: .7rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 25%; }
        .crumbs .column .colum a span {
          display: inline-block;
          color: #333;
          line-height: .7rem;
          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 {
        color: #333; }
        .crumbs .column .colum a:last-child span {
          display: none; }

.crumbs.white {
  background-color: #fff; }

@media (max-width: 800px) {
  .crumbs .w1400 {
    width: 100%; }
  .crumbs .column {
    flex-direction: column-reverse; }
    .crumbs .column .colum {
      border-bottom: solid 1px #eee; }
      .crumbs .column .colum a {
        line-height: 3.2; }
    .crumbs .column .cul {
      width: 100%; } }
.applicom {
  width: 100%;
  padding: 0.8rem 0; }
  .applicom .applom {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .applicom .applom .appl {
      display: inline-block;
      vertical-align: top;
      width: calc(340 / 1680 * 100%); }
      .applicom .applom .appl .alt {
        width: 100%;
        background-color: var(--themes);
        line-height: 1.5;
        color: #fff;
        padding: 0.15rem 0.3rem; }
      .applicom .applom .appl .prlist {
        width: 100%;
        overflow: hidden; }
        .applicom .applom .appl .prlist .pli {
          width: 100%;
          font-size: 0; }
          .applicom .applom .appl .prlist .pli .ns {
            width: 100%;
            font-size: 0;
            padding: 0.2rem 0.3rem; }
            .applicom .applom .appl .prlist .pli .ns .am {
              display: inline-block;
              vertical-align: middle;
              width: calc(100% - 20px - 0.1rem); }
              .applicom .applom .appl .prlist .pli .ns .am a {
                color: #222;
                line-height: 1.3;
                width: 100%;
                font-weight: bold;
                display: block; }
            .applicom .applom .appl .prlist .pli .ns .am:hover a {
              color: var(--themes); }
            .applicom .applom .appl .prlist .pli .ns .rc {
              display: inline-block;
              vertical-align: middle;
              width: 14px;
              margin-left: 0.1rem;
              display: none;
              cursor: pointer;
              transition: all ease 0.5s; }
              .applicom .applom .appl .prlist .pli .ns .rc span {
                display: inline-block;
                vertical-align: middle;
                width: 100%; }
              .applicom .applom .appl .prlist .pli .ns .rc span:first-child {
                display: inline-block; }
              .applicom .applom .appl .prlist .pli .ns .rc span:last-child {
                display: none; }
          .applicom .applom .appl .prlist .pli .puls {
            width: 100%;
            display: none;
            padding: 0.18rem 0.28rem; }
            .applicom .applom .appl .prlist .pli .puls .plc {
              width: 100%;
              padding: 0.1rem 0; }
              .applicom .applom .appl .prlist .pli .puls .plc .ts {
                width: 100%; }
                .applicom .applom .appl .prlist .pli .puls .plc .ts a {
                  display: inline-block;
                  vertical-align: middle;
                  width: 100%;
                  color: #888;
                  line-height: 1.5;
                  position: relative;
                  padding-left: 0.2rem; }
                .applicom .applom .appl .prlist .pli .puls .plc .ts a::after {
                  content: ' ';
                  position: absolute;
                  left: 0;
                  top: 50%;
                  transform: translateY(-50%);
                  width: 0.08rem;
                  height: 0.08rem;
                  border-radius: 50%;
                  background-color: #bbb; }
                .applicom .applom .appl .prlist .pli .puls .plc .ts a:hover {
                  color: var(--themes); }
                .applicom .applom .appl .prlist .pli .puls .plc .ts .em {
                  display: inline-block;
                  vertical-align: middle;
                  width: 12px;
                  margin-left: 0.1rem;
                  display: none;
                  cursor: pointer;
                  transition: all ease 0.5s; }
                  .applicom .applom .appl .prlist .pli .puls .plc .ts .em img {
                    display: inline-block;
                    vertical-align: middle;
                    width: 100%; }
                .applicom .applom .appl .prlist .pli .puls .plc .ts .xm {
                  width: 100%;
                  color: #888;
                  line-height: 1.5; }
                  .applicom .applom .appl .prlist .pli .puls .plc .ts .rg {
                    display: inline-block;
                    vertical-align: middle;
                    width: 7px;
                    margin-left: 0.1rem;
                    display: none;
                    cursor: pointer;
                    transition: all ease 0.5s; }
                    .applicom .applom .appl .prlist .pli .puls .plc .ts .rg span {
                      display: inline-block;
                      vertical-align: middle;
                      width: 100%; }
                    .applicom .applom .appl .prlist .pli .puls .plc .ts .rg span:first-child {
                      display: inline-block; }
                    .applicom .applom .appl .prlist .pli .puls .plc .ts .rg span:last-child {
                      display: none; }
                .applicom .applom .appl .prlist .pli .puls .plc .ts:hover a::after {
                  background-color: var(--themes); }
                .applicom .applom .appl .prlist .pli .puls .plc .ts:hover .xm {
                  color: var(--themes); }
                .applicom .applom .appl .prlist .pli .puls .plc .ts.active a::after {
                  background-color: var(--themes); }
                .applicom .applom .appl .prlist .pli .puls .plc .ts.active .xm {
                  color: var(--themes); }
                .applicom .applom .appl .prlist .pli .puls .plc .tuls {
                  width: 100%;
                  padding-left: 0.2rem;
                  margin-top: 0.15rem;
                  display: none; }
                  .applicom .applom .appl .prlist .pli .puls .plc .tuls .tli {
                    width: 100%;
                    font-size: 0;
                    padding: 0.05rem 0; }
                    .applicom .applom .appl .prlist .pli .puls .plc .tuls .tli a {
                      display: inline-block;
                      vertical-align: middle;
                      width: 100%;
                      color: #888;
                      line-height: 1.5;
                      position: relative;
                      padding-left: 0.2rem; }
                    .applicom .applom .appl .prlist .pli .puls .plc .tuls .tli a::after {
                      content: ' ';
                      position: absolute;
                      left: 0;
                      top: 50%;
                      transform: translateY(-50%);
                      width: 0.08rem;
                      height: 0.08rem;
                      border-radius: 50%;
                      background-color: #bbb; }
                    .applicom .applom .appl .prlist .pli .puls .plc .tuls .tli a:hover {
                      color: var(--themes); }
                    .applicom .applom .appl .prlist .pli .puls .plc .tuls .tli .em {
                      display: inline-block;
                      vertical-align: middle;
                      width: 12px;
                      margin-left: 0.1rem;
                      display: none;
                      cursor: pointer;
                      transition: all ease 0.5s; }
                      .applicom .applom .appl .prlist .pli .puls .plc .tuls .tli .em img {
                        display: inline-block;
                        vertical-align: middle;
                        width: 100%; }
                  .applicom .applom .appl .prlist .pli .puls .plc .tuls .tli:hover a::after {
                    background-color: var(--themes); }
                  .applicom .applom .appl .prlist .pli .puls .plc .tuls .tli.active a {
                    color: var(--themes); }
                  .applicom .applom .appl .prlist .pli .puls .plc .tuls .tli.active a::after {
                    background-color: var(--themes); }
              .applicom .applom .appl .prlist .pli .puls .plc + .plc {
                border-top: none; }
              .applicom .applom .appl .prlist .pli .puls .plc.has-tuls .ts .xm {
                width: calc(100% - 7px - 0.1rem);
                display: inline-block;
                vertical-align: middle; }
              .applicom .applom .appl .prlist .pli .puls .plc.has-tuls .ts .rg {
                display: inline-block;
                vertical-align: middle; }
              .applicom .applom .appl .prlist .pli .puls .plc.has-tuls.show .ts .am a {
                color: var(--themes); }
              .applicom .applom .appl .prlist .pli .puls .plc.has-tuls.show .ts .rg {
                transform: rotate(180deg); }
                .applicom .applom .appl .prlist .pli .puls .plc.has-tuls.show .ts .rg span:first-child {
                  display: none; }
                .applicom .applom .appl .prlist .pli .puls .plc.has-tuls.show .ts .rg span:last-child {
                  display: inline-block; }
          .applicom .applom .appl .prlist .pli.has-puls .ns .am {
            width: calc(100% - 14px - 0.1rem); }
          .applicom .applom .appl .prlist .pli.has-puls .ns .rc {
            display: inline-block;
            vertical-align: middle; }
          .applicom .applom .appl .prlist .pli.has-puls.show .ns {
            background-color: rgba(6, 46, 98, 0.05); }
            .applicom .applom .appl .prlist .pli.has-puls.show .ns .am a {
              color: var(--themes); }
            .applicom .applom .appl .prlist .pli.has-puls.show .ns .rc {
              transform: rotate(180deg); }
              .applicom .applom .appl .prlist .pli.has-puls.show .ns .rc span:first-child {
                display: none; }
              .applicom .applom .appl .prlist .pli.has-puls.show .ns .rc span:last-child {
                display: inline-block; }
          .applicom .applom .appl .prlist .pli.has-puls.onds .ns {
            background-color: rgba(6, 46, 98, 0.05); }
            .applicom .applom .appl .prlist .pli.has-puls.onds .ns .am a {
              color: var(--themes); }
          .applicom .applom .appl .prlist .pli + .pli {
            border-top: solid 1px rgba(0, 0, 0, 0.05); }
    .applicom .applom .appr {
      display: inline-block;
      vertical-align: top;
      width: calc(1280 / 1680 * 100%); }
      .applicom .applom .appr .aipt {
        width: 100%;
        text-align: center;
        color: #222;
        font-weight: bold;
        line-height: 1.2;
        margin-bottom: 0.45rem; }
      .applicom .applom .appr .apprlist {
        width: 100%;
        font-size: 0;
        display: flex;
        flex-wrap: wrap; }
        .applicom .applom .appr .apprlist .parm {
          display: inline-block;
          vertical-align: top;
          width: calc(400 / 1280 * 100%);
          margin-right: calc(39 / 1280 * 100%); }
          .applicom .applom .appr .apprlist .parm a {
            width: 100%;
            display: block;
            transition: all ease 0.5s; }
          .applicom .applom .appr .apprlist .parm .imgs {
            width: 100%;
            position: relative;
            overflow: hidden; }
            .applicom .applom .appr .apprlist .parm .imgs .img {
              width: 100%;
              padding-top: 100%;
              transition: all ease 0.5s; }
          .applicom .applom .appr .apprlist .parm .pom {
            width: 100%;
            padding: 0.3rem; }
            .applicom .applom .appr .apprlist .parm .pom .pt {
              width: 100%;
              color: #222;
              line-height: 1.4;
              text-align: center; }
            .applicom .applom .appr .apprlist .parm .pom .pim {
              width: 100%;
              color: #666;
              line-height: 1.4;
              min-height: 2.8em;
              margin-top: 0.1rem; }
        .applicom .applom .appr .apprlist .parm:nth-child(3n) {
          margin-right: 0; }
        .applicom .applom .appr .apprlist .parm:hover a {
          background-color: #ffffff;
          box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.08); }
        .applicom .applom .appr .apprlist .parm:hover .imgs .img {
          transform: scale(1.1); }

.maenavs {
  width: 100%;
  border-bottom: solid 1px #e5e5e5;
  box-sizing: border-box;
  padding-bottom: 1px; }
  .maenavs .maenav {
    width: 100%; }
    .maenavs .maenav .swiper-container {
      max-width: 16.8rem;
      margin: 0 auto;
      background-color: #fff;
      border-radius: 0.15rem;
      overflow: hidden; }
    .maenavs .maenav .swiper-wrapper.center {
      justify-content: center; }
    .maenavs .maenav .swiper-slide {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      margin: 0 0.2rem; }
      .maenavs .maenav .swiper-slide a {
        display: inline-block;
        vertical-align: middle;
        color: #222;
        line-height: 0.85rem;
        width: auto;
        transition: all ease 0.5s; }
        .maenavs .maenav .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;
          transition: all ease 0.5s; }
    .maenavs .maenav .swiper-slide.on a, .maenavs .maenav .swiper-slide:hover a {
      color: var(--themes); }
      .maenavs .maenav .swiper-slide.on a span, .maenavs .maenav .swiper-slide:hover a span {
        opacity: 1; }
  .maenavs .maenav.fixed {
    position: fixed;
    z-index: 20;
    left: 0;
    right: 0;
    background-color: #fff;
    border-bottom: solid 1px #e5e5e5; }

.procont {
  width: 100%;
  padding: 0.2rem 0; }
  .procont .piteom {
    width: 100%;
    padding: 0.5rem 0; }
    .procont .piteom .pitop {
      width: 100%;
      text-align: center;
      margin-bottom: 0.5rem; }
      .procont .piteom .pitop .pits {
        width: 100%;
        text-align: center;
        color: #222;
        font-weight: bold;
        line-height: 1.2; }
      .procont .piteom .pitop .pip {
        width: 100%;
        color: #777;
        line-height: 1.5;
        margin-top: 0.2rem;
        max-width: 12rem;
        display: block;
        margin: 0.2rem auto 0; }
        .procont .piteom .pitop .pip p {
          color: #777;
          line-height: 1.5; }
    .procont .piteom .apprlist {
      width: 100%;
      font-size: 0;
      display: flex;
      flex-wrap: wrap; }
      .procont .piteom .apprlist .parm {
        display: inline-block;
        vertical-align: top;
        width: calc(390 / 1680 * 100%);
        margin-right: calc(39 / 1680 * 100%);
        margin-bottom: 0.4rem; }
        .procont .piteom .apprlist .parm a {
          width: 100%;
          display: block;
          transition: all ease 0.5s; }
        .procont .piteom .apprlist .parm .imgs {
          width: 100%;
          position: relative;
          overflow: hidden; }
          .procont .piteom .apprlist .parm .imgs .img {
            width: 100%;
            padding-top: 114.03%;
            transition: all ease 0.5s; }
        .procont .piteom .apprlist .parm .pom {
          width: 100%;
          padding: 0.3rem; }
          .procont .piteom .apprlist .parm .pom .pt {
            width: 100%;
            color: #222;
            line-height: 1.4;
            text-align: center; }
          .procont .piteom .apprlist .parm .pom .pim {
            width: 100%;
            color: #666;
            line-height: 1.4;
            min-height: 2.8em;
            margin-top: 0.1rem;
            text-align: center; }
          .procont .piteom .apprlist .parm .pom .more {
            width: 100%;
            text-align: center;
            color: var(--themes);
            line-height: 1.5;
            margin-top: 0.22rem; }
      .procont .piteom .apprlist .parm:nth-child(4n) {
        margin-right: 0; }
      .procont .piteom .apprlist .parm:hover a {
        background-color: #ffffff;
        box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.08); }
      .procont .piteom .apprlist .parm:hover .imgs .img {
        transform: scale(1.1); }

.petails {
  width: 100%;
  padding: 1.4rem 0; }
  .petails .petaom {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row-reverse; }
    .petails .petaom .petl {
      display: inline-block;
      vertical-align: middle;
      width: calc(690 / 1400 * 100%); }
      .petails .petaom .petl .ptper {
        width: 100%;
        position: relative; }
        .petails .petaom .petl .ptper .swiper-slide {
          width: 100%;
          display: block;
          background-color: #fff;
          overflow: hidden; }
          .petails .petaom .petl .ptper .swiper-slide .imgs {
            width: 100%;
            position: relative;
            overflow: hidden; }
            .petails .petaom .petl .ptper .swiper-slide .imgs .img {
              width: 100%;
              padding-top: 100%; }
        .petails .petaom .petl .ptper .btn {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          z-index: 3;
          width: 0.52rem;
          height: 0.52rem;
          border-radius: 50%;
          background-color: #ececec;
          cursor: pointer; }
          .petails .petaom .petl .ptper .btn img {
            width: 100%;
            display: block; }
          .petails .petaom .petl .ptper .btn img:first-child {
            display: block; }
          .petails .petaom .petl .ptper .btn img:last-child {
            display: none; }
        .petails .petaom .petl .ptper .btn:hover {
          background-color: var(--themes); }
          .petails .petaom .petl .ptper .btn:hover img:first-child {
            display: none; }
          .petails .petaom .petl .ptper .btn:hover img:last-child {
            display: block; }
        .petails .petaom .petl .ptper .bl {
          left: 0; }
        .petails .petaom .petl .ptper .br {
          right: 0; }
    .petails .petaom .petr {
      display: inline-block;
      vertical-align: middle;
      width: calc(600 / 1400 * 100%); }
      .petails .petaom .petr .piv {
        width: 100%;
        color: #222;
        font-weight: bold;
        line-height: 1.2; }
      .petails .petaom .petr .pim {
        width: 100%;
        color: var(--themes);
        line-height: 1.5;
        margin: 0.06rem 0; }
      .petails .petaom .petr .ptmc {
        width: 100%;
        font-size: 0;
        margin-top: 0.1rem; }
        .petails .petaom .petr .ptmc .sp {
          display: inline-block;
          vertical-align: middle;
          background-color: var(--themes);
          color: #fff;
          line-height: 2.4;
          padding: 0 0.2rem;
          margin-right: 0.12rem;
          margin-bottom: 0.1rem; }
      .petails .petaom .petr .pinp {
        width: 100%;
        margin: 0.6rem 0;
        color: #666;
        line-height: 1.75; }
        .petails .petaom .petr .pinp p {
          color: #666;
          line-height: 1.75; }
      .petails .petaom .petr .pbper {
        width: 100%; }
        .petails .petaom .petr .pbper .swiper-slide {
          width: 100%;
          display: block;
          background-color: #fff;
          overflow: hidden;
          position: relative;
          cursor: pointer; }
          .petails .petaom .petr .pbper .swiper-slide .imgs {
            width: 100%;
            position: relative;
            overflow: hidden;
            background-color: #ffffff;
            border: solid 1px #e5e5e5; }
            .petails .petaom .petr .pbper .swiper-slide .imgs .img {
              width: 100%;
              padding-top: 100%; }
          .petails .petaom .petr .pbper .swiper-slide:after {
            content: ' ';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 0.03rem;
            background-color: var(--themes);
            opacity: 0;
            transition: all ease 0.5s; }
        .petails .petaom .petr .pbper .swiper-slide.on:after {
          opacity: 1; }

@media (max-width: 800px) {
  .petails .petaom .petr {
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    .petails .petaom .petr .pbper {
      order: 1; }
    .petails .petaom .petr .piv {
      order: 2; }
    .petails .petaom .petr .pim {
      order: 3; }
    .petails .petaom .petr .ptmc {
      order: 4; }
    .petails .petaom .petr .pinp {
      order: 5; } }
.others {
  width: 100%;
  padding: 0.8rem 0; }
  .others .othpers {
    width: 100%; }
    .others .othpers .swiper-container {
      padding: 0.2rem 0.05rem;
      box-sizing: border-box; }
    .others .othpers .swiper-slide {
      width: 100%;
      position: relative; }
      .others .othpers .swiper-slide a {
        width: 100%;
        display: block;
        transition: all ease 0.5s; }
      .others .othpers .swiper-slide .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .others .othpers .swiper-slide .imgs .img {
          width: 100%;
          padding-top: 88.51%;
          transition: all ease 0.5s; }
      .others .othpers .swiper-slide .pom {
        width: 100%;
        padding: 0.3rem; }
        .others .othpers .swiper-slide .pom .pt {
          width: 100%;
          color: #222;
          line-height: 1.4;
          text-align: center; }
        .others .othpers .swiper-slide .pom .pim {
          width: 100%;
          color: #666;
          line-height: 1.4;
          min-height: 2.8em;
          margin-top: 0.1rem;
          text-align: center; }
        .others .othpers .swiper-slide .pom .more {
          width: 100%;
          text-align: center;
          color: var(--themes);
          line-height: 1.5;
          margin-top: 0.22rem; }
    .others .othpers .swiper-slide:hover a {
      background-color: #ffffff;
      box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.08); }
    .others .othpers .swiper-slide:hover .imgs .img {
      transform: scale(1.1); }

.proters {
  width: 100%;
  padding: 1.2rem 0 0.7rem;
  background-image: linear-gradient(0deg, #daeaf1 0%, #f5fcfe 100%); }
  .proters .pervems {
    width: 100%; }
    .proters .pervems .swiper-container {
      padding-bottom: 0.5rem; }
    .proters .pervems .swiper-slide {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      flex-direction: row-reverse;
      align-items: center; }
      .proters .pervems .swiper-slide .pmkl {
        display: inline-block;
        vertical-align: middle;
        width: calc(630 / 1400 * 100%); }
        .proters .pervems .swiper-slide .pmkl .imgs {
          width: 100%;
          position: relative;
          overflow: hidden; }
          .proters .pervems .swiper-slide .pmkl .imgs .img {
            width: 100%;
            padding-top: 100%; }
      .proters .pervems .swiper-slide .pmkr {
        display: inline-block;
        vertical-align: middle;
        width: calc(650 / 1400 * 100%); }
        .proters .pervems .swiper-slide .pmkr .mits {
          width: 100%;
          color: #222;
          line-height: 1.3;
          opacity: 0;
          transform: translate3d(0, 25%, 0);
          transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }
          .proters .pervems .swiper-slide .pmkr .mits p {
            color: #222;
            line-height: 1.3; }
        .proters .pervems .swiper-slide .pmkr .minp {
          width: 100%;
          color: #666;
          line-height: 1.75;
          margin-top: 0.6rem;
          opacity: 0;
          transform: translate3d(0, 25%, 0);
          transition: opacity 1s ease-out 0.2s,transform 1s ease-out 0.2s,box-shadow .3s; }
          .proters .pervems .swiper-slide .pmkr .minp p {
            color: #666;
            line-height: 1.75; }
    .proters .pervems .swiper-slide-active .pmkr .mits, .proters .pervems .swiper-slide-active .pmkr .minp {
      opacity: 1;
      transform: translate3d(0, 0, 0); }
    .proters .pervems .swiper-pagination {
      bottom: auto;
      width: 10px;
      height: auto;
      left: 10px;
      top: 50%;
      transform: translate3d(0, -50%, 0); }
    .proters .pervems .swiper-pagination-bullet {
      background-color: rgba(34, 34, 34, 0.5);
      opacity: 1;
      margin: 5px 0; }
    .proters .pervems .swiper-pagination-bullet-active {
      background-color: #0c2038; }
    .proters .pervems .pagination {
      position: absolute;
      z-index: 3;
      left: -1rem;
      top: 50%;
      transform: translateY(-50%);
      width: 10px;
      text-align: center; }
      .proters .pervems .pagination .pm {
        display: block;
        margin: 10px auto;
        width: 8px;
        height: 8px;
        cursor: pointer;
        border-radius: 50%;
        background-color: rgba(34, 34, 34, 0.5); }
      .proters .pervems .pagination .pm.on {
        background-color: #222; }

@media (max-width: 1480px) {
  .proters .pervems .pagination {
    left: -0.5rem; } }
@media (max-width: 800px) {
  .proters .pervems {
    width: 92%;
    margin: 0 auto; }
    .proters .pervems .pagination {
      left: -0.05rem; } }
.newsom {
  width: 100%;
  padding: 0.8rem 0; }
  .newsom .neconts {
    width: 100%; }
    .newsom .neconts .nitom {
      width: 100%; }
      .newsom .neconts .nitom .nip {
        width: 100%;
        color: #222;
        font-weight: bold;
        line-height: 1.5;
        margin-bottom: 0.2rem; }
        .newsom .neconts .nitom .nip span {
          display: inline-block;
          vertical-align: middle;
          width: 0.1rem;
          height: 0.6rem;
          margin-right: 0.2rem;
          position: relative;
          top: -0.02rem;
          background-color: var(--themes); }
      .newsom .neconts .nitom .newlist {
        width: 100%;
        font-size: 0; }
        .newsom .neconts .nitom .newlist .nil {
          width: 100%;
          border-bottom: solid 1px rgba(21, 21, 21, 0.35);
          position: relative;
          top: 0;
          transition: all ease 0.5s; }
          .newsom .neconts .nitom .newlist .nil a {
            width: 100%;
            display: flex;
            align-items: center;
            padding: 0.2rem 0; }
          .newsom .neconts .nitom .newlist .nil .time {
            display: inline-block;
            vertical-align: middle;
            width: auto;
            color: #000;
            line-height: 1.5; }
          .newsom .neconts .nitom .newlist .nil .int {
            display: inline-block;
            vertical-align: middle;
            width: 85px;
            text-align: center;
            background-color: var(--themes);
            color: #fff;
            line-height: 2.2;
            margin: 0 0.22rem; }
          .newsom .neconts .nitom .newlist .nil .pm {
            display: inline-block;
            vertical-align: middle;
            flex: 1;
            color: #000;
            line-height: 1.5;
            max-height: 3em;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical; }
        .newsom .neconts .nitom .newlist .nil:hover {
          top: -0.06rem; }
        .newsom .neconts .nitom .newlist .nil:first-child {
          border-top: solid 1px rgba(21, 21, 21, 0.35); }
    .newsom .neconts .nitom + .nitom {
      margin-top: 0.8rem; }

.pages {
  width: 100%;
  padding: 0.22rem 0 0.25rem;
  font-size: 0;
  text-align: center;
  margin-top: 0.2rem; }
  .pages .page {
    display: inline-block;
    vertical-align: middle;
    width: 0.52rem;
    height: 0.52rem;
    line-height: 0.52rem;
    text-align: center;
    color: #666;
    border: solid 1px #dddddd;
    border-radius: 50%;
    margin: 0 0.05rem 0.1rem; }
  .pages .page.ltn {
    background-image: url("../images/bt1.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  .pages .page.rtn {
    background-image: url("../images/bt2.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  .pages .page.on {
    background-color: var(--themes);
    color: #fff;
    border: solid 1px var(--themes); }
  .pages .page.ltn:hover {
    background-image: url("../images/bt3.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border: solid 1px var(--themes); }
  .pages .page.on.ltn {
    background-image: url("../images/bt3.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border: solid 1px var(--themes); }
  .pages .page.on.rtn {
    background-image: url("../images/bt4.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border: solid 1px var(--themes); }
  .pages .page.rtn:hover {
    background-image: url("../images/bt4.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border: solid 1px var(--themes); }
  .pages .page.auto {
    width: auto;
    padding: 0 0.24rem; }
  .pages .page:hover {
    background-color: var(--themes);
    color: #fff;
    border: solid 1px var(--themes); }

@media (max-width: 900px) {
  .pages .page {
    width: 0.8rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 16px;
    margin: 0 0.1rem 0.1rem; } }
.netails {
  width: 100%;
  padding: 0.6rem 0 0; }
  .netails .vob {
    width: 100%;
    border-top: solid 1px #e8e8e8; }
  .netails .vims {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap; }
    .netails .vims .vitm {
      width: 50%;
      border-right: solid 1px #e8e8e8; }
      .netails .vims .vitm a {
        width: 100%;
        display: flex;
        align-items: center;
        padding: 0.45rem 0; }
      .netails .vims .vitm .ac {
        display: inline-block;
        vertical-align: middle;
        width: 9px; }
        .netails .vims .vitm .ac img {
          width: 100%;
          display: block; }
        .netails .vims .vitm .ac img:first-child {
          display: block; }
        .netails .vims .vitm .ac img:last-child {
          display: none; }
      .netails .vims .vitm .am {
        display: inline-block;
        vertical-align: middle;
        flex: 1;
        color: #111;
        line-height: 1.5;
        margin: 0 0.1rem; }
      .netails .vims .vitm .cc {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        color: #111;
        line-height: 1.5; }
    .netails .vims .vitm:hover .ac img:first-child {
      display: none; }
    .netails .vims .vitm:hover .ac img:last-child {
      display: block; }
    .netails .vims .vitm:hover .am {
      color: var(--themes); }
    .netails .vims .vitm:hover .cc {
      color: var(--themes); }
    .netails .vims .vitm:first-child {
      text-align: right; }
    .netails .vims .vitm:nth-child(2n) {
      border: none; }
  .netails .nevom {
    width: 100%;
    padding-bottom: 0.8rem; }
    .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: #666;
          line-height: 1.5;
          margin-right: 0.24rem; }
          .netails .nevom .nim .nml .vim span {
            display: inline-block;
            vertical-align: middle;
            width: 20px;
            margin-right: 0.1rem;
            position: relative;
            top: -0.02rem; }
            .netails .nevom .nim .nml .vim span img {
              width: 100%;
              display: block; }
      .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 .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: #717273;
      line-height: 1.8;
      padding-top: 0.7rem;
      border-top: solid 1px #e8e8e8;
      margin-top: 0.1rem; }
      .netails .nevom .ninp p {
        color: #717273;
        line-height: 1.8; }
  .netails .videoc {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 0.15rem;
    background-color: #000;
    margin-bottom: 0.6rem; }
    .netails .videoc .hei {
      width: 100%;
      padding-top: 56.25%; }
    .netails .videoc .vom {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 3; }

@media (max-width: 800px) {
  .netails .vims .vitm .ac {
    order: 1;
    margin: 0 0.2rem 0 0 !important; }
  .netails .vims .vitm .cc {
    order: 2;
    margin: 0 0.1rem; }
  .netails .vims .vitm .am {
    order: 3; } }
.contacts {
  width: 100%;
  padding: 0.8rem 0; }
  .contacts .ctop {
    width: 100%;
    margin-bottom: 0.5rem; }
    .contacts .ctop .cit {
      width: 100%;
      color: #222;
      font-weight: bold;
      line-height: 1.2; }
    .contacts .ctop .cip {
      width: 100%;
      color: #777;
      line-height: 1.3;
      margin-top: 0.1rem; }
  .contacts .form {
    width: 100%; }
    .contacts .form .row {
      width: 100%;
      font-size: 0; }
      .contacts .form .row .input {
        display: inline-block;
        vertical-align: middle;
        width: calc(470 / 1680 * 100%);
        margin-right: calc(134 / 1680 * 100%);
        margin-bottom: 0.25rem; }
        .contacts .form .row .input .inc {
          width: 100%;
          display: block;
          color: #333;
          border: none;
          border-bottom: solid 1px #e0e0e0;
          line-height: 3;
          height: 3em;
          background-color: transparent; }
      .contacts .form .row .input:nth-child(3n) {
        margin-right: 0; }
      .contacts .form .row .input.w100 {
        width: 100%;
        margin-right: 0; }
    .contacts .form .sub {
      width: 100%;
      font-size: 0;
      text-align: center;
      margin-top: 0.4rem; }
      .contacts .form .sub .stn {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        padding: 0 0.5rem;
        cursor: pointer;
        line-height: 3;
        height: 3em;
        background-color: var(--themes);
        border: none;
        color: #fff;
        position: relative;
        top: 0;
        transition: all ease 0.5s; }
      .contacts .form .sub .stn:hover {
        top: -0.1rem; }

.maps {
  width: 100%;
  position: relative; }
  .maps .map {
    width: 100%;
    display: block; }
    .maps .map img {
      width: 100%;
      display: block; }
  .maps .comx {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 8rem;
    width: auto;
    z-index: 3;
    border-radius: 0.1rem;
    background-color: #ffffff;
    box-shadow: -2px 4px 17px 1px rgba(34, 34, 34, 0.09);
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 100%; }
    .maps .comx .imgs {
      display: inline-block;
      vertical-align: middle;
      width: calc(310 / 800 * 100%);
      width: 3.1rem;
      position: relative;
      /* overflow: hidden;  */
    }
      .maps .comx .imgs .img {
        width: 100%;
        display: none;
        padding-top: 90.66%; }
      .maps .comx .imgs .pic {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        background-color: #fff;
        width: auto;
        padding: 0.05rem 0.2rem;
        display: inline-block;
        vertical-align: middle;
        line-height: 2;
        color: #000;
        white-space: nowrap;
        border-radius: 0.1rem 0.1rem 0 0; 
        border-radius: 0.1rem ; 
      }
    .maps .comx .rom {
      display: inline-block;
      vertical-align: middle;
      width: calc(489 / 800 * 100%);
      padding: 0.2rem 0.26rem; }
      .maps .comx .rom .pome {
        width: 100%; }
        .maps .comx .rom .pome .piv {
          width: 100%;
          color: #000;
          line-height: 1.3; }
        .maps .comx .rom .pome .imt {
          width: 100%;
          color: #000;
          line-height: 1.4; }
          .maps .comx .rom .pome .imt p {
            color: #000;
            line-height: 1.4; }
      .maps .comx .rom .pome + .pome {
        margin-top: 0.2rem; }

@media (max-width: 800px) {
  .maps .comx {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0, 0);
    border-radius: 0; }
    .maps .comx .imgs {
      width: 100%; }
      .maps .comx .imgs .img {
        padding-top: 50%; }
    .maps .comx .rom {
      width: 100%;
      padding: 0.3rem 3%; } }
.cuvnavs {
  width: 100%;
  padding: 0.8rem 0 0.8rem; }
  .cuvnavs .cuvnav {
    width: 100%; }
    .cuvnavs .cuvnav .swiper-wrapper.center {
      justify-content: center; }
    .cuvnavs .cuvnav .swiper-slide {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      position: relative; }
      .cuvnavs .cuvnav .swiper-slide a {
        display: inline-block;
        vertical-align: middle;
        background-color: #f3f5f5;
        border: solid 1px #d2d2d2;
        cursor: pointer;
        line-height: 3;
        height: 3em;
        color: #222;
        transition: all ease 0.5s;
        padding: 0 0.7rem; }
      .cuvnavs .cuvnav .swiper-slide span {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 2;
        width: 9px;
        transition: all ease 0.5s;
        opacity: 0; }
        .cuvnavs .cuvnav .swiper-slide span img {
          width: 100%;
          display: block; }
    .cuvnavs .cuvnav .swiper-slide + .swiper-slide {
      margin-left: 0.3rem; }
    .cuvnavs .cuvnav .swiper-slide.on span, .cuvnavs .cuvnav .swiper-slide:hover span {
      opacity: 1; }
    .cuvnavs .cuvnav .swiper-slide.on a, .cuvnavs .cuvnav .swiper-slide:hover a {
      background-color: var(--themes);
      border: solid 1px var(--themes);
      border-radius: 0 0 30px 0;
      color: #fff; }

.companys {
  width: 100%; }
  .companys .comts {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
    margin-bottom: -1.4rem; }
  .companys .coml {
    display: inline-block;
    vertical-align: middle;
    width: calc(640 / 1920 * 100%); }
    .companys .coml .imgs {
      width: 100%;
      position: relative;
      overflow: hidden; }
      .companys .coml .imgs .img {
        width: 100%;
        padding-top: 146.875%; }
  .companys .comr {
    display: inline-block;
    vertical-align: middle;
    width: calc(1280 / 1920 * 100%);
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    padding: 1rem; }
    .companys .comr .cinps {
      width: 100%;
      max-height: 4.5rem;
      overflow: auto;
      /*滚动条里面小方块*/
      /*滚动条里面轨道*/
      color: #666;
      line-height: 1.75; }
      .companys .comr .cinps::-webkit-scrollbar {
        width: 4px;
        height: 4px;
        scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
      .companys .comr .cinps::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 10px rgba(6, 46, 98, 0.7);
        background: rgba(6, 46, 98, 0.7);
        scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
      .companys .comr .cinps::-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); }
      .companys .comr .cinps p {
        color: #666;
        line-height: 1.75; }
  .companys .sctom {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 1.4rem;
    z-index: 2; }
    .companys .sctom .w1680 {
      position: relative;
      z-index: 4; }
    .companys .sctom .pgc {
      width: calc(640 / 1920 * 100%);
      position: absolute;
      z-index: 3;
      right: 0;
      bottom: 0;
      height: 100%;
      background-color: var(--themes); }
    .companys .sctom .sctolist {
      width: 100%;
      font-size: 0;
      display: flex;
      flex-wrap: wrap; }
      .companys .sctom .sctolist .sitm {
        display: inline-block;
        vertical-align: top;
        width: calc(336 / 1680 * 100%);
        cursor: pointer; }
        .companys .sctom .sctolist .sitm .somp {
          width: 100%;
          box-sizing: border-box;
          background-color: #ffffff;
          border: solid 1px #dddddd;
          transition: all ease 0.5s;
          padding: 0.5rem;
          height: 100%; }
          .companys .sctom .sctolist .sitm .somp .sic {
            display: block;
            width: 0.44rem;
            height: 0.44rem; }
            .companys .sctom .sctolist .sitm .somp .sic img {
              width: 100%;
              display: block; }
          .companys .sctom .sctolist .sitm .somp .xum {
            width: 100%;
            color: var(--themes);
            font-weight: bold;
            line-height: 1.2;
            margin: 0.3rem 0 0.2rem; }
          .companys .sctom .sctolist .sitm .somp .sim {
            width: 100%;
            color: #666;
            line-height: 1.5; }
            .companys .sctom .sctolist .sitm .somp .sim p {
              color: #666;
              line-height: 1.5; }
      .companys .sctom .sctolist .sitm:hover .somp {
        background-color: var(--themes);
        border: solid 1px var(--themes); }
        .companys .sctom .sctolist .sitm:hover .somp .sic img {
          filter: grayscale(1000%) brightness(2000%); }
        .companys .sctom .sctolist .sitm:hover .somp .xum {
          color: #fff; }
        .companys .sctom .sctolist .sitm:hover .somp .sim {
          color: #fff; }

@media (max-width: 800px) {
  .companys .comts {
    margin-bottom: 0; }
  .companys .coml {
    width: 100%; }
    .companys .coml .imgs .img {
      padding-top: 73.4375%; }
  .companys .comr {
    width: 100%;
    padding: 0.3rem 3%; }
    .companys .comr .cinps {
      max-height: 100%; }
  .companys .sctom {
    width: 100%;
    padding: 0.3rem 0 1rem; } }
.history {
  width: 100%;
  padding-bottom: 1.2rem;
  overflow: hidden; }
  .history .histper {
    width: 100%;
    position: relative; }
    .history .histper .btn {
      position: absolute;
      z-index: 3;
      top: 50%;
      transform: translateY(-50%);
      width: 0.52rem;
      height: 0.52rem;
      border-radius: 50%;
      background-color: #ececec;
      cursor: pointer;
      transition: all ease 0.5s; }
      .history .histper .btn img {
        width: 100%;
        display: block; }
      .history .histper .btn img:first-child {
        display: block; }
      .history .histper .btn img:last-child {
        display: none; }
    .history .histper .btn:hover {
      background-color: var(--themes); }
      .history .histper .btn:hover img:first-child {
        display: none; }
      .history .histper .btn:hover img:last-child {
        display: block; }
    .history .histper .bl {
      left: -0.75rem; }
    .history .histper .br {
      right: -0.75rem; }
    .history .histper .btn.swiper-button-disabled {
      opacity: 0.3; }
    .history .histper .swiper-slide {
      width: 100%;
      font-size: 0; }
      .history .histper .swiper-slide .xims {
        width: 100%;
        padding-top: 0.9rem;
        transition: all ease 0.5s;
        position: relative; }
      .history .histper .swiper-slide .lx {
        display: inline-block;
        vertical-align: top;
        width: 0.04rem;
        margin-right: 0.3rem; }
        .history .histper .swiper-slide .lx img {
          width: 100%;
          display: block; }
      .history .histper .swiper-slide .roms {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 0.04rem - 0.3rem); }
        .history .histper .swiper-slide .roms .year {
          width: 100%;
          color: #222;
          font-weight: bold;
          line-height: 1.2; }
        .history .histper .swiper-slide .roms .xd {
          width: 7px;
          height: 3px;
          background-color: var(--themes);
          margin: 0.1rem 0 0.26rem; }
        .history .histper .swiper-slide .roms .xinp {
          width: 100%;
          color: #777;
          line-height: 1.5;
          max-height: 4rem;
          overflow: auto;
          /*滚动条里面小方块*/
          /*滚动条里面轨道*/ }
          .history .histper .swiper-slide .roms .xinp::-webkit-scrollbar {
            width: 4px;
            height: 4px;
            scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
          .history .histper .swiper-slide .roms .xinp::-webkit-scrollbar-thumb {
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 10px rgba(6, 46, 98, 0.7);
            background: rgba(6, 46, 98, 0.7);
            scrollbar-arrow-color: rgba(0, 0, 0, 0.1); }
          .history .histper .swiper-slide .roms .xinp::-webkit-scrollbar-track {
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
            background: rgba(0, 0, 0, 0.1); }
          .history .histper .swiper-slide .roms .xinp p {
            color: #777;
            line-height: 1.5; }
    .history .histper .swiper-slide-active + .swiper-slide .xims {
      padding-top: 0; }
    .history .histper .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .xims {
      padding-top: 0; }

@media (max-width: 800px) {
  .history {
    padding-bottom: 0.6rem; }
    .history .histper {
      width: calc(100% - 1.1rem);
      margin: 0 auto; }
      .history .histper .bl {
        left: -0.6rem; }
      .history .histper .br {
        right: -0.6rem; } }
.cultrues {
  width: 100%;
  padding: 0.6rem 0; }
  .cultrues .cultm {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center; }
    .cultrues .cultm .cutl {
      display: inline-block;
      vertical-align: middle;
      width: calc(800 / 1680 * 100%); }
      .cultrues .cultm .cutl .imgs {
        width: 100%;
        position: relative;
        overflow: hidden; }
        .cultrues .cultm .cutl .imgs .img {
          width: 100%;
          padding-top: 69.78%; }
    .cultrues .cultm .cutr {
      display: inline-block;
      vertical-align: middle;
      width: calc(550 / 1680 * 100%); }
      .cultrues .cultm .cutr .xit {
        width: 100%;
        color: #222;
        font-weight: bold;
        line-height: 1.2;
        margin-bottom: 0.4rem; }
      .cultrues .cultm .cutr .culrlis {
        width: 100%; }
        .cultrues .cultm .cutr .culrlis .clum {
          width: 100%;
          background-color: #f3f5f5;
          padding: 0.14rem 0.3rem;
          color: #777;
          line-height: 1.5;
          border-left: solid 3px var(--themes); }
        .cultrues .cultm .cutr .culrlis .clum + .clum {
          margin-top: 0.12rem; }
      .cultrues .cultm .cutr .vots {
        width: 100%;
        font-size: 0;
        margin-top: 0.5rem; }
        .cultrues .cultm .cutr .vots .vtn {
          display: inline-block;
          vertical-align: middle;
          width: 0.38rem;
          margin-right: 0.12rem;
          margin-bottom: 0.12rem; }
          .cultrues .cultm .cutr .vots .vtn a, .cultrues .cultm .cutr .vots .vtn img {
            width: 100%;
            display: block; }

@media (max-width: 800px) {
  .cultrues .cultm .cutr .vots .vtn {
    width: 0.68rem;
    margin-right: 0.2rem;
    margin-bottom: 0.2rem; } }
.loners .swiper-pagination .swiper-pagination-bullet-active {
  position: relative; }
  .loners .swiper-pagination .swiper-pagination-bullet-active::before {
    content: ' ';
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: cys1 4s linear 0s infinite;
    background-image: url("/wp-content/uploads/2024/07/招聘_07.png");
    background-size: 100% 100%; }

@keyframes cys1 {
  0% {
    transform: translate(-50%, -50%) rotate(0); }
  100% {
    transform: translate(-50%, -50%) rotate(360deg); } }


/*弹出层相关*/
.c-btn{display: inline-block;vertical-align: top;font-size: 14px;color: #fff;line-height: 1.43;text-align: center;cursor: pointer;user-select: none;border: 1px solid transparent;border-radius: 4px;padding: 6px 12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.c-btn:hover{color: #fff;}
.c-blue{background-color: #0d6efd;border: 1px solid #0d6efd;}
.c-blue:hover{background-color: #0b5ed7;border-color: #0b5ed7;}
.c-white{background-color: #fff;border: 1px solid #dee2e6;color: #666;transition: all .3s;}
.c-white:hover,
.c-white:focus,
.c-white:active{color: #333;background-color:#e6e6e6;border-color:#adadad;}
.hn-tip{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;}
.hn-mask{width: 100%;height: 100%;position: fixed;left: 0;top: 0;visibility: hidden;opacity: 0;z-index: 987654321;background-color: rgba(0,0,0,0.1);transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-tip .hn-mask{background-color: transparent;}
.hn-msg{position: fixed;left: 50%;top: 50%;z-index: 987654321;max-width: 500px;transform: translate(-50%,-50%) scale(0.5);opacity: 0;visibility: hidden;font-size: 14px;color: #fff;background-color: rgba(0,0,0,0.6);border-radius: 2px;padding: 12px 25px;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-tip.show .hn-mask{visibility: visible;opacity: 1;}
.hn-tip.show .hn-msg{transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;}
.hn-load{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;}
.hn-load-cont{position: fixed;left: 50%;top: 50%;z-index: 987654321;max-width: 500px;transform: translate(-50%,-50%) scale(0.5);opacity: 0;visibility: hidden;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-load-icon{width: 32px;height: 32px;margin: 0 auto;background-image: url(../images/load.gif);background-repeat: no-repeat;background-position: 100% 100%;}
.hn-load-title{font-size: 14px;color: #333;text-align: center;margin-top: 10px;}
.hn-load.show .hn-mask{visibility: visible;opacity: 1;}
.hn-load.show .hn-load-cont{transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;}
.hn-confirm{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;border-radius: 2px 2px 0 0;}
.hn-confirm-dialog{width: auto;min-width: 300px;position: fixed;left: 0;top: 0;z-index: 987654321;transform: scale(0.5);opacity: 0;visibility: hidden;background-color: #fff;transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);}
.hn-confirm-title{padding: 0 80px 0 20px;height: 46px;line-height: 46px;border-bottom: 1px solid #f0f0f0;font-size: 14px;color: #333;overflow: hidden;cursor: move;user-select: none;}
.hn-confirm-cont{width: 100%;position: relative;padding: 20px;line-height: 24px;word-break: break-all;overflow: hidden;font-size: 14px;}
.hn-confirm-btns{text-align: right;padding: 0 15px 12px;user-select: none;font-size: 0;}
.hn-confirm-close{font-size: 16px;color: #666;position: absolute;right: 0;top: 0;line-height: 46px;width: 46px;text-align: center;cursor: pointer;font-weight: bold;transition: all .3s;user-select: none;}
.hn-confirm-close:hover{opacity: 0.7;}
.hn-confirm-btns .c-btn{margin-left: 10px;}
.hn-confirm-btns .c-btn:first-child{margin-left: 0;}
.hn-confirm.show .hn-mask{visibility: visible;opacity: 1;}
.hn-confirm.show .hn-confirm-dialog{transform: scale(1);opacity: 1;visibility: visible;}
.hn-html{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;border-radius: 2px 2px 0 0;}
.hn-html-dialog{width: auto;min-width: 300px;position: fixed;left: 0;top: 0;z-index: 987654321;transform: scale(0.5);opacity: 0;visibility: hidden;background-color: #fff;transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);}
.hn-html-title{padding: 0 80px 0 10px;height: 46px;line-height: 46px;border-bottom: 1px solid #f0f0f0;font-size: 14px;color: #333;overflow: hidden;cursor: move;user-select: none;}
.hn-html-cont{width: 100%;position: relative;padding: 10px;line-height: 24px;word-break: break-all;overflow: auto;font-size: 14px;}
.hn-html-close{font-size: 16px;color: #666;position: absolute;right: 0;top: 0;line-height: 46px;width: 46px;text-align: center;cursor: pointer;font-weight: bold;transition: all .3s;user-select: none;}
.hn-html-close:hover{opacity: 0.7;}
.hn-html.show .hn-mask{visibility: visible;opacity: 1;}
.hn-html.show .hn-html-dialog{transform: scale(1);opacity: 1;visibility: visible;}